@font-face {
  font-family: 'icomoon';
  src:  url('/util/v2017/fonts/icomoon.eot?kcnywz');
  src:  url('/util/v2017/fonts/icomoon.eot?kcnywz#iefix') format('embedded-opentype'),
    url('/util/v2017/fonts/icomoon.ttf?kcnywz') format('truetype'),
    url('/util/v2017/fonts/icomoon.woff?kcnywz') format('woff'),
    url('/util/v2017/fonts/icomoon.svg?kcnywz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/************************************************** BASE **********************************************************/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}

a {color:#000;}
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none;}

body {font: 14px/21px "Trebuchet MS",Arial,sans-serif;color: #000;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;}

/********************************************** ESTRUCTURA **************************************************/
.contenedor {position: relative;width: 1000px;margin: 0 auto;padding: 0;}
.columnas {float: left; display: inline; margin: 0px;}
.columna {margin: 0px;}
.header {float: left; display: inline; margin: 0px;}

.contenedor .lg.header {width: 235px;}
.contenedor .mn.header {width: 765px;}

.contenedor .uno.columna {width: 100%;}
.contenedor .dos.columnas {width: 50%;}
.contenedor .tres.columnas {width: 33%;}
.contenedor .cuatro.columnas {width: 25%;}

.contenedor .cuerpo.columnas {width: 65%; margin-right:1%;}


.logo {width:100%; max-width:200px;}



#headerbg{width:100%; height:100px; background:#efefef url(/util/img/header-1.jpg) top center;filter:"alpha(opacity=80)";-ms-filter:"alpha(opacity=80)";opacity:.8;z-index:1; margin:0 auto 0 auto;border-bottom:1px solid #19aba0;border-top:1px solid #19aba0;}


/********** ALOJAMIENTOS **********/
.alojamientos, .alojamientos-titulo {width:100%;}
.alojamientos ul, .alojamientos-titulo ul {width:100%;float:left;display: inline-block; list-style:none; margin:0px; padding:0px;}
.alojamientos li, .alojamientos li a, .alojamientos-titulo li, .alojamientos-titulo li a{font-family: 'Open Sans', sans-serif;float:left;}
.alojamientos ul:hover, .alojamientos-titulo ul:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bfff8+0,8bfff8+100&0.3+0,0+100 */
background: -moz-linear-gradient(left,  rgba(139,255,248,0.3) 0%, rgba(139,255,248,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(139,255,248,0.3) 0%,rgba(139,255,248,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(139,255,248,0.3) 0%,rgba(139,255,248,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8bfff8', endColorstr='#008bfff8',GradientType=1 ); /* IE6-9 */
}

div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:26%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px;}

.alojamientos-2, .alojamientos-2-titulo {width:100%;}
.alojamientos-2 ul, .alojamientos-2-titulo ul {width:100%;float:left;display: inline-block; list-style:none; margin:0px; padding:0px;}
.alojamientos-2 li, .alojamientos-2 li a, .alojamientos-2-titulo li, .alojamientos-2-titulo li a{font-family: 'Open Sans', sans-serif;float:left;}
.alojamientos-2 ul:hover, .alojamientos-2-titulo ul:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bfff8+0,8bfff8+100&0.3+0,0+100 */
background: -moz-linear-gradient(left,  rgba(139,255,248,0.3) 0%, rgba(139,255,248,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(139,255,248,0.3) 0%,rgba(139,255,248,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(139,255,248,0.3) 0%,rgba(139,255,248,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8bfff8', endColorstr='#008bfff8',GradientType=1 ); /* IE6-9 */
}

div.alojamientos-2 li:nth-of-type(0n+4), div.alojamientos-2-titulo li:nth-of-type(0n+4) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+3), div.alojamientos-2-titulo li:nth-of-type(0n+3) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+2), div.alojamientos-2-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1), div.alojamientos-2-titulo li:nth-of-type(0n+1) {width:30%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1) a, div.alojamientos-2-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos-2 li:last-child, div.alojamientos-2 li:nth-last-child(2), div.alojamientos-2-titulo li:last-child, div.alojamientos-2-titulo li:nth-last-child(2){width:7%;padding:0px;}




.sin-rubro{width:99%; font-family: 'Open Sans', serif; color:#000; font-size:25px;line-height:30px;float:left;margin:0px; font-weight:bold; padding:0 0 0 1%;background:url(/util/img/ico/sin-alojamientos.png) no-repeat left center;}


/* LISTADO DE ALOJAMIENTOS 2 */

.listado-aloj {width:33.333%;max-width: 500px;float: left;position: relative;-webkit-perspective: 500px;perspective: 500px;-webkit-perspective-origin: 50% 200%;perspective-origin: 50% 200%;margin: 0 auto; padding:4px 0px 4px 0px; border-bottom:#000 solid 1px; border-top:#fff solid 1px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1efef 40%, #e2e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#f1efef), color-stop(100%,#e2e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1efef 40%,#e2e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1efef 40%,#e2e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1efef 40%,#e2e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1efef 40%,#e2e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e0e0',GradientType=0 ); /* IE6-9 */}

.listado-aloj li:nth-child(6n+6) {display:none;}
.listado-aloj li:nth-child(6n+5) {width:15%; float:left; list-style:none; text-align:center; line-height:20px;}
.listado-aloj li:nth-child(6n+4) {width:15%; float:left; list-style:none; text-align:center; line-height:20px;}
.listado-aloj li:nth-child(6n+3) {width:70%; float:left; list-style:none; font-size:12px; line-height:20px;}
.listado-aloj li:nth-child(6n+2) {width:70%; float:left; list-style:none; padding:0px; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; line-height:20px;}
.listado-aloj li:nth-child(6n+1) {width:28%; float:left; list-style:none; padding:1%;}

.img-prestador {width:90%; max-width:80px;height:56px;padding:1px;margin:1px; border: solid 1px #033;}
.img-prestador-icono {width:60%;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.listado-aloj {width:50%;}
.listado-aloj li:nth-child(6n+6) {width:98%; float:left; list-style:none; text-align:right; padding:0 1% 0 0; display: block;font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
.listado-aloj li:nth-child(6n+5) {display:none;}
.listado-aloj li:nth-child(6n+4) {display:none;}
.listado-aloj li:nth-child(6n+3) {width:60%; float:left; list-style:none;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:15px;}
.listado-aloj li:nth-child(6n+2) {width:60%; float:left;font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; line-height:15px;}
.listado-aloj li:nth-child(6n+1) {width:38%; float:left; list-style:none; padding:1%;}
.img-prestador {width:90%; max-width:80px;max-height:56px;padding:1px;margin:1px; border: solid 1px #033;}
.img-prestador-icono {width:80%;}
}

@media only screen and (max-width: 479px) {
.listado-aloj {width:50%;}
.listado-aloj li:nth-child(6n+6) {width:98%; float:left; list-style:none; text-align:right; padding:0 1% 0 0; display: block;font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
.listado-aloj li:nth-child(6n+5) {display:none;}
.listado-aloj li:nth-child(6n+4) {display:none;}
.listado-aloj li:nth-child(6n+3) {width:60%; float:left; list-style:none;font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:12px;}
.listado-aloj li:nth-child(6n+2) {width:60%; float:left;font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; line-height:12px;}
.listado-aloj li:nth-child(6n+1) {width:36%; float:left; list-style:none; padding:1%; margin:0 1% 0 1%;}
.img-prestador {width:90%; max-width:80px;max-height:56px;padding:1px;margin:1px; border: solid 1px #033;}
.img-prestador-icono {width:80%;}
}

.alojamientos-list {width:100%;float:left; margin:0px; padding:2% 0 2% 0; background-color:#FFF;}
.alojamientos-list ul {width:100%;float:left; list-style-type: none; margin:0px; padding:0px;}
.alojamientos-list ul li {padding:2px; margin:2px; float:left;line-height:20px;font-family:font-family: 'Open Sans', sans-serif;font-size:14px; color:#000;background:url(/util/img/flecha-01.png) no-repeat top left;width:24%; background-color: #f6f3f3;}
.alojamientos-list ul li a:hover {color:#4b3c00;}
.alojamientos-list ul li a, .alojamientos-list ul li a:link, .alojamientos-list ul li a:visited, .alojamientos-list ul li a:hover, .alojamientos-list ul li a:active {color:#000;}


@media only screen and (max-width: 900px) {
.alojamientos-list ul li {width:46%;}
}

/********** TEXTOS **********/
.texto {clear: left;}
.texto a {color: #136734; text-decoration: none;}
p.texto:first-letter{float:left;color:black;font-size:55px;padding:10px 2px 1px 1px;font-family:"Open Sans",sans-serif;margin-right:2px; font-weight:bold;}
.texto a{color:#38330a; font-weight:bold;}

.texto-2 {clear: left;font-size:13px;font-family:"Open Sans",sans-serif; line-height:18px;}
.texto-2 a {color: #136734; text-decoration: none; font-weight:bold;}

@media screen and (max-width: 768px) {
p.texto {padding: 0px 10px 0px 10px;}
}

/********** TITULOS **********/
h1, h2, h3, h4, h5, h6, h7, h8{font-family: 'Open Sans', serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a{font-weight: inherit;}

h1 {font-size: 46px; line-height: 55px;}
h2 {font-size: 35px; line-height: 40px;}
h3 {font-size: 28px; line-height: 34px;}
h4 {font-size: 21px; line-height: 30px;}
h5 {font-size: 17px; line-height: 24px;}
h6 {font-size: 13px; line-height: 21px;}
h7 {font-size: 11px; line-height: 15px;}
h8 {font-size: 10px; line-height: 15px;}


.titulos{text-shadow: 2px 2px 2px #000; font-weight:bold;}
.titulos-2{text-shadow: 2px 2px 2px #000; font-weight:bold; text-align:center;}
.titulos-3{text-shadow: 1px 1px 1px #000; font-weight:bold;}
.titulos-4{text-shadow: 1px 1px 1px #000; font-weight:bold; text-align:center;}
.titulos-5{font-weight:bold; text-align:center;}
.titulos-6{font-weight:bold;}
.titulos-7{font-weight:bold; text-transform:uppercase;text-shadow: 1px 1px 1px #000;}
.titulos-8{font-weight:bold; text-transform:uppercase;text-shadow: 1px 1px 1px #000; text-align:center;}


/********** IMAGENES **********/
.fotos img, .fotos-2 img {width: 100%; display: block;}
.fotos, .fotos-2 {padding: 0;width: 40%;}
.fotos {float: right;}
.fotos-2 {float: left;}
.fotos, .fotos-2 {background: #fff;position: relative;overflow: hidden;z-index: 1;}
.fotos {margin: 5px 0 5px 5px;}
.fotos-2 {margin: 5px 5px 5px 0px;}


.fotos span, .fotos-2 span {display: block;position: absolute;width: 100%;bottom: 0px;left: 0px;color: #fff;background: -moz-linear-gradient(top, rgba(19,103,52,0.5) 0%, rgba(19,103,52,0.8) 100%);background: -webkit-linear-gradient(top, rgba(19,103,52,0.5) 0%,rgba(19,103,52,0.8) 100%);background: linear-gradient(to bottom, rgba(19,103,52,0.5) 0%,rgba(19,103,52,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80136734', endColorstr='#cc136734',GradientType=0 );font-size: 12px;padding: 5px 0px 5px 10px;}
.fotos span {padding: 5px 0px 5px 10px;}
.fotos-2 span {padding: 5px 10px 5px 0px;}


.fotos :before, .fotos-2 :before {content: "\e90d"; font-family: 'icomoon';padding: 5px;color: #FFF;font-size: 12px;}
@media screen and (max-width: 768px) {
.fotos, .fotos-2 {width: 100%;float: none;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;}
}



/********** SEPARADORES **********/
.sep-nja, .sep-vde, .sep-rjo, .sep-grs, .sep-azl, .sep-bge{height:4px;width:100%; margin:2px 0 2px 0;}
.sep-nja-2, .sep-vde-2, .sep-rjo-2, .sep-grs-2, .sep-azl-2, .sep-bge-2{height:2px;width:100%; margin:2px 0 2px 0;}
.sep-nja-3, .sep-vde-3, .sep-rjo-3, .sep-grs-3, .sep-azl-3, .sep-bge-3{height:1px;width:100%; margin:2px 0 2px 0;}

.sep-nja, .sep-nja-2, .sep-nja-3{background-color:#ff6c00;}
.sep-vde, .sep-vde-2, .sep-vde-3{background-color:#306600;}
.sep-rjo, .sep-rjo-2, .sep-rjo-3{background-color:#6e1200;}
.sep-grs, .sep-grs-2, .sep-grs-3{background-color:#515151;}
.sep-azl, .sep-azl-2, .sep-azl-3{background-color:#013d6b;}
.sep-bge, .sep-bge-2, .sep-bge-3{background-color:#6b4701;}
 

/********** ESPACIOS **********/
.br-1 {display:block; margin-top:1px; line-height:2px;}
.br-2 {display:block; margin-top:5px; line-height:11px;}
.br-3 {display:block; margin-top:10px; line-height:22px;}
.br-4 {display:block; margin-top:15px; line-height:33px;}
.br-5 {display:block; margin-top:1px;}
/********** MENU **********/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu:after,#cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto; font-family: 'Trebuchet MS', Helvetica, sans-serif;}

#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li {float: left; display: inline-block;}
#cssmenu.align-center > ul {float: none; text-align: center;}
#cssmenu.align-center > ul > li {float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu > ul > li > a {padding: 18px 20px 21px 20px;text-decoration: none; font-size: 12px; font-weight: 700; color: #336768; text-transform: uppercase; letter-spacing: 1px;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a {color: #0daaa0; background: #32a9c3; background: rgba(0, 0, 0, 0.1);}
#cssmenu > ul > li.has-sub > a {padding-right: 34px;}
#cssmenu > ul > li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0daaa0; right: 17px; top: 22px;}
#cssmenu > ul > li.has-sub.active > a::after,#cssmenu > ul > li.has-sub:hover > a {border-top-color: #ffffff;}
#cssmenu ul ul {position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > ul::after {content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px;}
#cssmenu.align-right > ul > li > ul::after {left: auto; right: 20px;}
#cssmenu ul ul ul::after {content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px;}
#cssmenu.align-right ul ul ul::after {border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px;}
#cssmenu > ul > li > ul {top: 120px;}
#cssmenu > ul > li:hover > ul {top: 52px; left: 0; opacity: 1;}
#cssmenu.align-right > ul > li:hover > ul {left: auto; right: 0;}
#cssmenu ul ul ul {padding-top: 0; padding-left: 6px;}
#cssmenu.align-right ul ul ul {padding-right: 6px;}
#cssmenu ul ul > li:hover > ul {left: 180px; top: 0; opacity: 1;}
#cssmenu.align-right ul ul > li:hover > ul {left: auto; right: 100%; opacity: 1;}
#cssmenu ul ul li a {text-decoration: none; font-weight: 400; padding: 10px 5px; width: 180px; color: #777777; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); z-index:1;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #333333;}
#cssmenu ul ul li:first-child > a {border-top-left-radius: 3px; border-top-right-radius: 3px;}
#cssmenu ul ul li:last-child > a {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#cssmenu > ul > li > ul::after {position: absolute; display: block;}
#cssmenu ul ul li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px;}
#cssmenu.align-right ul ul li.has-sub > a::after {border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px;}
#cssmenu ul ul li.has-sub.active > a::after,#cssmenu ul ul li.has-sub:hover > a::after {border-left-color: #333333;}
#cssmenu.align-right ul ul li.has-sub.active > a::after,#cssmenu.align-right ul ul li.has-sub:hover > a::after {border-right-color: #333333; border-left-color: transparent;}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {background: #39b1cc;}
#cssmenu > ul {display: none;}
#cssmenu > ul.open {display: block;border-top: 1px solid rgba(0, 0, 0, 0.1);}
#cssmenu.align-right > ul {float: none;}
#cssmenu.align-center > ul {text-align: left;}
#cssmenu > ul > li, #cssmenu.align-right > ul > li {float: none;display: block;}
#cssmenu > ul > li > a {padding: 18px 25px 18px 25px;border-right: 0;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {background: rgba(0, 0, 0, 0.1);}
#cssmenu #menu-button {display: block;text-decoration: none;font-size: 13px;font-weight: 700;color: #d3eced;padding: 18px 25px 18px 25px;text-transform: uppercase;letter-spacing: 1px;background: url('images/bg.png');cursor: pointer;}
#cssmenu ul ul,#cssmenu ul li:hover > ul,#cssmenu > ul > li > ul,#cssmenu ul ul ul,#cssmenu ul ul li:hover > ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul li:hover > ul,#cssmenu.align-right > ul > li > ul,#cssmenu.align-right ul ul ul,#cssmenu.align-right ul ul li:hover > ul {left: 0;right: auto;top: auto;opacity: 1;width: 100%;padding: 0;position: relative;text-align: left;}
#cssmenu ul ul li {width: 100%;}
#cssmenu ul ul li a {width: 100%;box-shadow: none;padding-left: 35px;}
#cssmenu ul ul ul li a {padding-left: 45px;}
#cssmenu ul ul li:first-child > a,#cssmenu ul ul li:last-child > a {border-radius: 0;}
#cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #d3eced;border-bottom: 2px solid #d3eced;right: 25px;top: 18px;}
#cssmenu #menu-button::before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #d3eced;right: 25px;top: 28px;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display: none;}
}

/* SLIDER */
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0; background-color:#0c1728; z-index:-10;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}



/* COLORES DE FONDO */
.bg-rjo{background-color:#f6e4e4;}
.bg-rjo2{background-color:#e2c7c7;}
.bg-rjo3{background: rgb(249,240,237);background: -moz-linear-gradient(top,  rgba(249,240,237,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(249,240,237,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(249,240,237,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0ed', endColorstr='#ffffff',GradientType=0 );}

.bg-azl{background-color:#efeefb;}
.bg-azl2{background-color:#b8c5d0;}
.bg-azl3{background: rgb(224,241,253);background: -moz-linear-gradient(top,  rgba(224,241,253,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(224,241,253,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(224,241,253,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1fd', endColorstr='#ffffff',GradientType=0 );}

.bg-vde {background-color:#e9f6f5;}
.bg-vde2 {background-color:#cfe8e6;}
.bg-vde3{background: rgb(224,239,205);
background: -moz-linear-gradient(top,  rgba(224,239,205,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(224,239,205,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(224,239,205,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0efcd', endColorstr='#ffffff',GradientType=0 );}

.bg-grs{background-color:#f2f2f2;}
.bg-grs2{background-color:#dedcdc;}
.bg-grs3{background: rgb(238,238,238);background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );}

.bg-nja{background-color:#ffa300;} 
.bg-nja2{background-color:#f5cf8b;}
.bg-nja3{background: rgb(246,219,181);background: -moz-linear-gradient(top,  rgba(246,219,181,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(246,219,181,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(246,219,181,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dbb5', endColorstr='#ffffff',GradientType=0 );}


.bg-bge{background-color:#ece2c7;}
.bg-bge2{background-color:#fcf8ed;}
.bg-bge3{background: rgb(242,242,224);
background: -moz-linear-gradient(top,  rgba(242,242,224,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(242,242,224,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(242,242,224,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2e0', endColorstr='#ffffff',GradientType=0 );}
.bg-bge4{background: rgb(139,139,104);background: -moz-linear-gradient(top,  rgba(139,139,104,1) 0%, rgba(212,211,167,1) 100%);background: -webkit-linear-gradient(top,  rgba(139,139,104,1) 0%,rgba(212,211,167,1) 100%);background: linear-gradient(to bottom,  rgba(139,139,104,1) 0%,rgba(212,211,167,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b68', endColorstr='#d4d3a7',GradientType=0 );}


.bg-mrn{background-color: #C6B5A6}
.bg-mrn2{background-color: #B4A796}
.bg-mrn3{background-color: #D2C2B7}

.bg-bco{background-color: #ffffff;}


/* COLORES */
.ngr {color:#000;}
.bco {color:#fff;}
.azl {color:#255bbf;}
.azl2 {color:#001a4b;}
.vde {color:#19aba0;}
.vde2 {color:#336768;}
.nja {color:#ffc000;}
.nja2 {color:#b97e01;}
.rjo{color:#b54f4f;}
.rjo2{color:#541600;}
.grs{color:#d6d6d6;}
.grs2{color:#8d8d8d;}
.bge{color:#d9c3a2;}
.bge2{color:#957e5c;}
.bge3{color:#4b3310;}

/********** LISTA **********/
.lista, .lista-a, lista-2, lista-2a {width:100%;float:left; margin:0px; padding:0px;}
.lista ul, .lista-a ul, .lista-2 ul, .lista-2a ul {width:100%;float:left; list-style-type: none; margin:0px; padding:0px;}
.lista ul li, .lista-a ul li, .lista-2 ul li, .lista-2a ul li {padding:0px 0px 0px 14px; float:left;line-height:20px;font-family:font-family: 'Open Sans', sans-serif;font-size:14px; color:#000;}
.lista ul li, .lista-2 ul li {background:url(/util/img/flecha-01.png) no-repeat top left;}
.lista-a ul li, .lista-2a ul li {background:url(/util/img/flecha-02.png) no-repeat top left;}

.lista ul li a:hover, .lista-a ul li a:hover, .lista-2 ul li a:hover, .lista-2a ul li a:hover {color:#4b3c00;}
.lista ul li, .lista-a ul li{width:100%;}
.lista-2 ul li, .lista-2a ul li{width:30%;}

.lista ul li a, .lista ul li a:link, .lista ul li a:visited, .lista ul li a:hover, .lista ul li a:active, .lista-a ul li a, .lista-a ul li a:link, .lista-a ul li a:visited, .lista-a ul li a:hover, .lista-a ul li a:active, .lista-2 ul li a, .lista-2 ul li a:link, .lista-2 ul li a:visited, .lista-2 ul li a:hover, .lista-2 ul li a:active, .lista-2a ul li a, .lista-2a ul li a:link, .lista-2a ul li a:visited, .lista-2a ul li a:hover, .lista-2a ul li a:active {color:#000;}

/********** PUB **********/
.pub {width:100%;float:left; margin:0px; padding:0px;}
.pub ul {width:100%;float:left; list-style-type: none; margin:0px; padding:0px;}
.pub ul li {float:left;line-height:20px;font-family:font-family: 'Open Sans', sans-serif;font-size:14px; color:#fff; border-bottom: 4px solid #fff;width:100%;}

.pub ul li:nth-of-type(even) {background:#0daaa0;}
.pub ul li:nth-of-type(odd) {background:#1f8a83;}

.pub ul li a, .pub ul li a:link, .pub ul li a:visited, .pub ul li a:hover, .pub ul li a:active{color:#fff;}



/********** IMAGENES **********/
.img-destacado {float:left;margin:4px; padding:2px; border:1px solid #8bfff8;}
.mas-info{float:right;margin:4px; padding:2px;}


/********** TABLETS **********/
@media only screen and (min-width: 768px) and (max-width: 999px) {
.contenedor {width:100%;}
.columnas, .columna, .header {margin: 0px;}

.contenedor .lg.header{width: 100%; text-align:center;}
.contenedor .mn.header{width: 100%;}

.contenedor .uno.columna {width: 100%;}
.contenedor .dos.columnas {width: 50%;}
.contenedor .tres.columnas {width: 33%;}
.contenedor .cuatro.columnas {width: 25%;}

.contenedor .cuerpo.columnas {width: 65%; margin-right:1%;}

.lista ul li, .lista-a ul li{width:100%;}
.lista-2 ul li, .lista-2a ul li{width:46%;}

div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:26%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px;}

div.alojamientos-2 li:nth-of-type(0n+4), div.alojamientos-2-titulo li:nth-of-type(0n+4) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+3), div.alojamientos-2-titulo li:nth-of-type(0n+3) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+2), div.alojamientos-2-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1), div.alojamientos-2-titulo li:nth-of-type(0n+1) {width:30%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1) a, div.alojamientos-2-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos-2 li:last-child, div.alojamientos-2 li:nth-last-child(2), div.alojamientos-2-titulo li:last-child, div.alojamientos-2-titulo li:nth-last-child(2){width:7%;padding:0px;}
}

/********** CELULARES **********/
@media only screen and (max-width: 767px) {
.contenedor {width:100%;}
.columnas, .columna, .header {margin: 0px;}

.contenedor .lg.header{width: 100%; text-align:center;}
.contenedor .mn.header{width: 100%;}

.contenedor .uno.columna, .contenedor .dos.columnas, .contenedor .tres.columnas, .contenedor .cuatro.columnas {width: 100%;}

.contenedor .cuerpo.columnas {width: 99%; margin-right:1%;}


.lista ul li, .lista-a ul li{width:100%;}
.lista-2 ul li, .lista-2a ul li{width:45%;}

div.alojamientos li:nth-of-type(0n+3) {width:30%;padding:0px 0px 0px 2px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+2) {width:44%;padding:0px 0px 0px 2px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1) {width:100%;padding:0px 0px 0px 2px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2){width:12%;padding:0px;}


div.alojamientos-2 li:nth-of-type(0n+4) {width:24%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+3) {width:24%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+2) {width:35%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1) {width:100%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos-2 li:last-child, div.alojamientos-2 li:nth-last-child(2) {width:7%;padding:0px;}
}

/********** CELULARES (landscapes) **********/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.contenedor {width:100%;}
.columnas, .columna, .header {margin: 0px;}

.contenedor .lg.header{width: 100%; text-align:center;}
.contenedor .mn.header{width: 100%;}

.contenedor .uno.columna, .contenedor .dos.columnas, .contenedor .tres.columnas {width: 100%;}
.contenedor .cuatro.columnas {width: 50%;}
.contenedor .cuerpo.columnas {width: 99%; margin-right:1%;}

.lista ul li, .lista-a ul li{width:100%;}
.lista-2 ul li, .lista-2a ul li{width:30%;}

div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:26%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px; text-align:center;}

div.alojamientos-2 li:nth-of-type(0n+4), div.alojamientos-2-titulo li:nth-of-type(0n+4) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+3), div.alojamientos-2-titulo li:nth-of-type(0n+3) {width:13%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+2), div.alojamientos-2-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1), div.alojamientos-2-titulo li:nth-of-type(0n+1) {width:30%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;}
div.alojamientos-2 li:nth-of-type(0n+1) a, div.alojamientos-2-titulo li:nth-of-type(0n+1) a {font-weight:bold;}
div.alojamientos-2 li:last-child, div.alojamientos-2 li:nth-last-child(2), div.alojamientos-2-titulo li:last-child, div.alojamientos-2-titulo li:nth-last-child(2){width:7%;padding:0px;}
}


@media only screen and (max-width: 480px) {
div.alojamientos-titulo {display:none;}
}

@media only screen and (max-width: 560px) {
div.alojamientos-2-titulo {display:none;}
}