*{margin:0; padding:0;}
body{
background:#4B8F8D; 
font:12px/18px Verdana;
cursor:default;
color:#333;
}
a{
text-decoration:none;
color:#333;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
margin:5px;
}
p{
margin:10px 5px;
}
#geral{
position:relative;
background:#fff;
width:995px;
margin:10px auto;
}
ol{
margin-left:20px;
}
ol li{
margin-left:20px;
}
ol li div{
height:350px;
overflow:auto;
}
ol li div.height{
height:auto;
}
ol ul{
list-style:disc;
}
/********************************************
CLASSES
********************************************/
.clear{
clear:both;
}
.floatLeft{
float:left;
margin-right:10px;
}
h3.tags{
margin:5px 20px 0 0px;
_margin:5px 0px 0 0px;
font-size:9px;
line-height:11px;
font-weight:normal;
float:right;
width:755px;
color:#999;
}
/********************************************
TOPO
********************************************/
#header{
background:url(imagens/header.jpg) no-repeat top left;
width:100%;
display:table;
}
#header #top-flash{
margin:10px;
_margin:5px 0 5px 5px;
float:left;
}
#header h1, #header #slogan{
text-indent:-900000px;
overflow:hidden;
}
#header a h1{
width:210px;
height:190px;
margin:22px;
float:left;
cursor:pointer;
}
/********************************************
BAIXO
********************************************/
#baixo{
display:table; 
width:995px;
_width:985px;
}
/********************************************
BARRAL LATERAL DA ESQUERDA
********************************************/
#leftBar{
float:left;
width:200px;
background:url(imagens/menu-top.gif) no-repeat top left;
margin-left:10px;
margin-top:40px;
padding-top:16px;
}
#leftBar ul#menu{ 
list-style:none;
background:#52908D url(imagens/menu-bot.gif) no-repeat bottom left;
display:table;
width:170px;
padding-bottom:16px;
}
#leftBar ul li{
float:left;
}
#leftBar ul li a{
float:left;
width:162px;
margin:0 2px;
padding:10px 2px;
color:#fff;
border-top:1px solid #fff;
border-bottom:1px solid #D3E3E2;
font-weight:bold;
}
#leftBar ul#menu li.first a{
border-top:none;
}
#leftBar ul#menu li.last a{
border-bottom:none; 
}
#leftBar ul#menu li a:hover{
background:#79B5B3;
color:#000;
text-decoration:none;
}
#leftBar ul#menu li.selected a{color:#000;}
#leftBar h2.news{
background:url(imagens/news.jpg) no-repeat left top;
width:149px;
height:132px;
margin:8px;
text-indent:-90000px;
overflow:hidden;
}
ul#news{
list-style:none;
}
ul#news li a .date{
color:#8F3D3A;
display:block;
}
ul#news li a{
color:#4A4947;
}
ul#news li a:hover{
background:#eee;
text-decoration:none;
}
/********************************************
RODAPE
********************************************/
#footer{
clear:both;
background:url(imagens/footer.gif) no-repeat bottom left;
line-height:50px;
text-align:center;
}
#footer address{
display:inline;
margin-right:50px;
font-style:normal;
}
#creditos{
text-align:right;
background:#4B8F8D;
width:100%;
}
/********************************************
DIREITA
********************************************/
#meio-bottom{
float:right;
width:760px;
margin-right:20px;
_margin-right:0px;
background:url(imagens/cont-bot.gif) no-repeat bottom left;
padding-bottom:10px;
}
#meio-top{
background:url(imagens/cont-top.gif) no-repeat top left;
padding-top:10px;
}
#meio{
border-left:2px solid #AEBDBA;
border-right:2px solid #AEBDBA;
padding:10px;
display:table-cell;
width:736px;
_height:455px;
}
/********************************************
LISTA DE SERVIÇOS
********************************************/
ul#servicos{
list-style:none;
float:right;
margin-right:30px;
margin-bottom:-1px;
}
ul#servicos li{
float:left;
}
ul#servicos li a{
float:left;
width:148px;
color:#fff;
text-align:center;
line-height:40px;
font-weight:bold;
}
ul#servicos li.tab1 a{ background:url(imagens/tab1.jpg) no-repeat top left; }
ul#servicos li.tab2 a{ background:url(imagens/tab2.jpg) no-repeat top left; }
ul#servicos li.tab3 a{ background:url(imagens/tab3.jpg) no-repeat top left; }
ul#servicos li.tab4 a{ background:url(imagens/tab4.jpg) no-repeat top left; }
ul#servicos li a:hover{
text-decoration:underline;
}


/********************************************
CONTEUDO PADRÃO
********************************************/
#meio ul{
margin-left:20px;
}
#meio ul li{
margin:5px;
margin-left:30px;
}
#meio h1{
margin:10px;
font-size:18px;
line-height:26px;
}
#meio h2{
margin:10px;
font:16px/24px Verdana;
font-weight:bold;
}
.item{
padding:10px 0;
}
.item h3{
cursor:pointer;
margin-left:10px;
}
#flash{
float:right;
width:270px;
height:433px;
margin-left:10px;
}
/********************************************
CONTATO
********************************************/
fieldset{
padding:10px;
}
label{
display:block;
float:left;
width:300px;
cursor:pointer;
}

label b{
display:block;
}
label b em{
font-weight:normal;
font-size:10px;
}
label input, label select, label textarea{
border:2px solid #ccc;
width:250px;
padding:2px;
}
label textarea{
width:550px;
}
input#submit{
border:2px solid #ccc;
margin:2px;
padding:5px;
cursor:pointer;
}
label input.inpFocus, label select.inpFocus, label textarea.inpFocus{
border-color:#52908D;
}