body { background:url(../img/bg.gif) repeat-y #fff;
margin:0 0 auto;
color:#0b0b0b;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#container {
	padding:0 0 0 109px;
	height:814px;
	width:833px;
	}
.c01 {
	background:url(../img/bg-container.jpg) left top no-repeat;
	}
.c02 {
	background:url(../img/1.jpg) left top no-repeat;
	}
.c03 {
	background:url(../img/2.jpg) left top no-repeat;
	}
.c04 {
	background:url(../img/3.jpg) left top no-repeat;
	}
.c05 {
	background:url(../img/4.jpg) left top no-repeat;
	}
.c06 {
	background:url(../img/5.jpg) left top no-repeat;
	}
.c07 {
	background:url(../img/6.jpg) left top no-repeat;
	}
.c08 {
	background:url(../img/7.jpg) left top no-repeat;
	}
.c09 {
	background:url(../img/8.jpg) left top no-repeat;
	}
.c10 {
	background:url(../img/9.jpg) left top no-repeat;
	}
.c11 {
	background:url(../img/10.jpg) left top no-repeat;
	}
.c12 {
	background:url(../img/11.jpg) left top no-repeat;
	}
.c13 {
	background:url(../img/12.jpg) left top no-repeat;
	}
.c14 {
	background:url(../img/13.jpg) left top no-repeat;
	}

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

a:hover { color:#9b9b9b;}

/* cabeça */

#cabecalho { background:url(../img/bg-topo.gif) bottom repeat-x;
height:114px;}

#cabecalho .logo { width:376px;
height:97px;
background:url(../img/logo.gif) no-repeat;
display:block;
float:left;
margin:7px 10px 0 0;}

#cabecalho .nav { float:right;
color:#666;
margin:20px 0 0 0;}

#cabecalho .nav a { color:#666;
text-decoration:none;
margin:0 6px;}

#cabecalho .nav a:hover { background:#666;
color:#fff;}

/* conteúdos */

/* coluna esquerda */

#esquerdo { width:157px;
float:left;
margin:20px 0 0 0;
}

#esquerdo .newsletter { background:url(../img/bg-newsletter.gif) top no-repeat;
padding:60px 0 0 0;
color:#666;
font-size:10px;
margin:10px 0 0 0;}

#esquerdo .newsletter form { padding:0px;
margin:0px;}

#esquerdo .newsletter input { width:153px;
height:18px;
background:url(../img/input.gif) no-repeat;
padding:4px 0 0 4px;
margin:2px 0;
border:0;
font-size:10px;
color:#666;}

#esquerdo .newsletter .code{ width:63px;
height:18px;
background:url(../img/input-code.gif) no-repeat;
padding:4px 0 0 4px;
margin:2px 0;
border:0;
font-size:10px;
color:#666;}

#esquerdo .newsletter .barra {
	background:#0f0f0f;
	height:7px;
	margin:8px 0 0 0;
	}

/* centro  */

#conteudos {
float:left;
width:656px;
 margin:20px 0 0 0;
 padding:0 10px;}

/* centro homepage */

#centro { float:left;
width:356px;
 margin:20px 0 0 0;
 padding:0 10px;}
 
#centro .noticias { width:339px;
height:345px;
background:url(../img/bg-noticia.gif);
padding:8px;
margin:0 0 6px 0;}

#centro .noticias img { margin:0 0 5px 0;}

#centro .lista { border-bottom:solid 1px #d5d5d5;
padding:12px 5px;} 

/* coluna direita */
 
#direito { float:left;
width:300px;
margin:20px 0 0 0;}

#direito a { color:#787878;
text-decoration:none;
}

#direito a:hover { color:#9b9b9b;}
 
#direito #galeria img { background:url(../img/bg-foto.gif);
width:142px;
height:97px;
padding:3px;}

#direito #atalhos { background:url(../img/bg-atalhos.gif) top no-repeat;
padding:42px 0 0 0;
margin:12px 0 0 0;}

#direito #sondagem { background:url(../img/bg-sondagem.gif) top no-repeat;
padding:42px 0 0 0;
margin:12px 0 0 0;}

#direito #atalhos { background:url(../img/bg-atalhos.gif) top no-repeat;
padding:45px 0 0 0;
margin:12px 0 0 0;}

/* tabs */

#tabes{
	display:block;
	z-index:2;
	background:#004cb2;
	margin:0;
	padding:4px 0 0 0;
	}
#tabes li{
	float:left;
	list-style-type:none;
	background:#004cb2;
	margin:0 2px;
	padding:0; /* Separar as abas */
	}
#tabes li.active{
	padding:0; /* Separar as abas */
	margin:0 2px;
	}
#tabes li a{
	float:left;
	display:block;
	background:#004cb2;	
	padding:6px;
	color:#fff;
	text-decoration:none;
	}
#tabes li a:hover, #tabes li.active a{
	color:#666;
	background:#fff;
	}
	
.aba{
	width:290px;
	background:#fff;
	clear:both;
	padding:5px;
	}	
 
 /* texto */
 
h2 { color:#004cb2;
 font-size:18px;
 margin:0;
 padding:0;}
 
h3{ color:#004cb2;
font-size:15px;
margin:0;
padding:0;}
 
.cinza { color:#666;}

/* outros */

.clear { clear:both;}

.separador { height:1px;
background:#d5d5d5;}