

/*#################### #ESTRUTURA ####################*/

div#container {
	width: 970px;
	height: auto;
	margin: 0 auto;
	border: 0px solid #999;
}

div#header {
	position: relative;
	margin-top: 4em;
	padding-left: 3em;
	border: 0px solid #D72504;
	z-index: 10;
}

div#top_banner {
	border: 0px solid #E3A70F;
}

div.wrap {
	position: relative;
	border: 0px solid #0860de;
	z-index: 100;
}

div.wrap:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.content {
	width: 100%;
	clear: both;
	overflow: hidden;
	border: 0px solid #6f0699;
}

div.footer {margin-bottom: 3em;}

div.bottomline {
	padding: 0.5em 0 5em;
	font-size: 0.8em;
	text-align: center;
	color: #2079a8;
	letter-spacing: 0.125em;
	background: transparent url("../img/bottomline.gif") no-repeat center top;
}

/*#################### #LAYOUT ####################*/

/*########## #NAV RESTRITA ##########*/

ul.nav_restrita {
	height: 1%;
	overflow: hidden;
	border: 0px solid #D5006C;
}

ul.nav_restrita li {
	list-style-type:none;
	display: inline;
}

ul.nav_restrita a {
	margin-right: 1em;
}

ul.nav_restrita a:link,
ul.nav_restrita a:visited {
	height: 27px;
	float: left;
	text-indent: -9999em;
	color: #E6E6E6;
	text-decoration: none;
	background: no-repeat center;
	
}

ul.nav_restrita a:hover,
ul.nav_restrita a:focus,
ul.nav_restrita a:active {
	color: #6F0040;
}

ul.nav_restrita li#nav_rest_mont a:link, ul.nav_restrita li#nav_rest_mont a:visited {
	width: 90px;
	background-image: url("../img/nav_rest_mont.gif");
}


ul.nav_restrita li#nav_rest_mont a.inactive {border: 1px solid red; background-image: url("../img/nav_rest_mont_off.gif");}


ul.nav_restrita li#nav_rest_mont a:focus,
ul.nav_restrita li#nav_rest_mont a:hover,
ul.nav_restrita li#nav_rest_mont a:active,
ul.nav_restrita li#nav_rest_mont a.active {background-image: url("../img/nav_rest_mont_on.gif");}


ul.nav_restrita li#nav_rest_visu a:link, ul.nav_restrita li#nav_rest_visu a:visited {
	width: 99px;
	background-image: url("../img/nav_rest_visu.gif");
}
ul.nav_restrita li#nav_rest_visu a:focus,
ul.nav_restrita li#nav_rest_visu a:hover,
ul.nav_restrita li#nav_rest_visu a:active,
ul.nav_restrita li#nav_rest_visu a.active {background-image: url("../img/nav_rest_visu_on.gif");}

ul.nav_restrita li#nav_rest_visu a.inactive {background-image: url("../img/nav_rest_visu_off.gif");}


ul.nav_restrita li#nav_rest_fina a:link, ul.nav_restrita li#nav_rest_fina a:visited {
	width: 100px;
	background-image: url("../img/nav_rest_fina.gif");
}
ul.nav_restrita li#nav_rest_fina a:focus,
ul.nav_restrita li#nav_rest_fina a:hover,
ul.nav_restrita li#nav_rest_fina a:active,
ul.nav_restrita li#nav_rest_fina a.active {background-image: url("../img/nav_rest_fina_on.gif");}

ul.nav_restrita li#nav_rest_fina a.inactive {background-image: url("../img/nav_rest_fina_off.gif");}


/*########## #FORMULARIO RESTRITA ##########*/

div.formulario_restrita {
	padding-top: 0px;
	z-index: 100;
	border: 0px solid #19B876;
}

span.aba_restrita {
	float: right;
	clear: right;
	margin-bottom: 1em;
	border: 0px solid #999;
}

