html{
overflow-y:scroll;
}
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
margin: 0px;
background: #a19b98 url(../imagens/fundo.gif);
}
#wrapExterno {
width: 100%;
height: 360px;
background: transparent url(../imagens/barra_cinza.gif) repeat-x 0px 181px;
overflow: visible;
}
#wrapCentral {
width: 820px;
margin-left: auto;
margin-right: auto;
background: transparent url(../imagens/fundo_vertical.png) repeat-y 0px;
}
a{outline:none;}
/* hack para troca de background no Internet Explorer 5.5 ou 6 */
* html #wrapCentral {
background-image/**/: url(../imagens/fundo_vertical.gif);
background-repeat/**/: repeat-y;
background-position/**/: 26px;
}
/* ----------------------------------------------------------- */
#headHome {
position: relative;
left: 30px;
width: 760px;
height: 181px;
background: #e8e4cf url(../imagens/head_home.jpg);
overflow: visible;
}
/* hack para transparência dos PNG no Internet Explorer */
#lang a { behavior: url(http://localhost/iramos/css/iepngfix.htc); }
/* ---------------------------------------------------- */
/* propriedades da caixa de escolha de língua */
#lang {
position: absolute;
top: 160px;
left: 643px;
width: 89px;
height: 21px;
font-size: 0.6em;
overflow: hidden;
}
#lang a {
width: 89px;
height: 21px;
background-image: url(../imagens/lingua_tab_out.png);
color: #3b3837;
text-decoration: none;
display: block;
padding-left: 10px;
padding-top: 3px;
}
#lang a:hover {
background-image: url(../imagens/lingua_tab_over.png);
color: #ffffff;
}
#lang img {
border: 0px none;
margin-right: 5px;
vertical-align: middle;
}
/* ------------------------------------------ */
#headBlueHome { /* ATENÇÃO - isto é apenas a colocação da faixa azul horizontal, para os conteúdos q estão lá dentro ver #adress_home */
position: relative;
left: 30px;
width: 760px;
height: 172px;
height/**/: 100%; /* hack para o fundo esticar no Internet Explorer 7 */
background: transparent url(../imagens/head_azul_home.jpg) no-repeat;
overflow: visible;
}
#headBlue { /* ATENÇÃO - isto é apenas a colocação da faixa azul horizontal nas páginas de conteúdos */
position: relative;
left: 30px;
width: 760px;
height: 100px;
height/**/: 100%; /* hack para o fundo esticar no Internet Explorer 7 */
background: transparent url(../imagens/fundo_azul.gif) no-repeat;
}
/* ------Elementos do lado esquerdo da página------ */
#leftColumn {
width: 270px;
float: left;
}
#leftColumn h3 {
margin: 0px 0px 20px 0px;;
color: #3b3837;
font: 1.7em normal;
border-top: #a19b98 solid 1px;
border-bottom: #c2bbb8 solid 1px;
padding: 4px 0px 4px 0px;
}
#tituloSite {
position: relative;
left: 40px;
width: 191px;
height: 59px;
background: #e0ede3 url(../imagens/titulo_site.gif);
}
#tituloSite h1 {
display: none;
}
/* ---------------Barra de Navegação--------------- */
#navBar {
font-size: 0.8em;
position: relative;
left: 40px;
width: 191px;
height: 430px;
background: url(../imagens/fundo_nav_bar.gif) no-repeat #d47800 0px 42px;
border-top: 10px solid #d47800;
}
#navBar ul {
width: 170px;
list-style: none;
margin: 0px 0px 0px 10px;
padding: 0px;
}
#navBar a {
text-decoration: none;
height: 22px;
display: block;
color: #ffffff;
border-bottom: #ed8600 1px solid;
padding-left: 10px;
}
#navBar a:hover {
background: #ed8600;
}
#subNavBar ul {
margin: 0px;
font-size: 0.9em;
}
#subNavBar a {
padding-left: 40px;
height: 16px;
background: url(../imagens/bullet_navbar.gif) no-repeat 10px 2px;
}
#subNavBar a:hover {
background: url(../imagens/bullet_navbar_over.gif) no-repeat 10px 2px #ed8600;
}
#navBar .kapital { /* Capitaliza a letra inicial de cada categoria principal */
font-size: 1.3em;
}
/* -------------------Pesquisar-------------------- */
#search {
margin: 20px 0px 20px 20px;
color: #6e6967;
left: 20px;
width: 230px;
height: 21px;
}
#search input {
font-family: "Courier New", Courier, monospace;
font-size: 0.9em;
width: 110px;
height: 17px;
background: #ffffff;
border: #a19b98 solid 1px;
vertical-align: middle;
}
#search img {
margin-left: 8px;
vertical-align: middle;
}
/* -------------------Utilitários-------------------- */
#utilities {
margin: 0px 0px 20px 20px;
color: #6e6967;
font-size: 0.8em;
width: 230px;
}
#utilities ul {
margin: 0px;
list-style: none;
padding: 0px;
}
#utilities li {
background: transparent url(../imagens/bullet_actualidd.gif) no-repeat 0px 3px;
padding-left: 30px;
margin-bottom: 10px;
}
#utilities, #footer, a {
color: #a15c00;
}
#utilities, #footer, a:hover {
color: #ed8600;
text-decoration: none;
}
/* -------------------Thumbs Galeria-------------------- */
#gallery_home {
margin: 0px 0px 20px 20px;
font-size: 0.8em;
width: 230px;
}
#gallery_home img {
margin: 0px 5px 5px 0px;
border: #6e6967 solid 1px;
}
/* ------------------------------------------------ */
/* ------- ELEMENTOS DO LADO DIREITO DA PÁGINA ------ */
#rightColumn {
width: 490px;
float: left;
}
#conteudos {
width: 470px;
margin: 0 0 20px 0;
}
#rightColumn h2 {
width: 470px;
margin: 60px 0px 0px 0px;
padding: 0px;
font-weight: lighter;
font-size: 2.6em;
color: #0069a6;
text-align: right;
}
#rightColumn h3 {
margin: 20px 0px 0px 20px;
font-size: 1.4em;
width: 430px;
color: #6e6967;
font-weight: normal;
background: transparent url(../imagens/fundo_h1.gif) left top no-repeat;
text-align: center;
padding: 24px 0px 10px 0px;
}
#rightColumn h4 {
margin: 15px 0px 15px 20px;
font-size: 1.12em;
width: 430px;
color: #6e6967;
font-weight: normal;
font-style: italic;
text-align: center;
padding: 0;
}
/* ------- Elementos na faixa azul abaixo do Header ------ */
#adress_home {
width: 470px;
height: 172px;
color: #ffffff;
font-size: 0.7em;
}
#adress_home h3 {
color: #ffffff;
text-align: left;
font-size: 1.5em;
font-style: italic;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-top: 15px;
background: none;
}
#adress_home p {
display: block;
float: left;
margin: 15px 20px 0px 0px;
}
/* ------- Conteúdos da Página Inicial ------ */
.whiteBox {
margin: 0px 0px 0px 20px;
width: 430px;
background: transparent url(../imagens/white_box_backgr.gif) repeat-y;
color: #502801;
font-size: 0.7em;
}
.whiteBoxTop {
position: relative;
top: 0px;
left: 0px;
margin: 0px;
height: 11px;
width: 430px;
background: transparent url(../imagens/white_box_top.gif) no-repeat;
font-size: 0em;
}
.whiteBoxBottom {
position: relative;
top: 0px;
left: 0px;
margin: 0px;
height: 11px;
width: 430px;
background: transparent url(../imagens/white_box_bottom.gif) no-repeat;
font-size: 0em;
}
/* p.actualHome */
div.actualHome {
margin: 20px 20px 20px 20px;
background: transparent url(../imagens/bullet_actualidd.gif) no-repeat 0px 3px;
padding: 0px 0px 0px 20px;
}
a.actualHomeLink {
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
color: #a15c00;
}
a.actualHomeLink:hover {
text-decoration: underline;
}
#lojaHome {
font-size: 0.9em;
position: relative;
top: 0px;
left: 0px;
width: 400px;
margin: 0px 0px 0px 10px;
padding: 0px;
}
#lojaHome p {
width: 190px;
height: 53px;
background: transparent url(../imagens/fundo_loja_thumb.gif) no-repeat 0px 0px;
margin: 5px 0px 5px 5px;
padding: 5px 0px 0px 0px;
float: left;
display: block;
}
#lojaHome img {
border: 0px;
margin: 0px 5px 2px 5px;
padding: 0px;
float: left;
}
#lojaHome a {
color: #502801;
text-decoration: none;
display: block;
width: 190px;
}
#lojaHome p {
height:90px;
}
#lojaHome a:hover {
color: #a15c00;
text-decoration: underline;
}
#lojaHome .saberMais {
color: #a15c00;
text-decoration: underline;
line-height: 2em;
}
.bannerHome {
border: 0px;
margin: 30px 0px 20px 20px;
}
/* ------------------- LOJA ------------------ */
.lojaAnimal {
width: 410px;
margin: 10px 0 10px 10px;
color: #3b3837;
}
.lojaAnimal img {
float: left;
border: solid #a15b00 3px;
margin: 3px 0 0 3px;
}
.lojaAnimal h4 {
margin:0 0 10px 0;
padding:0;
font-size: 1.4em;
font-weight: lighter;
color: #502801;
}
.lojaAnimal p {
float: right;
width: 270px;
margin: 0 0 10px 0;
padding: 0;
line-height: 1.5em;
}
.lojaAnimal a {
width: 210px;
color: #502801;
display: block;
background: #e8e4cf;
padding: 3px;
text-decoration: none;
text-align: center;
}
.lojaAnimal a:hover {
color: #0088d4;
background: #cfcbb8;
}
.whiteBox hr {
border: none 0;
border-top: 1px dashed #c2bbb8;
width: 70%;
height: 1px;/*igual ao border-top*/
}
/* ------------------- NOTÍCIAS ------------------ */
.newsDate {
font-size: 0.7em;
color: #0088d4;
border-bottom: dotted #c2bbb8 1px;
padding: 10px 0 5px 0;
margin: 15px 20px;
text-align: right;
}
h4.newsTitle {
font-size: 1.2em;
color: #6e6967;
font-weight: lighter;
margin: 40px 20px 10px 0;
background: transparent url(../imagens/hedera.gif) no-repeat;
padding: 0 0 10px 40px;
}
#news {
background: #f2eed8;
border-top: dotted #c2bbb8 1px;
border-bottom: dotted #c2bbb8 1px;
margin: 15px 20px;
font-size: 0.8em;
padding: 10px;
color: #6e6967;
}
#news h4 {
font-size: 1.2em;
margin: 0 0 15px 0;
color: #3b3837;
font-weight: lighter;
}
#news p {
background: transparent url(../imagens/bullet_actualidd.gif) no-repeat 0px 3px;
padding-left: 20px;
margin: 0 0 5px 0;
}
/* ------------------------------------------------ */
.final {
clear: both;
}
.azul {
color: #0088d4;
}
p.txt1 {
font-size: 0.8em;
width: 430px;
margin: 15px 0px 15px 20px;
line-height: 1.8em;
}
.fotosCenter {
color: #3b3837;
text-align: center;
font-size: 0.7em;
font-style: italic;
line-height: 2em;
}
ul.boxList {
width: 430px;
list-style: none;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
}
a.boxListLink {
color: #502801;
text-decoration: none;
margin: 20px 0 20px 0;
height: 81px;
padding: 5px;
display: block;
}
a.boxListLink:hover {
background: #fffdf2;
color: #a15b00;
}
img.boxListThumb {
float: left;
margin-right: 10px;
border: none;
}
.boxListTitle {
color: #6e6967;
font-size: 1.7em;
}
li.conteudosList {
font-size: 0.8em;
line-height: 1em;
margin-bottom: 10px;
list-style-position: outside;
list-style-image: url(../imagens/bullet.gif);
margin-left: 30px;
}
/* ------------------- RODAPÉ ------------------ */
#footer {
width: 760px;
height: 60px;
background: #e0d9d5;
border-top: #a19b98 solid 1px;
color: #6e6967;
font-size: 0.6em;
text-align: center;
line-height: 2em;
clear: both;
}
#footer p {
margin: 15px 20px 5px 15px;
}
/* formularios */
#formularios{
width:400px;
}
#formularios label,#formularios submit{
display:block;
color:#6E6967;
font-size:12px;
margin:1.2em 0;
}
#formularios input,#formularios textarea,#formularios select{
display:block;
font-size:12px;
}
#formularios fieldset {
border:none;}
span.sold, p.sold,p.sold2{font-size:11px !important;color:red !important;font-weight:bold;}
p.sold{text-align:center !important;}
p.sold2{margin-left:-30px !important;}
/* Localized */