/* 
Autor: Rafael Carvalho
Site: http://rafaelcarvalhodesign.blogspot.com
Data de Início: 24/08/09 
*/


body{
	background-color:#ebebeb;
	margin:0 auto;
	position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* TOPO DO SITE */

#header{
	width:760px;
	height:auto;
	margin:0 auto;
}

#top{
	margin:0 auto;
	height:auto;
}

#top_gov{
	width:760px;
	height:30px;
	margin:0 auto;
	padding:;
	background-image:url(../img/barra_gov.jpg);
}

#top_banner{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}


/* MENU DO SITE */

#navegação{
	width:187px;
	height:260px;
	margin:0 auto;
	border-bottom:#CCCCCC solid 1px;
	padding:0;
	font:Verdana, Arial, Helvetica, sans-serif italic 14px;
}

#menuver {
	width:160px;
	margin:0 auto;
	padding:0;
	font:Verdana, Arial, Helvetica, sans-serif italic 14px;
}

#menuver ul{
	list-style:none;
	margin:0 auto;
	padding:0;
}


#nav_gov{
	width:435px;
	margin:0;
	padding:7px;
	border:none;
}

#nav_gov li{
	margin:5px;
	list-style:none;
	display:inline;
}

#nav_gov li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:5px;
	text-decoration:none;
}

#nav_gov li a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:5px;
	text-decoration:underline;
}




/* SITE */

#container{
	width:760px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

#containerContato{
	width:760px;
	height:530px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}


/* CORPO DO SITE HOME */

#coluna1{
	width:187px;
	margin:0 auto;
	padding:0;
	float:left;
	border-right:#CCCCCC solid 1px;
}

#coluna2{
	width:417px;
	margin:0 auto;
	float:left;
	border-right:#CCCCCC solid 1px;
}

#coluna3{
	width:143px;
	margin:0 auto;
	float:right;
}

#corpo_serviços{
	width:182px;
	height:230px;
	margin:0 auto;
	padding:0 0 0 12px;
}

li{
	list-style-type:disc;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#253717;	
}

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

#corpo_sassho, #corpo_parceiros{
	width:390px;
	margin:2px 2px 5px 5px;
	padding:0 3px 2px 10px;
}

#parceiros1, #parceiros2{
	width:190px;
	margin:0 auto;
	padding:;
	float:left;
}

#propagandas{
	width:143px;
	margin:2px 2px 2px 2px;
	float:right;
}


/* FOTOS */

#fotos{
	width:390px;
	margin:2px 2px 5px 2px;
	padding:0;
}

.fotos{
	margin:2px 3px 5px 5px;
	padding:0;
}

/* FORMULÁRIO */

#contato{
	width:405px;
	height:auto;
	margin:0 auto;
	padding:10px;
}

#box{
	width:405px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.campos{
	color:#293c0c;
	border:#EEEEEE solid 1px;
	background-color:#FFF;
}

.titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#293c0c;
	background-color:#FFF;
}

.botao{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border:#EEEEEE solid 1px;
	color:#293c0c;
	background-color:#c5d9a4;
}


/* RODAPÉ */

#rodape{
	width:760px;
	height:auto;
	margin:0 auto;
	padding:0;
	clear:both;
}


/* STYLO DO BANNER */

#slideshow {
    position:relative;
    height:120px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* STYLOS TEXTOS */

.p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#253717;
}

.h2, .h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#253717;
}

.li{
	list-style:none;
	text-decoration:none;
}

.p_link{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#253717;
}

ol,li,ul
{
list-style:none; /* important */
margin-top: 5px; /* important */
margin-left: 5px; /* important */
}