div.formulario_restrita div.formulario_restrita_forms {
	width: 538px;
	height: 135px;
	float: right;
	clear: both;
	overflow: hidden;
	margin-bottom: 2em;
	padding: 20px 35px;
	background: transparent url("../img/formulario_restrita.gif") no-repeat center bottom;
	border: 0px dotted #999;
}

span.aba_restrita a {
	clear: both;
	display: block;
	text-indent: -9999em;
	background: transparent no-repeat center;
}

span#aba_restrita_login a {
	width: 217px;
	height: 42px;
	background-image: url("../img/aba_restrita_login.gif");
}

span#aba_restrita_logout a {
	width: 158px;
	height: 38px;
	background-image: url("../img/aba_restrita_logout.gif");
}


div.formulario_restrita form {
	width: 48%;
	float: left;
	border: 0px solid #E20F69;
}

div.formulario_restrita form h1 {
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 0.125em;
	margin-left: 7em;
	margin-bottom: 1em;
	color: #2079A8;
}

div.formulario_restrita form label {
	width: 6em;
	color: #616161;
	padding-right: 1em;
	text-align: right;
	float: left;
}

div.formulario_restrita form input {
	width: 15.25em;
	margin-bottom: 0.5em;
}

div.formulario_restrita form p.esqueci_senha {
	display: block;
	margin-left: 7em;
	margin-bottom: 0.5em;
}

div.formulario_restrita form p.esqueci_senha a {
	text-decoration: none;
	color: #356F8F;
}

div.formulario_restrita form input.submit {
	width: 55px;
	height: 28px;
	padding-top: 28px;
	margin-left: 6.5em;
	background: transparent url("../img/submit.gif") no-repeat center;
	border: 0px solid #999;
}

/*########## #FASE01 ##########*/

div#aviso {
	position: absolute;
	top: 442px;
	left: 954px;
	width: 214px;
	height: 84px;
	text-indent: -9999em;
	background: transparent url("../img/aviso.gif") no-repeat center;
	z-index: 99;
}


div#fase01 button {
	width: 149px;
	height: 36px;
	margin: 20px 10px;
	text-indent: -9999em;
	float: right;
	background: transparent url("../img/bt_visualizar.gif") no-repeat center;
	border:0;
}

h1.passo {
	width: 115px;
	height: 64px;
	padding: 13px 0;
	padding-left: 55px;
	color: #2079a8;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	border: 0px solid #999;
}

h1.passo span {
	display: block;
	color: #616161;
	font-size: 0.9em;
	text-transform: lowercase;
}

h1.passo img,
h2.passo img {vertical-align: middle;}

div#passo01 h1.passo {background: url("../img/passo01_h1.gif") no-repeat center;}
div#passo02 h1.passo {float: left; background: url("../img/passo02_h1.gif") no-repeat center;}
div#passo03 h1.passo {width: 120px; height: 50px; padding-left: 65px; padding-right: 13px; background: url("../img/passo03_h1.gif") no-repeat center;}
fieldset.passo04 h1.passo {background: url("../img/passo04_h1.gif") no-repeat center;}
fieldset.passo05 h1.passo {width: 134px; height: 64px; background: url("../img/passo05_h1.gif") no-repeat center;}
div#fase04 h1.passo {width:130px; padding-left: 40px; background: url("../img/passo06_h1.gif") no-repeat center;}


h2.passo {
	width: 151px;
	padding: 10px;
	color: #616161;
	float: left;
	line-height: 1.25em;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	background: transparent url("../img/passo_h2.gif") no-repeat center;
}

div#passo01 {
	width: 320px;
	float: left;
	border: 0px solid #994424;
}

div#passo01 div.busque {
	width: 310px;
	height: 393px;
	padding: 20px 0;
	background:  url("../img/passo01.gif") no-repeat center;
	border: 0px solid #DA6214;
}

div#passo01 ul {
	width: 294px;
	height: 365px;
	margin: 0 auto;
	padding: 14px 0;
	overflow: auto;
	border: 0px dotted #1AC784;
}

div#passo01 ul li {
	list-style-type: none;
	text-align: left;
	overflow: hidden;
	vertical-align: bottom;
	border: 0px solid #951499;
}

