*html, body{width:100%;}
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;
}
body {
	line-height: 1;
}
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;
}
h3, p{margin:0 0 10px 0;}

body{font: 12px/18px Arial, Verdana, sans-serif; background: #ebece7 url(../images/bg.gif) no-repeat center top; color: #333; text-align:center;}
a{text-decoration:none; outline:none;}

/* estilos basicos ou utilizados por todos */
.limpa {clear: both;}
.float_esquerda {float: right;}
.float_direira {float: left;}


/* = contem o site ******************************** */
.largura_minima{width:850px;border:5px solid #fff; border-bottom-width:0; background:#e8e8d6; margin:38px auto 0 auto; text-align:left; background:#f5f5ed url(../images/bg_largura_minima.jpg) repeat-x 0 0;}
.desktop {}
/* fim contem o site * ==== //// ================== */

/* = topo do site ********************************* */
.topo {height:130px;}
.topoi{margin:0 auto;position:relative;}
.topoi .hi_logo{position:absolute; top:20px; left:0px; width:90px; height:92px;}

.idiomas{position:absolute;top:90px; right:0; width:100px;}
.idiomas form{float:left;margin:0 5px 0 0;}
h1{position:absolute; top:12px; left:90px; width:208px; height:111px; background:url(../images/logo.jpg) no-repeat 0 0;}
h1 a{display:block; width:208px; text-align: left;height:111px;background:url(../images/logo.jpg) no-repeat 0 0;}
h1 a span{display:none;}


/* menu 
				><li><a href="#"><%= I18n.t 'txt.menu.fotosevideos'%></a><ul><li><a class="imagens" href="/photo"><%= I18n.t 'txt.menu.vejaasfotos'%></a></li><li><a class="videos"  href="/video"><%= I18n.t 'txt.menu.vejaosvideos'%></a></li></ul></li
*/
.menu_superior{ background:url(../images/base_menu.jpg) no-repeat 0 0;padding:17px 0 0 15px; width:500px; height:61px; float:right;margin-top:15px; position:relative; }
#nav, #nav ul{margin:0;padding:0;position:relative;}
#nav a{display:block;color:#fff;text-decoration:none;}
#nav a:hover{background: url(../images/bg_menu_esquerda.jpg) no-repeat left 1px;color:#fff;}
#nav li:hover {background:#869f39 url(../images/bg_menu_direita.jpg) no-repeat right 1px;color:#fff;}
#nav li{float:left;position:relative;font-size:16px;margin:0 1px;}
#nav li a{ padding:5px 10px;}
#nav ul {position:absolute;display:none;width:500px;top:28px;font-size:10px;left:-60px;}
#nav li ul a{width:125px;float:left;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav ul li:hover{background-color:Transparent; background-image:none;}
#nav ul li a.imagens{text-align:center;background: Transparent url(../images/menu_pop_bg.png) no-repeat 0 -50px; width:121px; height:31px; font-size:16px;padding:15px 0 0 0;}
#nav ul li a.imagens:hover{background:Transparent url(../images/menu_pop_bg.png) no-repeat 0 0;}
#nav ul li a.videos{text-align:center;background: Transparent url(../images/menu_pop_bg.png) no-repeat right -50px; width:121px; height:31px; font-size:16px;padding:15px 0 0 0;}
#nav ul li a.videos:hover{background:Transparent url(../images/menu_pop_bg.png) no-repeat right 0;}

/* fim do topo * ==== //// ======================== */


/* = meio do site ********************************* */
.meiuca {word-wrap: break-word;}


/* banner */
#banner{position:relative;display:block; height:269px; background-color:#f5f5ed}
#banner .bg_banner{position:absolute; top:0; left: -14px; background:Transparent url(../images/bg_banner.png) no-repeat 0 0; width:878px; height:269px; padding:11px 0 0 14px;}

/* carrosel da home */
.destaque_home{background:#f5f5ed; display:block;}


/* paginas internas */


.secao{font-size:26px; font-weight:bold;color:#e27000;padding:10px 10px 10px 50px; background:url(../images/bg_h2.png) no-repeat 0 0; width:700px;margin:10px 0 0 0;}
.secaoh4{font-size:20px; font-weight:bold;color:#000;padding:10px 10px 10px 50px; width:700px;margin:10px 0;}
.contem_texto_noticia{padding:10px 50px 10px 50px;min-height:500px}
.contem_texto_noticia img{border:4px solid #e27000;margin:0 10px 10px 0}
.contem_texto_noticia ul{list-style-type:square;clear:both;width:600px;}
.contem_texto_noticia ul li{margin:5px 0;font-weight:bold; font-size:12px; color:#000; display:block;}
.contem_texto_noticia a{color:#ff8800;}

/* ==== home === */
.boxreserva{position:absolute;top:28px;left:40px;width:194px;height:221px; background-image:url(../images/camaleao.gif); background-repeat: no-repeat; background-position:0 0;}
.linkbox_reserva{font-weight:bold;color:#fff;font-size:20px;text-align:center;width:120px;height:50px; position:absolute;top:100px;left:53px;}
/* ==== quem somos === */
.copahostel_bg_guimo{padding:0 0 20px 0;margin:0 auto 0 auto;position:relative; height:554px; width:708px; background: url(../images/copahostel_bg_guimo.jpg) no-repeat 0 0;}
.copahostel_bg_guimo .txtbalao{color:#e27000; font-size:24px; font-weight:bold; text-transform:uppercase; width:209px; height:118px; position:absolute; top:60px; left:30px;}
.copahostel_bg_guimo .txtbalao2 a{background:url(../images/balao2.gif) no-repeat 0 0;color:#e27000; font-size:24px; font-weight:bold; text-transform:uppercase;padding:50px 25px 0 35px; text-align:center; width:124px; height:131px; position:absolute; top:0px; right:-30px;}
.copahostel_bg_guimo .contem_video{width:286px; height:245px; background:#000 url(../images/bg_video_grande.jpg) no-repeat 0 0; position:absolute; top:202px; right:104px;}
.copahostel_bg_guimo .btn_ver_video_grande{width:80px; height:68px; background: #fff url(../images/btn_ver_video_grande.gif) no-repeat 0 0; position:absolute; bottom:0; right:0px;}
.copahostel_bg_guimo .btn_ver_video_grande:hover{background: #fff url(../images/btn_ver_video_grande.gif) no-repeat 0 -68px; }
.copahostel_bg_guimo .btn_ver_video_grande span{display:none;}
.textocopahostel{position:absolute;top:250px;left:-60px; width:300px;}

/* ==== precos ==== */
.precos{padding:10px;}
.precos .quartos li.linha{padding:12px;display:block; background: #f6ebd8 url(../images/bg_linha_quarto.jpg) repeat-x 0 0;margin:15px 0;}
.precos .quartos li.linha .foto{float:left;width:118px;margin:0 22px 0 0;}
.precos .quartos li.linha .foto a{float:left;border:3px solid #d19b6c;}
.precos .quartos li.linha .foto a:hover{float:left;border:3px solid #e84d01;}
.precos .quartos li.linha .foto a img{float:left;}
.precos .quartos li.linha .texto{float:left;width:298px;margin:0 20px 0 0;}
.precos .quartos li.linha .texto h4{font:bold 24px Arial, Verdana, sans-serif;color:#e84d01; margin:0 0 10px 0;}
.precos .quartos li.linha .texto h4 span{font:bold 12px Arial, Verdana, sans-serif;color:#666;}
.precos .quartos li.linha .texto p{font-size:11px;margin:0;}
.precos .quartos li.linha .texto .valor{font-size:18px; display:block; color:#e84d01;padding:10px 0 0 0;}
.precos .quartos li.linha .texto .valor em{font-size:12px; color:#e84d01;}

.precos .quartos li.linha .acoes{float:left;width:308px;position:relative}
.precos .quartos li.linha .acoes  li{float:left;width:109px;padding:5px 5px 5px 50px; height:50px;margin:5px;font-size:12px; text-transform:uppercase; }
.precos .quartos li.linha .acoes  li a{font-weight:bold;color:#e84d01; font-size:10px; display:block; line-height:12px;}
.precos .quartos li.linha .acoes  li a:hover{text-decoration:underline;color:#000;}
.precos .quartos li.linha .acoes .video{background:url(../images/videos_icon_preco.gif) no-repeat 0 4px;}
.precos .quartos li.linha .acoes .video a{padding:20px 0 0 0;}
.precos .quartos li.linha .acoes .fotos{background:url(../images/fotos_icon_preco.gif) no-repeat 0 4px;}
.precos .quartos li.linha .acoes .fotos a{padding:20px 0 0 0;}
.precos .quartos li.linha .acoes .reserva_copa{position:absolute;top:5px;right:0px;width:107px;height:124px;background:url(../images/camaleao2.gif) no-repeat 0 0;}
.precos .quartos li.linha .acoes .reserva_copa a{color:#fff;font-weight:bold;position:absolute;top:55px;left:30px;text-align:center;width:60px;}
.precos .quartos li.linha .acoes .reserva_copa a:hover{color:#000;}
.precos .quartos li.linha .acoes .reserva_hi{background:url(../images/hi_icon_preco.gif) no-repeat 0 4px;}
.precos .quartos li.linha .acoes .reserva_hi a{padding:8px 0 0 0;}


/* =====reservas ===== */
.reserva{height:500px;}

/* =====videos ===== */
.contem_videos{}
.lista_de_videos{float:left; width:500px;}
.ulvideos{padding:10px 0;}
.ulvideos li{float:left;padding:0 20px;}
.ulvideos li .foto{float:left;	margin-right:20px;height:110px;width:140px;background: url(../images/base_video_lista.gif) no-repeat 0 0;position:relative;}
.ulvideos li .foto .thumb{width:120px;height:86px;position:absolute; top:9px; left:11px;}
.ulvideos li .foto .btn{position:absolute; bottom:15px; right:9px;}
.ulvideos li .texto{float:left;width:300px;padding-top:5px;}
.ulvideos li .texto h6 a, .ulvideos li .texto h6{color:#e84d01;font-size:16px;margin:0 0 10px 0;display:block;}
.ulvideos li .texto h6 a:hover, .ulvideos li a:hover{color:#000;}
.ulvideos li .texto p a, .ulvideos li a p{color:#000;font-size:11px; display:block;}
.ulvideos li .texto p a:hover, .ulvideos li a:hover p{color:#e84d01;}

.video_destaque{height:567px;width:314px; background: url(../images/bg_video_destaque.png) no-repeat 0 0;float:left;}
.ulvideos_des{}
.ulvideos_des li{margin:0 0 0 23px;width:264px;float:left;padding:10px 0;background: url(../images/bg_li_video_destaque_pq.gif) repeat-x left bottom;}
.ulvideos_des li .foto{float:left;	margin-right:10px;height:50px;width:64px;background: url(../images/base_video_lista_pq.gif) no-repeat 0 0;position:relative;}
.ulvideos_des li .foto .thumb{width:50px;height:36px;position:absolute; top:7px; left:8px;}
.ulvideos_des li .foto .btn{position:absolute; bottom:7px; right:6px;}
.ulvideos_des li .texto{float:left;width:190px;}
.video_destaque h5 {color:#e84d01;font-size:22px;margin:0 0 10px 0;margin:10px 0 0 23px;}
.ulvideos_des li .texto h6 a, .ulvideos_des li a h6{color:#e84d01;font-size:14px;margin:0 0 0 0;display:block;}
.ulvideos_des li .texto h6 a:hover, .ulvideos_des li a:hover h6{color:#000;}
.ulvideos_des li .texto  span.data {color:#999;font-size:11px; display:block;line-height:10px;margin:0 0 3px 0; }
/* =====fotos ===== */
.contem_fotos{height:500px;}

/* =====onde estamos ou localizacao ===== */
.localizacao{padding:20px 0;}
.localizacao .mapa{float:left;padding:10px 16px;}
.localizacao .mapa .objmapa{float:left;border:3px solid #b12c01;width:350px;}
.localizacao .mapa .textos{float:right;margin:0 0 0 15px;width:400px;}
.localizacao .mapa .textos h4{color:#e07210; font-size:16px;margin:0 0 10px 0}
/* = rodape do site ******************************* */
.r {background:url(../images/bg_rodape.jpg) no-repeat center top; height:214px;}
.ri{width:850px;background:#f5f5ed; border:5px solid #fff; border-top-width:0;margin:0 auto; text-align:left;height:87px; position:relative;}
.ri .guimo_no_pau_hehehe{position:absolute; width:86px; height:89px; bottom:-1px; right:-40px;}
.ri .certificado{position:absolute; width:190px; height:50px; bottom:-70px; right:0;}
#nav_r{padding:20px 0 0 0; text-align:center;}
#nav_r li{display:inline;padding:0 16px 0 0; border-right: 1px solid #c4c4ae; font-size:14px;}
#nav_r li.ultimo{border-right-width:0;}
#nav_r li a{color:#88887c;margin-left:17px;}
#nav_r li a:hover{color:#e84d01;}

.complementa_r{position:absolute; top:57px; left:26px;*left:27px; width:95px; height:35px;background:url(../images/complementa_r.jpg) no-repeat 0 0;}

.creditos{width:600px; height:40px; position:absolute; bottom:-90px; left:250px; color:#a7a8a3;}
.creditos a{color:#e84d01;}
.hi_logo_rodape{z-index:100001;position:absolute; top:125px; right:100px; width:90px; height:92px;}
/* fim do rodape do site * ==== //// ============== */

.paginacao {
   float:left;
   margin:10px;
   padding:10px;

  }
  .paginacao a, .paginacao span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .paginacao span.disabled {
    color: #999;
     }
  .paginacao span.current {
    font-weight: bold;
    background: #FF3100;
    color: white;
     }
  .paginacao a {
    text-decoration: none;
    color: #FF3100;
     }
    .paginacao a:hover, .paginacao a:focus {
      color: #003;
      border-color: #003; }
  .paginacao .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .paginacao .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .paginacao:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .paginacao {
    height: 1%; }
  *:first-child+html .paginacao {
    overflow: hidden; }

.contem_videos:after, .localizacao:after, .precos .quartos li.linha:after, .topo:after{content:"."; height:0; visibility: hidden; display:block; clear:both;}
.contem_videos, .localizacao, .precos .quartos li.linha, .topo{*display:inline-block;}