* { margin: 0; padding: 0;}

html {
	height: 100%;
}

body { 
	background: #fff url('../i/bg_fundo.jpg') repeat-x top center; 
	text-align: center;
	height: 100%;
	margin: 0px;
	font-family:arial;
	font-size:11px;
}

#all {
	height:100%;
}


/* ----------------  Cabecalho -------------------- */
#topo {
	width: 762px;
	margin: 0px auto;
	height: 420px;
}

#content {
	width: 762px;
	margin: 0px auto;
	text-align: left;
	background:#FFFFFF;
}

#content #wrapper {
	width: auto;
	padding: 15px 10px 20px 12px;
	display:table;
	float:left;
}



#wrapper .list ul{margin:0px; padding:0px; list-style:none; line-height:20px}
#wrapper .list ul li{ background: url('../i/marcador.gif') no-repeat left top; color:#3C3C3C; font-weight:bold; padding-left:15px; }
#wrapper .list ul li a{ color:#999999; margin-left:15px; text-decoration:underline}
#wrapper .list ul li a:hover{ text-decoration:none}

.paragrafo { text-indent: 30pt; line-height:200%; text-align:justify;}

#conteudo{
	width:562px;
	min-height:500px;
	height:0 auto;
	float:left;
	background:#FFFFFF;
	padding-bottom:10px;
}


h1 { font-size: 2em; margin-bottom: 10px; font-size:14px; color:#666; text-align:left; }
h2 { font-size: 2em; margin-bottom: 10px; margin-top: 10px; border-bottom:2px solid #999999; font-size:12px; color:#003366; background:url('../i/ico_logo.jpg') no-repeat; padding-left:30px; height:24px; }
p a { margin: 0 auto; display: block; width: 43px; height: 30px; text-indent: -9999em; overflow: hidden; background: url('../i/logo-rj45.gif') no-repeat top left; }


/*---------------------- Menu --------------------------*/

#menu{ 
	width:200px; 
	background:#fff url('../i/bg_menu.jpg'); 
	background-position:right; 
	background-repeat:no-repeat; 
	padding-top:20px; 
	float:left;
}

a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline; }

li { list-style:none; }
dl {  width: 185px; list-style-type: none;  margin: 0;}
dl,dd { margin: 0; }
dt { background: #ffffff; font-size: 11px; line-height: 11px; padding:0px 20px 5px 20px; }
dt a { color: #003366; text-decoration: none; }
dd a { color: #666666; text-decoration: none; padding-left:30px; line-height: 11px;}

.Fundo {
	font-size:11px;
	background-image:url('../i/bg1_menu.jpg'); background-repeat:no-repeat;	
	line-height: 15px;
	height:21px;
}

.Fundo2 {
	font-size: 11px;
	font-weight:Bold;
	background-image:url('../i/bg2_menu.jpg'); background-repeat:no-repeat;
	line-height: 15px;
	height:21px;
}

/*------------------------------Rodapé---------------------------------*/

#rodape { text-align:center; width:803px; height:100px; margin:0 auto; background:url('../i/rodape.jpg'); background-repeat:no-repeat; color:#999999; display:table; }

#rodape .esquerda { width:420px; float:left; padding-top:5px; text-align:left; padding-left:20px;}

#rodape .direita { width:340px; float:left; padding-top:25px; padding-right:10px; text-align:right; }

#rodape .centro { width:100%; float:left; text-align:center; }

#rodape .direita .credits { float: right; width: 42px; height: 29px; display: block; background: transparent url('../i/rj45.gif') no-repeat top; cursor:pointer;}
#rodape .direita .credits:hover { background-position: bottom; }

/*------------------------------Capa---------------------------------*/

#capa{ width:500px; float:left; }
#capa .ladoEsquerdo{ width:50%; float:left; text-align: justify; }
#capa .ladoDireito{ width:47%; float:left; 	text-align: justify; padding-left:10px; border-left:1px dashed #999999; }


#capa .ladoDireito .data {
	padding: 5px 0px 0px 10px;
	font-style: italic;
	font-size: 12px;
	color: #999;
}

#capa .ladoDireito .titulo {
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	color: #29166F;
}

#capa .ladoDireito .texto {
	padding: 10px 0px 30px 10px;
	font-size: 12px;
	color:#000;
}

#capa .ladoEsquerdo .texto {
	padding: 0px 20px 30px 0px;
	font-size: 12px;
	color:#000;
}

/*------------------------------Notícias---------------------------------*/

a.linkopacity img {
	-moz-opacity: 0.5; 
	opacity: 0.5; 
	border:0px;
	filter:alpha(opacity=70);
}

a.linkopacity:hover img {
	-moz-opacity: 1.0;   
	opacity: 1.0;
	filter:alpha(opacity=100);
}

#lista-noticias ul li{
	padding: 10px 0 10px 0;
	font-size: 15px;
}

#noticia .data {
	padding: 5px 0px 0px 10px;
	font-style: italic;
	font-size: 12px;
	color: #999;
}

#noticia .titulo {
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	color: #29166F;
}

#noticia .texto {
	padding: 10px 0px 30px 10px;
	font-size: 12px;
	text-align: justify;
	color:#000;
}

#noticia .foto { width:200px; height:200px; float:left; text-align:center;}

.back {
	padding: 20px 0px 10px 10px;
	font-size: 13px;
}

.clear { clear:both; }


/*------------------------------Clientes---------------------------------*/


#cliente { float:left; width:180px; height:170px; padding:0px 0px 0px 40px ; text-align:center;}

#cliente .foto { width:170px; height:130px; float:left; line-height:125px;}

#cliente .nome { width: 170px; text-align: center; font-size: 12px; float:left;}


/*------------------------------Links---------------------------------*/


#link { float:left; width:180px; height:170px; padding:0px 0px 0px 40px ; text-align:center;}

#link .foto { width:170px; height:130px; float:left; line-height:125px;}

#link .nome { width: 170px; text-align: center; font-size: 12px; float:left;}

/*------------------------------Praga---------------------------------*/

#praga .texto {
	padding: 10px 0px 10px 10px;
	font-size: 12px;
	text-align: justify;
	color:#000;
}

#praga .img {
	width:150px;
	display:table;
	float:left;
}

#praga .titulo {
	padding: 0px 0px 40px 0px;
	font-size: 18px;
	color: #29166F;
	text-align:center;
}

#praga .descricao {
	text-align:justify;
}

/*------------------------------Fale Conosco---------------------------------*/
#faleConosco form label{
	display: block;
	margin-bottom: 2px;
	color:#999999;
	font-weight:bold;
	padding-right:10px;
}

#faleConosco form input, #content form select, #content form textarea { 
	padding: 3px;
	background:#f1f1f1;
	border:1px solid #ebebeb;
	}

#faleConosco form input.button { margin: 10px 0 0 0;  }

#faleConosco .sucesso{
	width:90%;
	padding:5px;
	background:#92D9F8;
}

/*------------------------------Informativo---------------------------------*/

#informativo form label{
	display: block;
	margin-bottom: 2px;
	color:#999999;
	font-weight:bold;
	padding-right:10px;
}

#informativo form input, #content form select, #content form textarea { 
	padding: 3px;
	background:#f1f1f1;
	border:1px solid #ebebeb;
	}

#informativo form input.button { margin: 10px 0 0 0;  }

#informativo .sucesso{
	width:90%;
	padding:5px;
	background:#92D9F8;
}