@charset

/**
* Layout: xxxX
* Description:  XXXXX
*
* @project 
* @version 1.0
* @package layout
* @author 
* @copyright 
* 
**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Structure Global
-------------------------------------------------------------- */

::-webkit-scrollbar { /* 1 */ }
 ::-webkit-scrollbar-button { /* 2 */ }
 ::-webkit-scrollbar-track { /* 3 */ }
 ::-webkit-scrollbar-track-piece { /* 4 */ }
 ::-webkit-scrollbar-thumb { /* 5 */ }
 ::-webkit-scrollbar-corner { /* 6 */ }
 ::-webkit-resizer { /* 7 */ }
 
  ::-webkit-scrollbar { width: 12px; }
 ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
 ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 100px #171f32; }
 


::-moz-selection    { background: #b3d4fc; text-shadow: none;}
::selection         { background: #b3d4fc;  text-shadow: none;}
.clr                { clear: both }

body        { background: url(../images/bg.jpg) repeat; font-size: 12px; font-family: Arial; margin: 0; padding: 0;}

.container              { max-width: 960px;margin: 0 auto; }
.row                    { padding: 0 20px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after              { clear: both;}
.sprite { background: url(../images/sprites.png);}
.btn    { background: url(../images/sprites.png) 0 -678px;}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a{text-decoration: none;}

/* --------------------------------------------------------------
Structure Header
-------------------------------------------------------------- */

#bg-topo{width: 100%;height: auto;margin: 0;padding: 0;background: url("../imagem/filetetopo.jpg") repeat-x ;}	
		
	#topo{width:980px;height:auto;margin:0 auto;padding:0;}
	#bgtop{width:272px;height:5px;margin: 0 auto;padding:;background:url(../imagem/corespe.jpg) no-repeat;}
		#marca-gov{width: 177px;height: 55px;margin: 0;padding: 0;float: left;}
		
		#menu-gov{width: 743px;height: 56px;margin: 0;padding: 0;float: right;}
		#menu-gov ul{margin: 19px 0 0 0; padding: 0;}
		#menu-gov li{float: left;padding: 0px 5px 0px 5px;font-size: 11px;color: #3d6c8b;text-decoration: none;list-style:none; border-left: 1px solid #a8c7dc;}
		#menu-gov li.corazul{color:#34b5ed;}
		#menu-gov li.semborda{border:none;}		
		#menu-gov li img{float:left;padding: 0px 3px 0 0;}	
		
		
		#logo{width: 281px;height: 119px;margin: 25px 0 0 0;padding: 0;float:left;}
	
		
		#bannertop{width: 692px;height: 175px;margin:0 ;padding:0 ;float: right;background: url(../imagem/bannertop.jpg) no-repeat; position:relative; top:0px; left:0px;}
			#form-busca{width: 266px;height: 35px;margin: 0;padding: 0;position:absolute; top: 113px; right: 0;}
			#form-busca input {background:url(../imagem/campobusca.jpg) no-repeat ; border:0 none; color:#FFF;font-size:13px;font-style: italic; height: 34px; margin: 0 0 8px 0; outline: medium none; padding: 2px 0 0 33px; width: 222px;}

			#form-busca .btEnviar {background: url(../imagem/btok.jpg) no-repeat scroll center top transparent; border: 0 none; cursor: pointer; float: right; height: 34px;margin: 0;  width: 40px;padding: 0;}
			
		
		#menu{width: 980px;height: 42px;margin: 0;padding: 0;clear: both;}
			#menu ul{margin: 0; padding: 0;}
			#menu li{float: left;padding: 7px 19.5px;font-size: 14px;color: #fff;text-decoration: none;list-style:none;text-transform:uppercase;}
			#menu li a{text-decoration:none;color:#FFF;}
			#menu li a:hover{color:#ff0000;}
			
		
		
		#bannerprinc{width: ;height: ;margin: ;padding: ;background: ;float: ;clear: ;}
		
	

#bg-meio{width: 100% ;height:auto ;margin: 0;padding: 0;/*background:url(../imagem/bg-meio.jpg) repeat-x ;*/}	
	#meio{width:980px ;height: auto;margin:0 auto ;padding: 0;}
		
		#esquerda{width: 650px;height: auto;margin:20px 0 0 0 ;padding: 0;float: left;}
			#esquerda p{font-size: 12px;color:#777777;line-height:18px;text-align:justify;padding-bottom:7px;}
			#noticias{width: 650px;height: auto;margin: 0 0 20px 0;padding: 0;}
			#noticias h2{font-size:16px;color:#1c265d;text-transform:uppercase;padding: 13px 0 0px 0;float: left;}
			#noticias .bg{width:651px;height:20px; background:url(../imagem/bordatitulo.jpg) no-repeat bottom;padding: 41px 0 0px 0; }
			#noticias .vertodas{font-size:12px;color:#454242; float:right;padding: 16px 0 0 0;}
			#noticias #data{width: 91px;height: 62px;margin: 0;padding: 0 0 74px 0;background: url(../imagem/bgdata.jpg) no-repeat;float: left; border-right:1px solid #CCC;}
			#data span.dia{padding: 0 0 0 21px;font-size: 28px;color: #FFF;font-weight: normal;}
			#data span.mes{padding: 0 0 0 24px;font-size: 16px;color: #FFF;font-weight: normal;}
			
			.borda-cinza{width:650px;height:1px;background:#CCC;clear:both;}
				
				#texto{width: 552px;height: auto;margin: 0;padding: 0;float: right;}
				#texto	h3{margin:0;padding:0;font-size: 13px;}
				#texto	p{font-size: 12px;color:#9b9b9c;line-height:18px;text-align:justify;}
				
			
			
			#farmacias{width: 312px;height: auto;margin: 0;padding: 0;float: left;}
			#farmacias h3{width:312px; font-size:16px;color:#1c265d;float:left;text-transform:uppercase;background:url(../imagem/bg-azul.jpg) no-repeat bottom;padding:0 0 10px 0;}

				#farmacias p{font-size:12px;padding:10px 0 10px 0;color:#1c265d;line-height:18px;text-align:justify;}
				
				 #farmacias .saibamais{font-size:12px; color:#1c265d; margin: 0;padding: 8px;background: #e1ebf1;float: right;clear: right;}
			
			
			
			#medicamentos{width: 312px;height: auto;margin: 0;padding: 0;float: right;}
			#medicamentos h3{width:312px; font-size:16px;color:#1c265d;float:left;text-transform:uppercase;background:url(../imagem/bg-vermelho.jpg) no-repeat bottom;padding:0 0 10px 0;}

				#medicamentos p{font-size:12px;padding:10px 0 10px 0;color:#1c265d;line-height:18px;text-align:justify;}
				
				 #medicamentos .saibamais{font-size:12px; color:#1c265d; margin: 0;padding: 8px;background: #e1ebf1;float: right;clear: right;}
			
			
			
			#perguntas{width: 650px;height: 150px;margin: 0;padding: 20px;background:url(../imagem/bg-perguntas.jpg) no-repeat ;float: ;clear: ;}
			#perguntas .esquerda{width: 174px;height: 61px;margin: 0;padding: 0;float:left;margin-right:20px;}
			#perguntas span.verm{font-size: 22px; color:#ca1a11; margin: 0;padding: 0;text-transform: uppercase;}
			#perguntas span.pret{font-size: 22px; color:#131212; margin: 0;padding: 0;float: right;clear: right;text-transform: uppercase;}
				
				
				.direita{width: 400px;height: auto;margin: 0;padding: 0;float: right;}
				.direita ul{margin:0;padding:0;}
				.direita li{list-style:none;font-size: 12px; color:#012651; margin: 0;padding: 0 0 0 10px;line-height:20px;}
				.direita li a{color: #012651;}
				.saibamais{font-size:12px;color:#ca1a11;float:right;padding:10px 0 0 0;}
					
					
				
			
			
		
		
		#direita{width: 321px;height: auto;margin: 32px 0 0 0;padding: 0;float: right;}
			#destaques{width: 315px;
    height: 507px;
    padding: 10px 0px 0px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    margin-left: 25px;
    overflow: auto; /* barra de rolagem automática */}
			.bgbottom{width: 304px;
    height: 22px;
    margin: 0px 0px 0px 24px;
    padding: 0px;
    position: relative;
    top: 0px;
    background: url('../imagem/bgfootersidebar.jpg') no-repeat bottom;}
			
			#direita h2{width:305px; font-size:16px;color:#1c265d;text-transform:uppercase;background: url(../imagem/bottom-title.jpg) no-repeat bottom left;padding: 0 0 10px 0;margin: 0 0 20px 25px;}
				#destaques a{margin-left: 4px;}
				
			
			
			#links{width: 305px;height:auto;padding: 10px 0px 0px 0px;}
			#links h2{width:305px; font-size:16px;color:#1c265d;text-transform:uppercase;background: url(../imagem/bg-amarelo.jpg) no-repeat bottom left;padding:0 0 10px 0;margin: 0 0 20px 25px;}

				#links ul{margin: 0 0 0 17px;padding:0;}
				#links li{list-style:none;font-size: 12px; color:#5f6061; margin: 0;padding: 0 0 11px 4px;line-height: 20px;}
				#links li img{float:left;padding: 0px 9px 3px 0;}
				
				#links li a{color:#5f6061;}
				
			
			
			#news{width: 331px;height:auto;padding: 10px 0px 0px 0px;}
			#news h2{width:305px; font-size:16px;color:#1c265d;text-transform:uppercase;background: url(../imagem/bottom-title.jpg) no-repeat bottom left;padding:0 0 10px 0;margin: 0 0 20px 25px;}
			
			#news input {background:#e6e6e6 ; border:0 none; color:#7d7d7d;font-size:13px;font-style: italic; height: 36px; margin: 0 0 8px 25px; outline: medium none; padding: 2px 0 0 5px; width: 305px;}
			#news .email{width: 265px !important;}

			#news .btEnviar {background: url(../imagem/btenviar.jpg) no-repeat scroll center top transparent; border: 0 none; cursor: pointer; float: right; height: 36px;margin: 0;  width: 37px;padding: 0;text-indent: -999px;}

				
			
		
		
		


#bg-rodapetop{width:100% ;height:auto ;margin:0 ;padding: 20px 0 56px 0;background:#2b244a ;}	
	#rodape-top{width:980px ;height:300px ;margin:0 auto;padding:10px 0 10px 0 ;}
	#rodape-top h2{font-size:14px;color:#FFF;}
	#rodape-top a {color:#FFF;}
		.row_1{width: 182px;height: 297px;margin:0 ;padding: 0;float: left;}
		.row_1 .esq{width:176px;height:auto;margin:0 0 0 0;float:left;}
		.row_1 .dir{width:176px;height:auto;margin: 0 0 0 18px;float:left;}
		.row_1 ul{margin: 0; padding:0;}
		.row_1 li{font-size:12px;color:#FFF;padding:10px 0 5px 0;list-style:none;border-bottom:1px solid #3f385a;}
			
		
		.row_2{width: 375px;height: 297px;margin: 0 0 0 22px;padding: 0;float: left;}
		.row_2 .esq{width:176px;height:auto;margin:0 0 0 0;float:left;}
		.row_2 .dir{width:176px;height:auto;margin: 0 0 0 23px;float:left;}
		.row_2 ul{margin: 0; padding:0;}
		.row_2 li{font-size:12px;color:#FFF;padding:10px 0 5px 0;list-style:none;border-bottom:1px solid #3f385a;}
			
		
		.row_3{width: 375px;height: 297px;margin:0 ;padding: 0;float: right;}
		.row_3 ul{margin: 0; padding:0;}
		.row_3 .esq{width:176px;height:auto;margin:0 0 0 0;float:left;}
		.row_3 .dir{width:176px;height:auto;margin: 0 0 0 23px;float:left;}
		.row_3 li{font-size:12px;color:#FFF;padding:10px 0 5px 0;list-style:none;border-bottom:1px solid #3f385a;}
			
		
	

#bg-rodapebaixo{width:100% ;height:90px ;margin:0 ;padding: 10px;background:#1b143d ;}	
	#rodape-bottom{width:980px ;height: 80px;margin:0 auto;padding:10px 0 10px 0 ;}
	#rodape-bottom .esquerda{width: 500px;height: auto ;margin: 0;padding: 0;float:left ;}
			p{font-size:12px;color:#FFF;padding:0;margin: 5px 0 0 0;}
		
		#rodape-bottom .direita{width: 79px;height: auto ;margin: 10px 0 0 0;padding: 0;float: right;}
			 #rodape-bottom .marcaconteudo{width: 79px;height: auto ;margin: 0;padding: 0;}