/* CSS Document */

@import url('reset.css');
@import url('destaques.css');
@import url('estilos-hoteis-restaurantes.css');
@import url('estilos-teresopolis.css');
@import url('menu-internas.css');
@import url('slide.css');
@import url('abas.css');

* { padding: 0px; margin: 0px; list-style: none; }
img { border: 0 ; color: #f60; text-decoration: none; font-size: 11px; }


body { margin: 0; background-color: #666; }
h1, h2, h3 { letter-spacing:-1px; }

a:hover { text-decoration: none; color: #000; }
a { color:#000; text-decoration:none;  }
a:visited {text-decoration:none; color:#360; }

#site { width: 1000px; height: 100%; margin: auto; background-color: #fff ; } 

#topo2 {  height: 90px; background-color: #fff; margin: auto; padding: 5px 0 0 0 ; background: url('imgs-site/fundo-topo-dedo-deus.jpg') no-repeat; }

#topo {  height: 130px; background-color: #fff; margin: auto; padding: 5px 0 0 0 ; background: url('imgs-site/fundo-topo-dedo-deus.jpg') no-repeat; } 
#logo { width: 160px; background-color: #fff; float: left; padding: 5px 0px 5px 20px;} 
.logo-visite  {margin:0px;padding:0px;   }
.logo-visite a, .logo-visite a:visited {  font: bold 12px/24px arial;	padding:0px;text-decoration: none;text-align:center;	color:#fff;
background: #fff url('imgs-site/visite-teresopolis-logo.jpg') no-repeat 
center center;	width:184px;  height:106px;	display:block;	}
.logo-visite a:hover { background: #fff url('imgs-site/visite-teresopolis-logo-hover.jpg') no-repeat center center;color:#999; }

#busca { width: 570px; height: auto;  float: left; margin: 10px 0 10px 0px ; border-left: 1px solid #E9F1CD; padding: 0 25px 0 40px ; border-right: 0px solid #E9F1CD; }
#busca h1 {  font-size: 20px; font-family: arial; margin: 0 0 5px 0px; color: #690 ; letter-spacing:-1px;}
#busca .caixa { border: 1px dashed #ccc ; padding: 3px; }

.menu-topo { width: 100%; height: 40px; margin: 15px 0 0 0 ; background: url('imgs-site/fundo-menu-topo.gif') no-repeat; }
.menu-topo ul li{ float: left ; padding : 13px ; font-size: 13px; margin: 0 ; font-weight: normal ; letter-spacing:-1px;}
.menu-topo ul li img { padding: 0 7px 0 0 ;}

.menu-topo a:hover { border-bottom: 1px dotted #f30; padding: 0 0 3px 0 ; }
.menu-topo a { color:#000; text-decoration:none;  }
.menu-topo a:visited {text-decoration:none; color:#000; }

#aviso { width: 120px; height: auto; float: right ; margin: 25px 20px 10px 10px ; font-family: arial; font-size: 22px; text-align: center ; padding: 0 ; color: #f30 ; }

#menu { width: auto; height: 198px; background-color: #f6f6f6; padding: 15px 0 0 7px; background: url('imgs-site/fundo-menu-fotos2.jpg') repeat-x;  }
#menu a { color:#fff; text-decoration:none; padding: 0; margin: 0;} 
#menu a:hover { text-decoration:none; color:#A2D2E1; padding: 0; margin: 0; } 
#menu a:visited { text-decoration:none; color:#fff; }

.menu ul li{ width: 145px; float:left; font-size: 12px; margin: 7px 5px 0 5px ; padding: 0 10px 0 0 ; text-align: center;}
.menu img{ border: #FFECCE 0px solid; margin: 0 0 5px 0 ;}
.menu ul li h1 { font-family: arial; font-size: 18px; color: #fff; font-weight: bold; padding: 0px  ; margin: 2px 0 0 0 ; letter-spacing:-1px;} 

#destaques-titulo, #noticias-home-titulo, #dicas-titulo h3, #atrativos-turisticos-titulo h3, #cinema-titulo, .menu-rodape ul li { letter-spacing:-1px; }

#destaques { width: 385px; height: 410px; float: left; background-color: #fff ; } 
#destaques-titulo { height: 20px; background-color: #dadada ; padding: 10px 0 10px 15px ; background: url('imgs-site/fundo-titulo-destaques.jpg') repeat-x; }
#destaques-titulo h3 {float: left ; font-family: arial; font-size: 18px; font-weight: normal ; color: #666;}
#destaques-titulo p { background-color: #e9e9e9; float: right ; font-family: arial; font-size: 11px; color: #000 ; padding: 3px; border: 1px solid #e9e9e9; margin: 0 35px 0 0 ; letter-spacing: 0px ;}
#destaques a { color:#000; text-decoration:none; } 
#destaques a:hover { text-decoration:none; color:#f30; } 
#destaques a:visited { text-decoration:none; color:#333; }


#destaques-box { width: 375px; height: 410px;  padding: 0 ; }
#destaques-box h1 { font-family: arial; font-size: 18px; color:#666 ; padding: 10px ;  }
#destaques-box p { font-family: arial; font-size: 14px; color:#666 ; padding: 0 5px 5px 10px ; }
#destaques-box .img { border: 1px solid #ccc; padding: 0px; background-color: #fff; float: left; }
#destaques-box img {  padding: 5px; }

#dicas { width: 614px ; height: 410px; float: right; background-color: #F6FBF2; margin: 0 0 0 1px ;}
#dicas-titulo { height: 20px; background-color: #E5F4DB ;  padding: 10px 0 10px 15px ; background: url('imgs-site/fundo-titulo-dicas.jpg') repeat-x;   }
#dicas-titulo h3 {float: left ; font-family: arial; font-size: 18px; font-weight: normal ; color: #489117;}
#dicas-titulo p { background-color: #F7FCF3; float: right ; font-family: arial; font-size: 11px; color: #000 ; padding: 3px; border: 1px solid #CFEBBC; margin: 0 10px 0 0 ;}

#dicas-box { width: 170px; height: 300px; float: left; }
Ul.dicas { padding: 0 0 0 20px ;  float: left;  margin: 15px 0px; width: auto;  list-style-type: none }
Ul.dicas li { padding: 2px ; display: inline;  float: left;  width: 170px;  margin: 0px 15px 5px 5px; } 
UL.dicas .img:hover { background-color: #f60; }
/* UL.dicas li:hover { background-color: #fff;  } */
UL.dicas h1 { font-family: arial; font-size: 16px; color:#FF6600 ; padding: 0 0 15px 0 ; font-weight: bold ; float:left; }

UL.dicas h1 a { color:#f60; text-decoration:none; } 
UL.dicas h1 a:hover { text-decoration:none; color:#fff; background-color: #f60; } 

UL.dicas h2 { font-family: arial; font-size: 14px; color:#336600 ; padding: 10px 5px 5px 5px ; font-weight: bold ; }
UL.dicas p { font-family: arial; font-size: 12px; color:#336600 ; padding: 10px 5px 20px 5px; letter-spacing:-1px; }
UL.dicas p:hover {  color: #f60; }
UL.dicas h2:hover {  color: #f60; }
UL.dicas .img { border: 1px solid #DFECB7; padding: 0px; background-color: #fff; float: left; }



UL.dicas img {  padding: 5px; }

#atrativos-turisticos { width: 385px ; height: 360px; float: left; background-color: #F2FBFD; margin: 1px 0 0 0 ; }

#atrativos-turisticos-titulo {  height: 20px; background-color: #DAF4FA ;  padding: 10px 0 10px 15px ;  background: url('imgs-site/fundo-titulo-atrativos.jpg') repeat-x;  }
#atrativos-turisticos-titulo h3 {float: left ; font-family: arial; font-size: 18px; font-weight: normal ; color: #006699;}

#atrativos-turisticos-titulo h3 a { color:#069; text-decoration:none; } 
#atrativos-turisticos-titulo h3 a:hover { text-decoration:none; color:#fff; background-color: #069; } 
#atrativos-turisticos-titulo h3 a:visited { text-decoration:none; color:#069; }

#atrativos-turisticos-titulo p { background-color: #F1FBFD; float: right ; font-family: arial; font-size: 11px; color: #000 ; padding: 3px; border: 1px solid #86DAEC; margin: 0 10px 0 0 ;  }

#atrativos { width: auto;  margin: 15px; font-family: arial; font-size: 13px; color: #666;} 

#atrativos .img { background-color: #F1FBFD; float: left; margin-right: 10px; margin-bottom: 10px; border: #86DAEC solid 1px; padding: 5px;} 
#atrativos h1 { float: left; width: auto; font-family: arial; font-size: 13px; color: #006699; background-color: #f9f9f9; font-weight: bold; margin: 0 0 10px 3px ;} 
#atrativos p { float: right; width: 170px;  font-family: arial; font-size: 12px; color: #333; background-color: #f9f9f9; font-weight: normal; margin: 0 0 15px 0 ; letter-spacing:0px;} 
#atrativos p a:hover { background-color: #fff; color: #069; }



.linha-atrativos { width: 355px; height: 5px; border-bottom: 1px dashed #B5D6E4; margin:0 ;  }

#cinema { width: 204px ; height: 360px; float: left; background-color: #FFFAEA; margin: 1px 0 0 1px ; }
#cinema-titulo { height: 20px; background-color: #FFF2CB ; font-family: arial; font-size: 18px; padding: 10px 0 10px 15px ;  font-weight: normal ; color: #B36B00; background: url('imgs-site/fundo-titulo-filmes-cartaz.jpg') repeat-x;  }
#cinema-titulo a { color:#B36B00; text-decoration:none; } 
#cinema-titulo a:hover { text-decoration:none; color:#fff; background-color: #B36B00;} 
#cinema-titulo a:visited { text-decoration:none; color:#B36B00; }

#cinema-cartaz { width: 190px; height: auto; float: left; margin: 15px 0 0 7px ; text-align: center; }
#cinema-cartaz p { font-family: Arial; font-size: 15px; margin: 10px; padding: 0 0 10px 0 ; letter-spacing:-1px; color: #000; font-weight: bold; }

#cinema-cartaz .img { border: 1px solid #FBE195; padding: 5px; background-color: #fff;  }

#anuncie { width: 409px ; height: 390px; float: right; background-color: #f9f9f9; margin: 1px 0 0 1px ; }
#anuncie-titulo { height: 20px; background-color: #FFF2CB ; font-family: arial; font-size: 18px; padding: 10px 0 10px 15px ;  font-weight: normal ; color: #B36B00; background: url('imgs-site/fundo-titulo-filmes-cartaz.jpg') repeat-x;  }

#anuncie-txt { width: 350px; height: auto; float: left; margin: 15px 0 0 7px ; text-align: center; }
#anuncie-txt p { font-family: Arial; font-size: 13px; margin: 10px;   }

#titulo-internas { width: auto ; padding: 10px 0 10px 15px ;  height: 30px; border-bottom: 2px dotted #ccc; background: url('imgs-site/fundo-chamada-hoteis-restaurantes.jpg') repeat-x; }
#titulo-internas .situe-se { color: #000; float: left; font-size: 11px; font-weight: normal; margin: 7px 5px 0 0 ;}
#titulo-internas h1 { font-family: arial; font-size: 18px; font-weight: bold ; color: #669900; margin: 3px 0 0 0; }


#titulo-internas-busca { width: 980px; padding: 10px 0 10px 15px ;  height: 30px; border-bottom: 2px dotted #ccc; background: url('imgs-site/fundo-chamada-hoteis-restaurantes.jpg') repeat-x; }
#titulo-internas-busca .situe-se { color: #000; float: left; font-size: 11px; font-weight: normal; margin: 7px 5px 0 0 ;}
#titulo-internas-busca h1 { font-family: arial; font-size: 18px; font-weight: bold ; color: #669900; margin: 3px 0 0 0; }


.contato_form form { width: auto; text-align:left; margin: 5px 0 0 10px; background-color: #fff ; padding: 15px 0 15px 0 ; border-top: 2px dotted #ccc; }
.contato_form label { cursor: pointer; font-family: arial; font-size: 12px; color: #f60; } 
.contato_form input { padding: 5px; height: 15px; width: 280px; border: #CEEBF0 solid 1px; background-color: #fff; background-image:url(imgs-site/fundo-form.jpg); background-repeat:repeat-x;}
.contato_form .bt_enviar{ width: 100px; height: 25px; padding: 0px; margin-top: 10px; color: #FF6600;   }
.contato_form textarea { padding: 5px; height: 15px; width: 280px; height: 100px; border: #CEEBF0 solid 1px; background-color: #fff;background-image:url(imgs-site/fundo-textarea.jpg); background-repeat:repeat;}



#rodape { width: 1000px; height: 235px; background: url('imgs-site/fundo-rodape2.jpg') repeat-x; margin: 60px 0 0 0;}

#logo-rodape { float: left ; padding: 40px 0 0 20px ; width: 300px; }
#logo-rodape h1 { font-family: arial; font-size: 13px; color: #4A7B1A; margin: 20px 0 20px 0px ; letter-spacing:-1px; font-weight: normal;}


.menu-rodape { width: auto; height: auto; padding: 50px 20px 0 0 ; float: right; }
.menu-rodape ul li{ float: left; padding : 13px ; font-size: 18px; margin: 0 ; font-weight: normal ; border-bottom: 1px dashed #F5CFA1; }

.menu-rodape a:hover { border-bottom: 1px dotted #f30; padding: 0 0 13px 0 ; }
.menu-rodape a { color:#0080B0; text-decoration:none;  }
.menu-rodape a:visited {text-decoration:none; color:#000; }

#rodape-busca { width: 550px; height: 50px; float: right ; display: block ; margin: 15px 20px 0 0 ; text-align: right; }

#rodape-busca h1{ font-family: arial; font-size: 16px; font-weight: normal; color: #f60;  letter-spacing:-1px; padding: 0 0 7px 0 ; }

#rodape-vinicius-mattos { width: 985px; height: 17px; background-color: #CDEDA9 ; font-size: 11px; color: #3F5E00; padding: 10px 0px 7px 15px; float: left; }
#reservados { width: 600px ; float: left; font-size: 11px; color: #3F5E00; text-align: left; }
#vinicius-mattos{ width: 250px; float: right; text-align: right; margin: 0 20px 0 0 ; padding: 0 ; }


#noticias-home { width: 450px ; height: 200px; float: left; background-color: #fdfdfd; margin: 1px 0 0 1px ; border: 1px solid #f9f9f9;}
#noticias-home-titulo { height: 20px; background-color: #fdfdfd ; font-family: arial; font-size: 18px; padding: 10px 0 10px 15px ;  font-weight: normal ; color: #f30; /* background: url('imgs-site/fundo-titulo-filmes-cartaz.jpg') repeat-x; */ }

#noticias-home p { font-family: arial; font-size: 12px; color: #666; margin: 10px 15px 5px 15px ; border-bottom: 1px dashed #dbdbdb; padding: 0 0 10px 0 ;}

.endoflist { display: none; }


#indice-atrativos { width: 595px ; height: 350px; float: right; background-color: /*#F6FBF2*/ #fff; margin: 0 0 0 1px ;}

Ul.atrativos { padding: 0 0 0 8px ;  float: left;  margin: 15px 0px; width: auto;  list-style-type: none }
Ul.atrativos li { padding: 2px ; display: inline;  float: left;  width: 170px;  margin: 0px 15px 5px 5px; } 
UL.atrativos h2 { font-family: arial; font-size: 13px; color:#336600 ; padding: 10px 5px 5px 5px ; font-weight: bold ; }
UL.atrativos p { font-family: arial; font-size: 11px; color:#336600 ; padding: 5px; letter-spacing:-1px; }
UL.atrativos .img { border: 1px solid #DFECB7; padding: 0px; background-color: #fff; float: left; }
UL.atrativos img {  padding: 5px; }

UL.atrativos .img:hover { background-color: #f60; }
UL.atrativos li:hover { background-color: #F7F9E8;  }
UL.atrativos p:hover  { color: #f60; }
 




.tempo-min { font-family: arial; font-size: 11px; color: #069; }
.tempo-max { font-family: arial; font-size: 11px; color: #f30 ;  }


#galeria-fotos-home { width: 405px ; height: auto; float: left; background-color: #fff; margin: 5px 0 0 1px ; border: 0px solid #f9f9f9; border-right: 2px dotted #FFE6D5;border-left: 2px dotted #FFE6D5;}
#galeria-fotos-home-titulo h1 { width: 375px; height: 20px; background-color: #fff ; font-family: arial; font-size: 18px; padding: 10px 0 10px 0 ;  font-weight: normal ; color: #f30; letter-spacing: -1px; border-bottom: 1px dashed  #f30; margin: 0 0 0 15px; font-weight: bold;}

#galeria-fotos-home-titulo-box { width: auto; height: auto ; padding: 0px 15px 15px 15px ; }

#galeria-fotos-home-titulo-box p { margin: 0px 0 0 35px; }


.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #fff;
overflow: scroll; /*leave this value alone*/
width: 368px; /*Width of Carousel Viewer itself*/
height: 190px; /*Height should enough to fit largest content's height*/
margin: 0 0 0 3px; }

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel img { padding: 3px; border: 1px solid #e9e9e9 ; margin: 0 0 5px 0 ; width: 160px; height: 108px; }
.stepcarousel .panel h2 { font-family: arial; font-size: 16px; letter-spacing: -1px; padding: 3px 0 5px 3px ; color: #660; }
.stepcarousel .panel p { font-family: arial; font-size: 13px; letter-spacing: -1px; padding: 0px 0 5px 3px ; color: #999; }

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-family: arial; font-size: 13px; letter-spacing: -1px; }

.stepcarousel .panel:hover { background-color: #fff ; border-bottom: 2px dotted #FFE6D5; padding: 0 0 10px 0 ;}




#publicidade-home { width: 204px ; height: 360px; float: left; background-color: #fcfcfc; margin: 1px 0 0 1px ;  }
#publicidade-home-titulo { height: 20px; background-color: #fff ; font-family: arial; font-size: 20px; padding: 8px 0 10px 15px ;  font-weight: normal ; color: #f30; /* background: url('imgs-site/fundo-titulo-destaques.jpg') repeat-x; */ letter-spacing: -1px;   }
#publicidade-home-titulo a { color:#B36B00; text-decoration:none; } 
#publicidade-home-titulo a:hover { text-decoration:none; color:#fff; background-color: #B36B00; } 
#publicidade-home-titulo a:visited { text-decoration:none; color:#B36B00; }

#publicidade-home-banners { width: 190px; height: auto; float: left; margin: 15px 0 0 7px ; text-align: center; }

#publicidade-home-banners img { border: 0px solid #B4D54F; padding: 2px; background-color: #fff;  }


#box-home-2 { width: 204px ; height: 360px; float: left; background-color: #f9f9f9; margin: 1px 0 0 1px ; }
#box-home-2-titulo { height: 20px; background-color: #FFF2CB ; font-family: arial; font-size: 18px; padding: 10px 0 10px 15px ;  font-weight: normal ; color: #666; background: url('imgs-site/fundo-titulo-destaques.jpg') repeat-x; letter-spacing: -1px;  }
#box-home-2-titulo a { color:#666; text-decoration:none; } 
#box-home-2-titulo a:hover { text-decoration:none; color:#fff; background-color: #666; } 
#box-home-2-titulo a:visited { text-decoration:none; color:#666; }

#box-home-2 h1 { font-weight: bold; font-family: Arial; font-size: 16px ; color: #2D5579; padding: 13px 15px 5px 15px; letter-spacing: -1px; }
#box-home-2 h1 img {vertical-align: middle; padding: 0 5px 0 0 ; }
#box-home-2 h1:hover { color: #f30;  }
#box-home-2 p:hover { color: #f30;  }
#box-home-2 p { font-family: arial; font-size: 13px; color: #666 ; padding: 5px 20px 10px 15px ; letter-spacing: -1px;  border-bottom: 0px dashed #ccc ;}


#sobre-tere-home { width: 385px ; height: 250px; float: left; background-color: #fff; margin: 5px 0 0 0px ; border-left: 0px dotted #FFE6D5; border-right: 0px dotted #FFE6D5;}
#sobre-tere-home-titulo h1 { width: 355px; height: 20px; background-color: #fff ; font-family: arial; padding: 10px 0 10px 0px ;  font-weight: normal ;  font-size: 18px; color: #586B1D; letter-spacing: -1px;  border-bottom: 1px dashed  #586B1D; margin: 0 0 0 15px;font-weight: bold;}
#sobre-tere p { width: auto ;  border: 0 ; padding: 10px 10px 8px 15px ; margin: 0 ; letter-spacing:-1px;  font-size: 16px; color: #444 ;}


#midia-nacional { width: 203px ; height: 230px; float: left; background-color: #fff; margin: 5px 0 0 0px ;}
#midia-nacional-titulo h1 { width: 180px; height: 20px; background-color: #fff ; font-family: arial; padding: 10px 0 10px 0px ;  font-weight: normal ;  font-size: 18px; color: #EC8D00; letter-spacing: -1px; margin: 0 0 0 12px; border-bottom: 1px dashed #EC8D00; font-weight: bold;}
#midia-nacional p { width: auto ;  border: 0 ; padding: 10px 10px 8px 15px ; margin: 0 ; letter-spacing:-1px;  font-size: 16px; color: #8A5300 ;}

#super-banner { width: 1000px ; height: 116px ;  margin: 0; padding: 0; background-color: #fff; /* background: url('teresopolis/noticias/imgs/natal-em-teresopolis-um-sonho-na-serra-2.jpg') no-repeat;  */ }


#box200px { width: 180px; height: auto; float: left; margin: 10px 0 0 16px ; border: 0px solid #ccc; background-color: #fff;}

#box200px h1 { font-family: arial; font-size: 15px; color: #586B1D; letter-spacing: -1px; font-weight: bold; border-bottom: 1px dotted #ccc; padding: 7px ; background-color: #fff; background: url('imgs-site/fundo-chamadas-boxes-home.jpg') repeat-x; }
#box200px p { font-family: arial; font-size: 14px; color: #000; letter-spacing: -1px; padding: 5px 5px 10px 5px; background-color: #f9f9f9;}
#box200px p a:hover { background-color: #EFF5E5; color: #586B1D; }
#box200px p img { border: 1px solid #ccc; padding: 4px; margin: 7px 0 0 0 ; width: 160px; height: 120px; }
#box200px h2 { background-color: #EFF5E5; height: auto; font-family: arial; font-size: 12px; letter-spacing: -1px; padding: 5px; font-weight: normal; color: #f30; text-align: center; margin: 2px 0 0 0 ; }
#box200px h2:hover{ background-color: #586B1D; color:#fff;}


#anuncio790px { width: 965px ; height: auto ;  margin: 10px 0 8px 15px ; background-color: #fff; }
#anuncio790px h1 { font-family: arial; font-size: 16px; letter-spacing: -1px; color: #666;  padding: 0 0 6px 0 ; border-bottom: 1px dotted #666; margin: 0 0 5px 0 ;}