/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        */
/* contato@flexsolucoes.com.br											*/
/* (48)3632-3178												        */
/************************************************************************/

/* Geral
-------------------------------------------------------------------------- */
html { overflow:-moz-scrollbars-vertical; } /* coloca barra de rolagem no ff */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
html { height:100%; }
body { width:100%; height:100%; background:url(../jpg/bg-geral.jpg) center top; font: normal 12px/1.6em arial, sans-serif; text-align: left; color: #666666; }

p { margin:0 0 18px; }
img { border:0px; }
li {list-style: none}

h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #416894; font-family: Helvetica, Arial, Verdana, sans-serif; }
h1 { font-weight:normal; color: #2a3e53; font-size:1.6em; margin-bottom:0px; margin-top:0px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h2 { font-weight:normal; color: #2a3e53; font-size:1.6em; margin-bottom:10px; margin-top:5px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-weight:normal; color: #2055a1; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }
h4 { font-weight:bold; color: #e7ff61; font-size:1.2em; margin-bottom: 5px; font-family:Verdana, Geneva, sans-serif; }

.mini { font-size:10px; width:100%; margin-bottom:6px; }


/* Padrões
-------------------------------------------------------------------------- */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.f-left { float:left; }
.f-right { float:right; }
.rolagem { height:331px; overflow: hidden; overflow-y: scroll; overflow-x: hidden; }


/* Clearfix
-------------------------------------------------------------------------- */
.clearfix:after { content:".";  display:block; height:0; clear:both; visibility: hidden; }
.clearfix {display:inline;}  
* html .clearfix {height: 1%;}  
.clearfix {display: block;} 


/* Links
-------------------------------------------------------------------------- */
a {color: #063D80;text-decoration: none;padding: 0 0 1px;outline: 0;}
a:hover {color: #245ea3;text-decoration: none;}


/* Divs
-------------------------------------------------------------------------- */
#geral {  background:#293d52 url(../jpg/bg.jpg) center top repeat-x; width:100%; float:left; }
#layout { width:980px; margin:auto; }
#menuTopo { height:23px; background:url(../gif/bg-menu-topo.gif) center top repeat-x; }
#principal { width:778px; float:right; background:#dededd; color:#2a3e53; }
#principalEnd { height:128px; float:left; width:100%; }
#principalEnd .conteudo { width:758px; padding:10px; }
#principalGeral .conteudo { width:758px; padding:10px; height:331px; }
#menuLateral { height:223px; }
#rodape { height:46px; color:#FFF; text-align:right; float:left; width:100%; }

#imagensSlide { float:left; width:575px; height:223px }
#promocao { float:right; width:203px; text-align:center; }


/* Topo
-------------------------------------------------------------------------- */
#topo { height:104px; background:url(../png/bg-topo-inteiro.png) center top no-repeat; }
#logo { padding:15px 0 0 15px; float:left; }
.linguas { padding:1px 0px 0 0px; *padding:0px 0px 0 0px; float:right; width:164px; text-align:center; color:#2a3e53; font-size:12px; }
.linguas a { color:#2a3e53; }
.linguas a:hover { color:#CCC; }

/* Ícones topo
-------------------------------------------------------------------------- */
.iconeVideo a { background:transparent url(../png/ico-video.png) no-repeat top; float:right; height:23px; width:24px; margin:0; }
.iconeVideo a:hover { background:transparent url(../png/ico-video.png) no-repeat bottom; float:right; }

.iconeEmail a { background:transparent url(../png/ico-email.png) no-repeat top; float:right; height:23px; width:24px; margin:0; }
.iconeEmail a:hover { background:transparent url(../png/ico-email.png) no-repeat bottom; float:right; }


/* Lista Notícias
-------------------------------------------------------------------------- */
ul.listaNoticia {margin:0 0px 10px 5px;padding:0;list-style:none;color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-style: normal;font-weight: normal;}
ul.listaNoticia li {font-size: 110%;display:block;background:url('../gif/seta_links.gif') top left no-repeat;margin:3px 0 0 3px;padding:2px 0 5px 22px;border-bottom:1px dotted #CFCFCF;}
ul.listaNoticia li a { color:#4F4F4F; }
ul.listaNoticia li a:hover { color:#8F8F8F; }


/* Lateral
-------------------------------------------------------------------------- */
#lateral { width:202px; float:left; background:#2a3e53; }
#lateral .conteudo { width:182px; padding:10px; color:#FFF; font-size:11px; }
#lateral .conteudo h1 { color:#c0c0c0; margin-bottom:5px; font-size:1.7em; }

#tempo { height:123px; background:#FFF; text-align:center; padding:5px 20px 0px 20px; font-size:9px;}
#tempo .fundoTempo { background:url(../png/tempo.png) top center no-repeat; text-align:center; width:150px; height:120px; padding:5px; margin:auto;}
#tempo .fundoTempo .titulo { font-weight:bold;width:115px; text-align:center;  margin:auto;}
#tempo .fundoTempo .data { width:115px; margin:auto; text-align:center; font-size:9px; line-height:10px;}
#tempo .imagem { width:115px; height:35px; margin:auto; text-align:center; padding:0px 0px 5px 0px;}
#tempo .imagem img { width: 52px; height:52px; margin:auto; }
#tempo .fundoTempo .descricao { font-weight:normal; width:115px; text-align:center; color:#036; font-size:10px; margin:auto;}


/* rodapePrincipal
-------------------------------------------------------------------------- */
#rodapePrincipal { height:75px; float:left; width:100%; border-top:1px solid #cac8c6; }
#conheca { height:75px; width:202px; float:left; background:#FFF; }
#conteudoRodapeP { height:75px; width:778px; float:left; background:url(../gif/bg-conteudoRodapeP.gif) center top repeat-x; color:#cfcfce; }


/* Formulário
-------------------------------------------------------------------------- */
input, select, textarea { margin-left:2px; background:#fff url(../jpg/bg-input.jpg) repeat-x; border:1px solid #D1D7DF; font-size:12px; color:#333333; padding:2px; margin-right:4px; font-family:tahoma, arial, sans-serif; }
input[type="radio"] { border-style:none; width:16px; background:none; vertical-align:text-top; *vertical-align:middle; } 
label { text-align: left; margin:10px 0.5em 0 0; height:24px; }
label.w100 { width:100%; float: left; text-align: left; margin:5px 0.5em 0 0; display: block; height:24px; }

.botao {color:#fff;border:1px solid #EFF9FF;background:#fff url('../png/bg-botao.png') repeat-x 0 0; padding:3px; margin-left:3px; margin-top:15px;}
.botao:hover {color:#3c6c8a!important;border:1px solid #EFF9FF;background:#fff url('../png/bg-botao.png') repeat-x 0 bottom;	}