/* CSS Document */

@import url('reset.css');

* { padding: 0px; margin: 0px; list-style: none; }
img { border: 0 ; }
body { margin: 0; background-color: #fff; text-align: center; background: url('imgs_site/fundo_site.jpg') repeat-x; }

a { color:#fff; text-decoration:none; } 
a:hover { text-decoration:none; color:#fff; } 
a:visited { text-decoration:none; color:#fff; } 

#site { width: 1000px; height: auto; margin: auto;} 
#topo { width: auto; height: 170px; text-align: center;  background-image:url(imgs_site/topo.jpg); background-repeat:no-repeat;}

#bt-voltar { width: 30px; height: auto; font-family: arial; font-size: 12px; padding: 10px;  background-color: #f0f0f0;}
#bt-voltar a { color:#000; text-decoration:none; } 
#bt-voltar a:hover { text-decoration:none; color:#000; } 
#bt-voltar a:visited { text-decoration:none; color:#666; } 

#foto { width: 1000px; height: 277px;  background-color: #fff; text-align: center; margin: 0 auto; background-image:url(imgs_site/fundo_foto.jpg); background-repeat:no-repeat; }
#foto .aleatoria { width: 885px; height: 277px;  text-align: center; margin: 0 auto; padding-top: 17px;}

#menu-geral { width: 100%; height: 55px;  background-color: #fff; text-align: center; background-image:url(imgs_site/fundo_menu.jpg); background-repeat:no-repeat; }

#menu { width: 1000px; height: auto; text-align: center; margin: auto; float: left; font-family:arial; font-size: 16px; font-weight: bold; padding-top: 17px; } 
#menu li { display: inline;  margin: 1px;   } 
#menu li a{ color:#ECE2DF; text-decoration:none; padding: 15px;  } 
#menu li a:hover{ text-decoration:underline; color: #fff; } 

#conteudo { width: 1000px; height: auto; text-align: center; background-color: #fff;  background-image:url(imgs_site/fundo_conteudo.jpg); background-repeat:no-repeat; background-position: 0px 85px ;}

#conteudo-geral { width: 885px ; height: auto; margin: 0 auto ;  }
#conteudo-coluna-1 { width: 550px; height: auto; text-align: left;  float: left; margin-left: 0px; background-image:url(imgs_site/fundo_situese.jpg); background-repeat:no-repeat; padding: 7px 0 0 0px; background-color: #fff;}
#conteudo-coluna-1 h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin: 0 0 0 5px; }
#conteudo-coluna-1 p { font-family: arial; font-size: 15px; color:#627D10; margin: 25px 0 0 15px; padding: 0 30px 0 0 ;  }
#leia-mais { width: 85px; height: 50px; font-family: arial; float: right; font-size: 14px; font-weight:bold; color: #fff; background-image:url(imgs_site/fundo_bt_leia_mais.gif); background-repeat:no-repeat;  padding: 15px 30px 0 60px ; margin: 20px 0 0 0;}

#conteudo-coluna-2 { width: 305px; height: 440px; text-align: center;  float: right; background-image:url(imgs_site/fundo_atracoes.jpg); background-repeat:no-repeat; margin: 0; background-color: #fff;}
#conteudo-coluna-2 .atracoes { width: 215px; height: auto; text-align: center; margin: 0 auto; padding: 0 0 0 50px;  }
#conteudo-coluna-2 .atracoes h1 { font-family: arial; color: #627D10; font-size: 18px; padding: 10px 0 0 7px; text-align: left; font-weight: bold; }
#conteudo-coluna-2 .atracoes img { border: 1px solid #DFECB7; padding: 8px; background-color: #fff; float: left; margin: 15px 0 0 7px;}
#saiba-mais { width: 120px; height: 30px; font-family: arial; float: left; font-size: 12px; color: #000; background-image:url(imgs_site/fundo_bt_saiba_mais.jpg); background-repeat:no-repeat;  padding: 20px 0 0 100px; ; margin: 0 auto ; margin-left: 50px;}
#saiba-mais a { color:#000; text-decoration:none; } 
#saiba-mais a:hover { text-decoration:none; color:#000; } 
#saiba-mais a:visited { text-decoration:none; color:#000; }


#icone-visite-teresopolis { padding: 0 0 0 50px; margin: 50px 0 0 0 ; height: 120px; width: auto; }

#rodape-geral{width: 100% ; height: 265px; background-color: #f0f0f0 ; margin: 0 auto ; text-align: center; background: url('imgs_site/fundo_rodape.jpg') repeat-x; margin-top: 25px;}
#rodape-img{ width: 1000px; height: 265px; background-color: #fff; text-align: center; margin: 0 auto ; background-image:url(imgs_site/rodape.jpg); background-repeat:no-repeat;}
#rodape-endereco h1 { width: auto; font-family: arial; font-weight: bold; font-size: 20px; color:#376209; text-align: left;  padding: 85px 0 0 90px; }
#rodape-endereco p { width: auto; font-family: arial; font-size: 15px; color:#376209; font-style: normal; text-align: left; padding: 5px 0 0 90px;  }
#rodape-vinicius-mattos { width: 75px; height: 30px; float: right; margin: 70px 35px 0 0; }

.linha { width: 95%; height: 2px; border-bottom: 1px dashed #99C20F; margin: 0 ;}


/* O Hotel */

#o-hotel h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px; padding-left: 5px; }
#o-hotel p { font-family: arial; font-size: 13px; color:#627D10; margin: 15px 0 0 0; padding: 0;  }
#o-hotel .img-e{ float: left; margin-right: 10px; margin-bottom: 10px; border: #F1F7E1 solid 6px; } 
#o-hotel .img-d{ float: right; margin-left: 10px; margin-bottom: 10px; border: #F1F7E1 solid 6px; } 

#o-hotel .bg { font-family: arial; font-size: 18px; color:#859F35; }
#o-hotel .bg2 { width: auto; height: auto; font-family: arial; font-size: 18px;  border: 1px dashed #99C20F; padding: 10px; margin: 10px 0 0 0;  }
#o-hotel .bg2 a { color:#ff6600; text-decoration:none; }
#o-hotel .bg a { color:#859F35; text-decoration:none; } 
#o-hotel .bg a:hover { text-decoration:none; color:#859F35; } 
#o-hotel .bg a:visited { text-decoration:none; color:#859F35;}

/* Fim */


/* Atrações */

#atracoes h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px; padding-left: 5px; }
#atracoes p { font-family: arial; font-size: 13px; color:#627D10; margin: 8px 0 0 0; padding: 0;  }

.linha-atracoes { width: 97%; height: 2px; border-bottom: 1px dashed #99C20F; padding: 4px ;}

#atracoes .bg { font-family: arial; font-size: 18px;  color:#859F35; }
#atracoes .bg2 { width: auto; height: auto; font-family: arial; font-size: 18px;  border: 1px dashed #99C20F; padding: 10px; margin: 10px 0 0 0;  }
#atracoes .bg2 a { color:#ff6600; text-decoration:none; } 
#atracoes .bg , .bg2 { font-family: arial; font-size: 18px; color:#859F35; }
#atracoes .bg a { color:#859F35; text-decoration:none; } 
#atracoes .bg , .bg2 a:hover { text-decoration:none; color:#859F35; } 
#atracoes .bg , .bg2 a:visited { text-decoration:none; color:#859F35;}

/* Fim */

/* Fotos Hotel e Atrações */

.fotos { width: 558px; height: auto; }
.fotos p{ color:#000; font-family: arial; font-size: 13px; padding-bottom: 10px;}
.fotos h3{ color:#7A0000; font-size: 13px; margin-top: 5px; font-family: arial; font-size: 12px; padding-bottom: 5px;}
.fotos ul li{ float:left; padding:0 7px; margin-bottom:0px; margin-top: 12px; font-size: 11px; }
.fotos a{ color:#336600; text-decoration:none;}
.fotos a:hover{ text-decoration:none; color:#4B9700;}
.fotos .img { border: 6px solid #F1F7E1; text-align: center;}
.fotos a:hover .img  { border: 6px solid #F1F7E1; }

/* Fim */


/* Acomodações */

#acomodacoes-box { width: 550px ; height: 120px; margin: 25px 0 0 0;}
#acomodacoes-foto { width: 140px; float: left; height: auto; border: 1px solid #DFECB7; padding: 5px; }

#acomodacoes-descricao { width: 390px; float: right; margin: 0;}
#acomodacoes-descricao .nomes-acomodacoes{ font-family: arial; font-size: 16px; color:#859F35; font-weight: bold;}

#acomodacoes h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px; padding-left: 5px; }
#acomodacoes p { font-family: arial; font-size: 13px; color:#627D10; margin: 0 0 10px 0; padding: 0 0 0 0px;  }
#acomodacoes .bg { font-family: arial; font-size: 18px;  color:#859F35; }
#ampliar-foto { width: auto; height: auto; font-family: arial; font-size: 10px; color:#666; padding: 5px; background-color: #fff; margin: 0; border: 1px solid #DFECB7; float: left; margin: 0 5px 0 0;}
#ampliar-foto-sem-borda { width: 45px; height: auto; font-family: arial; font-size: 10px; color:#FF3300; padding: 5px; background-color: #fff; float: left; margin: 0 5px 0 0;}
#ampliar-foto a { color:#666; text-decoration:none; } 
#ampliar-foto a:hover { text-decoration:none; color:#666; } 
#ampliar-foto a:visited { text-decoration:none; color:#666; } 

.linha-acomodacoes { width: 97%; height: 2px; border-bottom: 1px dashed #99C20F; padding: 10px ;}

/* Eventos */

#eventos h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px; padding-left: 5px;}
#eventos h2 { font-family: arial; font-size: 15px; color:#989C01; font-weight: bold; margin: 15px 0 5px 0 ; }
#eventos p { font-size: 12px; color:#627D10; margin: 0 0 15px 0; }
#eventos .bg { font-family: arial; font-size: 18px;  color:#859F35; }

/* Fim */

/* Promoções Home */

#promocoes { width: 550px; height: auto; text-align: left;  float: left; margin-left: 0px; background-image:url(imgs_site/fundo-promocoes-home.jpg); background-repeat:no-repeat; padding: 7px 0 0 10px; background-color: #fff;}

#promocoes h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#989C01; margin-bottom: 35px;  padding-left: 0px; }
#promocoes p { font-family: arial; font-size: 13px; color:#627D10; margin: 15px 0 0 0; padding: 0;  }
 

#promocoes .bg { font-family: arial; font-size: 18px; color:#859F35; }
#promocoes .bg2 { width: auto; height: auto; font-family: arial; font-size: 18px;  border: 1px dashed #99C20F; padding: 10px; margin: 10px 0 0 0;  }
#promocoes .bg2 a { color:#ff6600; text-decoration:none; }
#promocoes .bg a { color:#859F35; text-decoration:none; } 
#promocoes .bg a:hover { text-decoration:none; color:#859F35; } 
#promocoes .bg a:visited { text-decoration:none; color:#859F35;}

/* Fim */



/* Contato */

#contato h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px;  padding-left: 5px; }
#contato h2 { font-family: arial; font-size: 18px; color:#859F35; margin: 15px 0 15px 0 ; }
#contato p { font-size: 14px; color:#627D10; margin: 0; line-height: 1.5em;}
.aviso { font-family: Arial; font-size: 12px; color:#ff6600 ; margin: 10px 0 0 0 ;}


.contato_form form { text-align:left; }
.contato_form label { cursor: pointer; font-family: arial; font-size: 16px; color: #859F35; font-weight: bold;} 
.contato_form input {  padding: 5px; height: 15px; width: 400px; border: #E1EDBC solid 1px; background-color: #fff; background-image:url(imgs_site/fundo-form.jpg); background-repeat:repeat-x;}

.contato_form seldect {  height: 30px; width: 425px; border: #E1EDBC solid 1px; background-color: #fff; background-image:url(imgs_site/fundo-form.jpg); background-repeat:repeat-x; padding-top: 5px;}

.contato_form select{ width: 412px; padding: 1px; padding: 5px; margin-bottom: 3px; border: #E1EDBC solid 1px; background-image:url(imgs_site/fundo-form.jpg); background-repeat:repeat-x; font-family: arial; font-size: 14px;}



.contato_form .bt_enviar{ width: 200px; height: auto; padding: 5px; margin-top: 10px; color: #000; background-color: #859F35; font-size: 16px;}
.contato_form textarea { padding: 10px; height: 15px; width: 400px; height: 100px; border: #E1EDBC solid 1px; background-color: #fff;background-image:url(imgs_site/fundo-textarea.jpg); background-repeat:repeat;}


/* Fim */


/* Tarifas */

#tarifas h1 { font-family: arial; font-weight: bold; font-size: 18px; color:#627D10; margin-bottom: 35px;  padding-left: 5px; }
#tarifas h2 { font-family: arial; font-size: 15px; color:#989C01; font-weight: bold; margin: 15px 0 5px 0 ; }
#tarifas p { font-size: 12px; color:#627D10; margin: 0 0 15px 0; }
#tarifas .bg { font-family: arial; font-size: 18px;  color:#859F35; }

#tabela-geral-topo { width: 540px; font-family: arial; font-size: 13px; float: left; margin: 0 0 15px 0 ; background-color: #fff; padding: 5px; border: 1px solid #DFECB7; }
#tarifas .bg2 { width: auto; height: auto; font-family: arial; font-size: 18px;  border: 1px dashed #99C20F; padding: 10px; margin: 10px 0 0 0;  }
#tarifas .bg2 a { color:#ff6600; text-decoration:none; } 
#tarifas .bg , .bg2 { font-family: arial; font-size: 18px; color:#859F35; }
#tarifas .bg a { color:#859F35; text-decoration:none; } 
#tarifas .bg , .bg2 a:hover { text-decoration:none; color:#859F35; } 
#tarifas .bg , .bg2 a:visited { text-decoration:none; color:#859F35;}

#tabela-valores { width: 540px; font-family: arial; font-size: 17px; float: left; margin: 0 0 15px 0 ; background-color: #FBFCF6; padding: 5px; border: 1px solid #DFECB7;}

#tabela-tipo { width: 122px; float: left; margin-left: 7px; font-weight: bold; color: #FF6600;  }

#tabela-acomodacoes { width: 122px; float: left; margin-left: 7px;  }
#tabela-casal { width: 122px; float: left; margin-left: 7px; }
#tabela-criancas { width: 122px; float: left; margin-left: 15px; }
#tabela-extra { width: 122px; float: right; margin-left: 7px;}

.texto-parcela { font-family: arial; font-size: 12px; color:#666666 ; padding: 5px 0 0 0; display: block;}

#obs { width: 520px; font-family: arial; background-color: #FBFCF6; padding: 15px; border: 1px solid #DFECB7;}
#obs p { margin: 0 auto; color: #ff0000; font-size: 14px;}

#formas-pagamento { width: 520px; font-family: arial; font-size: 14px; color: #ff0000; background-color: #fff; border: 1px solid #DFECB7; padding: 15px;}
#formas-pagamento h1 { font-family: arial; font-size: 20px; color:#000; margin: 0 auto; margin: 0 0 10px 0 ;}
#formas-pagamento p { font-family: arial; font-size: 14px; color:#627D10; margin: 0 auto; }

#formas-pagamento a { color:#ff6600; text-decoration:none; } 
#formas-pagamento a:hover { text-decoration:none; color:#FF3300; } 
#formas-pagamento a:visited { text-decoration:none; color:#ff9900; }


/* Fim */



/* Grupos Home */

#grupos { width: 565px; height: 350px; text-align: left;  float: left; margin-left: 0px; background-image:url(imgs_site/fundo-grupos-home.jpg); background-repeat:no-repeat; padding: 2px; }

#grupos h1 { font-family: arial; font-weight: bold; font-size: 20px; color:#ff6600; margin: 50px 0 0 20px;  }
#grupos p { font-family: arial; font-size: 16px; padding-left: 8px; }

#grupos a { color:#797C01; text-decoration:none; } 
#grupos a:hover { text-decoration:none; color:#8E9201; } 
#grupos a:visited { text-decoration:none; color:#000; } 


/* Fim */