/*############################################################## 

	@AtivaWeb:		www.ativaweb.com

	@Autor:			Éber Costa

	@e-mail:		ebersc@gmail.com

	@data:			09/03/2009

	@content:		Folha de estilo para o layout principal 

###############################################################*/

* {	margin: 0;	padding: 0;}

address,th { font-style: normal; font-weight: normal;}

table {	border-collapse: collapse;	border-spacing: 0;}

caption,th {text-align: left;}

img,fieldset {border: none;}

ol,ul {list-style: none;font-size: inherit;	margin:0px;}

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

div {position: relative;text-align: left;}



body{

	font-family: Arial;

	font-size: 12px;

	color: #666666;

	/*background: url(images/bgAll.jpg) top repeat-x #9DB4C2;*/

	background: #FFF;

}



div#corpo{

	width: 985px;

	margin: 0 auto;

}



div#area-logar{

	width: 170px;

	padding: 3px;

	background: #CCC;

	color: #000;

	float: left;

	margin-left: 500px;

	margin-top: 2px;

	opacity: 0.5;filter:alpha(opacity=50);zoom:1;

	font-size: 9px;

}



div#area-logar a{

	color: blue;

}



div#area-logar b{

	font-size: 12px;

}







div#areaFiscalizacao{

	width: 170px;

	height: 91px;

	padding: 3px;

	background: #DDD;

	color: #000;

	float: left;

	margin-left: 10px;

	margin-top: 2px;

	opacity: 0.5;filter:alpha(opacity=50);zoom:1;

	font-size: 9px;

	text-align: right;

	line-height: 20px;

}



div#areaFiscalizacao a{

	color: blue;

	font-size: 12px;

	font-weight: bold;

	cursor: pointer;

}



div#areaFiscalizacao b{

	font-size: 12px;

}



div#areaFiscalizacao center{

	margin-bottom: 6px;

}



div#topo_pai{

	background: url(images/bgTopoPai.jpg) repeat-x;

	height: 150px;

}



div#topo{

	width: 985px;

	height: 150px;

	margin: 0 auto;

	background: url(images/bgTop.jpg) no-repeat;

}



div#busca-creci{

	width:470px;

	height:95px;

	top: 5px;

	left: 280px;

	background-image:url(images/confira-creci.gif);

	background-position:center;

	background-repeat:no-repeat;

	float:left;

	color: #FFF;

	font-weight: bold;

}



div#form-busca{

	margin-left:330px;

	margin-top:10px;

}



.form{

	font-size: 10px;

}



div#popUp{

	width: 250px;

	height: 400px;

	position: absolute;

	top: 300px;

	left: 400px;

	z-index: 300;

}



div#menu{

	width: 860px;

	height: 26px;

	margin-left: 20px;

	margin-top: 15px;

	float: left;

}



#menu a{

	color: #000;

}#menu a:hover{

	color: white;

}



#Nav{

	z-index: 200; position: absolute;

}



#Nav li{

	background: url(images/bgMenu.jpg);

	width: 92px;

	height: 21px;

	padding-top: 2px;

	text-align: center;

	color: white;

	float: left;

	margin-right: 2px; 

	cursor: pointer;

	z-index: 200;

}

#Nav li:hover{

	background: url(images/bgMenuOver.jpg);

	width: 92px;

	height: 21px;

	padding-top: 2px;

	text-align: center;

	color: white;

	float: left;

	margin-right: 2px; 

	cursor: pointer;

	z-index: 200;

}



#Nav a{

	color: #FFF;

}

#subMenu {

	margin-top: 8px;

}

#subMenu li{

	background: url(images/bgSubMenuOver.jpg);

	padding: 2px;

	color: #000;

	width: 146px;

	height: 18px;

	cursor: pointer;

	text-align: left;

	z-index: 200;

}

#subMenu li:hover{

	background: #627186;

	border-bottom: 4px solid #949597;

	padding: 2px;

	color: #FFF;

	width: 146px;

	height: 14px;

	cursor: pointer;

	text-align: left;

	z-index: 200;

}



div#container{

	width: 945px;

	height: 330px auto;

	padding: 10px;

	background-color: #FFF;

	margin: 0 auto;

	z-index: 1;

}



div#c_ed{

	width: 797px;

	float: left;

	margin-left: 8px;

	background: url(images/barraTopBg.jpg) repeat-x top;

}



div#esquerda{

	float: left;

	width: 140px;

	z-index: 1;

}



div#centro{

	float: left;

	width: 649px;

	z-index: 1;

}



div#barraLinksTop{

	width: 620px;

	float: left;

}



div#confirmarValidadeRegularidade{

	float: right;

	width: 165px;

	height: 68px;

	padding: 5px;

	font-size: 11px;

	color: #000;

}

div#confirmarValidadeRegularidade input{

	width: 160px;

	font-size: 10px;

	margin-top: 8px;

}

div#confirmarValidadeRegularidade a{

	color: #090;

}



.bannerFullTop{

	width: 648px;

	height: 90px;

}

.bannerFullTop img{

	margin: 0px;

}





.notEsq{

	width: 320px;

	margin-right: 8px;

	float: left;

	z-index: 1;

}



.notDir{

	float: left;

	width: 320px;

	z-index: 1;

}