div#passo01 ul li a {
	display: block;
	overflow: hidden;
	padding: 10px;
	text-decoration: none;
	border: 0px solid #D00031;
}

div#passo01 ul li a span.turma {color: #616161;}

div#passo01 ul li a:hover,
div#passo01 ul li a:focus,
div#passo01 ul li a:active,
div#passo01 ul li a.active {
	background-color: #C3D0DD;
}

div#passo01 ul li img {
	vertical-align: bottom;
	float: left;
	margin-right: 20px;
	border: 0px solid #999;
}

div#passo01 ul li em {
	display: block;
	font-style: normal;
	color: #2079a8;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
}

div#passo02 {
	width: 600px;
	float: right;
	border: 0px solid #999;
}

div#passo02 h1 {
	margin-bottom: 20px;
}

div#passo02 h2.passo {
	margin-left: 10px;
	margin-top: 32px;
}


div#passo03 {
	clear: both;
	overflow: hidden;
	padding-top: 2em;
	border: 0px solid #3092C7;
}

div#passo03 h2.passo {
	margin-top: 10px;
}

/*float: right;
margin-top: -80px;*/


div#scroll-container {
	width: 703px; 
	height: 140px; 
	float: right;
	margin-top: -80px;
	margin-right: 10px;
	overflow: scroll; 
	white-space: nowrap; 
	overflow-y: hidden; 
	position: relative;
	border: 0px solid green;
	background: transparent url("../img/scroll-container.gif") no-repeat center;
}

div#scroll-container ul {
  height: 60px;
  margin:0;
  margin-top:30px;
  padding:0 10px;
  list-style-type: none;
  border: 0px solid red;
}

div#scroll-container ul li {
	  margin: 4px 10px;
	  padding: 70px 5px;
	  cursor: move;
	  width: 102px;
	  text-align: center;    
	  position: relative;
	  display: inline; 
	  border: 0px solid #888;
	}


div#scroll-container ul span.btdel {
	position: absolute;	
	top: -10px;
	right: -10px;
	width: 24px;
	height: 24px;
	padding:1px 3px;
	font-size: 11px;
	text-indent: -9999em;
	cursor: pointer;
	background: transparent url("../img/del.png") no-repeat center;
	border: 0px solid red;
}

/*########## #FASE02 ##########*/

div#fase02 {
	width: 100%;
	border: 0px solid #98BD17;
}

div#fase02 div.flash {
	text-align: center;
	margin: 0 auto;
}

div#fase02 button {
	width: 149px;
	height: 36px;
	margin: 20px 10px;
	text-indent: -9999em;
	float: right;
	background: transparent url("../img/bt_finalizar.gif") no-repeat center;
	border:0;
}

/*########## #FASE03 ##########*/

div#fase03 {
	width: 100%;
	border: 0px solid #98BD17;
}

div#fase03 form fieldset {
	width: 40%;
	height: auto;
	float: left;
	border: 0px dotted #999;
}

div#fase03 form fieldset.passo04 {margin-right: 8em;}

div#fase03 form fieldset.passo05 {
	width: 50%;
}

div#fase03 form p {
	margin: 1em 0;
}

div#fase03 form fieldset fieldset {
	width: auto;
}

div#fase03 form fieldset fieldset label {color: #356F8F;}

div#fase03 form fieldset fieldset .checkbox {
	vertical-align: text-top;
	margin-right: 1em;
}

div#fase03 form label {
	display: block;
}

div#fase03 form input.text {
	width: 40em;
	margin-bottom: 1em;
}

div#fase03 form textarea {
	width: 40.5em;
	margin-bottom: 1em;
	text-align: left;
}

div#fase03 form input.submit {
	width: 116px;
	height: 35px;
	padding-top: 35px;
	background: transparent url("../img/submit_enviar.gif") no-repeat center;
	border: 0;
}

