html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, p, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
}

html, body {
    height:100%;
    color:#000000;
    font-size:14px;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
    background-color:#ffffff;
    background-image:url("/media/skins/bg-site.jpg");
    background-repeat: repeat-x;
}
.baseLayer a {
    color:#121010;
}
.baseLayer a:hover {
    color:#cc1010;
}
/* _________________ Blocos _________________ */
.baseLayer {
    width:1000px;
    height:1000px;
    position:relative;
    margin:0 auto;
}
#geral {
    background:url("/media/skins/bg-template.jpg") no-repeat;
}
#geralInterno {
    background:url("/media/skins/bg-template.jpg") no-repeat;
}
#geralExterno {
    background:url("/media/skins/bg-template.jpg") no-repeat;
}

/* _________________ Header tags _________________ */
#topo a {
    display:block;
    text-indent:-10000px;
    width:100%;
    height:1000px;
}
#geral h1, #geralInterno h2, #geralExterno h1 {
    color:#030303;
    font-weight:normal;
    font-size:22px;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
#geral h2, #geralInterno h2, #geralExterno h2 {
    font-weight:bold;
    font-size:1.1em;
    padding:5px 0px;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
.conteudo h3 {
    color:#030303;
    padding-top:20px;
    font-weight:normal;
    font: 0.90em Trebuchet MS, Arial, Helvetica, sans-serif;
}
.conteudo ul.informacoesUsuario h3 {
    color:#030303;
    padding-top:20px;
    font: 0.95em Trebuchet MS, Arial, Helvetica, sans-serif;
}
.conteudo h3.associadosTitulo {
    padding-left:5px;
    margin:10px 0;
    border-bottom:2px solid #000;
}
.conteudo h4 {
padding-left:5px;
    margin:10px 0;
    border-bottom:2px solid #000;
    }
/* _________________ Blocos Modal _________________ */
#layer1{
    position:absolute;
    display:block;
    width:988px;
    height:82px;
    top:0px;
    left:9px;
    		overflow:hidden;
	    z-index:;
}
#layer2{
    position:absolute;
    display:block;
    width:733px;
    height:464px;
    top:400px;
    left:255px;
    		overflow:hidden;
	    z-index:2;
}
#layer3{
    position:absolute;
    display:block;
    width:1000px;
    height:800px;
    top:147px;
    left:6px;
    		overflow:hidden;
	    z-index:;
}
#layer4{
    position:absolute;
    display:block;
    width:220px;
    height:218px;
    top:406px;
    left:601px;
    		overflow:hidden;
	    z-index:5;
}
#layer5{
    position:absolute;
    display:block;
    width:238px;
    height:376px;
    top:400px;
    left:5px;
        z-index:999;
}
#layer6{
    position:absolute;
    display:block;
    width:328px;
    height:204px;
    top:397px;
    left:261px;
    		overflow:hidden;
	    z-index:6;
}
#layer7{
    position:absolute;
    display:block;
    width:395px;
    height:150px;
    top:637px;
    left:248px;
    		overflow:hidden;
	    z-index:5;
}
#layer9{
    position:absolute;
    display:block;
    width:214px;
    height:218px;
    top:406px;
    left:802px;
    		overflow:hidden;
	    z-index:9;
}
#layer11{
    position:absolute;
    display:block;
    width:782px;
    height:32px;
    top:931px;
    left:112px;
    		overflow:hidden;
	    z-index:3;
}
#layer12{
    position:absolute;
    display:block;
    width:211px;
    height:91px;
    top:764px;
    left:3px;
    		overflow:hidden;
	    z-index:4;
}
#layer13{
    position:absolute;
    display:block;
    width:318px;
    height:224px;
    top:629px;
    left:693px;
    		overflow:hidden;
	    z-index:20;
}
#layer14{
    position:absolute;
    display:block;
    width:155px;
    height:78px;
    top:52px;
    left:842px;
    		overflow:hidden;
	    z-index:100;
}
/* _________________ jQuery Modal styles _________________ */
.jqHandle, .jqDrag {
    overflow:hidden;
}
.jqDrag {
    cursor:move;
    position:absolute;
    z-index:100;
    width:100%;
    filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity:0.25;
    background-color:#eee;
}
.jqDrag:hover {
    cursor:move;
    position:absolute;
    width:100%;
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity:0.9;
}
.jqResize {
    position: absolute;
    z-index:100;
    width:100%;
    bottom: 0px;
    right: 0px;
    background-color:#eee;
    cursor: se-resize;
    font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.jqDnR {
    position: absolute;
    border: 1px solid #ccc;
}
.salvaCampo, .editaCampo, .editaInterna, .inserirImagens {
    width:20px;
    height:20px;
    display:block;
    text-indent:-10000px;
    cursor:pointer;
    float:left;
    border:0px;
    margin:1px 10px 1px 1px;
}
.especificacoesCampo {
   float:left;
}
.especificacoesCampo input {
   border:0;
   width:20px;
   cursor:default; 
   background-color:#eee;
   font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
   }
.fxCampo {
   float:right;
   }
.salvaCampo {
    background:url("../central/img-css/salvaCampo.gif") no-repeat center center;
}
.editaCampo {
    background:url("../central/img-css/editaCampo.gif") no-repeat center center;
}
.editaInterna{
    background:url("../central/img-css/editaPagina.gif") no-repeat center center;
}
.inserirImagens {
    background:url("../central/img-css/adicionar-imagens.png") no-repeat center center;
}
.sobeCampo, .desceCampo, .resizeCampo {
    text-indent:-10000px;
    display:block;
    width:20px;
    height:20px;
}
.sobeCampo {
    float:right;
    background:url("../central/img-css/sobeCampo.gif") no-repeat center center;
}
.desceCampo {
    float:left;
    margin-right:10px;
    margin-top:3px;
    background:url("../central/img-css/desceCampo.gif") no-repeat center center;
}
.resizeCampo {
    padding-top:2px;
}
/* _________________ Estilos dos campos _________________ */
#buscaRapida fieldset {
    border:0;
}
#buscaRapida #palavraBusca {
    color:#666;
    padding:3px;
    font-style:italic;
    font-size:0.8em;
}
.campoGaleria {
}
.campoGaleria li{
    display:inline;
}
.campoGaleria li img {
    background-color:#bbb;
    padding:3px;
    border:1px solid #666;
}
.campoGaleria li img:hover {
    background-color:#fff;
}
.menuPrincipal {
}
.menuPrincipal li a{
    width:100%;
    height:25px;
    display:block;
    padding-left:25px;
    font-weight:bold;
    line-height:25px;
    text-decoration:none;
    background:url("/media/image/aniversario-sao-paulo-2010.jpg") repeat-x;
}
.menuPrincipal li a:hover{
    background:url("/media/image/cache/52bee7fd0879b01f2b735b3f5ea3a30e") repeat-x;
}

