@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,200);

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: none repeat scroll 0 0 transparent; font-size: 100%; margin: 0; padding: 0; border: 0 none; outline: 0 none; vertical-align: top;}
html {font-family: "Helvetica Neue","Segoe UI",Segoe,Helvetica,Arial,"Lucida Grande",sans-serif;}

body{color: rgb(128,128,128);}
a {text-decoration: none;}
header, footer {width:100%; position: relative;}
.marco {position: relative; width:850px; margin: 0 auto; text-align: center; clear: both;}
.izq {float: left;}
.der {float: right;}
.gris_claro {background-color: rgb(223,223,223)}
h1 { font-family: 'Raleway'; font-size:40px; font-weight: 200; text-align: left; background: none repeat scroll 0 0 transparent; margin: 0 0 20px 0; padding: 0; border: 0 none; outline: 0 none; vertical-align: top;}
h2 { font-family: 'Raleway'; font-size:30px; font-weight: 200; text-align: left; background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; border: 0 none; outline: 0 none; vertical-align: top;}
.lineabase {vertical-align: baseline ! important;}

.justificado{text-align: justify}
.separador10 {margin-top:10px;}
.separador20 {margin-top:20px;}

.cuerpo {padding-bottom:50px; padding-top:10px; margin-top: 10px;
  background: -webkit-linear-gradient(rgba(223,223,223,0),rgba(223,223,223,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(223,223,223,0),rgba(223,223,223,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(223,223,223,0),rgba(223,223,223,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(223,223,223,0),rgba(223,223,223,1)); /*Standard*/
}

/* background-color:rgb(163,39,45);*/
.botonusuarios {width: 120px; height:36px; background-color: rgb(182,39,45) !important; color: rgb(255,255,255); text-transform: uppercase; border: 0 none; margin-right:5px; border-radius:0;}
.botonusuarios:hover {color: rgb(255,255,255);}
.botonusuarios2 {width: 120px; height:36px; background-color: rgb(255,255,255) !important; color: rgb(182,39,45); text-transform: uppercase; border: 0 none; margin-right:5px; border-radius:0;}
.botonusuarios2:hover {color: rgb(182,39,45);}
.botonusuarios-160, .botonusuarios2-160 {width: 160px;}
a.botonusuarios, a.botonusuarios2 {line-height: 25px;}
@media (max-width: 768px) {
	.botonusuarios, .botonusuarios2 {width:100%; margin-bottom: 5px;}
}

.forma form input[type="text"], .forma form input[type="email"], .forma form input[type="password"], .forma form textarea { background-color: rgb(223,223,223);}
.forma h2 {color: rgb(255,255,255); line-height:40px; margin-bottom:10px; text-align: center; background: none repeat scroll 0 0 rgb(182,39,45); }
.styled-select { width: 100%; overflow: hidden; background: url('../images/flechabajo.png') no-repeat right rgb(223,223,223);}  
.styled-select2 { width: 100%; overflow: hidden; background: url('../images/flechabajo.png') no-repeat right rgb(255,255,255);}  
.styled-select select, .styled-select2 select { background: transparent; width: 150%; line-height: 1; -webkit-appearance: none;}
.cabecera {width:100%; height:500px; position: relative;}
.copete2 {position: relative; height:120px; width:100%; background-image: url('../images/cabecera1.jpg'); background-position: center center; background-size: cover; margin: 0; padding: 0; text-align: center;}
.copete2 img {height:90px; margin-top:5px;}
.copete {position: absolute; top: 0;}
.legajo {margin-top: 5px; margin-left:25%; height:10px; width:49%;}
.legajo span {color: white; font-size:8px; line-height:10px;}
.boton_mostrar {margin-left:50%; height:40px; width:49%; display: none;}
#mostrarlogin { display: block; background-color: rgb(255, 255, 255); width:260px; height:50px; margin: 2px auto; line-height:50px; color: rgb(163, 39, 45); text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
.menu {position: absolute; background: url('../images/menu1.jpg') no-repeat center center rgb(106,12,16); border:0; border-radius:0; margin-bottom: 0; z-index: 3; width: 100%;}
.boton-menu3, .boton-menu3:hover {color: rgb(255,255,255) !important;}
.opdes { font-family: 'Raleway'; font-size:25px; font-weight: 200; text-decoration: none;}
@media (min-width: 768px) {
	.sep_menu {background: url('../images/separador-rojo.png') no-repeat right center;}
	.boton-menu3 {font-size:10px; padding:0 !important; text-align: center;}
	.boton-menu3 em {display: block; width:126px; height:40px; background: url('../images/botonera3.png') no-repeat;}
	.boton-menu3 em.opcion1 {background-position: 9% 0%;}
	.boton-menu3 em.opcion2 {background-position: 9% 100%;}
	.boton-menu3 em.opcion5 {background-position: 9% 50%;}
	.boton-menu3 em.opcion4 {background-position: 93% 0%;}
	.boton-menu3 em.opcion3 {background-position: 93% 50%;}
	.boton-menu3 em.opcion6 {background-position: 93% 100%;}
	.menu {position: relative; bottom: 0;}
}
.loginBox {position: absolute; left: 0; top: 120px; z-index: 2;  font-family: verdana; width:100%;}
.loginBox form { background-color: #373737;}
.cabeceralogin {background-color: rgb(102,102,102); line-height: 40px; color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 1.2em; text-align: center;}
.loginBox_zocalo {position: relative; width:100%; background-color: rgb(102,102,102);}
.loginBox_zocalo input[type="submit"] {position: absolute; right:0; top:0; border:0; height: 40px; background-color: rgb(182,39,45) !important; color: rgb(255,255,255); text-transform: uppercase;}
.loginBox_zocalo a {display: table; font-size:12px; line-height: 19px; padding-left: 20px; border-bottom: 1px solid rgb(55, 55, 55); color: rgb(255,255,255); width:100%;}

.menu2 {position: relative; background-color: rgb(128,128,128); height:40px; width:100%; margin: 0; padding: 0; text-align: center;}
.menu2 a {display: block; width:22%; float: left; color: rgb(255,255,255); font-size:18px; padding:0 10px 0 10px; text-decoration: none; line-height:40px;}
.select2 {background-color: rgb(102,102,102);}
.submenu2 {position: relative; background-color: rgb(128,128,128); height:40px; width:100%; margin: 15px 0 0 0; padding: 0; text-align: center;}
.submenu2 a {display: block; float: left; color: rgb(255,255,255); font-size:1em; padding:0 10px 0 10px; text-decoration: none; line-height:40px; text-transform: uppercase;}
.submenu2sel {background-color: rgb(182,39,45);}

.menu3 .navbar-nav > .open > a, .menu3 .navbar-nav > .open > a:hover, .menu3 .navbar-nav > .open > a:focus {background-color: rgb(237, 22, 22) !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: rgb(106, 12, 16) !important;}
.menu3 .nav .open > a, .menu3 .nav .open > a:hover, .menu3 .nav .open > a:focus { border-color: #FFFFFF;}
.menu3 .boton-menu3 {background-color: rgb(96,96,96);}
.menu3 .boton-menu3-final {background-color: rgb(128, 128, 128);}
.menu3 .boton-menu3 > a, .menu3 .boton-menu3-final > a, .menu3 .boton-menu3-final > div {color: #fff !important; border-left: 1px solid #FFFFFF;}
.menu3 .boton-menu3 > a > span {font-size:14px; text-transform: uppercase;}
.menu3 .boton-menu3-final > div {display: none; padding-top: 10px;}
.rojo { background-color: rgb(237, 22, 22) !important; }
@media (min-width: 768px) {
	#navbar {width:760px; margin:0 auto; padding: 0px;}
	.menu3 .boton-menu3 > a {display: block; height: 90px; width: 105px; text-align: center; padding: 10px 5px !important;}
	.menu3 .boton-menu3-final > a, .menu3 .boton-menu3-final > div {display: block; height: 45px; width: 180px; text-align: center; font-size:12px;}
	.menu3 .boton-menu3-final > div {padding-top: 10px;}
	.menu3 .boton-menu3-final > a {border-top: 1px solid #FFFFFF;}
	.menu3 .boton-menu3 .texto:before { display: table;}
	.menu3 .boton-menu3 .fa {margin-bottom: 5px;}
}

.marcopago {color: rgb(255,255,255); background-color: rgb(55, 55, 55); font-size: 14px;}
.marcopago .logo {margin-top:5px; margin-bottom:10px; height:50px; overflow:hidden;}
.marcopago .logo img {height:90px;}
.marcopago .close {width: 29px; height: 29px; background-color: rgb(163, 39, 45); color: rgb(255, 255, 255); text-transform: uppercase; opacity: 1;}

.fondoservicios{width:100%;}
.fondoservicios h2 {color: rgb(182,39,45);}

.fondobuscador {width:100%; background: url('../images/large1.jpg') no-repeat bottom center transparent; background-size: cover;}
.fondobuscador_corp {width:100%; background: url('../images/large2.jpg') no-repeat bottom center transparent; background-size: cover;}
#forma01, #forma02, #forma03 {background-color: rgb(182,39,45); text-align: left;}
#tab01, #tab02, #tab03 {background-color: rgb(106,12,16);}
#tab01 a, #tab02 a, #tab03 a {text-transform: uppercase; background-color: rgb(106,12,16); color: rgb(255,255,255); border-radius: 0; border: 0}
#tab01 a:hover, #tab02 a:hover, #tab03 a:hover {text-transform: uppercase; color: rgb(106,12,16);}
#tab01.active a, #tab02.active a, #tab03.active a {background-color: rgb(182,39,45); color: rgb(255,255,255);}
.buscador select.form-control {height: auto; padding-left: 0;}
.buscador select.form-control[disabled] {background-color: transparent}
.buscador label {color: rgb(255,255,255); font-size:11px; padding-right:0;}
.buscador .input-group-addon {background-color: rgb(106,12,16); color: rgb(255,255,255);}
#hab1, #hab2, #hab3, #hab4, #hab5 {width:auto;}
#hab1 p, #hab2 p, #hab3 p, #hab4 p, #hab5 p{color: rgb(255,255,255);}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color: #000;}
@media (min-width: 768px) {
	#forma01, #forma02, #forma03 {min-height:310px}
	#hab_345 { background-color: rgb(182,39,45); display: none; position: absolute; top: 40px; left: 95%; height:306px; padding-top:10px;}
	.buscador .baseboton {position: absolute; bottom: 0px; width: 40%; right: 5%;}
}

.loader {border: 16px solid rgba(223,223,223,0); border-radius: 50%; border-top: 16px solid rgb(106, 12, 16); width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: 0 auto;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.reserva_fin {font-size: 14px;}
.reserva_fin .modal-title {color: rgb(255,255,255);}
.reserva_fin .close {color: rgb(255, 255, 255); opacity: 1;}

.ui-autocomplete { padding: 0; border: 1px solid black; background-color: white; overflow: hidden;	z-index: 99999; display:block; float: left; cursor: default;}
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-autocomplete ul {width: 100%; list-style-position: outside; list-style:none; padding: 2px; margin: 0;}
.ui-autocomplete li {margin: 0; padding: 2px 5px; cursor: default; display: block; font-size: 12px; line-height: 16px; overflow: hidden;}
.ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.ac_loading { background: white url('../images/indicator.gif') right center no-repeat;}
.ac_odd {background-color: rgb(101, 194, 213);}
.ac_over {background-color: rgb(80, 144, 187);	color: white;}

.pie{width:100%; position: relative; background-color: rgb(180,180,180)}
.barra_logos{width:100%; height:80px; background-color: rgb(255,255,255); text-align: center;}
.barra_logos img {margin-right:10px;}
.barra_pie img {height:90px; margin-top:5px; margin-right:10px;}
/*
.barra_pie .panel-pie {width:45%; height:100px; margin: 0; text-align: left;}
.barra_pie .panel-pie ul {list-style: none;}
.barra_pie .panel-pie ul li  {color: rgb(128,128,128); font-size:12px; font-weight: bold; line-height:20px; text-transform:uppercase;}
*/
.barra_pie ul li.res {font-size:15px;}
.barra_pie p, .barra_pie a, .barra_pie ul li   {color: rgb(128,128,128); font-size:12px; font-weight: bold; text-transform:uppercase;}
.barra_pie .iconosoc {width:45px; height:50px; float: left;}
.barra_pie .fb {background: url('../images/iconos sociales.png') scroll 0 0 no-repeat}
.barra_pie .tw {background: url('../images/iconos sociales.png') scroll 33% 0 no-repeat}
.barra_pie .yt {background: url('../images/iconos sociales.png') scroll 66% 0 no-repeat}
.barra_pie .go {background: url('../images/iconos sociales.png') scroll 100% 0 no-repeat}

.barra_datos{width:100%; height:80px; background-color: rgb(102,102,102)}
.barra_datos .dat1 {width:100%; height:30px;}
.barra_datos .icono {width:30px; height:30px; float: left; margin-right:5px;}
.barra_datos .casa {background: url('../images/iconos-gris.png') scroll 0 0 no-repeat}
.barra_datos .mail {background: url('../images/iconos-gris.png') scroll 50% 0 no-repeat}
.barra_datos .tel {background: url('../images/iconos-gris.png') scroll 100% 0 no-repeat}
.barra_datos .dat1 p {color: rgb(180,180,180); font-size:10px; font-weight: bold; text-align: right; float: left; line-height:30px; margin-right:30px;}
.barra_datos .centro p {width:100%; text-align: center;}


#ventana1 , #ventana2{z-index: 1000; border: medium none; margin: 0; padding: 0; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/fondo_blanco.png') repeat; position: fixed;}
#ventana1{display: none;}
.ventmanual0{width:100%; position:relative; overflow:hidden; margin:0 0 5px 0;}
#ventmanual1 {position: relative; margin: 15px auto; width: 880px; height:580px; overflow:hidden; background-color: rgb(180,180,180); text-align: center;}
.issuuembed{width: 100%; height: 600px; overflow: hidden; margin: 0 auto;}
.issuuembed em.opcion6 {background: url('../images/iconos2.png') no-repeat scroll 100% 100%; position: absolute; width:20px; height:20px; top:0; left:-25px;}

.pagination {clear: both; width: 95%; padding: 0; font-size: 12px; height: 30px; margin-left:10px; margin-top:20px; text-align: center;}
.pagination a {font-size: 14px; text-decoration: none; padding: 5px; text-transform: uppercase; background-color: rgb(255,255,255); color: rgb(180,180,180); font-weight:bold;}
.pagination a:hover, .pagination a:active {color: rgb(163,39,45)}
.pagination span.current {font-size: 14px; text-decoration: none; padding: 5px; text-transform: uppercase; background-color: rgb(163,39,45); color: rgb(255,255,255);}

.reserva_det { font-size: 12px; border-bottom: 1px solid rgb(180,180,180); }
.reserva_det thead > tr > th, .reserva_det tbody > tr > th, .reserva_det tfoot > tr > th, .reserva_det thead > tr > td, .reserva_det tbody > tr > td, .reserva_det tfoot > tr > td { padding: 10px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(180,180,180); }
.reserva_det thead > tr > th { vertical-align: bottom; border-bottom: 1px solid rgb(180,180,180); }
.reserva_det thead > tr > th a, .reserva_det thead > tr > th a:hover, .reserva_det thead > tr > th a:focus { color: inherit; text-decoration: none; }
.reserva_det > tbody > tr:nth-child(2n+1) > td, .reserva_det > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); }
.reserva_det > tbody .stripe > td, .reserva_det > tbody .stripe > th { background-color: rgb(249, 249, 249); text-overflow: ellipsis; overflow: hidden;}
.reserva_det > tbody > tr:hover > td, .reserva_det > tbody > tr:hover > th { background-color: rgb(255, 245, 191); }
.reserva_det-no-hover > tbody > tr:nth-child(2n+1) > td, .reserva_det-no-hover > tbody > tr:nth-child(2n+1) > th { background-color: rgb(249, 249, 249); }
.reserva_det .celda-precio { text-align: right;}

.nombrepax {line-height:20px;}
.nombrepax span {font-size: 1.4em;}
.referencias1 {margin: 20px auto 10px auto; border-top: 1px solid  rgb(180,180,180); border-bottom: 1px solid rgb(180,180,180);}
.referencias1 span {padding:5px; font-size: 14px; line-height: 15px; float: left}
.referencias1 li {display: inline-block; margin: 0; padding:5px; cursor: default; font-size: 14px; line-height: 15px;}

.mov_cot {color: rgb(180,180,180)}
.onr_res {color: rgb(107, 201, 218)}
.ok1_conf {color: rgb(69, 207, 75);}
.cancelado {color:rgb(255, 0, 0);}
.referencias1 .mov_cot, .referencias1 .onr_res, .referencias1 .ok1_conf, .referencias1 .cancelado {margin-top:-5px;}
.reserva_det .mov_cot, .reserva_det .onr_res, .reserva_det .ok1_conf, .reserva_det .cancelado {padding-top:5px;}

.titulo_modal {background-color: rgb(163,39,45); color: rgb(255,255,255); font-family: 'Raleway'; text-transform: uppercase;}

.filtrostar {background-color: rgb(182, 39, 45);}
.filtrostar label {color: rgb(255,255,255);}

.condiciones {text-align: justify; border: 1px solid #808080;}
.condiciones p {padding:5px;}

#opcionpanel1, #opcionpanel2, #opcionpanel3 {display: none; padding: 10px 5px; background-color: rgb(182, 39, 45); color: rgb(255,255,255); margin-top: 2px;}

.listaprec {font-family: "century gothic", arial; font-size: 11px; border-left: 1px solid grey; border-bottom: 1px solid grey; width:100%; background-color: rgb(255,255,255); border-collapse: collapse;}
.listaprec tr.presep {border-top: 1px solid rgb(128,0,0); border-right: 1px solid grey;}
.listaprec td {border-top: 1px solid grey; border-right: 1px solid grey; padding:5px;}
.listaprec th {background-color: rgb(128,0,0); color: rgb(255,255,255); padding: 5px 2px 5px 2px; }
.listaprec th.hotel {background-color: rgb(128,0,0); color: white; text-align: left;}
.listaprec td.precio {font-weight: bold; font-size:12px; width:60px; height:30px; text-align: center;}
.listaprec td.fecha {text-align: center; width:60px; border-left: 1px solid grey;}
.listaprec td.nomhab {width:110px; padding-left:5px;}
.listaprec td.observ {width:115px; text-align: center; font-weight: bold;}

/*
.alert { position: relative; padding: 10px; font-weight: 300; color: rgb(255, 255, 255); background-color: rgb(180,180,180); width:100%}
.alert:before, .alert:after { display: table; content: " "; }
.alert:after { clear: both; }
.alert:before, .alert:after { display: table; content: " "; }
.alert:after { clear: both; }
.alert .btn-link { padding: 3px; font-weight: 300; color: rgb(0, 0, 0); border: 0; margin-left: 20px; background-color: rgb(163,39,45); color: rgb(255,255,255);}
.alert .btn-link .uxicon, .alert .btn-link .uxicon:hover, .alert .btn-link .uxicon:focus { color: rgb(255, 255, 255); }
*/
.btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; }
.btn-toolbar:after { clear: both; }
.btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; }
.btn-toolbar:after { clear: both; }
.btn-toolbar .btn-group { float: left; }
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; }

#cambiarbusqueda { position: relative; width: 100%; background: none repeat scroll 0 0 rgb(182,39,45); color: rgb(255,255,255); font-family: 'Raleway'; font-size:16px; font-weight: 200; text-align: center; height:45px; padding-top:10px; margin-bottom:15px; cursor: pointer;}
.filtro1 form{ background: none repeat scroll 0 0 rgb(255,255,255); font-size: 14px;}
.filtro1 h2 {color: rgb(182,39,45); margin-bottom:15px; text-align: center; font-size: 24px;}
.filtro1 label {color: rgb(128,128,128);}
.filtro1 input[type="text"], .filtro1 textarea {background-color: rgb(223,223,223)}
.filtro1 .input-group-addon {background-color: rgb(106, 12, 16); color: rgb(255,255,255);}
.vconfc, .vconfs, .vcance, .vconfp, .vcotiz {font-size:28px; line-height:20px;}
.vconfc{color: rgb(95, 36, 128);}
.vconfs{color: rgb(254, 202, 0);}
.vcance{color: rgb(213, 12, 9);}
.vconfp{color: rgb(89, 181, 38);}
.vcotiz{color: rgb(136, 138, 135);}
.verres span{ font-size:24px; line-height:16px; color: rgb(182,39,45); margin-right:5px;}

#listares {font-size: 12px;}
#listares thead {background: none repeat scroll 0% 0% rgb(182,39,45); color: rgb(255,255,255);}
#listares thead > tr > th { vertical-align: middle; text-align: center;}
#listares tbody > tr > th, #listares tfoot > tr > th, #listares tbody > tr > td, #listares tfoot > tr > td {vertical-align: middle; text-align: center;}
#listares > tbody > tr:hover > td, #listares > tbody > tr:hover > th { background-color: rgb(223,223,223); }
.referencias {width: 100%; margin-top: 10px; font-size: 12px; line-height:25px;} 
#resultados {text-align: left;}
#resultados .titulo {color: rgb(182,39,45); font-family: 'Raleway'; font-size:36px; font-weight: 200; text-align: left; margin-bottom:15px; text-align: center;}
.detalleest {font-family: 'Raleway'; font-size:18px; font-weight: 200; text-align: left; margin-bottom:15px;}
.hoteles {position: relative; background-color: white; margin-bottom: 10px; text-align: left; height:180px; font-family: verdana, arial; overflow: hidden;}
.hoteles h2 {padding-left:10px; text-align: left; text-transform: uppercase; font-size:12pt; font-weight:normal; width:100%; background-color: rgb(223,223,223); color: rgb(52,52,52); line-height:30px; margin: 0; overflow: hidden;  white-space: nowrap;}
.hoteles .aclaracion {padding-left:10px; font-size:12px; margin-top:35px;}
.hoteles .direccion {position: absolute; top:40px; right:200px; font-size:12px; text-align: right;}
.hoteles .desde {line-height:1.5em;}
.hoteles .precio {color: rgb(163,39,45); font-weight: bold; font-size:1.5em}
.hoteles .imagen {width:180px; height:150px; position: absolute; top: 30px; right:0; font-size:10px; overflow: hidden;}
.hoteles .imagen img {height:150px; margin-left:-20px;}
.hoteles .botones {position: absolute; bottom:10px; left:10px; margin-top:15px;}
.hoteles .botones a {display: inline-block; margin-right:5px; font-size:12px; padding:5px; background-color: rgb(163,39,45); color: white;}
.star5, .star45, .star4, .star3, .star2, .star1, .apart, .bout, .hostel {position: absolute; top:40px; left:10px; width:111px; height:20px; background: url('../images/categorias.png') top center no-repeat;}
.star0 {position: absolute; top:40px; left:10px; width:200px; height:20px;}
.star5 {background-position: 0 0; font-size:0;}
.star45 {background-position: 0 -20px; font-size:0;}
.star4 {background-position: 0 -40px; font-size:0;}
.star3 {background-position: 0 -60px; font-size:0;}
.star2 {background-position: 0 -80px; font-size:0;}
.star1 {background-position: 0 -100px; font-size:0;}
.apart {background-position: 0 -120px; font-size:0;}
.bout {background-position: 0 -160px; font-size:0;}
.hostel {background-position: 0 -180px; font-size:0;}

.ribbon {position: absolute; right: -10px; top: -3px; z-index: 1; overflow: hidden; width: 100px; height: 100px;}
.ribbon span { position: absolute; top: 15px; right: -15px; font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); /* Needed for Safari */   width: 100px; display: block; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);}

.onl, .onr {position: absolute; bottom:10px; right:190px; width:100px; height:45px; background: url('../images/estado.png') top right no-repeat; line-height:45px; font-size:12px;}
.onr {background-position: 100% -45px;}

#map {height: 450px; width:100%; background-color: #666666; display:none;}
#cerrarmapa {position: fixed; top:0; width:100%; text-align: center; background-color: rgb(255,255,255); z-index:1001; display: none;}
#cerrarmapa a{line-height:36px; color: rgb(182,39,45); font-size:30px; font-family: 'Raleway';}

.amenities {padding: 15px 15px 15px 30px; background-color: rgb(182,39,45); color: rgb(255,255,255); font-size: 14px;}
#visor img {width:32%; height: 100px; margin-left: 2px;}

.precios1 { margin: 20px 0 20px 0; text-align: center;}
.precios { overflow: auto; width:100%; margin-bottom:20px;}
.precios table {margin-top:10px; font-size: 14px; border-collapse: collapse; color: rgb(255,255,255)}
.precios table thead {background-color: rgb(182,39,45);}
.precios table thead th {vertical-align: middle; padding: 8px;}
.precios table tbody tr.hilera1 {background-color: rgb(180,180,180); color: rgb(223,223,223); vertical-align: middle; border-bottom: 1px solid #A3272D;}
.precios table tbody tr.hilera2 {background-color: rgb(223,223,223); color: rgb(180,180,180); vertical-align: middle; border-bottom: 1px solid #A3272D;}
.precios table tbody th.habprec {width:300px; white-space: nowrap;}
.precios table tbody tr td {white-space: nowrap; font-weight: bold;}

.ttp1 {	position: relative;}
.ttp1 .ttp2 {display: none; min-width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; right: 105%;}
.ttp1 .ttp2::after { content: " "; position: absolute; top: 15px; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black;}

.ventana_popup {position: relative; margin: 0; width: 100%; background-color: rgb(255, 255, 255); display: none; text-align: left; color: rgb(102,102,102); font-size: 18px;}
.ventana_popup h1 {background-color: rgb(163,39,45); color: rgb(255,255,255); font-size:20px; line-height:42px; padding-left: 10px; text-transform: uppercase;}
.ventana_popup h2 {text-align: left; text-transform: uppercase; font-size:16px; line-height: 20px; font-weight:bold;}
.ventana_popup dt {margin-left:10px; font-size:20px; line-height:1.8em; color: rgb(163,39,45);}
.ventana_popup dd {margin-left:30px; margin-bottom:5px; font-size:0.9em; font-size:12px; line-height:1.2em; width:90%;}
.ventana_popup ul li {list-style: none;}
.ventana_popup label {color: rgb(128,128,128);}
.ventana_popup input {background-color: rgb(223,223,223)}
.ventana_popup .tablaprecios {width: 90%; margin-bottom:10px; margin-left:5%;}
.ventana_popup .texto14 {text-align: left; font-size:14px; line-height: 20px; font-family: 'Raleway';}
.ventana_popup table {margin-bottom:5px; width:100%;}
.ventana_popup table caption { padding: 18px 2px 15px; background-color: inherit; font-weight: normal; text-transform: capitalize;}
.ventana_popup table tbody td, .ventana_popup table tbody th { padding: 2px; font-weight:bold; color: rgb(163,39,45); text-align: center; width:50px; background-color: rgb(223,223,223); vertical-align: middle;}
.ventana_popup table thead th { padding: 6px; font-family: 'Raleway'; text-align: center; vertical-align: middle;}
.ventana_popup table tbody tr th { font-weight: normal; vertical-align: middle;}
.ventana_popup .campoinfo, .ventana_popup .campotrf, .ventana_popup .campoprecio {width:90%; margin-left:5%; clear: both;}
.ventana_popup .campoinfo label  {display: block; float: left; width:120px; margin:5px 0 5px 0; line-height:20px; height:20px; border: 0; color: rgb(163,39,45);}
.ventana_popup .campomail .nota {font-size: 10px; font-weight: bold; padding:0; text-align: left; margin: 0; line-height:1.2em;}
.ventana_popup .campoinfo textarea {width:60%; margin-bottom:10px; border: 0; padding:0 5px 0 5px; border-radius:0; background-color: rgb(223,223,223);}
.ventana_popup .campoprecio span {line-height:18px; color: rgb(163,39,45); padding-left:10px; font-weight:bold; font-size:16px;}
.ventana_popup .campoprecio span b {margin-top:5px; font-size:12px; font-weight: normal}
.ventana_popup .botonazul4x {position:absolute; top: 0; right:0; width: 29px; height:29px; background-color: rgb(163,39,45); color: rgb(255,255,255); text-transform: uppercase; font-size:10px; border: 0 none; font-weight: bold;}

#slider {position: relative; margin: 0 0 5px 0; width: 100%; height: 500px;}
#slider .viewer {width: 100%; height: 500px; overflow:hidden;}
#slider .slide {width: 1600px; height: 500px; padding: 0; position: relative;}
#slider .slide div.descri {position: absolute; left:20%; top:230px; width:365px; height:75px; z-index:1; background: url('../images/indicador.png') no-repeat scroll 0 0 transparent;}
#slider .slide div.descri p.slogan{font-family: 'Raleway'; font-size:22px; font-weight: 400; line-height: 50px; margin: 0 0 0 10px; padding-bottom:5px; color: rgb(163,39,45);}
#slider .slide div.descri p.descrip{font-family: 'Raleway'; font-size:10px; font-weight: 400; margin:5px 0 0 10px; line-height: 1.2em; color: rgb(255,255,255);}
#slider .indicator {	position: absolute;	top:400px; left:75%; z-index: 1;	text-align: center;}
#slider .indicator span {	display: inline-block; text-indent: -9999em; width: 12px; height: 12px;	background: rgb(180,180,180); margin: 0 2px 0 2px;}
#slider .indicator span.active { background: rgb(163,39,45);}
#slider .previous {position: absolute; top: 240px; left: 5px; font-size:36px;}
#slider .next {position: absolute; top: 240px; right: 5px; font-size:36px;}

.oferta {width:99%; margin-bottom:20px; background-color: white;}
.oferta h2 {font-weight: bold; color: rgb(163,39,45); font-size: 22px; height:55px; overflow: hidden;}
.ofertadesc {font-size:14px; text-align: left; margin: 10px 0 5px 10px; height:55px; overflow:hidden;}
.base {clear: both; position: relative; width:99%; background-color: rgb(163,39,45); color: white; height:80px; line-height:80px; font-size:22px; font-weight:bold;}
@media (min-width: 768px) {
	.foto1 { z-index:2}
	.foto4 { margin-top:-97px; }
}

.filtro_1 {width: 95%; margin: 10px 0 10px 10px; position:relative; text-align: right;}
.filtro_1 select {border: 0 none; background-color: rgb(223,223,223); font-size:11px; margin:0; padding:2px}

.region {position: relative; overflow: hidden; margin-bottom: 5px; height: 175px;}
.region_titulo {position: absolute; top:40px; height:90px; width:100%; background-color: rgba(0,0,0,.5); padding:5px; color: white; line-height:40px; text-align: left; font-family: 'Raleway'; font-size:40px; font-weight: 200;}
.region_masinfo {position: absolute; top:110px; right: 5px;}

.formacontacto {position:relative; text-align: left; background-color: rgb(160,160,160); padding: 10px; margin: 0 auto; font-size: 14px; font-weight: 250;}
.formacontacto input, .formacontacto textarea {background-color: rgb(223,223,223);}
.formacontacto label {color: rgb(255,255,255);}
.zocalocontacto { width:95%; margin-left:5%; padding-top: 20px;font-size:12px;}
.zocalocontacto ul li {margin-bottom:20px;}
.zocalocontacto .icono {width:30px; height:30px; float: left; margin-right:10px; color: rgb(182,39,45);}
@media (min-width: 768px) {
	.zocalocontacto {width: 30%; float: right;}
}

.formaolvido {background-color: rgb(255,255,255); font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 14px; font-weight: 250;}
.formaolvido input {background-color: rgb(223,223,223);}
.formaolvido label {padding-top:5px; text-align: right;}

.tarifario {position: relative; display: inline-block; float: left; width:30%; margin: 5px .5% 0 1%; padding:0; background-color: rgb(102,102,102); overflow: hidden;}
.tarifario .caratula  {position:relative; width:100%; margin:0; background-color: rgb(102,102,102); height:100px; overflow:hidden;}
.tarifario .caratula  img{width:100%}
.tarifario a {position: relative; display: block; float: left; width:100%; font-size:12px; font-weight:bold; text-align: right; line-height:30px; height:30px; text-transform: uppercase; background-color: rgb(102,102,102); color: rgb(255,255,255); text-align: center;}
.tarifario a span {font-size: 28px; vertical-align: top;}

.latajustes, .ventajustes, #cambiopass form { background-color:rgb(255,255,255); margin-bottom:10px; font-size: 14px; font-weight: 250; }
.latajustes h2, .ventajustes h2 {color: rgb(255,255,255); line-height:40px; margin-bottom:10px; text-align: center; background: none repeat scroll 0 0 rgb(182,39,45); }
.logoajustes h3, .pieajustes h3 {font-size:24px; margin-top:5px; font-family: 'Raleway';}
.logoajustes p, .pieajustes p {line-height:1.2em; margin-bottom:10px; font-size:.8em}
#respuesta {height:100px; margin-top:10px; text-align: center;}
#respuesta img {height:100%; width:auto;}
#respuesta input[type="submit"] {width: 90px; height:24px;}
@media (min-width: 768px) {
	.latajustes {width: 50%; float: left; min-height:510px;}
	.ventajustes {width: 50%; float: right; min-height:510px;} 
}

.latajustes2, .ventajustes2 {background-color: rgb(255,255,255); margin-bottom:10px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 14px; font-weight: 250;}
.ventajustes2 h2{color: rgb(255,255,255); line-height:40px; margin-bottom:10px; text-align: center; background: none repeat scroll 0 0 rgb(182,39,45); }
.itemusuario, .itemusuariomas {padding-left: 5%; border-bottom: 1px dotted black; padding-bottom:5px;}
.itemusuario p {margin:0; font-size:1.3em; color: white;}
.itemusuario a {color: rgb(102,102,102);}
.itemusuariomas a {margin:0 auto; font-size:1.3em; line-height: 1em; color: rgb(102,102,102);}
.ventajustes2 .btn-esp {text-transform: uppercase; font-size:11px; border-radius: 0;}
#claveform input {background-color: rgb(223,223,223); font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}
.pstrength-minchar{font-size:11px;}
@media (min-width: 768px) {
	.latajustes2 { width:30%; float: left; height:550px; overflow: auto;}
	.ventajustes2 { width:65%; float: right; height:550px;}
}

#zocalopaquetes .paquete1 {float: left; height:80px; background-color: rgb(223,223,223); margin-bottom:5px;}
#zocalopaquetes .paquete1:hover  {transition: background-color 0.4s ease 0s;  background-color:rgba(106, 12, 16, 1);}
#zocalopaquetes .paquete1 a {display:block; width:100%; height:100%; line-height:25px; color:rgb(182,39,45);  margin-top:10px; font-family: 'Raleway'; font-size:20px; font-weight: 200; font-style: italic; text-align: center; text-decoration: none;}
#zocalopaquetes .paquete1 a:hover  {transition: color 0.4s ease 0s;  color:rgb(255,255,255);}
#zocalopaquetes .paquete1 .unalinea{line-height:50px;}
#zocalopaquetes .paquete1 .doslineas{line-height:25px;}
#zocalopaquetes .selpaquete {background-color:rgb(182,39,45); border: 1px solid rgb(182,39,45); height:100%; color: white; vertical-align: middle;}
#zocalopaquetes .logopaquete {line-height:160px; font-family: 'Raleway'; font-size:100px; font-style: italic; font-weight: bold; color:rgba(106, 12, 16, .4); width:100%; text-align: center; margin-left: -10%;}
#zocalopaquetes .cartellogo {position: absolute; width:90%; height:60%; left:5%; top:20%; line-height:1em; font-family: 'Raleway'; font-size:3em; font-weight: 200; font-style: italic; vertical-align: middle;}
.paquete {background-color: #ffffff; margin-bottom:10px; min-height:120px;}
.titulopaquete {line-height:30px; font-family: 'Raleway'; font-size:22px; font-weight: 500; margin: 10px 0 10px 0; padding-top:10px; color:rgb(182,39,45);}
.img-wrapper { position: relative; padding-right:0px; padding-left:0px;}
@media (min-width: 768px) {
	#zocalopaquetes .paquete1 {width: 18.5%; margin-right: 1%;}
}

.formaregistro {position:relative; text-align: left; background-color: rgb(55, 55, 55); margin: 0 auto; font-size: 14px; font-weight: 250; }
.formaregistro h2 {padding-left:2%; font-size:20px; font-weight: 200; text-align: left; line-height:30px; border-bottom: 1px solid rgb(255,255,255); width:95%; margin: 0 auto 15px auto; color: rgb(255,255,255)}
.formaregistro label {font-size: 11px; color: rgb(255,255,255); display: block; margin-bottom: 5px;}
.formaregistro input {background-color: rgb(223,223,223);}
.formaregistro #col4 {width:100%; display: none;}
@media (min-width: 768px) {
	.formaregistro {width:700px;}
}

.f960 img {width:50px;}
.f960 {position:absolute; right:10px; bottom: 10px; z-index:3}