/* Estilo dos campos BODY, TD, TR e P */
body { background:#9B9C9E url("../imgs/bg_degradeSite.jpg") top left repeat-x fixed;
margin-left: 0; margin-bottom: 0; margin-top: 15px; margin-right: 0; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color:#FFFFFF; scrollbar-face-color: #B7B7B7; scrollbar-shadow-color: #9C9C9C; scrollbar-highlight-color: #B7B7B7; scrollbar-3dlight-color: #E1E1E1; scrollbar-darkshadow-color: #9C9C9C; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }

p, td { margin-left: 0; margin-bottom: 0; margin-top: 15px; margin-right: 0; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color:#FFFFFF; }

.bgIcon4design { background-color:#9B9C9E; }

/* Paddings */
.padding5px { padding-top:5px; }
.padding3px { padding-top:3px; }
.paddindLeft5px { padding-left:5px; }

/* Estilo dos links em geral */
a:link { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
a:visited {text-decoration:none; color:#FFFFFF;}
a:hover {text-decoration:none; color:#FFFFFF;}

.bgCirculosBotton { background-image:url(../imgs/layout/bg_circulos_botton.jpg); }
.bgBotton { background-color:#B7B7B7; }
.textCopyrightBotton { color:#666666; font-weight:bold; }
.bgBlack { background-color:#000000; }
.bgMenuTopo { background-color:#9C9C9C; }
.bgTopo { background-color:#B7B7B7; }
.bgTracosTopo { background-color:#E1E1E1; }

/* Estilo dos links do MENU */
/*Links do menu que ocupam apenas uma linha*/
.pontoMenuLink { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size: 20px; }
.menuLink { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }
a.menuLink { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.menuLink:hover { font-size:10px; color:#666666; font-weight:bold; background-color:#CCCCCC; padding-bottom:3px; padding-top:12px; padding-right:40px; padding-left:2px;}
a.menuLink:visited { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; }
.tableMenu { border-collapse:collapse; }
.tableMenuTrTd { border:0px; height:40px; width:100px; }

/* Estilo dos TEXTOS */
.tituloSessao { color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; }
.textPontoSessao { color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; }
.textConteudo { color:#E3E3E3; }
.textConteudoJustify { color: #CCCCCC; text-align:justify; }
.alignJustify { text-align:justify; }
.fontSize11 { font-size:11px; }

/* Estilo título sessão DICAS */
.tituloDicas { border-bottom-color:#FFFFFF; border-bottom-style:dotted; border-bottom-width:2px; border-top-color:#FFFFFF; border-top-style:dotted; border-top-width:2px; border-left:none; border-right:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; }


/*****************************/
/* ESTILO - GALERIA DE FOTOS */
/*****************************/

.galeria { width:670px; margin:0 auto; text-align:left; }
.img-aqui { background: #000000 url(../imgs/img_inicial_galeria.jpg) center no-repeat; width:300px; height:400px; position:relative; top:0px; right:122px; float:right; border:0px; }
ul.fotos { position:relative; list-style:none; width:160px; padding:1px; background-color:#000000; margin:0; padding:0; }
.fotos:after { display: block; content: "."; height: 0; font-size:0; visibility: hidden; clear: both; }
ul.fotos li { width:50px; height:75px; float:left; border:1px solid #333333; margin:1px; background-color:#333333; }
ul.fotos li img { border:none; width:50px; height:75px; }
ul.fotos li span img { border:none; width:300px; height:400px; height:auto; }
ul.fotos a { display: block; } 
ul.fotos a span { display: none; }
ul.fotos a:hover span.legenda { display: block; text-align:center; width:300px; position:absolute; top:400px; left:-2px;}
ul.fotos a:hover span { display: block; position: absolute; top:0px; left: 235px; background:#000000; border:2px solid #000000; }
ul.fotos a:hover span.legenda { padding:5px 0; color:#FFFFFF; }
<!--[if lte IE 6]>
ul.fotos { width:110px; padding: 2px 0 1px 0; }
ul.fotos li { margin-top:0; }
/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
ul.fotos li { float: left; height: 1%; }
ul.fotos li a { height: 1%; }
/* End */
ul.fotos a:hover { text-decoration:none; background: none; } 
ul.fotos li {width:50px;}
ul.fotos a:hover span.legenda {width:300px;}
<![endif]-->


/* Formata as fotos em apenas UMA coluna */
.galeria_umacoluna { width:670px; margin:0 auto; text-align:left; }
.img-aqui_umacoluna { background: #000000 url(../imgs/img_inicial_galeria.jpg) center no-repeat; width:300px; height:400px; position:relative; top:0px; right:132px; float:right; border:0px; }
ul.fotosumacoluna { position:relative; list-style:none; width:54px; padding:1px; background-color:#000000; margin:0; padding:0; }
.fotosumacoluna:after { display: block; content: "."; height: 0; font-size:0; visibility: hidden; clear: both; }
ul.fotosumacoluna li { width:50px; height:75px; float:left; border:1px solid #333333; margin:1px; background-color:#333333; }
ul.fotosumacoluna li img { border:none; width:50px; height:75px; }
ul.fotosumacoluna li span img { border:none; width:300px; height:400px; height:auto; }
ul.fotosumacoluna a { display: block; } 
ul.fotosumacoluna a span { display: none; }
ul.fotosumacoluna a:hover span.legenda { display: block; text-align:center; width:300px; position:absolute; top:400px; left:-2px;}
ul.fotosumacoluna a:hover span { display: block; position: absolute; top:0px; left: 245px; background:#000000; border:2px solid #000000; }
ul.fotosumacoluna a:hover span.legenda { padding:5px 0; color:#FFFFFF; }
<!--[if lte IE 6]>
ul.fotosumacoluna { width:54px; padding: 2px 0 1px 0; }
ul.fotosumacoluna li { margin-top:0; }
/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
ul.fotosumacoluna li { float: left; height: 1%; }
ul.fotosumacoluna li a { height: 1%; }
/* End */
ul.fotosumacoluna a:hover { text-decoration:none; background: none; } 
ul.fotosumacoluna li {width:50px;}
ul.fotosumacoluna a:hover span.legenda {width:300px;}
<![endif]-->