@charset "utf-8";

/* Body */
body{padding: 0;margin: 0;background-color: #fff;font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-position: center top;background-image: url(back.gif);}
#bodywrap{width:1200px;margin-right:auto;margin-left:auto}
a{color:#07C}a:hover{color:#FEBB02}
/* Body */
.r-button{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;display:inline-block;background-color:#07c;border:2px solid #fff;border-radius:3px;font-size:14px!important;line-height:20px;padding:.5em 2em .55em}
.r-button:hover{background-color:#003580;color:#fff}
/* HEADER */
#bodywrap #header{float:left;width:100%;height:118px}#bodywrap #header #search{width:320px;float:right;margin-top:30px;margin-right:2px}#topsocial{clear:both;width:100%}#topbar{width:100%;background-color:#FFF;border-bottom:1px solid #F0F0F0;z-index:7;margin-top:0;margin-bottom:0;float:left}.topleft{float:left;width:50%;line-height:26px;font-size:90%}.topright{float:right;width:50%;text-align:right}.topright p{font-size:85%}.topright a{text-decoration:none;font-weight:700}.topright .topsocial{text-align:right;margin-top:10px}
/* HEADER */
/* OBSOLETOS */
.latarif,.reservar,.titab,.tpro{font-weight:700}.tpro{font-size:11pt;color:#036}.latarif{font-size:14pt;color:#F30}.smh1,.smh2{width:200px;margin:7px;text-align:center;font-size:10pt;float:left}.la,.lb,.titab{color:#036}.titab{background-color:#9CF}.lb{background-color:#E8F3FF}.smh1{border:1px solid #9CF;background-color:#EAF4FF}.smh2{border:1px solid #86C127;background-color:#EAF7D5}.boletinfield{font-size:9pt;color:#DF5900;padding:2px 5px}.block{width:100%;padding:0 0 10px}.block .importa1{width:410px;float:left;padding:0;margin-bottom:10px}.block .importa1 p,.block .importa3{padding-right:10px;padding-left:10px}.block .importa3{width:310px;float:left}.block .importa1 h2 a img{max-width:100%;height:auto;border-style:none;margin-top:0!important;align-content:center}.block .importa3 h2 a img{border-style:none;margin:0}.importabook{width:200px;float:left;margin-left:20px}.facebook .sendbuton{float:left;height:50px;width:50px;margin-top:100px;margin-left:20px}.titimporta2{font-size:12pt}.block .importa1 h2,.importa2 h2,.importa3 h2{color:#01203F;font-size:12pt;font-weight:lighter}.block h3 a{color:#fff}.home-page h2{font-weight:bolder;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#434A54}.txt-bienvenida{width:95%;margin-right:auto;margin-left:auto;color:#434a54;font-size:12pt}.sidebooking{background-color:#C00;padding:5px;color:#FFF}.downarrowclass{position:absolute;top:12px;right:7px}#bodywrap #contenido{float:left;width:100%}#bodywrap #contenido #intro{background-color:#FFF;float:left;width:100%;height:auto}.booking h1{color:#18BC9C;font-weight:700}
/* INTRO  */
#bodywrap #contenido #intro h2{font-size:11pt}#bodywrap #contenido #intro #ehotels{float:left;width:336px;padding-left:5px}#bodywrap #contenido #intro #ehotels h2{font-size:14pt;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#F30}#bodywrap #contenido #intro #ereserva{float:left;width:270px;padding-left:5px}#bodywrap #contenido #intro #destacado{float:left;width:600px;padding-left:10px}#bodywrap #contenido #intro #destacado2 h3{font-size:14pt}#bodywrap #contenido #intro #destacado2 h3 a{text-decoration:none;color:#06F}#bodywrap #contenido #intro #lhotels{float:left;width:844px;padding-right:5px;padding-left:5px}#bodywrap #contenido #intro #lhotels h1{text-transform:uppercase;color:#434A54;font-size:18pt;font-weight:700}#bodywrap #contenido #intro #lhotels h2{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16pt}#bodywrap #contenido #intro #lhotels .hotel-a{border:1px solid #CCC;height:110px;padding:5px;margin-bottom:10px;background-image:url(back-hotel-a.png)}#bodywrap #contenido #intro #lhotels .hotel-a .nhotel{float:left;width:650px}#bodywrap #contenido #intro #lhotels .hotel-a .nhotel h3{font-size:12pt;color:#09F;margin:0}#bodywrap #contenido #intro #lhotels .hotel-a .booking{float:left;width:150px;text-align:center}#bodywrap #contenido #intro #lhotels .hotel-a .nhotel .fotohotel{float:left;width:100px;padding-left:5px}#bodywrap #contenido #intro #lhotels .hotel-a .nhotel .deschotel{width:510px;float:left;padding-left:7px;font-size:9pt}#bodywrap #contenido #intro #introcenote{float:left;width:880px;padding-left:10px}#bodywrap #contenido #intro #lhotels .item-hotel img{height:auto;width:100%}#bodywrap #contenido #intro #destacado p,#introcenote p{color:#434a54;font-family:"Segoe Ui"}#bodywrap #contenido #intro #popular{float:left;width:300px;padding-left:10px}#bodywrap #contenido #intro #destacado a{font-size:11pt;font-weight:700;text-decoration:none}#bodywrap #contenido #informacion{float:left;width:844px;background-color:#FFF;padding-right:10px;padding-left:10px}#bodywrap #contenido #intro #ereserva ul{list-style-type:none;padding-left:1px}#bodywrap #contenido #intro #ereserva ul li{display:block;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCD1D9}#bodywrap #contenido #intro #ereserva p a{font-size:10pt;color:#06C}#bodywrap #contenido #intro #ereserva ul li a{font-size:10pt;color:#434A454;line-height:24px;text-transform:uppercase}#bodywrap #contenido #intro #hoteles-promo{float:left;width:100%;margin-bottom:20px;margin-top:20px;clear:both}#bodywrap #contenido #intro #hoteles-promo .promo{float:left;width:232px;margin-right:5px;margin-left:5px}/* INTRO  */


/* TARIFAS PAGINA HOTEL */
.tarifaDesde{font-size:10pt;color:#434A54;text-transform:uppercase;font-weight:700}.laTarifa{font-size:22pt;color:#DA4453}.notarifa{font-size:9pt;font-weight:400;border:1px solid #FFD159;background-color:#FFF4D7;text-align:center}/* TARIFAS PAGINA HOTEL */

/* CONTENIDO */
.recomienda3{float:left;width:240px;margin:10px 20px}#bodywrap #contenido #informacion #textos,.addthis{width:100%}.recomienda3 h4{margin:0}.recomienda3 h4 a{color:#434a54;font-size:14pt;font-weight:bolder;margin-top:2px}.recomienda3 h4 a:hover{color:#09F}.addthis{padding-top:10px}hr{border-bottom:1px dotted #94B1DF;border-top:none;border-left:none;border-right:none;margin:0 0 10px;padding:0 0 10px;clear:both}#bodywrap #contenido #informacion #textos .block .importa2 h2 a img,.thumb{border-style:none}.thumb{float:left;margin:0 10px 0 0}.fot{margin:3px;padding:3px 5px 15px}.guia{font-size:12pt}#bodywrap #contenido #informacion #textos h1{font-weight:700;font-size:24pt;margin-top:5px;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#bodywrap #contenido #informacion #textos h1 a{font-weight:700;font-size:18pt;margin-top:5px;text-decoration:none;color:#036}#bodywrap #contenido #informacion #textos h1 a:hover{font-weight:700;margin-top:5px;text-decoration:none;color:#060}#bodywrap #contenido #informacion #textos h2,#bodywrap #contenido #informacion #textos h3,.block h3{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}#bodywrap #contenido #social{width:100%;clear:both;float:left;margin-top:15px}#bodywrap #contenido #comentarios{float:left;width:98%;padding:10px;font-size:10pt}#bodywrap #contenido #informacion p{color:#434a54;font-size:12pt;line-height:195%}#bodywrap #contenido #informacion #textos h2{font-size:20pt;color:#333;text-align:left}#bodywrap #contenido #informacion #textos h3,.block h3{font-size:18pt;text-transform:none;color:#434A54}#bodywrap #contenido #informacion #textos ul{color:#069}#bodywrap #contenido #informacion #textos ol{color:#666;font-style:italic;font-size:10pt}#bodywrap #contenido #informacion #comentarios h3{font-size:17pt;font-weight:bolder;color:#036;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#9CF}#bodywrap #contenido #informacion #social a{text-decoration:none}#bodywrap #contenido #informacion #textos caption{background-color:#D7EBFF;border-top-width:1px;border-top-style:solid;border-top-color:#97A6CE;font-size:16px;font-weight:700;color:#036;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:#97A6CE;border-left-color:#97A6CE}#bodywrap #contenido #informacion #textos table{border:1px solid #97A6CE;font-size:10pt}#bodywrap #contenido #informacion #textos .tireserva{font-size:11pt;color:#09F;background-color:#E1F0FF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#09F;border-bottom-color:#09F;text-align:center;text-transform:uppercase;font-weight:700}#bodywrap #contenido #informacion #textos fieldset{border:1px solid #E6E9ED;background-color:#F5F7FA;width:95%;margin-right:auto;margin-left:auto;margin-bottom:20px}#bodywrap #contenido #informacion #textos legend{color:#036;font-weight:700;background-color:#F5F7FA;padding-right:40px;padding-left:40px;border:1px solid #E6E9ED;text-transform:uppercase}.box-final{width:95%;margin-right:auto;margin-left:auto;padding:20px;background-color:#f1f1f1;border:1px solid #999;text-align:center}.box-final h2{font-size:20pt}
.ads-contenido {margin: 30px 0 10px 0}
/* CONTENIDO */


/* ALERTAS */
.info{background-color:#EFEFEF;color:#434a54;font-style:italic;border-left-width:5px;border-left-style:solid;border-left-color:#999;font-size:12pt;line-height:2.5em;padding:15px 15px 15px 25px}
.alerta{color:#900;background-color:#FCC;font-style:normal;font-size:12pt;border:1px solid #930;padding:15px 15px 15px 25px}
.comenta{background-color:#DEF;color:#006;border:1px solid #66B3FF;padding:15px;font-size:12pt}
.tip{background-color:#FFC;color:#434a54;padding:15px;font-size:12pt;border-left-width:4px;border-left-style:solid;border-left-color:#F90;font-style:italic}
/* ALERTAS */
.fazul{background-color:#EAF3F8}
#ehotels img{width:100%}
#bodywrap #contenido #ehotels ul{list-style-type:none;margin:0;padding-left:20px}


/* BARRA LATERAL */
.sidehotel{color:red;font-weight:700}.telnaranja{color:#F48A09}#bodywrap #contenido #sidebar .todo{width:100%;float:left;margin-bottom:10px}#sidebar .todo .minifoto{float:left;width:75px;padding-right:10px;padding-left:10px}#sidebar .todo .actividad{float:left}#sidebar .asistencia{padding:10px}#sidebar .asistencia h2{font-size:13pt;text-align:center;text-transform:uppercase}#sidebar .asistencia p{font-size:10pt;text-align:center}#bodywrap #contenido #sidebar{float:left;width:336px;background-color:#f7f7f7}#bodywrap #contenido #sidebar ul{list-style-type:none;margin:0;padding-left:10px}#bodywrap #contenido #sidebar li a{text-decoration:none;color:#07c;list-style-type:none;font-size:11pt;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:block;line-height:25px;margin-bottom:3px;font-weight:600}#bodywrap #contenido #sidebar li a:hover{color:#1b1b1b!important}#bodywrap #contenido #ehotels li a:hover,#bodywrap #contenido #sidebar li a:hover{color:#0059B2}#bodywrap #contenido #sidebar .google200{margin-left:12px}#bodywrap #contenido #sidebar .reldestino{text-transform:uppercase;text-align:left;color:#000;font-weight:700;font-size:13pt;margin-top:10px;border-bottom-width:thin;border-bottom-style:solid;border-bottom-color:#CCD1D9}#bodywrap #contenido #sidebar a img{border-style:none}
/*  BARRA LATERAL */

/* FOOTER */
#footer{width:100%;float:left;background-color:#001B42}#footer .envuelve{width:1200px;margin-left:auto;margin-right:auto}#footer .footdiv{width:300px;float:left;margin-right:5px;margin-left:5px}#footer .footdiv p{font-size:10pt;color:#fff}#footer .footdiv h2{font-size:14pt;color:#fff;font-weight:lighter;text-align:left}#footer .develop{width:100%;float:left;text-align:center;background-color:#337AB7;color:#FFF;font-size:10pt;padding-bottom:10px;padding-top:10px}#footer .develop a,#footer .footdiv li a{text-decoration:none;color:#fff;font-weight:bolder}#footer .footdiv li a{list-style-type:square;font-size:10pt}#footer .footdiv ul{padding-left:20px;color:#FFF}
/* FOOTER */


/* FORMULARIO */
.texto{color:#666;background-color:#FFF;border:1px solid #E6E9ED;width:300px; 	font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.texto2{border:1px solid #E6E9ED;width:300px;background-color:#FFF;}
.boton{color:#036;background-color:#f1f1f1;border:1px solid #CCC;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;padding:3px;font-weight:700}
.boton:hover{color:#FFF;background-color:#036}
form p{clear:left;margin:0;padding:0;padding-top:5px; margin-bottom:5px;}
form p label{float:left;width:20%;color:#434a54;;font-size:10pt;font-weight:700; text-transform:uppercase;}
/* FORMULARIO */



#social{text-align:left}
#googlegrande{width:100%;margin-top:5px;height:100px;text-align:center;margin-bottom:5px;padding-left:10px}
#idioma{width:250px;float:left;margin-top:90px;text-align:right}
img{max-width:100%;height:auto}
.importa1 a img {
}

nav {
	margin-top: 5px;
}

.mitad30{float:left;width:30%}
.mitad70{float:left;width:70%}

/* FANCY TABLE */
.fancy_table{border-collapse:collapse;border-spacing:0;border:1px solid #EAF4FF;margin:0 auto 10px}
.fancy_table caption{font-size:115%;font-weight:700;color:#036}
.fancy_table thead th{padding:10px;font-weight:700;border:1px solid #F3F3F3;color:#FFF;background-color:#006FDD}
.fancy_table .title{background:#494949;font-size:15px;font-weight:400;text-align:center;color:#fff;border-right:0 solid #383838}
.fancy_table tbody th{padding:0 0 0 20px;text-align:left;font-weight:700;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EAF4FF}
.fancy_table tbody td{text-align:center}
.fancy_table td{padding:10px 15px;border:1px solid #eee;text-align:left}
.fancy_table .even{background:#F7F7F7}
.fancy_table tbody tr:hover td{color:#036;background-color:#D5F7FF}
/* FANCY TABLE */
.googlegrande{width:100%;margin-top:10px;margin-bottom:10px;text-align:center}
/* VIDEO RESPONSIVO */
video{max-width:100%;height:auto}
.video-container{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;position:relative}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:1px;left:1px;width:100%;height:100%}
.video-wrapper{width:810px;max-width:100%}
/* VIDEO RESPONSIVO */



a:link{
	text-decoration: none;
}


.home-box2 h2 {
	font-size: 12pt;
	text-align: center;
}

/* BOTONES Y COLORES */
.boton,.boton:hover{text-decoration:none}.green,.red{text-transform:uppercase}.boton{display:inline-block;zoom:1;vertical-align:baseline;margin:0 2px;outline:0;cursor:pointer;text-align:center;font:14px/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.boton:active{position:relative;top:1px}.bigrounded{-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}.medium{font-size:12px;padding:.4em 1.5em .42em}.small{font-size:11px;padding:.2em 1em .275em}.orange{font-size:12pt;color:#fff;background-color:#E9573F}.orange:hover{border:1px solid #E9573F;font-size:12pt;background-color:#FC6E51}.red{color:#FFF;background-color:#DA4453;font-size:11pt}.red:hover{background:#ED5565}.red:active{color:#de898c}.blue{color:#d9eef7;border:1px solid #0076a3;background:#0095cd}.blue:hover{background:#007ead}.blue:active{color:#80bed6}.green{color:#434A54;border:1px solid #8CC156;background:#8CC152}.green:hover{background:#538018}.green:active{color:#a9c08c}

/* BOTONES Y COLORES */

/* ACORDION DE INFORMACIO  */
.accordion{width:100%;margin:1em 0}
.accordion h3{background-color:#F6F6F6;border:1px solid #EEE;color:#3777AF;display:block;margin:-1px 0 0!important;padding:.5em 1em;-moz-transition:all .3s ease-in-out 0;-webkit-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}
.accordion p{padding:10px}
.accordion h3.active{background-color:#fff}
.accordion h3:hover{background-color:#fff;color:#5999CF;border:1px solid #EEE;cursor:pointer}
.accordion div{padding:.5em .25em}
/* ACORDION DE INFORMACIO  */

.home-page{width:98%;margin-left:auto;margin-right:auto;padding-bottom:30px}.home-page .home-box,.home-page .home-box2{float:left;margin:5px;padding:5px;border-color:#E9F0FA;border-style:solid;border-width:1px}.home-page .home-box{width:370px}.home-page .home-box2{width:270px}.home-page .home-box2:hover,.home-page .home-box:hover{border-color:#c7c7c7;background-color:#E9F0FA;border-style:solid;border-width:1px}.home-page .home-box p,.home-page .home-box2 p{font-size:10pt;color:#434a54}.home-box img,.home-box2 img{height:auto;width:100%;margin-top:0}


/* SIN PROPOSITO */
.adsingle{position:relative}
.columna6{width:570px;float:left;margin-right:10px;margin-left:10px}
.columna3{width:260px;float:left;margin-right:10px;margin-left:10px}
.columna12{width:1180px;float:left;margin-right:10px;margin-left:10px}

/* LISTADO DE HOTELES */
.item-hotel{width:270px;float:left;height:420px;margin-right:4px;margin-left:4px;border:1px solid #c7c7c7;margin-bottom:20px;padding-bottom:20px}.item-hotel:hover{background-color:#E9F0FA}.item-hotel .hotel-desc{padding-right:10px;padding-left:10px;font-size:9pt}.item-hotel .hotel-desc p{font-size:9pt;color:#434a54}.item-hotel .hotel-desc h2{font-size:11pt;font-weight:bolder;color:#00468C;padding-bottom:0}.item-hotel .hotel-desc h2 a{font-size:11pt;color:#07c}.tarifa{font-size:13pt;color:#E9573F}.promedio{font-size:11pt;color:#686868;font-weight:bolder;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
/* LISTADO DE HOTELES */



@media only screen and (min-width: 980px) and (max-width: 1159px) {
body{
}
#bodywrap, #footer .envuelve{width:980px}
#bodywrap #contenido #intro #ereserva{width:200px}
#bodywrap #contenido #intro #destacado{width:420px}
#bodywrap #contenido #intro #popular{display:300px}
#bodywrap #contenido #informacion{width:660px}
#bodywrap #contenido #sidebar{width:300px}
.block .importa1,.block .importa2,.block .importa3{width:320px;float:left}
#bodywrap #contenido #intro #lhotels{float:left;width:620px;padding-left:10px}
#bodywrap #contenido #intro #lhotels .hotel-a .nhotel{float:left;width:490px}
.home-page .home-box {
	width: 290px;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		}
#bodywrap, #footer .envuelve{width:768px}
#bodywrap #contenido #intro #ereserva{width:none}
#bodywrap #contenido #intro #destacado{width:430px}
#bodywrap #contenido #intro #popular{display:300px}
#bodywrap #contenido #informacion{width:448px}
#bodywrap #contenido #sidebar, .home-page .home-box{width:300px}
.block .importa1,.block .importa2,.block .importa3,
#bodywrap #contenido #intro #lhotels,
item-hotel
{width:100%}
#bodywrap #contenido #intro #lhotels .hotel-a{border:1px solid #CCC;height:190px;padding:5px;margin-bottom:10px;background-image:url(back-hotel-a.png)}
#bodywrap #contenido #intro #lhotels{float:left;width:448px;padding-left:10px}
#bodywrap #contenido #intro #lhotels .hotel-a .nhotel{float:left;width:270px}
#bodywrap #contenido #intro #lhotels .hotel-a .nhotel .deschotel{width:300px;float:left;padding-left:7px;font-size:9pt}
.home-page .home-box, .home-page .home-box2{
	width: 350px;
}

}
@media only screen and (max-width: 767px) {
#bodywrap, #footer .envuelve{width:320px}
#bodywrap #contenido #intro #popular{display:none}
#bodywrap #contenido #intro #destacado,#bodywrap #contenido #intro #ereserva,#bodywrap #contenido #informacion,#bodywrap #contenido #sidebar{width:300px}
.block .importa1,.block .importa2,.block .importa3,
#bodywrap #contenido #intro #lhotels,
.item-hotel {
	width: 100%;
	height:auto;
	}
.topleft{text-align:center;width:100%}
.topright{width:100%;margin-top:10px}
.ocultar320{display:none}
.home-page .home-box, .home-page .home-box2 {
	width: 300px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#bodywrap, #footer .envuelve{width:480px}
#bodywrap #contenido #intro #popular,#bodywrap #contenido #intro #ehotels{display:none}
#bodywrap #contenido #intro #destacado,#bodywrap #contenido #intro #ereserva,#bodywrap #contenido #informacion,.block .importa1,.block .importa2,.block .importa3, .home-page .home-box, .home-page .home-box2,
#bodywrap #contenido #intro #lhotels
{width:100%}

.topleft{width:100%}
.topright{width:100%;margin-top:10px}
#bodywrap #contenido #intro #lhotels .hotel-a{border:1px solid #CCC;height:190px;padding:5px;margin-bottom:10px;background-image:url(back-hotel-a.png)}
#bodywrap #contenido #intro #lhotels{float:left;width:470px;padding-left:10px}
#bodywrap #contenido #intro #lhotels .hotel-a .nhotel{float:left;width:280px}
#bodywrap #contenido #intro #lhotels .hotel-a .nhotel .deschotel{width:290px;float:left;padding-left:7px;font-size:9pt}
}