@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:none;}

body {width: 100%;}

#principal{width: 100%; overflow:hidden;}
#espaco_menu{width: 100%; max-width: 1000px; margin: 0 auto;}
#data{width:30%; float:left; padding: 30px 0; background: #006699; color: #FFF; font-family:"avantgarde_bk_btbook"; text-align: center;}

#menu{font-size:0; width: 70%; list-style:none; float:left;}
#menu li{display:inline-block; width: 12.8%;	font-family:"avantgarde_bk_btbook"; font-size:16px; text-align:center;}
#menu li a{display:block; padding: 30px 0; text-decoration:none; color:#FFF;}
#menu li a{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#menu li:first-child{width: 18%;}
#menu li:last-child{width: 18%;}
#menu li a:hover{color:#FFF; background: #006699;}
nav select { display:none; border-radius:3px; border: 1px solid rgba(100%,100%,100%,0.2); padding:15px; width:calc(100% - 20px); margin:10px; font: 18px/100px 'avantgarde_bk_btbook'; color:#FFF; background:#036; }

#topoSite { background:linear-gradient(to bottom, #f9f9f9, #e3e3e3); overflow:hidden; }
#espaco_logo{width: 100%; max-width: 1000px; margin: 0 auto;}
#logo{width: 40%; max-width: 320px; height: 135px; background-image: url(../imagens/logoesdras.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 auto; float: left;}
#slogan{width:55%; float:left; border-left: 2px solid #999; height: 70px; margin: 40px 0 0 20px;}
#banner{width: 100%; height: auto; overflow:hidden; border-bottom: 3px solid #0099CC;}
#espaco_texto_home{width: 100%; max-width: 1000px; margin: 0 auto;}
.texto_home{width: 25%; float:left; text-align:center;}
.texto_home div{margin: 0 15px;}

.mn_u{width: 33%; float:left; text-align:center; padding-bottom: 30px;}
.mn_u:nth-child(2){width: 34%;}
.mn_u div{margin: 0 15px;}

.mn_contato{width: 50%; float:left; text-align:center; padding-bottom: 30px;}
.mn_contato div{margin: 0 15px;}

#espaco_programacoes{width: 100%; max-width: 1000px; margin: 0 auto; text-align:center;}
#msystem{width: 30%; float:left; padding: 25px 0;}
#msystem a{font: 12px/40px Arial; color:#069; text-decoration:none; text-align:right !important;}
#msystem a:hover{color:#333;}

#utilitarios{/*width:68%; float:right;*/ width:100%;}
.util{width: 25%; float:left; margin-top: 20px;}
.util div{margin:0 15px; padding-bottom: 15px;}
.img_util{margin-bottom: 12px;}

#consultas_home{width: 100%; max-width: 1000px; margin: 0 auto; text-align:center; padding: 20px 0 40px 0; overflow:hidden;}
.cons_home{width: 25%; float:left; margin-bottom:30px;}
.cons_home div{margin: 0 20px;}

#menu02{font-size:0; width: 100%; list-style:none; float:left; margin-top: -25px;}
#menu02 li{display: block; width: 100%;	font:normal 12px Arial; text-align:left; text-indent: 5px;}
#menu02 li a{display:block; padding: 5px 0; text-decoration:none; color:#333;}
#menu02 li a{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#menu02 li a:hover{color:#0099CC; text-indent: 10px;}
#menu02 li a:before{content:"»"; float:left;}

#conteudo{width: 100%; overflow:hidden;}

#mapa{width: 100%;}

.titulo01{font-family:"avantgarde_bk_btbook"; font-size:16px; line-height: 30px; color:#666; text-indent: 10px;} 
.titulo02{font-family:"avantgarde_bk_btbook"; font-size:22px; line-height: 30px; color:#666; text-indent: 10px;}
.titulo03{font: bold 14px/50px Arial; color:#003366; text-transform:uppercase; border-bottom:1px dotted #999;}
.titulo04{font: bold 12px Arial; color:#333; text-transform:uppercase; text-align:left; padding-top: 20px; text-indent: 15px;} 
.margem_textos { margin:0 15px;}

.texto01{font: 12px/22px Arial; color:#000; text-align:justify; padding: 20px 0;} 
.texto02{font: 12px Arial; color:#333; text-indent: 10px; text-align:left; padding: 10px 0; width: 100%; border-radius: 5px; border:none; background:rgba(0,0,0,0.1); margin: 5px 0; resize:none;}
.texto03{font: 12px Arial; color:#666; text-align:center; padding: 20px 0;} 
.texto04{font:bold 16px Arial; color:#09C; margin-bottom: 10px;} 
.texto05{font: 12px/22px Arial; color:#FFF; text-align:center; padding: 30px 0;}

.link01{font: 12px/40px Arial; color:#069; text-align:center; text-decoration:none;}
.link01:hover{text-decoration:underline; color:#333;}

.link02{font: 12px/20px Arial; color:#333; text-align:center; text-decoration:none;}
.link02:hover{text-decoration:underline;}

.link03{font: 12px/20px Arial; color:#FFF; text-align:center; text-decoration:none;}
.link03:hover{text-decoration:underline; color:#09C;}

.link04{width: 70%; padding: 12px; background:#006699; color:#FFF; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase;} 
.link04{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link04:hover{background:#09C;}

.home_vermais{overflow:hidden;}
.tarja_menu{background: #036;}
.tarja_rodape{background: #f4f4f4;}

.links_rodape{background: #FFF;}
.rodape{background: #002242;}
.imgs_home{max-width: 250px; margin-top: 15px;}
.bot_form{width: 60px; padding: 8px 0; font:normal 12px Arial; color:#FFF; text-align:center; cursor:pointer; border-radius: 5px; margin: 5px 5px 0 5px; float:left;} 
.bot_form{background: #0099cc; 
		  background: -moz-linear-gradient(top,  #0099cc 0%, #006699 100%); 
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#006699)); 
		  background: -webkit-linear-gradient(top,  #0099cc 0%,#006699 100%); 
		  background: -o-linear-gradient(top,  #0099cc 0%,#006699 100%); 
		  background: -ms-linear-gradient(top,  #0099cc 0%,#006699 100%); 
		  background: linear-gradient(to bottom,  #0099cc 0%,#006699 100%); 
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#006699',GradientType=0 );}

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

@media screen and (max-width: 768px){
	#data{display:none;}
	#menu{width: 100%;}
	#slogan{display:none;}
	#espaco_logo{width:100%; max-width: 768px; margin: 0 auto; text-align:center;}
	#logo{width: 100%; float:none;}	
	#espaco_texto_home .texto_home {width: 50% !important;}
	#consultas_home .cons_home {width: 50% !important;}
	#msystem{width:98%; float:none; margin:0 auto;}
	#utilitarios{width:100%; float:none;}
	#espaco_texto_home .mn_contato {width: 50%;}
	#espaco_texto_home .mn_contato:last-child {width: 100% !important;}
	#texto_paginas{width: 90% !important;}
}

@media screen and (max-width: 640px){
	#menu li{width: 16% !important;}
	#menu li:nth-child(4){width:20% !important;}
	#banner, .mn_u:last-child{ display:none;}
	.mn_u{width: 50%; text-align:center;}
	.mn_u:nth-child(2){width: 50%;}
}

@media screen and (max-width: 480px){
	#menu{display:none;}
	nav{ overflow:hidden; }
	nav select{ display:block; }
	#espaco_texto_home .texto_home {width: 100% !important;}
	#consultas_home .cons_home {width:50% !important;}
	#espaco_texto_home .mn_contato {width: 100% !important;}
	.mn_u{width: 100%; text-align:center;}
	.mn_u:nth-child(2){width: 100%;}
	.util { width:50%; }
}

@media screen and (max-width: 320px){
	#utilitarios .util {width: 90% !important; margin:20px auto; float:none;}
	#consultas_home .cons_home {width:100% !important;}
}