/* comentário - */
/* O XHTML tem o tag elemento del e ins que marcam o texto a ser apagado com riscado e ins com sublinahdo */
html, body {
margin:0;
padding:0;
}
body {
/* background-image: url(../figuras/fundo.jpg); COM IMAGEM DE FUNDO */
background-repeat: auto;
background-color: white;
font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
font-size: 16px; /* ATUAL= SMALL MAIS UTILIZADO; estava 12px; corpo 14 px h1 21 px p 14 px h2 17 px tamanho texto que usava 10pt = 13px */
color: black; /* ATENCAO #000 é black .... acqua; black; blue; ver pagina 299 */
font-weight: normal; /* normal; bold; */
font-style: none; /* none italic; oblique; */
text-decoration: none; /* none; normal; underline; overline; line-trhough; blink; BLINK=Piscante no Mozilla mas não no Explorer e Chrome - efeitos definos pelo em */
text-align: justify; /* left; right; justify; center; */
line-height: 1.4em; /* Antes 1.4em - mais usual 1.6em questinavel */
margin:0 auto; /* margin: auto; auto; auto; auto; SÓ FUNCIONA SE DEFINIR LARGURA */
/*max-width:1250px; 99%;
min-width:770px;*/
/*width: 1114px;*/ /*Original 980px*/
}
article, aside, figure, footer, header, nav, section { display: block; margin: 0; padding: 0; }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px darkgreen; } /* Original do exemplo rgba(0,0,0,0.5) */
::-moz-scrollbar { width: 12px; }
::-moz-scrollbar-track { -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
::-moz-scrollbar-thumb { border-radius: 10px; -moz-box-shadow: inset 0 0 6px darkgreen; } /* Original do exemplo rgba(0,0,0,0.5) */
#todoconteudo {
border-width: 0px;
max-width: 90%; /* 1104px; Original 980px */
background-color: white; /* rgb(255,255,219) */
padding: 0px 5px 0px 5px;
margin: 0 auto;
text-align: justify;
/*float:right; Margens centralizadas definidas pelo Body*/
}
/* @media screen and (max-device-width: 800px) { #todoconteudo { width: 800px; font-size: 30px; padding: 0px 0px 0px 5px;; } }
@media screen and (max-device-width: 790px) { #todoconteudo { width: 790px; font-size: 30px; padding: 0px 0px 0px 0px;; } } */
#principal {
border-width: 0px;
border-style: solid;
border-color: black;
max-width: 770px; /*770px*/
display: block;
/*float: left; left*/
padding: 0px 10px 5px 10px;
margin: 0 auto;
text-align: justify;
background-color: white; /* fundo amarelo rgb(255,255,219); */
}
#sidebar {
border-width: 0px;
border-style: solid;
border-color: black;
max-width: 770px; /*175*/
/*float: left;*/
padding: 5px 10px 5px 10px;
margin: 0 auto;
text-align: left;
background-color: white;
}
#infolado { /* ATENCAO - Marcacao DIV anuncio ret no cont-principal atualmente fora */
/* height: 100px; overflow: auto; */
border-width: 1px; border-style: solid; border-color: black;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
width: 100%;
padding: 0px 0px 8px 0px;
margin: 30px 0px 5px 0px;
/*float: left;*/
background-color: white; /* rgb(255,255,219) */
text-align: left;
}
#headermenu {
border-width: 0px;
border-style: solid;
border-color: auto;
width: 100%; /* 980px*/
height: auto; /*era 30 com titulo voltar 65 85 135px*/
display: block;
/*float: left;*/
padding: 3px 0px 0px 10px;
margin: 0px auto 1em auto;
text-align: justify;
background-color: white; /* antigo amarelo rgb(255,255,219) */ }
#pesquisa { /*float:right;*/ display: block; width: 100%; height:auto; background-color: lightgray; /*atual lightgray #093 rgb(00,80,00)*/ margin: 8px 0px 0px 0px; padding: 4px 0px 4px 0px; text-align: center; border-style: solid; border-top: 1px; border-bottom: 0px; border-right: 0px; border-left: 0px;/* BARRA DE PESQUISA */ }
.pesquisa-titulo { /*background-color: none;*/}
#footer {
border-width: 0px;
border-style: solid;
border-color: auto;
width: 100%; /* Era 770 px */
display: block;
/*float: left;*/
padding: 0px 0px 0px 0px;
margin: 0 auto;
text-align: center;
background-color: white; /* rgb(255,255,219) */
}
.flashrj { display: none;}
p { margin: 0.4em 0px 0.4em 0px; text-align: justify; } /* Paragrafo geral line-height formatado pelo body */
p.centralizado { margin: 0.4em 0px 0.4em 0px; padding: 0px 0px 0px 0px; text-align: center; }
p.shopletra { color: black; font-weight: bold; text-align: left; font-size: 1.2em; margin: 0.1em 0px 0.1em 0px; } /* Aviso do anúncio e-commerce */
p.footer { font-size: 0.85em; text-align: center; }
p.anuncio { font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; text-align: left; } /* paragrafo class para palavra anuncio fundo sobre ads, alinhar esquerda*/
p.anuncio_r { font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; text-align: left; } /* paragrafo class para palavra anuncio no div #anuncio336as2 */
p.anuncio-centro { font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; text-align: center; } /* paragrafo class para palavra anuncio no div abp1 */
.anuncio { font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } /* span class para palavra anuncio sobre ads */
p.fototexto { font-size: 0.88em; line-height: 1.25em;} /* TEXTO MENOR SOB FOTOS EM DIV */
.boldspan { font-weight: bold; }
p.thumblado1 { margin: 0.2em 0px 0.2em 0px; padding: 0px 0px 5px 10px; text-align: center; width: 240px; float: left; } /* thumbnail lado esquerdo */
p.thumbcenter { margin: 0.2em 0px 0.2em 0px; padding: 0px 15px 5px 15px; text-align: center; width: 240px; float: left;} /* thumbnail do centro */
p.thumblado2 { margin: 0.2em 0px 0.2em 0px; padding: 0px 10px 5px 0px; text-align: center; width: 240px; float: left;} /* thumbnail lado direito */
blockquote { margin: 0.4em 30px 0.4em 30px; font-style: italic; }
blockquote.italico { font-style: italic; color: auto; }
em { text-decoration: italic; }
ul { margin: 0px 0px 0px 0px; padding: 5px 3px 0px 12px; line-height:1.4em; text-align: left;
list-style-type: none;
background-color: auto;
}
ul a:link {text-decoration: none; font-weight:normal; color: rgb(00,80,00);}
ul a:visited { font-weight:normal; color: maroon; } /* antiga cor rgb(00,80,00) */
ul a:hover {text-decoration: underline; font-weight:normal; font-size:100%; background-color: white; color: auto; padding: 0px 0px 0px 0px;} /* Fonte size era 107% Fonte weight era bold #FFAE88 */
ul a:active { font-weight:normal; color: rgb(204,153,51);}
li { color: black; }
/*Lista compacto desativada para melhor experiencia mobile*/
/*ul.listacompacto { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 12px; line-height:1.3em; font-size: 0.85em; text-align: left; }*/
/*.listacompacto a:hover { font-weight:normal; font-size:100%; background-color: auto;} /* Fonte size era 115% Fonte weight era bold #FFAE88 */
.listaboldspan { font-weight: bold; line-height:1.5em }
dl.padrao { margin: 0px 0px 0px 0px; padding: 5px 3px 0px 12px; line-height:1.4em; text-align: left;
list-style-type: none;
background-color: auto;} /* Definições classe para Lista de Definição */
.picleft { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.picright { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.picrightalign { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.picleftalign { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.picrightalign-2 { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right;
} /* para imagem ate 380 de largura SEM SOMBRA */
.picleftalign-2 { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left;
} /* para imagem ate 380 de largura SEM SOMBRA */
.picrightalign-rs { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* right align - rounded and shadow */
.picleftalign-rs { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* left align - rounded and shadow */
.picshadow {-moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;} /* declaration: x,y,blur,cor*/
.picrounded {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* rounded corners*/
.img-responsive { display: block; max-width: 100%; height: auto;}
img { border: 0px; solid: black; height: auto; max-width: 100%; height: auto;}
.imgtop {width:450px; height: 114px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* para reduzir imagem top - DEPOIS EDITAR TAMANHOS */
/* .toppic { width:450px; height: 114px; float: right; margin: 0px 0px 0px 10px;} Apagar possivelment extinto */
/* .toppic img{ width:450px; height: 114px; } /* CLASSE para substituir DIV Toppic */
.pictecla { margin: 2px 6px 0px 0px; padding: 0px 0px 0px 0px; } /* asfastamento 6 teclas horizontais superiores menores */
.pictecla5 { margin: 0px 11px 0px 0px; padding: 0px 0px 0px 0px; } /* asfastamento 5 teclas horizontais superiores maiores*/
.foto-right { /*para foto com texto - lado direito - EXISTE TAMBEM o ID - Class pode usar mais de 1 na pagina */
background-color: white; /* depois amarelo claro #FEFFE8 antes rgb(255,255,219) */
overflow: hidden; float: right;
width: 380px;
height: auto;
margin: 5px 0px 5px 10px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: lightgray;
border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: -5px -5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
}
#txtcolunaleft { /* TEXTO ESPECIAL Coluna Lado esquerdo - JA USADO NA PAGINA COROVADO-P_ACUCAR*/
border-width: 0px;
border-style: solid;
border-color: black;
width: 365px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 40px 0px 0px;
text-align: justify;
background-color: auto;
}
#txtcolunaright { /* TEXTO ESPECIAL Coluna Lado direito */
border-width: 0px;
border-style: solid;
border-color: black;
width: 365px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: justify;
background-color: auto;
}
.salto { float:left; width:auto; height:auto; background-color: #0C6; margin: 10px 0px 10px 15px; padding: 4px 10px 4px 10px; /* Classe para MENU de SALTO pag. Bairros*/
/* font-size: small; Ajustei a fonte small porque quando reduz celular - Depois ajustar por media queries */
text-align: center;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* rounded corners*/
-webkit-box-shadow: 2px 2px rgba(0,0,0,.3); /* drop shadow declaration: x,y,blur,cor*/
-moz-box-shadow: 2px 2px rgba(0,0,0,.3);
box-shadow: 2px 2px 4px rgba(0,0,0,.3);
background-image: -webkit-gradient(linear, 0 45%, 0 55%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0))); /* add gloss */
background-image: -moz-linear-gradient(270deg, rgba(255,255,255,.4) 45%, rgba(255,255,255,.0) 55%);
}
#capsulasalto { float: right; width: 700px; height: auto; padding-left: 70px; } /* CLASSE para DIV que engloba vários menus de SALTO */
#bbanner { display: block; /*float: left;*/ background-color: white; max-width: 728px; height: auto; /*ERA height: 110px;*/ margin: 0px auto 10px auto; padding: 0px 30px 20px 20px; text-align: center; /* padding: 0px 30px 10px 20px; */ } /* Topo */
#adp1 { display: block; float:left; background-color: white; width: 100%; /*336px;*/ height: auto; /*300px;*/ margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } /* ad1 dentro post */
#adp2 { display: block; float:left; background-color: white; width: 100%; /*336px;*/ height: auto; /*300px;*/ margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } /* ad1 dentro post SEGUNDO ANUNCIO */
#anuncio336as { /*Anuncio que fica sempre no fundo abaixo div Social*/
border-width: 0px;
border-style: solid;
border-color: auto;
width: 100%;
height: auto;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 30px 0px 30px 0px; /*0px*/
/*float: left;*/
background-color: white;
}
#anuncio-extra-b { /*ANUNCIO extra FUNDO*/
border-width: 0px; border-style: solid; border-color: auto; width: 100%; height: auto;
padding: 10px 0px 10px 0px; margin: 30px 0px 30px 0px; /*0px*/
/*float: left;*/ background-color: white;
text-align: center; }
#anuncio336as2 { /*ANUNCIO QUE FICA NA LATERAL e FUNDO*/
border-width: 0px;
border-style: solid;
border-color: auto;
width: 100%;
height: auto;
padding: 30px 0px 50px 0px;
margin: 0px;
/*float: left;*/
background-color: white;
}
#abook-side { display: block; float:left; background-color: white; /*#ffbb39*/ width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } /* adbooking sidebar dentro anuncio lateral */
#abook { display: block; float:left; background-color: white; width: 100%; /*336px;*/ height: auto; /*300px;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } /* adbooking */
#capsula-fundo { display: block; float:left; width: 770px; height: auto; padding: 0px 0px 0px 0px; text-align: center; } /* Classe capsulaadfun para 2 anuncios fundo */
#an-zb {
border-width: 0px;
border-style: solid;
border-color: auto;
max-width: 300px;
height: auto;
padding: 5px 20px 0px 0px;
margin: 0px;
display: block;
float: left;
background-color: white;
}
#anuncio-extra { /*ANUNCIO extra FUNDO*/
border-width: 0px;
border-style: solid;
border-color: auto;
max-width: 300px;
height: auto;
padding: 5px 0px 0px 0px;
margin: 0px;
display: block;
float: left;
background-color: white;
}
#map_right { /*para i-frame 380 x 350**/
overflow: hidden; float: right;
width: 380px;
height: auto; /* era 365px */
margin: 5px 0px 5px 10px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: lightgray;
border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
h1, h2, h3, h4, h5, h6 { color: rgb(00,80,00); font-weight: bold; text-align: left; display: block;}
h1 { font-size: 1.9em; margin: 0.3em 0px 0.3em 0px; line-height: 1.2em;} /*font-size: 1.35em; margin: 0.3em 0px 0.3em 0px;*/
h2 { font-size: 1.1em; margin: 0.1em 0px 0.1em 0px; }
h3 { font-size: 1.02em; margin: 0.1em 0px 0.1em 0px; }
h4 { font-size: 1.0em; margin: 0.1em 0px 0.1em 0px; }
h5 { font-size: 1.0em; margin: 0.1em 0px 0.1em 0px; text-decoration: underline; font-style: }
h6 { font-size: 1.0em; margin: 0.1em 0px 0.1em 0px; font-weight: normal; text-decoration: underline; }
h2.linha { border-bottom: thin dotted #888888; }
h1.hh { font-size: 1.4em; /*font-weight: bold;*/ margin: 0.3em 0px 1.1em 0px; /* definição somente para titulo header */
text-shadow: 2px 2px 2px rgba(0,0,0,.3); /*sombra texto | inset shadow -1px -1px 1px rgba(0,0,0,.3)*/ }
.pic-h1 { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left; width:40px; height:40px; /* width:20px; height:20px; */
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* rounded corners*/
-moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; } /* para logo do título HTML5 */
h2.headertxt1 { font-size: 1.0em; color: black; font-weight: bold; font-style: italic; margin: 0.1em 0px 0.1em 15px; } /* definição somente para subtitulo do cabeçario*/
.endereco { font-size: 0.88em; line-height: 1.25em; padding: 0px 5px 0px 5px; } /* classe para microdados - NAO UTILIZADO - APAGAR OU RESOLVER */
.end-highlight { font-size: 0.9em; line-height: 1.2em; font-weight: bold; padding: 0px 5px 0px 5px; background-color: lightgray; } /* NAO UTILIZADO - APAGAR OU RESOLVER */
#provisioriohh { width: 100%; /*350px*/ margin: 5px 0px 0px 0px; display: block; } /* PROVISORIO PARA IMAGEM QUE SUBSTITUI TITULOS PG portuges e pt que não estão em html5*/
.provisorio-t { /*font-size: 1.15em; margin: 0.3em 0px 0.3em 0px; */ text-shadow: -1px -1px 1px rgba(0,0,0,.3); } /* PROVISORIO titulo sem H1 DIR portuges e pt que não estão em html5*/
a:link {color: rgb(00,80,00); font-weight: bold; }
a:visited {color: maroon; font-weight: bold;} /* antiga cor rgb(00,80,00) */
a:hover { color: #15C; font-weight: bold;} /* mouse over link * tem que vir depois a:link and a:visited e antes de a:active */
a:active { color: rgb(204,153,51); font-weight: bold;}
.t-esp { padding: 15px 10px 3px 10px; background-color: white; display: block; clear: left; /*background-color: rgb(255,255,219)*/
border-width: 1px; border-style: solid; border-color: gray;
border-radius: 5px; -moz-border-radius: 5px; } /* ESTAVA COM clear: left; por enquanto aplicado apenas na pag. ciclovias laranja= #FFAE88; */
.t-esp-ib { padding: 15px 10px 3px 10px; background-color: white; display: inline-block; clear: left; /*padding: 15px 2px 3px 10px;*/
border-width: 1px; border-style: solid; border-color: gray;
border-radius: 5px; -moz-border-radius: 5px; } /* Opção especial para não sobrepor blocos de anúncios, pois não chega até o final da margem direita da página */
.t-esp2 { padding: 15px 2px 3px 10px; background-color: white; display: block; clear: left;
border-width: 1px; border-style: solid; border-color: gray; border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; } /* PARA Paginas de thumbnails como Natureza, Feiras de Arte e Artesanato, etc */
/*======================= Para menu MADEIRA ====================*/
.pictoptecla { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; } /*para teclas superiores dos lados dentro da tabela */
.madeiracontainer { display: block; clear:both; height:auto; max-width:620px; padding: 0px 0px 0px 0px; margin: 0 auto; }
.madeirain { width:194px; height:65px; margin: 5px; float:left; }
/* ================== MENU SUPERIOR CSS ======================= */
/* nav */
.nav { background-color:white;
position: relative;
margin: 0px 0 ; /*Era 20px 0 => quando tem apenas 2, um é top-bottom e outro é left-right*/
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
margin: 0 5px 10px 0;
padding: 0;
list-style: none;
display: inline-block;
}
.nav a {
padding: 3px 12px;
text-decoration: none;
color: #999;
line-height: 100%;
}
.nav a:hover {
padding: 3px 12px;
color: white; /*#000*/
text-decoration: underline; /*Acrescentado JR*/
background-color: #999; /*Acrescentado JR*/
border-radius: 5px; /*Acrescentado JR*/
}
.nav .current a {
background: #999;
color: #fff;
border-radius: 5px;
}
/*Menu Centrer and Right Alignment*/
/* right nav */
/*.nav.right ul { text-align: right; }*/
/* center nav */
.nav.center ul { text-align: center; }
@media screen and (max-width: 600px) { Era 600px*/
.nav {
position: relative;
min-height: 40px;
}
.nav ul {
width: 100%; /*180px;*/
padding: 5px 0;
/*position: absolute;*/
top: 0;
left: 0;
border: solid 1px #aaa;
background: #fff url(../tecart/menu_icon.png) no-repeat 10px 11px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.nav li {
display: none; /* hide all items */
margin: 0;
}
.nav .current {
display: block; /* show only current item */
}
.nav a {
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
.nav .current a {
background: none;
color: #666;
}
/* on nav hover */
.nav ul:hover {
background-image: none;
}
.nav ul:hover li {
display: block;
margin: 0 0 5px;
}
.nav ul:hover .current {
background: url(images/icon-check.png) no-repeat 10px 7px;
}
/* right nav */
.nav.right ul {
left: auto;
right: 0;
}
/* center nav */
.nav.center ul {
left: 50%;
margin-left: -90px;
}
}
/* ============================= Fim menu responsivo =================================== */
/* ======================== ABAIXO DEFININDO MENU SIDEBAR =================================== */
#sidebar li { list-style: none; width: 100%; }
#sidebar li a {
display: block;
padding: 5px 5px 5px 32px;
margin: 5px 10px 5px 0px;
text-align: left;
text-decoration: underline; /*Acrescentado JR*/
background-color: lightgray; /*Acrescentado JR*/
border-radius: 5px; /*Acrescentado JR*/ }
#sidebar li a:hover {
padding: 5px 5px 5px 32px;
color: white; /*#000*/
text-decoration: underline; /*Acrescentado JR*/
background-color: #999; /*Acrescentado JR*/
border-radius: 5px; /*Acrescentado JR*/ }
/* ============================= SOCIAL =================================== */
#plusonejr {
display: inline-block;
float: left;
width: 65px; /*65px*/
height: 20px;
background-color: auto;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px 0px;
text-align: left;
}
#plusgmaisjr {
display: inline-block;
float: right;
width: 100%; /*108*/
height: 18px;
background-color: auto;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px 0px;
text-align: left;
}
#facebk {
display: block;
/*float: left;*/
width: 100%; /*era 450px*/
height: 40px; /*era 80 */
background-color: auto;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;
text-align: left;
}
#social { display: block; /*float: left;*/ width: 100%; /*590px*/ height: auto; margin: 0px auto 0px 0px; padding: 10px 0px 10px 0px; text-align: center; /* height era 85 = altura +5 */
background-color: auto; /*Cor do fundo página #002B82 */
/*
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
border-width: 1px;
border-style: solid;
border-color: lightgray; */
border-radius: 10px; -moz-border-radius: 15px; -webkit-border-radius: 10px; */
} /* Social, Comments, etc */
#autor { display: block; /*float:left;*/ background-color: auto;
max-width: 450px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }/*comentario*/
p.autor { margin: 0.2em 0px 0.3em 0px; text-align: left; font-size: 0.87em; line-height: 1.2em; color: black;}
#disqusjr { display: block; /*float: left;*/ width: 100%; height: auto; margin: 0 auto; padding: 0px 0px 0px 0px; text-align: center; background-color: auto;
border-top-width:3px; border-right-width:1px; border-bottom-width:3px; border-left-width:0px;
border-style: solid; border-color: gray;
/* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
/* -webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; */ }
/* ========== GALERIA THUMBNAIL - Passeio e etc ==================== */
.capsula {display: block; float:left; width: 770px; height: auto; padding: 2px 0px 2px 0px; text-align: center;
font-size: 0.85em; line-height: 1.25em; } /* Classe capsula para DIV que segura linha outros 3 dives com height=auto */
.capsulain { display:block; float:left; width:240px; height:auto; padding:0px 7px 0px 9px; text-align:center;> }
.capsulain img /* definido propriedades img dentro do capsulain */
{
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
.capsulain a:hover img
{
border:1px solid black;
}
/* =========== Galeria Imagens =========== */
div.imgg /* definindo classe para div*/
{
margin:2px 2px 4px 2px;
/* border:1px solid gray; */
height:auto;
width:auto;
float:left;
text-align:center;
}
div.imgg img /* definido propriedades img dentro do div */
{
display:inline;
margin:3px;
border:1px solid gray;
-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
div.imgg a:hover img
{
border:1px solid red;
}
div.descg
{
text-align:center; font-size: 0.87em; line-height: 1.2em;
font-weight:normal;
width:143px; /*120px*/
margin:2px;
}
/*================ Tecla UP =====================*/
#teclaup { position:fixed; /*z-index:"1";*/ left:90%; top:75%; width: 48px; height:48px; background-color: rgb(00,80,00);
border-radius: 24px; -moz-border-radius: 24px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
#teclaup p a { font-size: 14px;
padding: 15px 0px 0px 3px;
color: white;
font-weight: normal;
text-align: justify;
text-decoration:none;
/*line-height: 1.4em;*/ }
/*=============== Novas Médias Queries =================*/
@media screen and (max-width: 1279px) { /*Para celulares pequenos - Sugerido 800 - Estou usando efeito até 1279*/
p.anuncio_r { display:none; } }
#anuncio336as2 { padding: 0px 0px 0px 0px; } /*Acho que não esta funcionando, mas nao é critico*/
@media screen and (max-width: 1023px) { /*Para celulares pequenos - Sugerido 800 - Estou usando efeito até 1023*/
#bbanner { display: block; background-color: white; max-width: 728px; height: auto; margin: 15px auto 10px auto; padding: 15px 30px 20px 20px; text-align: center; }
.madeiracontainer { display:none; }
.madeirain { display:none; }
.capsulasalto { float: right; max-width: 100%; height: auto; padding-left: 0px; } /* CLASSE para DIV que engloba vários menus de SALTO */
.picleft { margin: 5px; padding: 0px; max-width: 100%; height: auto;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.picright { margin: 5px; padding: 0px; max-width: 100%; height: auto;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888; } /* para imagem ate 380 de largura */
.capsula {display: block; float:left; width: 100%; height: auto; padding: 2px 0px 2px 0px; text-align: center;
/*font-size: 0.85em;*/ line-height: 1.25em; } /* Classe capsula para DIV que segura linha outros 3 dives com height=auto */
#capsula-fundo {display: block; /*float:left;*/ width: 100%; height: auto; padding: 0px 0px 0px 0px; text-align: center; }
.imgtop { max-width: 100%; height: auto; margin: 0px 5px 5px 5px; padding: 0px;}
.foto-right {
display: block;
/*float: right;*/
width: 100%;
height: auto;
margin: 0px 0px 5px 0xp;
padding: 7px;
border-width: 1px; border-style: solid; border-color: lightgray;
border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: -5px -5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
}
#map_right { /*para i-frame 380 x 350**/
display: block;
width: 100%;
height: auto; /* era 365px */
margin: 0px 0px 5px 0px;
padding: 5px;
border-width: 1px; border-style: solid; border-color: lightgray;
border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
.picrightalign { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* para imagem ate 380 de largura */
.picleftalign { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* para imagem ate 380 de largura */
.picrightalign-2 { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* para imagem ate 380 de largura SEM SOMBRA */
.picleftalign-2 { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* para imagem ate 380 de largura SEM SOMBRA */
.picrightalign-rs { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* right align - rounded and shadow */
.picleftalign-rs { margin: 5px; padding: 0px; max-width: 100%; height: auto; } /* left align - rounded and shadow */
}
/* =============== Media Queries - Julho 2015 - Absolute Postion Ads and Infolado ================= */
@media screen and (min-width: 1280px) {
#anuncio336as2 {
position: absolute; top:200px; right:4%;
border-width: 0px; border-style: solid; border-color: auto;
width: 160px; height: auto; padding: 3px 0px 10px 0px; margin: 0px; /*float: left;*/ }
#infolado {
position: absolute; top:200px; left:4%;
border-width: 1px; border-style: solid; border-color: black;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
width: 160px; padding: 0px 0px 8px 0px; margin: 0px 0px 5px 0px;
/*float: left;*/ background-color: white; /* rgb(255,255,219) */ text-align: left; }
#sidebar li a { padding: 5px 5px 5px 15px; } /* Já define aqui para 1280*/
#sidebar li a:hover { padding: 5px 5px 5px 15px; } }
@media screen and (min-width: 1440px) {
#anuncio336as2 {
position: absolute; top:200px; right:0.5%;
width: 300px; }
#infolado {
position: absolute; top:200px; left:3%;
width: 250px; } }
@media screen and (min-width: 1536px) {
#anuncio336as2 {
position: absolute; top:200px; right:1%;
width: 300px; }
#infolado {
position: absolute; top:200px; left:3%;
width: 250px; } }
@media screen and (min-width: 1600px) {
#anuncio336as2 {
position: absolute; top:200px; right:3%;
width: 300px; }
#infolado {
position: absolute; top:200px; left:4%;
width: 280px; } }
@media screen and (min-width: 1920px) {
#anuncio336as2 {
position: absolute; top:200px; right:6%;
width: 300px; }
#infolado {
position: absolute; top:200px; left:6%;
width: 280px; } }
/*AdSense
.adslot_side { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 1279px) { .adslot_side { display: none; } }
@media (min-width:1280px) { .adslot_side { width: 160px; height: 600px; } }
@media (min-width:1440px) { .adslot_side { width: 300px; height: 250px; } }
@media (min-width:1536px) { .adslot_side { width: 300px; height: 250px; } }
@media (min-width:1600px) { .adslot_side { width: 336px; height: 280px; } } */