@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body{margin:0; padding:0; background-color: #fff; color:#000; font: 12px Arial, Helvetica, sans-serif;}
h3 {font-size: 14px; margin-bottom: 10px;}
a{color:#4493c9; font-weight:bold; text-decoration:none;}
a span{text-decoration:underline;}
a:hover, a:hover span{text-decoration:none;}
h1{color: #f8ac19}
h2,h3,h4{color:#4493c9;}
/* PNG transparente*/
.pngie6{behavior:url(js/iepngfix.htc);}
/* start */
#hoteis-geral{
margin: 0 auto;
width: 950px;
height: auto;
overflow: hidden;
background: #fff;
padding: 0px;
}
#hoteis-geral .topo-hoteis-desempacotando{float:left; width: 930px; height: 170px; margin: 0; padding: 0 10px; background: #f8af18 url(images/bg-topo-hoteis-new-york.jpg) no-repeat bottom right;}
#hoteis-geral .hoteisLogo {float: right; margin: 0px 50px 0 0;}
#hoteis-geral .suaViagemLogo{float: left;}
#hoteis-geral .vidGaleria-hoteis-desempacotando{float:left; width: 930px; height: 272px; margin: 0 0 10px; padding: 10px; background: #CCC url(images/bg-box-videos.jpg) repeat-x top center;}
#hoteis-geral .vidGaleria-hoteis-desempacotando .descVideoTopo{ float: right; width: 500px; text-align: left; line-height: 20px;}
#hoteis-geral .vidGaleria-hoteis-desempacotando .descVideoTopo .titulo{ margin: 15px 0 0;}
#hoteis-geral .vidGaleria-hoteis-desempacotando h1{font-size: 22px; margin: 5px 0 0;}
#hoteis-geral .vidGaleria-hoteis-desempacotando p{ font-size: 14px; margin: 10px 0;}
#hoteis-geral .vidGaleria-hoteis-desempacotando .menu-episodio-topo{float:left; text-align:center; width: 90px; margin: 15px 10px 0 0; color:#4493c9; font-size:12px; line-height: 16px;}
#hoteis-geral .vidGaleria-hoteis-desempacotando .menu-episodio-topo a{color:#4493c9;}
#hoteis-geral .motor-hoteis{float: left; margin: 0 0 0 10px; padding: 0; width: 620px; height: 100px; background:#fff url(images/bg-motor-hoteis.jpg) no-repeat bottom center;}
#hoteis-geral .motor-hoteis h2{font-size: 18px;}
#hoteis-geral .box-patrocinadores{float: left; margin: 0 0 0 10px; padding: 8px 0 0; width: 298px; height: 90px; background:#fff8e8; border: 1px solid #ff9900; text-align:center; line-height: 15px;}
#hoteis-geral .box-ofertas{float: left; margin: 10px 10px 0 10px; padding: 0 0 10px; width: 310px; height: auto; background:#fff8e8;}
#hoteis-geral .box-ofertas h3{padding: 5px; margin: 0 0 20px; background: #dae9f4;}
#hoteis-geral .box-ofertas .ofertas-hoteis{ height: 65px; padding: 0 0 20px; line-height:34px; border-bottom: 1px solid #dae9f4;margin: 0 10px 10px;}
#hoteis-geral .box-ofertas .ofertas-hoteis a {color:#555; font-weight:normal;}
#hoteis-geral .box-ofertas .ofertas-hoteis a span{color:#4493c9; }
#hoteis-geral .box-ofertas .ofertas-hoteis .fotohoteloferta{float:left; border: 1px solid #4493c9;margin: 0 10px 0 0; }
#hoteis-geral .box-ofertas .ofertas-hoteis h4{font: 16px Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 5px; color:#4493c9;}
#hoteis-geral .box-ofertas .ofertas-hoteis strong{ font-size: 16px;}
#hoteis-geral .box-ofertas p { float:right; margin: 0 10px; text-align:right;}
#hoteis-geral .box-doodle-box{float: left; margin: 10px 0 0; padding: 0; width: 620px; height: 80px; background:#4a4a4a;}
#hoteis-geral .box-ricardo-freire{
float: left;
margin: 10px 0 0;
padding: 10px 0 0 10px;
width: 288px;
height: 134px;
background:#fff url(images/ricardo-freire.png) no-repeat bottom right;
line-height: 16px;
}
#hoteis-geral .box-ricardo-freire h3{color:#F8AC2C;}
#hoteis-geral .box-twitter{
float: right;
margin: 10px 10px 0 10px;
padding: 0;
width: 300px;
height: 274px;
background:#dae9f4;
}
#hoteis-geral .box-twitter h3{ padding: 5px; margin: 0 0 7px; background: url(images/twitter-bird-hoteis) no-repeat bottom right;}
#hoteis-geral .box-newsletter{float: left; margin: 10px 0 0; padding: 0; width: 298px; height: 153px; background:#fff8e8; border: 1px solid #ff9900;}
#hoteis-geral .box-newsletter h3{padding: 5px; margin: 0 0 10px; background: #ffeabe;}
#hoteis-geral .box-newsletter input.campo-emailmkt { margin: 5px; padding:5px; width:275px; clear:both; border: 1px solid #ff9900;}
#hoteis-geral .box-newsletter input.btnEnviar{ margin: 5px; padding: 7px 10px; float:right; background: #ffeabe; color:#ff6600; border:none; font: 13px Arial, Helvetica, sans-serif;}
#hoteis-geral .box-newsletter input.btnEnviar:hover{background: #ff6600; color:#ffeabe; }
#hoteis-geral .box-temporada-anterior{float: left; margin: 10px 10px 0 10px; padding: 0; width: 310px; height: 95px; background:#ffdcA8;}
#hoteis-geral .box-social-media h3{color:#F8AC2C;}
#hoteis-geral .box-social-media{
float: left;
margin: 0px 0 0 0;
padding: 0;
width: 300px;
height: 95px;
font-size: 11px;
}
#hoteis-geral .box-social-media .social-media{float:left; width: 100px; text-align: center; line-height: 17px;}
#hoteis-geral .rodape-desempacotando{float:left; width: 930px; height: auto; margin: 5px 0 20px; padding: 10px; color:#999; font-size:10px; text-align: right;}
/*JUITTER PLUGIN CSS*/
#juitterContainer{} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0px;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "" */
#juitterContainer .twittLI{list-style:none;background:#fff url(images/twitter-box-ballon.jpg) no-repeat center center;margin:0;padding:3px 10px 10px;clear:both;height:64px;}
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}
#juitterContainer .jRM{float:right;clear:both; font-weight:normal;} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/*end of Juitter CSS*/
/*Cortina*/
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
width: 100%;
position: relative;
margin: 20px 0;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
border: 5px solid #39c; /* this is the border. should have the same value for the links */
margin: auto;
width: 700px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 460px;
clear: both;
background: #fff;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
width: 700px; /* Also specified in .stripViewer above */
height: 100%;
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
}
.stripNav ul { /* The auto-generated set of links */
list-style: none;
}
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}
.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: #c6e3ff;
color: #000;
text-decoration: none;
display: block;
padding: 0 15px;
}
.stripNav a:hover {
background: #9cf;
}
.stripNav a.current {
background: #39c;
color: #fff;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;}