/*{
border:1px solid #FF0000
}*/
html,div,h1,h2,h3,form,img,address,ul,li,a,object {
padding: 0;
margin: 0;
}
html {
background:#e1dec3 url(images/background.jpg) repeat-x;
}
body {
background:url(images/fundo_rodape.jpg) 50% 100% no-repeat;
padding:0 0;
}
#geral{
margin:0 auto;
width: 780px;
background:#FFF;
}
#topo{
height: 130px;
background: url(images/logo.jpg) no-repeat 50% 0%;
}
#flash{
float:left;
clear:both;
width: 730px;
padding:0 25px 10px 25px;
}
#meio {
width:730px;
display:table-cell;
padding:0 25px;
background:#fff;
}
/*################ BLOCOS #######################*/
#bloco1 {
float:left;
width:175px;
background: #FFF;
padding-right:9px;
}
#bloco2 {
float:left;
width: 546px;
}
#bloco3{
float:left;
width:175px;
}
/*################ COLUNAS #######################*/
.colunas {
float: left;
width:362px;
}
.item {
background:url(images/fundo_chamadas.jpg) 0% 100%;
float: left;
width:362px;
margin-top:10px;
}
.item h2{
background:url(images/img_h2.png) 100% 0% no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:-1px;
}
.semmargem {
margin-right: 0 !important;
}
/*################ CONTEÚDO #######################*/
.linha {
position:relative;
width: 334px;
background:#f9ee97 url(images/fundo_chamadas.jpg) 0% 100% repeat-x;
margin-bottom:10px;
padding: 20px 14px 12px 14px;
display: table;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.linha h1{
float:left;
clear:right;
width: 310px;
background:url(images/img_h2.png) 100% 0% no-repeat !important;
font: bold 14px Verdana, Arial, Helvetica, sans-serif !important;
color:#000 !important;
letter-spacing:-1px !important;
padding: 0 10px 10px 0 !important;
}
.oculto {
display:none;
}
.linha p{
float:left;
width: 334px;
}
#conteudo {
color: #000;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
#conteudo h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#000;
background:url(images/h1.png) no-repeat;
padding:0 0 15px 0;
margin-bottom:1px;
}
/*######################## titulo oculto ####################*/
.oculto{
display:none;
}
/*######################## LEIA MAIS ####################*/
#bloco2 .leiamais{
float:left;
background:url(images/saiba_mais.png) 0% 100% no-repeat;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:-1px;
padding: 0 0 1px 10px;
text-decoration:none;
background:url(images/seta_menu.png) 0% 50% no-repeat;
}
.leiamais2{
float:left;
background:url(images/saiba_mais.png) 0% 100% no-repeat;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:-1px;
padding: 0 0 1px 10px;
text-decoration:none;
background:url(images/seta_menu.png) 0% 15% no-repeat;
}
/*
.leiamais_seta{
float:left;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
padding-left:10px;
text-decoration:none;
background:url(images/seta_menu.png) 0% 50% no-repeat;
}
*/
/*###################### NOTICIAS #####################*/
.bloco-menu-esquerda h3{
float:left;
width:145px;
padding: 0 0 10px 0;
margin-bottom:15px;
margin-left: 5px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:url(images/h3_fundo.png) 0% 100% no-repeat;
text-align:left !important;
}
.bloco-noticias h3, .bloco-newsletter h3, .bloco-fotos h3{
float:left;
width:160px;
padding: 0 0 10px 0;
margin-bottom:15px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:url(images/h3_fundo.png) 0% 100% no-repeat;
text-align:left !important;
}
.bloco-noticias{
float:right;
clear:right;
width:145px;
padding:15px 15px 45px 15px;
background:#f9ee97 url(images/fundo_blocos.jpg) 0% 100% no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.bloco-fotos{
float:left;
width:166px;
padding:15px 0px 45px 9px;
background:#f9ee97 url(images/fundo_blocos.jpg) 0% 100% no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.bloco-noticias .leiamais{
float:right !important;
padding: 8px;
border:0;
margin:20px 0 -25px 0;
background: #f9ee97;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-decoration:none;
}
.bloco-noticias ul{
float:left;
width:145px;
padding:0;
margin:0;
list-style:none;
background:url(images/topo_noticias.gif) no-repeat;
}
.bloco-noticias ul li{
float:left;
background:url(images/pontilhado_noticias.gif) 50% 100% no-repeat;
}
.bloco-noticias ul li a{
float:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding:0 0 11px 0;
text-decoration:none;
}
.bloco-noticias ul li a:hover{
text-decoration:underline;
}
.datanews{
float:left;
width:140px;
margin:0;
padding:0;
font:bold 11px Arial, Helvetica, sans-serif;
color:#027d3c;
}
.bloco-parceiros, .bloco-societa {
float:right;
clear:right;
width:158px;
padding:15px 8px 45px 8px;
background:#f9ee97 url(images/fundo_blocos.jpg) 0% 100% no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
.bloco-parceiros h3, .bloco-societa h3{
padding: 0 0 10px 0;
margin-bottom:15px;
margin-left:8px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:url(images/h3_fundo.png) 0% 100% no-repeat;
text-align:left !important;
}
/*################# NEWSLETTER ###################*/
#frmSS29 {
float:left;
width: 150px;
margin-left: -12px;
}
.bloco-newsletter{
float:left;
width:145px;
padding: 10px 15px 20px 25px;
background:#f9ee97 url(images/fundo_blocos.jpg) 0% 100% no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.bloco-newsletter br{
display:none;
}
.bloco-newsletter form{
float:left;
}
#nome, #email {
width: 135px;
}
.btn_news{
float:left;
width:70px;
height:23px;
border:0;
margin: 5px 5px 0 62px;
background: #f9ee97;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
position:relative;
}
.bloco-newsletter label{
float:left;
width:50px;
padding:5px 5px 5px 5px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-color:#f9ee97;
}
.cxnewsletter{
float:left;
width:140px !important;
height:20px;
padding:0;
border: 1px solid #fff;
}
/*################### FORMULÁRIO #######################*/
#conteudo form{
width:530px;
margin:0 auto;
}
#conteudo form label{
float:left;
width:330px;
padding:5px 5px 5px 5px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-color:#f9ee97;
}
#conteudo .cxinput{
width:450px;
height:20px;
padding:0;
margin:1px 0 0 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border:0px ;
margin-bottom:12px;
background-color:#fedc83;
}
textarea{
float:left;
width:480px;
height:120px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border:0px solid #FFFFFF ;
margin:1px 0 10px 0;
padding:0;
background-color:#fedc83;
}
.botao{
float:left;
width:62px;
height:28px;
background: #f9ee97;
border:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
margin-left: 2px;
}
#conteudo form .checkboxlabel{
background-color:#FFF;
width:500px;
padding-bottom:20px;
}
#conteudo form .checkbox{
float:left;
clear:right;
}
#conteudo form #atencao_lb{
}
#conteudo form #aviso{
display:none;
}
#aviso_lb{
width:510px !important;
text-align:center;
background:#FFF !important;
padding:20px 0 !important;
font:20px Verdana, Geneva, sans-serif !important;
color:#000;
}
/*###################### paginação #####################*/
/*#################### rodape ##########################*/
#rodape{
width: 780px;
height: 100px;
background-color:#fff;
margin-bottom:-30px;
}
#rodape address{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin-top: 39px;
padding-left: 35px;
float: left;
}
/*------tag coringa------- fonte de tamanho diferente--------*/
#rodape address span{
font-size:14px;
}
#rodape .logo_criat{
width: 70px;
height: 25px;
background:url(images/logo_criat.png) no-repeat;
float: right;
margin-top: 27px;
padding-right: 64px;
}
/*############# GALERIA ##############*/
.bloco-galeria{
float: left;
width:115px;
background-color:#fff;
margin:0 5px 0 0;
padding-bottom:10px;
text-align:center;
/*border:1px solid #c1b375;*/
}
.bloco-galeria span{
clear: both;
}
.bloco-galeria img{
border:3px solid #fed053;
}
.bloco-galeria h2 {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#6c5b49;
padding:5px;
margin:0px;
}
/*span.small {
font:9px Arial, Helvetica, sans-serif;
color: #000 !important;
padding:10px 0;
width:100%;
float:left;
}
*/
span.spandesc {
/*float:left;*/
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6c5b49;
padding:2px 0px 0px 0px;
margin:0;
text-align:center;
}
.pagination{
}
/*########################## ADD THIS##############################*/
#addthis {
float:right;
width:205px;
/*height:30px;*/
clear: both;
font: 11px Arial, Helvetica, sans-serif;
color: #000 !important;
margin: 0 -5px 5px 0 !important;
/*padding: 10px 0 50 0 !important;*/
}
#addthis a:link{
text-decoration:none;
color: #000 !important;
}
#addthis a:hover{
text-decoration:underline;
color: #000 !important;
}