.notList{

	font-size: 12px;

	font-weight: bold;

}



ul.listaNoticias li{

	margin-bottom: 8px;

}



h2.titleCateg{

	font-size: 16px;

	color: #3D86CF;

	margin-bottom: 8px;

}



.widgettitle{

	font-size: 16px;

	margin-bottom: 8px;

	color: #3D86CF;

}

.widgettitle a{

	color: #3D86CF;

}



.contEsq{

	width: 320px;

	margin-right: 8px;

	float: left;

	z-index: 1;

}



.contDir{

	float: left;

	width: 320px;

	z-index: 1;

}



.imgNoticiaDestaque{

	width: 320px;

	height: 200px;

	background: left top no-repeat;

}



.tituloNoticiaDestaque{

	top: 155px;

	height: 45px;

	padding: 3px;

	background: #000;

	color: #FFF;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

}



.selDestaque{

	float: right;

	font-size: 13px;

	font-weight: bold;

}

.selDestaque ul li{

	float: left;

	padding: 4px;

	margin-right: 2px;

	background: #000;

	color: #FFF;

	cursor: pointer;

}



.noticiasEmDestaque li{

	display: none;

}



div#direita{

	float: left;

	width: 140px;

	margin-left: 4px;

	z-index: 1;

	background: #DDD;

	padding: 2px;

	min-height: 910px;

}



div#direita ul li{

	margin-bottom: 8px;

}







div#rodape{

	width: 965px;

	height: 36px;

	margin: 0 auto;

	background: url(images/bgRodape.gif) no-repeat;

	margin-bottom: 15px;

}



.destaque-d{

	width:220px;

	height:200px;

}

.titulo-d{

	text-align:center;

	width:212px;

	height: 50px;

	padding:4px;

	background: #666;

	top:150px;

	vertical-align: text-bottom;

}



.titleEnquete{

	background: url(images/titleEnquete.jpg);

	height: 11px;

	padding: 6px;

	font-weight: bold;

	font-size: 12px;

}



.corpoTable{

	padding: 6px;

	background: url(images/bgEnquete.jpg) repeat-x;

}



.selVoto{

	font-size:10px;

	border: 1px solid #999999;

}



#legislacao li{

	padding: 3px;

	background: url(images/bgLesigslacao.jpg) bottom repeat-x #FFF;

}

#legislacao li:hover{

	padding: 3px;

	background: #DDD;

}



#taxas li{

	padding: 3px;

	background: url(images/bgLesigslacao.jpg) bottom repeat-x #FFF;

}





#wpcf7-f3-p52-o1 TEXTAREA{

	width: 420px;

	height: 90px;

	margin-bottom: 8px;

	border: 1px solid #CCC;

}



#wpcf7-f3-p52-o1 INPUT{

	border: 1px solid #CCC;

}

#wpcf7-f3-p52-o1{

	margin-top: 15px;	

}







div.zoomText{

	text-align: right;

}



.menosZoom{

	font-size: 16px;

	color: #000;

	cursor: pointer;

}

.maisZoom{

	font-size: 24px;

	color: #000;

	cursor: pointer;

}



.barraTop{

	width: 640px;

	margin-bottom: 10px;

	padding: 4px;

	background: #3D86CF;

	color: #FFF;

}

.buscaTop{

	width: 360px;

	float: left;

	border-right: 1px dashed #FFF;

	margin-right: 5px;

}

.buscaTop #s{

	padding: 1px 1px 1px 20px;

	width: 170px;

	background: url(images/lupa.jpg) no-repeat #FFF;

	border: solid 1px #CCC;

}

.buscaTop #searchsubmit{

	border: solid 1px #CCC;

}



.consultaCreciTop{

	float: left;

	width: 265px;

	padding-left: 5px;

}

.consultaCreciTop a{

	color: #FFF;

}





.post{

	color: #000;

}



.post h2{

	font-size: 18px;

}



.post p{

	margin-bottom: 12px;

}



.post h2 h3 h4{

	margin-top: 12px;

}



.clear {

	clear: both;

}





#mostraTaxasL{

	float: left;

	width: 10px;

	height: 60px;

	background: url(images/bgTaxasL.jpg) no-repeat;

	cursor: pointer;

}

#mostraTaxasC{

	float: left;

	width: 110px;

	height: 50px;

	padding: 10px 5px 5px 5px;

	background: url(images/bgTaxasC.jpg) repeat-x;

}

#mostraTaxasR{

	float: left;

	width: 10px;

	height: 60px;

	background: url(images/bgTaxasR.jpg) no-repeat;

	cursor: pointer;

}



#mostraTaxasC div{

	display: none;

	text-align: center;

	font-size: 15px;

}

#mostraTaxasC div small{

	font-size: 8px;

}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



div#contPost{

	margin-left: 8px;

}



.respostasEnquete{

	margin-bottom: 8px;

	padding-bottom: 4px;

	border-bottom: 1px #CCC dashed;

}



.tableForm{

	background: #DDD;

	font-size: 11px;

}

.tableForm td{

	padding: 4px;

}



.sublinks li{

	font-size: 14px;

	font-weight: bold;

	list-style: square;

	margin-left: 30px;

}



.linksUteis td{

	padding: 6px;

	border-bottom: 1px dashed #CCC;

	border-right: 2px dashed #CCC;

}