div#fase03 form fieldset.passo04 p {
	width: 294px;
	height: 76px;
	padding: 35px 30px;
	font-size: 1.4em;
	color: #4b5b61;
	line-height: 1.5em;
	background: transparent url("../img/passo05_texto.gif") no-repeat center;
	border: 0px solid #E6A517;
}

div#fase03 form fieldset.passo04 fieldset.radiocheckbox label {
	width: 354px;
	height: 20px;
	padding: 15px 0px;
	font-size: 1.1em;
	text-align: center;
	background: transparent url("../img/passo04_checkbox.gif") no-repeat center;
	border: 0px solid #999;
}

/*########## #FASE04 ##########*/

div#fase04 {
	width: 99%;
	height: 100px;
	padding: 2em 0;
	border: 0px dotted #999;
}

div#fase04 h1.passo {
	margin: 0 auto;
}

/*########## #FASE SENHA ##########*/


div#fasesenha {
	width: 276px;
	height: 122px;
	overflow: hidden;
	clear: both;
	margin: 6em auto;
	padding: 30px 35px;
	background: transparent url("../img/formulario_senha.gif") no-repeat top center;
	border: 0px solid #999;
}

div#fasesenha form h1 {
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 0.125em;
	margin-bottom: 1em;
	color: #2079A8;
}

div#fasesenha form label {
	width: 6em;
	color: #616161;
	padding-right: 1em;
	text-align: right;
	float: left;
}

div#fasesenha form input {
	width: 15.25em;
	margin-bottom: 0.5em;
}

div#fasesenha form p {
	margin-bottom: 1em;
}

div#fasesenha form input.submit {
	width: 55px;
	height: 28px;
	margin-left: 6.5em;
	text-indent: -9999em;
	background: transparent url("../img/submit.gif") no-repeat center;
	border:0;
}

/*########## #HOME ##########*/

div#wrap_home {
	width: 95%;
	margin: 0 auto;
	border: 0px solid #999;
}

div#wrap_home div.col {
	width: 45%;
	float: left;
	border: 0px solid #99A736;
}

div#wrap_home div.col02 {
	float: right;
}

div#wrap_home div.col img {
	float: left;
	margin-right: 1em;
}

div#wrap_home div.col h1 {
	color:#2079A8;
	display:block;
	font-size: 1.1em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom: 0.5em;
}

div.wrap span.leia_mais a {
	width: 74px;
	height: 19px;
	float: right;
	margin-top: 1em;
	text-indent: -9999em;
	background: transparent url("../img/leia_mais.gif") no-repeat center;
}

div#wrap_home div.col02 span.leia_mais a {background: transparent url("../img/veja_mais.gif") no-repeat center;}

/*########## #CELEBRATE ##########*/

div#wrap_celebrate div.conceitos {
	margin: 1em auto;
	margin-bottom: 3em;
	padding-bottom: 3em;
	overflow: hidden;
	background: transparent url("../img/bottomline.gif") no-repeat center bottom;
	border: 0px solid #998540;
}

div#wrap_celebrate div.col {
	width: 30%;
	float: left;
	margin: 0 1.6%;
	border: 0px solid #999;
}

div#wrap_celebrate div.col img {
	margin-bottom: 1em;
}

div#wrap_celebrate h1 {
	color:#2079A8;
	display:block;
	font-size: 1.1em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin-bottom: 0.5em;
}

div#wrap_celebrate h1 span {
	margin-left: 0.5em;
	padding-left: 1em;
	color: #616161;
	font-size: 0.9em;
	text-transform: none;
	background: transparent url("../img/bar_h1.gif") no-repeat center left;
}

div#wrap_celebrate div.imagens {
	overflow: hidden;
	border: 0px solid #999;
}

div#wrap_celebrate div.imagens a {
	width: 204px;
	height: 191px;
	float: left;
	margin: 1em 0.8em;
	padding: 6px 10px 11px 6px;
}

div#wrap_celebrate div.imagens a:link,
div#wrap_celebrate div.imagens a:visited {
	background: transparent url("../img/espaco_border.jpg") no-repeat center;
	border: 0px solid #999;
}