.slideCampo {
    position:relative;
}

#navegacaoSlide {
    bottom:0;
    left:0;
    position:absolute;
    z-index:1000;
}
#navegacaoSlide a {
	display:block;
	padding:5px 10px;
	background-color:#fff;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	text-decoration:none;
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5
}
#navegacaoSlide a:hover {
	background-color:#fff;
	color:<%=rs_config("cor_link_hover")%>;
}
#navegacaoSlide a.activeSlide {
	background: #fff;
	color:<%=rs_config("cor_link_hover")%>;
}
#navegacaoSlide a:focus {
	outline: none;
}



#formularioPagina {
    border:1px solid #ccc;
    background-color:#eee;
    padding:10px;
    margin:30px;
    display:none;
}
#formularioPagina label {
    display:block;
    margin:10px;
}
.imagemMembro {
    float:right;
    margin:10px;
    background-color:#fff;
    padding:10px;
    border:1px solid #666;
}
.informacoesUsuario li {
    padding:3px 5px;
}
.informacoesUsuario li span {
    font-weight:bold;
}

#fomularioContato fieldset{
    border:0;
    margin:0 auto;
    width:90%;
}
#fomularioContato label{
    display:block;
    margin:5px;
}
#fomularioContato p.error {
    color:#f00;
    margin:5px;
}
.vejaTambem {
    width:60%;
    border:1px solid #000;
    background-color:#f00;
}
.vejaTambem li {
    display:inline-block;
    margin:5px 10px;
    font-size: 0.8em;
    background-color:#ffc;
    width:45%;
}
/* _________________ Estilos Páginas _________________ */
.paginaGaleria li {
    display:inline;
}
.paginaGaleria li img {
    background-color:#ccc;
    padding:3px;
    border:1px solid #666;
    margin:3px;
}
.breadCumb {
    font-size:0.8em;
    padding-bottom:10px;
}
.conteudo {
    overflow:auto;
    width:100%;
    height:90%;
}
.conteudo p {
    padding:10px;
}
/* _________________ Classes gerais _________________ */
#layerAdmin {
    left:0;
    bottom:0;
    width:100%;
    position:fixed;
    z-index:60;
    margin-top:50px;
    padding:15px 0;
    background:#000 url("../central/img-css/bgadminLayer.jpg") repeat-x;
    border-top:1px solid #000;
    filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity:0.25;
}
#layerAdmin:hover {
    filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity:0.95;
}
#layerAdmin ul {
    padding-left:100px;
    float:left;
}
#layerAdmin li {
    display:inline;
    padding:0 15px;
    border-right:1px solid #fff;
}
#layerAdmin li.ultimo {
    border:0;
}
#layerAdmin a {
    color:#fff;
    text-decoration:none;
}
#layerAdmin a:hover {
    color:#aaa;
    text-decoration:underline;
}
#layerAdmin span.copy {
    float:right;
    padding-right:50px;
    color:#aaa;
    font-size:0.8em;
}
#layerAdmin p {
    padding-left:110px;
    padding-bottom:10px;
    color:#ccc;
}
.needSession {
    background-color:#ffc;
    border:1px solid #ff0;
    margin:50px;
    text-align:center;
    padding:50px;
}

