/* CSS Document */

html, body{height:100%;}
.main{width:100%;position:absolute;min-height:100%;}
* html .main{height:100%;}

body{font-family: 'Open Sans', sans-serif;font-size:14px;line-height:18px;font-weight:400;background:#FFF;color:#444;width:100%;height:100%;margin:0px;overflow-y:scroll; overflow-x:hidden;}
a{text-decoration:none;}

p{margin:0px;padding:0px;}
.clear{clear:both;}
img{border:none;}
.anime{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

.content{width:980px; margin:0 auto; position:relative;}

h1{font-size:24px; line-height:20px; margin:0 0 15px 0; font-weight:400; color:#158A32; padding-left:33px; background:url(../imagens/layout/ico_h1-novo.png) no-repeat; background-size:auto 25px; background-position-y:-3px;}
h1 span{color:#999;}

h2{font-size:20px; line-height:22px; margin:0 0 3px 0; font-weight:400; color:#158A32; padding:0px;}


.divisao{height:5px; background:#158A32; margin:50px 0;}
.divisao div{width:980px; height:5px; margin:0 auto; background:#F0F0F0;}


/* HEADER */
#header{background:url(../imagens/layout/bg_header.png) repeat-x; width:100%; height:120px; position:relative; z-index:200;}
#header .selo{position:absolute; z-index:80; top:5px; right:50%; margin-right:-625px; width:125px; height:100px; background:url(../imagens/layout/selo_atitudejur.svg) no-repeat; background-size:auto 100px;}
#header .barra{width:100%; height:10px; background:#158A32; position:absolute; top:0; left:0;}
#header .barra div{width:980px; height:10px; background:#CFCFCF; margin:0 auto;}
#header .logo{float:left; width:300px; height:96px; margin-top:15px;}
#header .data{position:absolute; top:5px; right:10px; text-align:right; font-size:10px; color:#888; width:400px; line-height:15px;}
#header .data span{margin-left:5px;}
#header .menu{float:right; margin-top:40px; width:620px; height:73px; text-align:right;}
#header .menu .botao{display:inline-block; height:73px; overflow:hidden; font-size:14px; line-height:36px; margin-left:3px; background:url(../imagens/layout/bg_botao.png) repeat-x; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px;}
#header .menu .botao .bt{padding:0 10px; height:36px; margin-bottom:1px; color:#444;}
#header .menu .botao .bt:hover{color:#FFF;}


.botao_hover{background:url(../imagens/layout/bg_botao_hover.png) repeat-x !important; color:#FFF !important;}
.botao_hover .bt{color:#FFF !important;}



/* RODAPÉ */
.rodape{height:210px;}
#rodape{position:absolute; left:0px; bottom:0px; width:100%; background:#158A32; text-align:center;}
#rodape .barras{width:100%; height:45px; background:#999; box-shadow:0px 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 15px rgba(0,0,0,0.2);}
#rodape .barras .content{background:#666; top:0px; z-index:50; height:45px;}
#rodape .barras iframe{width:600px; height:45px; float:left;}
#rodape .barras .social{float:right; width:90px; height:35px; margin:5px 110px 0 0;}
#rodape .barras .social div{float:right; margin-left:10px; width:35px; height:35px; background:url(../imagens/layout/social.png) no-repeat; background-color:#DDD; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px;}
#rodape .barras .social div:hover{background-color:#FFF;}
#rodape .barras .social .linkedin{background-position:-53px 8px;}
#rodape .barras .social .facebook{background-position:12px 8px;}
#rodape .coluna_rodape{display:inline-block; height:50px; padding-top:5px; margin:30px; color:#FFF; font-size:16px; white-space:nowrap; text-align:left;}
#rodape .col_fone{width:180px;}
#rodape .col_endereco{width:320px;}
#rodape .coluna_rodape .icones{height:36px; float:left; margin:0px 15px 0 0; background:url(../imagens/layout/icones.png) no-repeat;}
#rodape .coluna_rodape .fone{width:36px;}
#rodape .coluna_rodape .endereco{width:27px; background-position-x:-36px;}
#rodape .coluna_rodape span{font-size:14px;}
#rodape .coluna_rodape span span{font-size:22px;}
#rodape .direitos{background:#F0F0F0;}
#rodape .direitos .content{height:45px; line-height:45px; text-align:center; font-size:13px; color:#666;}
#rodape .direitos .content .alvocerto{width:30px; height:30px; float:right; margin-top:7px;}
#rodape .direitos .content .alvocerto img{width:30px;}







/* TABLET */
@media only screen and (min-width:481px) and (max-width:959px)
{
	body{font-size:13px;line-height:16px;}
	.content{width:600px;}

	h1{font-size:18px; line-height:18px; padding-left:25px; background-size:auto 14px; background-position-y:2px;}
	h2{font-size:16px; line-height:18px;}

.divisao{height:5px; background:#158A32; margin:50px 0;}
.divisao div{width:980px; height:5px; margin:0 auto; background:#F0F0F0;}


	/* HEADER */
	#header{height:160px;}
	#header .selo{display:none;}
	#header .barra div{width:600px;}
	#header .logo{width:160px; height:auto; margin:15px 0 20px 0;}
	#header .logo img{width:160px;}
	#header .menu{clear:both; float:none; margin-top:60px; width:600px; height:73px; text-align:center;}
	#header .menu .botao{margin-left:4px;}

	/* RODAPÉ */
	.rodape{height:210px;}
	#rodape .barras{width:100%; height:45px; background:#999; box-shadow:0px 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.2); -moz-box-shadow:0px 5px 15px rgba(0,0,0,0.2);}
	#rodape .barras .content{background:#666; top:0px; z-index:50; height:45px;}
	#rodape .barras iframe{width:500px; height:45px; float:left;}
	#rodape .barras .social{margin:5px 10px 0 0;}
	#rodape .coluna_rodape{height:50px; margin:20px; font-size:13px;}
	#rodape .col_fone{width:180px;}
	#rodape .col_endereco{width:320px;}
	#rodape .coluna_rodape .icones{height:30px; background-size:auto 30px;}
	#rodape .coluna_rodape .fone{width:30px;}
	#rodape .coluna_rodape .endereco{width:22px; background-position-x:-30px;}
	#rodape .coluna_rodape span{font-size:13px;}
	#rodape .coluna_rodape span span{font-size:18px;}
}





/* MOBILE */
@media only screen and (max-width:480px)
{
	body{font-size:12px;line-height:16px;}
	.content{width:280px;}
	h1{font-size:15px; line-height:12px; padding-left:18px; background-size:auto 10px;}
	
	h2{font-size:14px; line-height:16px;}

	.divisao{height:3px; margin:30px 0;}
	.divisao div{width:280px; height:3px;}


	/* HEADER */
	#header{background-size:auto 80px; height:80px;}
	#header .selo{display:none;}
	#header .barra{height:5px;}
	#header .barra div{width:280px; height:5px;}
	#header .logo{float:none; width:180px; height:57px; margin-top:0px; position:absolute; z-index:10; top:10px; left:0px;}
	#header .logo img{width:180px;}
	#header .data{display:none;}
	#header .menu{float:none; margin-top:0px; width:280px; height:30px; overflow:hidden; text-align:center; position:absolute; top:20px; right:0px; background:url(../imagens/layout/menu_responsivo.png) no-repeat top right; background-size:30px 30px;}
	#header .menu .botoes{position:relative; z-index:50; width:250px; overflow:hidden; margin:0 auto; margin-top:30px; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px;}
	#header .menu .botoes .botao{display:block; height:36px; overflow:hidden; font-size:13px; line-height:36px; margin-left:0px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px;}
	#header .menu .botoes .botao .bt{padding:0; height:36px; margin-bottom:0px;}
	
	#header .menu .bt_responsivo_abre{height:30px;}
	.menu_abre{height:280px !important; background:url(../imagens/layout/menu_responsivo_fecha.png) no-repeat top right !important; background-size:30px 30px !important; background-position-y:30px !important;}
	.menu_abre .bt_responsivo_fecha{position:absolute; top:30px; right:0px; width:30px; height:30px;}
	
	#fundo{position:absolute; z-index:190; top:0px; left:0px; width:100%; height:0px; background:rgba(0,0,0,0.6);}
	.fundo_menu{height:100% !important;}


	/* RODAPÉ */
	.rodape{height:130px;}
	#rodape .barras{height:40px;}
	#rodape .barras .content{height:40px; background:#999;}
	#rodape .barras iframe{display:none;}
	#rodape .barras .social{float:right; width:90px; height:35px; margin:0;}
	#rodape .barras .social div{margin:5px; width:30px; height:30px; background-size:auto 16px;}
	#rodape .barras .social .linkedin{background-position:-41px 7px;}
	#rodape .barras .social .facebook{background-position:11px 7px;}
	#rodape .coluna_rodape{display:block; height:auto; padding-top:5px; margin:15px 0; font-size:13px; line-height:14px; color:#EEE;}
	#rodape .col_fone{width:180px; margin:-38px 0 0 5px; position:relative; z-index:70;}
	#rodape .col_fone a{color:#EEE;}
	#rodape .col_endereco{width:280px;}
	#rodape .coluna_rodape .icones{height:25px; margin:0px 5px 0 0; background-size:auto 25px;}
	#rodape .coluna_rodape .fone{width:24px;}
	#rodape .coluna_rodape .endereco{width:23px; background-position-x:-25px; margin-left:7px;}
	#rodape .coluna_rodape span{font-size:11px; line-height:12px;}
	#rodape .coluna_rodape span span{font-size:14px;}
	#rodape .direitos .content{height:35px; line-height:35px; font-size:10px;}
	#rodape .direitos .content span{display:none;}
	#rodape .direitos .content .alvocerto{width:30px; height:30px; float:right; margin:0 5px 0 0;}
	#rodape .direitos .content .alvocerto img{width:24px; margin:6px 0 0 6px;}
}