div#wrap_celebrate div.imagens a:hover,
div#wrap_celebrate div.imagens a:focus,
div#wrap_celebrate div.imagens a:active {
	background: transparent url("../img/espaco_border_on.jpg") no-repeat center;
}

/*########## #FORMATURA ##########*/

div#wrap_formatura {
	width: 95%;
	height: auto;
	margin: 0 auto;
}

div#wrap_formatura div.col {
	width: 300px;
	height: auto;
	border: 0px solid #4E8399;
}

div#wrap_formatura div.flash {
	width: 586px;
	height: 392px;
	float: right;
	border: 0px solid #994561;
}

div#wrap_formatura h1 {
	color:#2079A8;
	display:block;
	font-size: 1.1em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom: 0.5em;
}

div#wrap_formatura p {
	margin: 1.7em 0px;
}

div#wrap_formatura blockquote {
	width: 274px;
	height: 81px;
	text-indent: -9999em;
	background: transparent url("../img/formatura_blockquote.gif") no-repeat center;
	border: 0;
}

/*########## #SERVICOS ##########*/


div#wrap_servicos {
	width: 98%;
	margin: 0 auto;
	border: 0px solid #998540;
}

div#wrap_servicos h1 {
	color:#2079A8;
	display:block;
	margin-left: 18px;
	font-size: 1.1em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom: 0.5em;
}

div#wrap_servicos div.col {
	width: 30%;
	float: left;
	margin: 0 1.5%;
	border: 0px solid #999;
}

/*########## #CONTATO ##########*/

div#wrap_contato {
	width: 95%;
	margin: 0 auto;
	border: 0px solid #999;
}

div#wrap_contato h1 {
	color:#2079A8;
	display:block;
	font-size: 1.1em;
	font-weight:normal;
	text-transform:uppercase;
	
}

div#wrap_contato div.col01 {
	width: 480px;
	float: right;
	border: 0px solid #714799;
}

div#wrap_contato div.col02 {
	width: 400px;
	float: left;
	border: 0px solid #839960;
}

div#wrap_contato div.col02 div.vcard {margin: 1em 0px; border: 0px solid #999;}

div#wrap_contato div.col02 div.vcard span.tel {display: block;}

div#wrap_contato div.col02 div.vcard div.adr,
div#wrap_contato div.col02 div.vcard a.email {display: block; margin: 0.5em 0; text-decoration: none;}

div#wrap_contato div.col02 div.mapa {}

div#wrap_contato div.col02 h1 {margin-bottom: 0.5em;}

div#wrap_contato form {margin: 2em 0px;}

div#wrap_contato form label {
	display: block;
	color: #616161;
	padding-right: 1em;
}

div#wrap_contato form input {
	width: 41em;
	margin-bottom: 1em;
}

div#wrap_contato form textarea {width: 41.5em; margin-bottom: 1em;}

div#wrap_contato form input.submit {
	width: 116px;
	height: 35px;
	float: right;
	padding-top:35px;
	text-indent: -9999em;
	background:transparent url("../img/submit_enviar.gif") no-repeat scroll center center;
	border:0 none;
}


ul#menu {
	height: auto;
	margin: 0.5em 0;
	padding: 0.25em;
	text-align: center;
	list-style-type:none;
	overflow: hidden;
	border: 0px solid #BD4E7D;
}


ul#menu li {
	display: inline;
	margin: 0 0em;
}

ul#menu li a {
	padding: 0.25em 0.75em 0.25em 0.5em;
	text-decoration: none;
	background: transparent url("../img/bar_h1.gif") no-repeat right -0.5em;
	border: 0px solid #999;
}

ul#menu li a:link,
ul#menu li a:visited {
	color: #6E797E;
}

ul#menu li a:focus,
ul#menu li a:hover,
ul#menu li a:active {
	text-decoration: none;
	color: #2079a8;
}

ul#menu li a.active {color: #E68701!important; font-weight: bold!important;}
ul#menu li.last a {background-image: none;}



