/*_______________________________________________________________*/
.quadro {
    background-color:#eee;
    padding-left:1px;
    padding-right:4px;
    padding-bottom:3px;
    border-right:2px solid #999;
    border-bottom:1px solid #999;
}
ul.associados li {
    display:block;
    list-style:none;
    width:110px;
    height:110px;
    text-align:center;
    line-height:110px;
    float:left;
    margin:5px;
    border:4px solid #ccc;
    background-color:#fff;
}
ul.associados li:hover {
    border:4px solid #c00;
}
ul.associados li img {
    text-align:center;
    line-height:100px;
    }
img.alinhamento{
    text-align:center;
    line-height:100px;
}
.clear {
   clear:both;
   }
   
   
a.azul {
	border-bottom:2px solid #6673AA;
}
a.amarelo {
    border-bottom:2px solid #E8CB01;
}
a.vermelho {
	border-bottom:2px solid #c00;
}
a.verde {
	border-bottom:2px solid #009E3F;
}
.noCursor {
    cursor:crosshair;
}
#nav1 {
	list-style:none;
	width:180px;
}
#nav1 ul {
list-style:none;
}
#nav1 li {
    position:relative;
    list-style:none;
}
#nav1 li a {
	color:#000;
	padding:6px 0 8px 5px;
	display:block;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
}
#nav1 li a:hover {
	color:#333;
	
}
#nav1 li ul {
    position:absolute;
    top:0;
    left:160px;
	list-style:none;
	z-index:1000;
}
#nav1 li ul li {
    margin:0px;
    padding:0;
    border:0;
    list-style:none;
	border-bottom:1px solid #fff;
    filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity:0.90;
}
#nav1 li ul li:hover {
    filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity:1.00;
}
#nav1 li ul li a{
	width:160px;
	display:block;
	background-color:#ddd;
}
#nav1 li ul.verde_bg li a{
	background:#009E3F url("../img/bg-verde.jpg") repeat-x;
	color:#fff;
}
#nav1 li ul.amarelo_bg li a{
	background:#F7D737 url("../img/bg-amarelo.jpg") repeat-x;
	color:#000;
}
#nav1 li ul.vermelho_bg li a{
	background:#f00 url("../img/bg-vermelho.jpg") repeat-x;
	color:#fff;
}
#nav1 li ul.azul_bg li a{
	background:#6673AA url("../img/bg-azul.jpg") repeat-x;
	color:#fff;
}
#nav1 li ul li.ultimo{
    border:0;
}

.previsaoTempo {
}
.previsaoTempo li {
    display:block;
    float:left;
    border:1px solid #ff0;
    background-color:#ffc;
    width:200px;
    margin:10px;
}
.previsaoTempo li h3 {
    font-size:1.1em;
    padding:10px;
}
.previsaoTempo li iframe {
    padding:10px 20px;
}

.sub_paginas li {
    display:inline;
    list-style:none;
    float:left;
    margin:5px 0;
}
.sub_paginas li a {
    border-right:1px solid #000;
    padding:0 10px;
}
.campoNoticia { }
.campoNoticia li {
	list-style:square;
	margin-left:30px;
}
.campoNoticia li a {
	padding:3px 0 3px 10px;
	display:block;
    text-decoration:underline;
}



.slideCampo, .pics, .pics li {
	width:100%;
	height:100%;
}

#randomizar {
height:195px;
left:18px;
overflow:hidden;
position:absolute;
top:133px;
width:961px;
z-index:2;
}

