/*ATRIBUTOS GERAIS
------------------------------------*/

body {
background:url(../images/bg.jpg) center top no-repeat #666;
padding:0;
margin:0;
font-size:11px;
font-family:verdana, tahoma, arial;
color:#fff;
}

img {
border:none;
}

h1, h2, h3, h4, h5 {
font-weight:normal;
margin:0;
padding:0;
font-size:11px;
}

h1 {
}

h3 {
font-size:16px;
font-weight:bold;
color:#C2DEF1;
margin:0 0 10px 0;
}

h4 {
font-size:12px;
font-weight:bold;
margin:0 0 10px 0;
color:white;
}

p {
margin:10px 0;
}

a:link, a:visited {
color:#00FFFF;
}
a:hover, a:active {
text-decoration:none;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-20px;
}

#wrapper {
width:930px;
margin:0 auto;
padding:0;
}

#corpo {
width:780px;
float:left;
}

#sub_corpo {
padding:3px;
margin:0;
width:774px;
background:#3D82A0;
}

ul {
margin:5px;
padding:0 0 0 20px;
}

h1.tit {
display:block;
width:552px;
height:25px;
font-size:20px;
font-weight:bold;
padding:10px 0 0 5px;
background:url(../images/tit_bg.gif);
color:white;
margin-bottom:15px;
}

.separador {
border-top:1px solid #D57B5E;
clear:both;
height:0;
margin:15px 0;
padding:0;
_margin-bottom:-12px;
}

/*INSTRUÇÕES PARA INPUT:
Uma vez que a maior parte das tags de input tem o nome "input", variando apenas o "type", para não haver confusão, a cada uma deverá ser atribuída uma classe específica. Text = text, radiobutton = radio, checkbox = check. Select e textarea não vão precisar de classe.
-------------------------------*/
.text, select, textarea {
padding:1px 2px;
height:18px;
font-size:12px;
font-family:'trebuchet ms', arial, tahoma, verdana;
color:#666;
border:1px solid #999;
background:white;
}

.radio {
margin:0;
}

select {
height:22px;
}

textarea {
height:auto;
}

/*TOPO
------------------------------------*/
#topo {
width:100%;
background:url(../images/topo_arga.jpg) no-repeat top center;
height:206px;
border-bottom:5px solid #D57B5E;
margin:0;
}

#logo {
float:left;
display:block;
width:140px;
height:170px;
margin:30px 0 0 30px;
}

#img_topo {
float:right;
margin-right:14px;
}

#top_bar {
width:100%;
height:60px;
padding:0;
margin:0px auto 1px auto;
}
/*Login Box
--------------*/
#login_box {
float:left;
width:369px;
padding:18px 5px 0 5px;
height:42px;
background:url(../images/top_bar_bg.jpg) repeat-x #ddd;
margin:0 1px 0 0;
color:#666;
}

#login_box h3 {
color:#333;
font-size:14px;
margin:0;
}

#login_box input {
height:14px;
padding:1px;
width:94px;
border:1px solid #999;
vertical-align:middle;
font-size:11px;
}

#banner_barra {
float:right;
width:394px;
background:url(../images/top_bar_banner_bg.jpg) repeat-x #bcbcbc;
height:60px;
}

#menu_top {
width:100%;
height:7px;
_margin-bottom:-7px;
background:url(../images/menu_top.gif) no-repeat;
}
#login {
margin:0;
}
/*MENU
------------------------------------*/
#menu {
display:block;
height:290px;
width:179px;
padding:4px 3px;
margin:0 auto 0 0;
}

#menu li {
display:block;
float:left;
margin-bottom:1px;
_margin-bottom:-4px;
width:100%;
height:33px;
background:url(../images/menu_item_bg.gif) repeat-x;
}

#menu li a:link, #menu li a:visited {
display:block;
font-size:14px;
color:#333;
text-decoration:none;
padding:10px 0 0 9px;
margin:0;
width:170px;
height:28px;
}
#menu li a:hover, #menu li a:active {
background:url(../images/menu_item2_bg.gif) repeat-x;
}

.bullet {
margin-right:2px;
vertical-align:middle;
}

/*COLUNA ESQUERDA
------------------------------------*/
#col_esq {
width:185px;
padding:0;
float:left;
background:url(../images/menu_bg.jpg) repeat-x;
}

/*COLUNA DIREITA
------------------------------------*/
#col_dir {
float:right;
width:560px;
padding:5px 10px 5px 10px;
background:url(../images/template/cont_bg2.gif) top left no-repeat;
}

.news2col {
display:block;
width:100%;
padding:0;
margin:0;
}
.news2col li {
display:block;
float:left;
width:47%;
padding-right:2.5%;
margin-bottom:15px;
}
.news2col li.news2col_dir {
width:47%;
padding-right:0;
padding-left:2.5%;
margin-bottom:15px;
}

/*RODAPÉ
------------------------------------*/
#rodape {
width:775px;
height:32px;
padding:35px 0 0 5px;
margin:0 auto 20px auto;
color:#ccc;
background:url(../images/rodape_bg.jpg) no-repeat top center;
border-bottom:2px solid #D57B5E;
}

#rodape a:link, #rodape a:visited {
text-decoration:underline;
color:#cccccc
}

#rodape a:hover, #rodape a:active {
text-decoration:none;
}

/*SELOS
------------------------------------*/
#col_selos {
float:right;
width:146px;
}
#selos_tit {
width:138px;
background:#333;
text-transform:uppercase;
color:white;
padding:20px 4px 2px 4px;
margin-bottom:5px;
}
#selos {
width:100%;
background:#ccc;
text-align:center;
padding-top:5px;
}
#selos img {
margin:0 auto 5px auto;
}

/*DÚVIDAS FAQ / GUIA DE SERVIÇOS
------------------------------------*/		
label.busca {
vertical-align:middle;
margin:10px 0;
display:block;
}
label.busca strong {
vertical-align:middle
}
label.busca input, label.busca select {
vertical-align:middle
}

.pergunta {
font-size:12px;
font-weight:bold;
margin:15px 0 -5px 0px;
}
.pergunta:first-letter {
font-size:18px;
color:#666;
}

.search {
	color: #000000;
	background: #FFFF00;
}

/*CONTATO
------------------------------------*/
#contato label, #contato label .text, #contato label textarea {
display:block;
width:300px;
}
#contato label .text, #contato label textarea, #contato label select {
margin: 3px 0 5px 0;
}
#contato {
width:530px;
}
#contato ul {
list-style:none;
padding:0;
margin:0;
}
#contato ul li {
margin-bottom:5px;
}

/*MAPA DO SITE
--------------------------------------------------------*/
ul#sitemap {
list-style:none;
padding:0;
margin-left:20px;
}
ul#sitemap ul {
background:url(../images/line.gif) repeat-y;
list-style:none;
margin:0;
_margin:1px 0 1px -20px;
}

ul#sitemap li {
background:url(../images/join.gif) no-repeat;
padding-left:20px;
padding:1px 0 1px 20px;
}

ul#sitemap li.sm_pe {
background:url(../images/joinbottom.gif) no-repeat;
}

/*NOTÍCIAS CAPA
---------------------------------------*/
.noticias {
padding:0;
list-style:none;
}
.noticias li{
display:block;
margin-bottom:0px;
border-bottom:1px dotted #ccc;
padding:5px;
background:url(../images/li_bg.jpg) repeat-x;
}

.noticias .data {
color:#00CCFF;
}