@import url("fonts.css");

/* ******** FONTES 

dosisextrabold
dosissemibold
dosisregular
mr_canfieldsregular
ralewayregular
ralewaysemibold

*************** */

*{margin:0px; padding:0px;}
body{color:#59595b; font:14px/18px "ralewayregular";}

section{width:100%; float:left; clear:both; padding:0px 0px 35px 0px;}
article{width:100%; float:left; clear:both;}
.ocultar{position:absolute; top:-99999px; left:0px;}
.center{max-width:960px; margin:0px auto; padding:0px 20px;}
.container{max-width:960px; margin:0px auto; padding:0px 20px;}

p{padding:0px; margin:0px 0px 15px 0px;}

a{text-decoration:none; color:#59595b;}
a:hover{color:#000;}

h1{font:83px/80px 'mr_canfieldsregular'; color:#467142; text-align:center; padding:0px; margin:0px;}
h2{font:20px/25px 'dosissemibold'; color:#9eb449; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase;}

.txt-big{font:21px/28px 'ralewaysemibold'; margin:0px 0px 35px 0px;}

.hr{max-width:720px; display:block; margin:0px auto 35px auto; position:relative; clear:both;}
.hr .linha01{width:94%; height:2px; display:block; background-color:#d1dbd0; margin:0px auto 5px auto;}
.hr .linha02{width:80%; height:2px; display:block; background-color:#e7ecd1; margin:0px auto;}

.list-geral{margin:0px 0px 25px 0px; padding:0px;}
.list-geral li{margin:0px; padding:0px 0px 0px 15px; margin:0px 0px 10px 0px; list-style:none; background:url(../image/circ-list.png) no-repeat 0px 6px;}

#bg-alert02{width:100%; height:100%; position: fixed; top:0px; left:0px; display:none; background:#000;  opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); z-index:99999;}
.chamada-politica-privacidade‎{color:#FFF;}
.politica-privacidade{max-width:360px; padding:20px; position:fixed; top:50%; left:50%; margin:-320px 0px 0px -200px; background:#FFF; z-index:99999; display:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.politica-privacidade .close-politica-privacidade{color:#FFF; position:absolute; right:0px; top:-25px; cursor:pointer; font-size:18px;}

/* ***************
HEADER
*************** */

header{width:100%; height:99px; margin:0px 0px 35px 0px; background:url(../image/bg-header.png) no-repeat center top;}
header .logo{display:block; float:left; margin:17px 0px 0px 0px;}
header .voltar{float:right; margin:60px 0px 0px 0px; color:#467243;}
header .voltar:hover{color:#467243; font-family:'ralewaysemibold';}

/* ***************
FOOTER
*************** */
footer{width:100%; float:left; clear:both; background:#2e4a2c; color:#FFF; padding:25px 0px;}
footer .center{position:relative;}
footer .telefone{color:#9eb449; font:16px 'dosissemibold';}
footer .telefone strong{font-size:26px;}
footer .rede-sociais{position:absolute; top:15px; right:0px; color:#9eb449;}
footer .rede-sociais .facebook{width:32px; height:32px; display:inline-block; margin:0px 0px 0px 10px; background:url(../image/icon-facebook.png) no-repeat 0 0;}
footer .rede-sociais .youtube{width:32px; height:32px; display:inline-block; margin:0px 0px 0px 10px; background:url(../image/icon-youtube.png) no-repeat 0 0;}

/* ***************
MATRÍCULAS
*************** */
.matriculas{text-align:center; background:url(../image/bg-informativo.png) no-repeat center 350px;}
.matriculas .form-matricula{width:100%; float:left; padding:10px; clear:both; background:#DADADA; margin:0px 0px 50px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-matricula h2{text-align:center; padding:15px 35px 0px 35px; margin:0px 0px 25px 0px; color:#59595b; font-size:18px;}
.matriculas .form-matricula .box01{width:50%; float:left; position:relative; margin:0px 0px 15px 0px; padding:0px 10px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-matricula .box02{width:50%; float:right; position:relative; margin:0px 0px 15px 0px; padding:0px 10px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-matricula .box03{width:100%; float:left; clear:both; position:relative; margin:0px 0px 15px 0px; padding:0px 10px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-matricula .box03 .submit01{display:inline-block;}

.matriculas .input01{width:100%; padding:15px; margin:0px; border:0px; color:#59595b; font:14px "ralewayregular"; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .select01{width:100%; padding:15px; margin:0px; border:0px; color:#59595b; font:14px "ralewayregular"; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .submit01{padding:15px 35px; border:0px; font-family:'dosissemibold'; color:#FFF; background:#96B53D; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.matriculas .submit02{padding:15px 35px; border:0px; font-family:'dosissemibold'; color:#FFF; background:#477242; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.matriculas .box-info{width:50%; float:left; position:relative; padding:0px 70px 0px 70px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .doc-rematricula,
.matriculas .mat-didatico{height:160px; margin:50px 0px 0px 0px;}

.matriculas .box-info h2{font-size:20px; color:#59595b; position:relative;} 
.matriculas .box-info h2 span{position:absolute; left:-70px; top:-15px;}

.matriculas .form-cadastro{width:100%; float:left; padding:25px 10px 10px 10px; margin:35px 0px 0px 0px; clear:both; background:#DADADA; margin:0px 0px 50px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-cadastro .coluna-a{width:50%; float:left;}
.matriculas .form-cadastro .coluna-b{width:50%; float:left; padding:0px 0px 0px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.matriculas .form-cadastro .box01{width:100%; float:left; position:relative; margin:0px 0px 15px 0px; padding:0px 10px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.matriculas .material{width:100%;}
.matriculas .material .list-download{width:100%; float:left; clear:both; padding:25px 0px 35px 0px;}
.matriculas .material .list-download li{width:70px; margin:0px 21px 0px 0px; padding:0px; list-style:none; float:left; text-align:center;}
.matriculas .material .list-download li span{width:70px; padding:30px 0px 20px 0px; margin:0px 0px 5px 0px; text-align:center; display:block; clear:both; font:15px 'dosissemibold'; color: #96B53D; background:url(../image/icon-material.png) no-repeat 0 0;}

.matriculas label.error{background:#F60; font-size:12px; color:#FFF; position:absolute; left:23px; padding:0px 5px; bottom:-8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

@media screen and (max-width: 880px) {
	.matriculas .form-matricula .box01{width:100%;}
	.matriculas .form-matricula .box02{width:100%;}
	.matriculas .box-info{width:100%;}
	.matriculas .form-cadastro .coluna-a{width:100%; margin:0px 0px 25px 0px;}
	.matriculas .form-cadastro .coluna-b{width:100%; padding:0px;}
}


/* ***************
NOTICIA
*************** */
#noticia{position:relative;}
#noticia article{width:100%; padding:0px 300px 0px 0px; text-align:justify; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#noticia article h1{font:23px/30px 'dosissemibold'; color:#9eb449; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase; text-align:left;}
#noticia article .hr{margin:0px;}
#noticia article .hr .linha01,
#noticia article .hr .linha02{margin:0px 0px 3px 0px;}
#noticia article .data{font:18px/30px 'dosisregular'; color:#59595b; margin:0px 0px 10px 0px; padding:5px 0px 0px 0px; text-transform:uppercase; text-align:left;}
#noticia article figure{width:100%; float:left; margin:0px 0px 20px 0px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#noticia article figure img{float:left;}
#noticia article div.conpartilhar {float:left; clear:both; background:#EAEAEA; padding:0px 10px 0px 0px; margin:20px 0px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#noticia article div.conpartilhar span{display:block; float:left; padding:14px 5px 11px 10px; font-size:12px;}
#noticia article div.conpartilhar a{margin:10px 5px; display:block; float:left;}
#noticia article div.conpartilhar a img{float:left;}

#noticia aside{width:250px; position:absolute; top:0px; right:0px;}
#noticia aside h1{font:23px/30px 'dosissemibold'; color:#59595b; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase; text-align:left;}
#noticia aside .hr{margin:0px;}
#noticia aside .hr .linha01,
#noticia aside .hr .linha02{margin:0px 0px 3px 0px;}
#noticia aside ul{margin:0px; padding:0px; list-style:none;}
#noticia aside ul li{margin:0px; padding:0px; border-bottom:1px solid #F2F2F2; text-transform:uppercase;}
#noticia aside ul li a{display:block; padding:15px; margin:0px;}
#noticia aside ul li:hover a{background:#F7F7F7;}
#noticia aside ul li.ativo a{background:#DCEDEB; color:#2e4a2c;}


@media screen and (max-width: 790px) {
	#noticia article{padding:0px 20px; margin:0px 0px 35px 0px; clear:both;}
	#noticia aside{width:100%; padding:0px 20px; position:relative; top:0px; right:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}


/* ***************
ÁREA RESTRITA
*************** */
.box-login{width:33.3%; padding:35px 20px 0px 20px; margin:0px auto; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box-login figure{display:inline-block; clear:both; margin:0px 0px 25px 0px;}
.box-login .btn-acessar{display:inline-block; padding:10px 25px; color:#FFF; background:#59595b; clear:both; font-family:'ralewaysemibold';  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.box-login form{width:100%; padding:20px; margin:0px 0px 35px 0px; float:left; clear:both; background:#F3F3F3; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box-login form div{width:100%; float:left; clear:both; margin:0px 0px 15px 0px; position:relative;}
.box-login form p{font-size:13px;}
.box-login form label{display:block; margin:0px 0px 5px 0px;}
.box-login form input[type='text'],
.box-login form input[type='password']{width:100%; padding:10px; border:1px solid #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.box-login form input[type='submit']{padding:10px 25px; color:#FFF; background:#9eb449; border:0px; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.box-login form label.error{padding:1px 5px; color:#FFF; background:#F60; font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

@media screen and (max-width: 980px) {
	.box-login{width:320px; margin:0px auto; clear:both; float:none;}
}