/* VARIABLES DE CONFIGURACIÓN */
:root { 
	--color-primary-light:#6088e9;
	--color-primary:#2f53be;
	--color-primary-dark:#1c378e;
	--color-secondary:#353a3f;
	--color-dark:#292929;
	--font-principal:"Open sans";
}

/* CLASES A ETIQUETAS HTML */
.placeholders{color:white;background-color:var(--color-primary-dark);position:absolute;padding:1px 4px;margin:2px; border-radius:5px;}
body { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:24px;font-family:var(--font-principal), sans-serif;color:#3b3c3d;overflow-x:hidden; background-color:#e6e6e6;padding:0px;}
h1, h2, h3, h4, h5, h6{ font-family: var(--font-principal);margin:0px;padding:0px;margin-bottom:10px; }

a, a:visited, a:focus, a:active, a:hover { text-decoration:none;outline:none; }
a { font-weight:600;color:var(--color-secondary);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;cursor:pointer; }
a:hover { filter:alpha(opacity=40); /* IE */ -moz-opacity:.4; /* Firefox, Opera, ... */ opacity: .4; /* CSS 3*/ color:var(--color-primary-dark); }

.pie{ background-color:var(--color-secondary);padding:0px;font-size:20px;line-height:30px;font-weight:100;}
.pie h4{ color:var(--color-primary);border-bottom:1px dashed var(--color-primary);padding-bottom:5px;}
.pie a{ font-weight:100;color:#111;}
.pie a:hover{ }
/* CLASSES PERSONALIZADAS */


.page-title{ padding:20px; color:#fff;background-color:var(--color-secondary);font-weight:bold; }
.font10{ font-size:10px;line-height:12px; }
.font12{ font-size:12px;line-height:14px; }
.font16{ font-size:16px;line-height:18px; }
.font22{ font-size:22px;line-height:24px; }
.font28{ font-size:28px;line-height:30px; }
.uppercase { font-weight:400;text-transform:uppercase; }
.number { font-family:"Lato",  Helvetica, Arial, sans-serif; }
.bold{ font-weight:bold; }

.vertical-center{ display: flex;justify-content: center;align-content: center;flex-direction: column;}
.centerTotal{ display: flex;justify-content: center;align-content: center;flex-direction: column; text-align:center;}

.fillheight{ height:100%; }
.fillwidth{ width:100%; }

.b1-primary, .b1-top-primary{ border-top:1px solid var(--color-primary); }
.b1-primary, .b1-bottom-primary{ border-bottom:1px solid var(--color-primary); }
.b1-primary, .b1-right-primary{ border-right:1px solid var(--color-primary); }
.b1-primary, .b1-left-primary{ border-left:1px solid var(--color-primary); }
.b1-secondary, .b1-top-secondary{ border-top:1px solid var(--color-secondary); }
.b1-secondary, .b1-bottom-secondary{ border-bottom:1px solid var(--color-secondary); }
.b1-secondary, .b1-right-secondary{ border-right:1px solid var(--color-secondary); }
.b1-secondary, .b1-left-secondary{ border-left:1px solid var(--color-secondary); }
.b1-dark, .b1-top-dark{ border-top:1px solid var(--color-dark); }
.b1-dark, .b1-bottom-dark{ border-bottom:1px solid var(--color-dark); }
.b1-dark, .b1-right-dark{ border-right:1px solid var(--color-dark); }
.b1-dark, .b1-left-dark{ border-left:1px solid var(--color-dark); }

.m1{ margin:1px; }
.m4{ margin:4px; }
.m8{ margin:8px; }
.m12{ margin:12px; }
.m20{ margin:20px; }
.mt1{ margin-top:1px; }
.mt4{ margin-top:4px; }
.mt8{ margin-top:8px; }
.mt12{ margin-top:12px; }
.mt20{ margin-top:20px; }
.mb1{ margin-bottom:1px; }
.mb4{ margin-bottom:4px; }
.mb8{ margin-bottom:8px; }
.mb12{ margin-bottom:12px; }
.mb20{ margin-bottom:20px; }
.ml1{ margin-left:1px; }
.ml4{ margin-left:4px; }
.ml8{ margin-left:8px; }
.ml12{ margin-left:12px; }
.ml20{ margin-left:20px; }
.mr1{ margin-right:1px; }
.mr4{ margin-right:4px; }
.mr8{ margin-right:8px; }
.mr12{ margin-right:12px; }
.mr20{ margin-right:20px; }

.p1{ padding:1px; }
.p4{ padding:4px; }
.p8{ padding:8px; }
.p12{ padding:12px; }
.p20{ padding: 25px 20px 20px; }
.pt1{ padding-top:1px; }
.pt4{ padding-top:4px; }
.pt8{ padding-top:8px; }
.pt12{ padding-top:12px; }
.pt20{ padding-top:20px; }
.pb1{ padding-bottom:1px; }
.pb4{ padding-bottom:4px; }
.pb8{ padding-bottom:8px; }
.pb12{ padding-bottom:12px; }
.pb20{ padding-bottom:20px; }
.pl1{ padding-left:1px; }
.pl4{ padding-left:4px; }
.pl8{ padding-left:8px; }
.pl12{ padding-left:12px; }
.pl20{ padding-left:20px; }
.pr1{ padding-right:1px; }
.pr4{ padding-right:4px; }
.pr8{ padding-right:8px; }
.pr12{ padding-right:12px; }
.pr20{ padding-right:20px; }

.rounded10px, .rounded25px, .rounded50px, .redondo{ display: flex;justify-content: center;align-content: center;flex-direction: column; text-align:center;}
.rounded10px{ border-radius:10px; }
.rounded25px{ border-radius:25px; }
.rounded50px{ border-radius:50px; }
.redondo{ border-radius:50%; }

.bg-primary { background:var(--color-primary) !important; }
.bg-primary-light { background:var(--color-primary-light) !important; }
.bg-primary-dark { background:var(--color-primary-dark) !important; }
.bg-secondary { background:var(--color-secondary); }
.bg-dark { background:var(--color-dark); color:var(--color-primary); }
.bg-red { background:#e31d3b; }
.bg-white { background:#fff;background-color:#fff; }

.color-primary { color:var(--color-primary) !important; }
.color-primary-light { color:var(--color-primary-light) !important; }
.color-primary-dark { color:var(--color-primary-dark) !important; }
.color-primary-dark a{ color:var(--color-primary-dark) !important; }
.color-primary-dark ul a{ color:var(--color-primary) !important; }
.color-secondary { color:var(--color-secondary); }
.color-dark { color:var(--color-dark); }
.color-red { color:#e31d3b !important; }
.color-white { color:#fff; }

.degradado{ background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0); }

.btn, button[type="submit"] { font-family:var(--font-principal), sans-serif;background:white;border-left:4px solid var(--color-primary);padding:0 26px;height:40px;min-width:150px;line-height:36px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;margin-right:8px;margin-bottom:24px; }
.btn:hover, button[type="submit"]:hover { background:var(--color-primary);color:white;border-color:var(--color-primary-light); }
.btn:last-child, .btn:last-of-type { margin-right:0; }

.text-sombra{ text-shadow:4px 4px 4px #aaa; }

.panel-primary { border-color:var(--color-primary);}
.panel-primary > .panel-heading { border-color:var(--color-primary); background-color:var(--color-primary); text-align:center; font-size:20px;}
.panel-primary-light { border-color:var(--color-primary-light);}
.panel-primary-light > .panel-heading{ border-color:var(--color-primary-light);background-color:var(--color-primary-light);text-align:center;font-size:20px;}
.panel-primary-dark { border-color:var(--color-primary-dark);}
.panel-primary-dark > .panel-heading { border-color:var(--color-primary-dark);background-color:var(--color-primary-dark); text-align:center; font-size:20px;}
.panel-secondary { border-color:var(--color-secondary);}
.panel-secondary > .panel-heading { border-color:var(--color-secondary); background-color:var(--color-secondary); text-align:center; font-size:20px;}
.panel-dark { border-color:var(--color-dark);}
.panel-dark > .panel-heading { border-color:var(--color-dark); background-color:var(--color-dark); text-align:center; font-size:20px;}
.panel-red { border-color:#e31d3b;}
.panel-red > .panel-heading { border-color:#e31d3b; background-color:#e31d3b; text-align:center; font-size:20px;}
.panel-white { border-color:#FFF;}
.panel-white > .panel-heading { border-color:#FFF; background-color:#FFF; text-align:center; font-size:20px;}

.ui-accordion-header-active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ background:var(--color-secondary);border-color:var(--color-secondary); }

.carousel{ width:100%; height:400px; overflow:hidden; }
.carousel-indicators{ top:auto; top:2px; left:auto; right:10px; text-align:right; }
.carousel-indicators li{ background-color:#666; }
.carousel-indicators li.active{ background-color:var(--color-primary); }
.carousel-control{ background-color:red;}
.item-txt{ position:absolute;left:10%;top:30%;color:white; font-size-adjust:inherit; }
.item-txt h1{color:var(--color-primary-dark);background-color:var(--color-primary-light);margin-bottom:0px;padding:4px;max-width:90%;}
.item-txt h2{color:#FFF;background-color:rgba(0,0,0,0.3);padding:4px;max-width:90%;}


.paginacion{text-align:center;margin-top:20px;}
.paginacion .paginacion_sel{ background-color:var(--color-primary-dark);min-width:50px;height:50px;}
.paginacion button{text-align:center; border:0px; background-color:var(--color-secondary);color:white;margin-left:2px;min-width:40px;height:40px;}
.paginacion button:hover{ background-color:var(--color-primary-light);}

.item-fixed-top-right{ position:relative; right:4px;top:4px;z-index:1000; }
.item-fixed-top-right > div, .item-fixed-top-right > form{ height:35px;float:right;margin-left:2px;padding:4px 10px;background-color:var(--color-primary);color:white;border-radius:5px;  }
.item-fixed-top-right > div {border:1px solid var(--color-primary); background-color:#ffffff; color:var(--color-primary); } 
.item-fixed-top-right > div:hover{ background-color:var(--color-primary-light);color:var(--color-primary-dark); }
.item-fixed-top-right > form > input, .item-fixed-top-right > form > button{ border:0px;background-color:transparent;display:inline-block; padding:2px;margin:0px;height:25px;width:auto;}
.item-fixed-top-right > form > input::-webkit-input-placeholder { color:white; }
.item-fixed-top-right > form > input:-moz-placeholder { color:white; }
.item-fixed-top-right > form > input::-moz-placeholder { color:white; }
.item-fixed-top-right > form > input:-ms-input-placeholder { color:white; }
.item-fixed-top-right > form > input::-ms-input-placeholder { color:white; }

.item{ min-height:250px; padding:0.8%;margin:0.2%;width:98%;display:inline-table;border-radius:5px;vertical-align:top;}
.item_cat{ min-height:250px; padding:0%;margin:1%;width:98%;display:inline-table;border-radius:5px;vertical-align:top;}
.item_cat:hover{ cursor:pointer;}
.item_cat.item3xlinea{ padding:0%;margin:1%;width:30%; border-radius:0px; background-size:cover; }
.item_cat.item3xlinea h3, .item_cat.item4xlinea h3{ padding:5px;font-size:20px;margin-top:180px;background-color:rgba(255,255,255,0.8);color:black;font-weight:bold; }
.item_cat.item3xlinea:hover h3, .item_cat.item4xlinea:hover h3{ background-color:var(--color-primary);color:white;}
.item_cat.item3xlinea h5{ background-color:rgba(255,255,255,0.8);color:black;font-weight:bold; }
.item_cat.item4xlinea.item_imagen{ height:200px;min-height:200px; }
.item_cat.item4xlinea{ padding:0.80%;margin:0.2%;width:24%; border-radius:0px; background-size:cover; }
.item_cat.item4xlinea h5{ background-color:rgba(255,255,255,0.8);color:black;font-weight:bold; }
.item_imagen { height:250px;overflow:hidden;background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:5px;margin-bottom:10px;}
.item2xlinea, .item3xlinea, .item4xlinea, .item5xlinea{ border: 1px solid var(--color-secondary); }
.item2xlinea:hover .item_imagen, .item3xlinea:hover  .item_imagen, .item4xlinea:hover .item_imagen, .item5xlinea:hover .item_imagen{ background-size:cover;}
.item2xlinea:hover, .item3xlinea:hover, .item4xlinea:hover, .item5xlinea:hover{ background-color:#dbedf2; }

.item3xlinea:hover, .item4xlinea:hover {background-color:var(--color-primary);}
.item3xlinea:hover *, .item4xlinea:hover * {color:white;}
.item_desc{font-size:15px;color:#3c3c3c;line-height:18px;text-align:left;font-weight:200;}
.item3xlinea:hover .item_desc, .item4xlinea:hover .item_desc{color:#a1a1a1;}

.item2xlinea h5, .item3xlinea h5, .item4xlinea h5, .item5xlinea h5{ padding:4px;}
.item2xlinea:hover h5, .item5xlinea:hover h5{ background-color:white; font-weight:bold;}
.item3xlinea:hover > div > a{color:white; font-weight:bold;}
.item2xlinea{ padding:0.8%;margin:0.2%;width:49%; }
.item3xlinea{ padding:0.8%;margin:0.2%;width:30%; }
.item4xlinea{ padding:0.8%;margin:0.2%;width:24%; }
.item5xlinea{ padding:0.8%;margin:0.2%;width:19%; }

.item_imagen_detalle { float: left; width:100%;height:438px;overflow:hidden;background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top!important; display: block; position: relative; }

.sticky { float: left; }

.bloques_cuatro{width:23%;margin:1%;display:inline-block;vertical-align:top;min-height:290px;}

.PDIactivo:hover{
	background-color:var(--color-primary-light);
}
.PDIactivo h5{background-color:white;}

#galeria{ background-size:contain;background-repeat:no-repeat;background-position:center center;vertical-align:top; }
#galeria_desc{ text-align:center;color:var(--color-primary);font-weight:bold;font-size:20px; }
#sig, #ant{ display:inline-block;width:50%;height:100%;opacity:0.1;background-color:black;vertical-align:top;font-size:50px; }
#ant i,#sig i{margin-top:50%;}
#ant{padding-left:2%;
background:-moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-webkit-gradient(linear,  right,left, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background:-webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-ms-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);}
#sig{padding-right:2%;text-align:right;background:-moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);}
#sig:hover, #ant:hover{ opacity:0.6;font-size:40px; }

#sig_listado,#ant_listado,.sig_listado,.ant_listado{ margin-top:-50px;padding-top:50px;display:inline-block;width:25%;height:100%;opacity:0.1;vertical-align:top;font-size:50px;}
#detalle_listado, .detalle_listado{ margin-top:-50px;display:inline-block;width:50%;height:100%;opacity:0.1;vertical-align:top;font-size:50px;}
#ant_listado i,#sig_listado i,.ant_listado i,.sig_listado i{margin-top:50%;}
#ant_listado, .ant_listado{padding-left:2%;text-align:left;
background:-moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-webkit-gradient(linear,  right,left, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background:-webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-ms-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);}
#sig_listado,.sig_listado{padding-right:2%;text-align:right;background:-moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:-ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);}
#sig_listado:hover, #ant_listado:hover, .sig_listado:hover, .ant_listado:hover{ opacity:0.6;font-size:40px; }

.noticias_comentario{ margin-left:3px; background-color:#f9f9f9; border-radius:10px;padding:5px;margin-bottom:4px;padding-right:0px;}
.noticias_comentario > .noticias_comentario:hover{  background-color:#f1f1f1; border-color:var(--color-primary); }
.noticias_comentario > .noticias_comentario{ border-left:3px solid #ccc; }
.noticias_comentario h4{ color:var(--color-primary); padding:0px 10px;margin-bottom:0px;}
.noticias_comentario_detalle {padding:0px 10px;}

.visor{ max-width:100vw;max-height:100vh;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);position:fixed;top:0px;left:0px;z-index:999999999999;}
.visor_cerrar{ border:1px solid red;color:red;padding:2px 10px;background-color:white; z-index:9999999999999;}
.visor > iframe{ width:100vw;height:90%;border:0px;}

.thumb { }
.thumb img { width:20%;margin:20px;padding:5px;border: 1px solid var(--color-primary); background-color:var(--color-secondary);}

.logo { height:100px; }
.logotipo { float: left; padding: 0px; display: block; position: relative; }
.logotipo img { float: left; max-height:45px;margin-top:5px; border: 0px; }
.logotipo a:hover { filter:alpha(opacity=100); /* IE */ -moz-opacity:1; /* Firefox, Opera, ... */ opacity: 1; /* CSS 3*/ }

.cont-titular { 
	position: relative; 
	height: 140px; 
	max-height: 140px;
    width: 100vw;
    min-width: 100vw;
    margin: 0;
    overflow: hidden;
}
.titular {
    position: relative;
    width: 100%;
    height: 100%;    
    background-attachment: fixed;
    background-position: center center;
	background-size:cover;
}
.titular span {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
	width:100%;
    font-size: 50px;
    border-top: 1px solid rgba(255,255,255,.45);
	padding-left:20px;
	padding-bottom:10px;
}

@media all and (max-width: 690px) { .cont-titular { height:100px; } }

.buscador{ padding:10% 15%;height:80vh;background-attachment: fixed;}
.buscador > form{ z-index:9999999999;background-color:var(--color-primary); border-radius:5px;padding:5px;vertical-align:middle;}
.buscador > form > input[type=text], .form_busca_top > input[type=text]{ display:inline-block; width:94%;background-color:transparent; color:white; margin-bottom:0px;border:0px;font-size:xx-large;}
.buscador > form > input::placeholder, .form_busca_top > input::placeholder{  color:white; }
.buscador > form > button, .form_busca_top > button{ display:inline-table; width:5%;background-color:transparent; color:white; margin-bottom:0px;border:0px;height:50px;vertical-align:top;}
.form_busca_top{ background-color:var(--color-primary); border-radius:5px;padding:5px;vertical-align:top;height:50px;margin-top:2px;display:none;}
.form_busca_top > input[type=text]{ height:35px;}
.form_busca_top > button{ }
@media all and (max-width: 690px) { 
.carousel{ width:100%; height:200px; overflow:hidden; }

	.thumb img { width:50%;}
	.item-txt{ top:4px; }
	.item-txt h1{ font-size:large;  }
	.item-txt h2{ font-size:small;  }
}

/* MENU NAVIGATION*/
.nav-container { -webkit-backface-visibility:hidden;max-width:100%; }
nav { background:#fff;-webkit-backface-visibility:hidden;max-width:100%; }
nav ul { margin-bottom:0; }
.module {display:inline-block;padding:0 32px; }
.module-group { display:inline-block; }
.module.left, .module-group.left { float:left; }
.module.right, .module-group.right { float:right; }
.nav-bar { height:auto;max-height:55px;line-height:55px;}
.nav-bar .module,.nav-bar .module-group { height:55px; }
.nav-bar a { display:inline-block;height:55px; }
.has-dropdown { padding-right:18px; }
.has-dropdown:after { position:absolute;top:0;right:0;font-size:11px;content:"\e114";font-family:'Glyphicons Halflings';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none; }
.menu { width:100%;height:55px;lines-height:50px;font-family:var(--font-principal), sans-serif; }
.menu.inline-block { width:auto; }
.menu li a { font-weight:bold;font-size:25px;color:white;opacity:1;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;max-width:100%;white-space:normal; }
.menu li a:hover { filter:alpha(opacity=40); /* IE */ -moz-opacity:.4; /* Firefox, Opera, ... */ opacity: .4; /* CSS 3*/ }
.menu li { list-style:none; }	
.menu > li { margin-right:32px;float:left;position:relative;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;opacity:1; }
.menu > li:last-child { margin-right:0; }
.menu > li:last-child > ul { right:0; }
.menu > li:last-child > ul ul { left:auto;right:100%; }
.menu > li ul { width:200px;padding:8px 0;background:#292929;position:absolute;z-index:99;opacity:0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transform:translate3d(0, 10px, 0);-webkit-transform:translate3d(0, 10px, 0);-moz-transform:translate3d(0, 10px, 0);visibility:hidden;margin-top:-1px; }
.menu > li > ul > li { position:relative;line-height:24px;width:100%;vertical-align:top; }
.menu > li > ul > li i { display:inline-block;margin-right:2px; }
.menu > li > ul > .has-dropdown:after { color:#fff;top:9px;right:24px;content:"\e080"; }
.menu > li > ul li a { color:#fff;height:auto;padding:6px 24px; }
.menu > li > ul > li > ul { left:100%;top:0; }
.menu > li:hover > ul { opacity:1;transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);visibility:visible; }
.menu > li > ul > li:hover > ul, .has-dropdown:hover { opacity:1;transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);visibility:visible; }

.menu_sup{ text-align:right;line-height:20px;height:20px; }
.menu_sup a{ margin-top:0px;height:100%;font-size:11px; }
.menu_sup a.redes{ background-color:#333; }
.menu_sup a.redes:hover{ background-color:var(--color-primary); }
.menu_sup a img{ max-height:100%; }

.menu a.minus{ text-transform:none; font-weight:normal; font-size:14px;border-radius:5px;padding:0px 10px;height:28px;line-height:26px; background-color:var(--color-primary-light);color:#000; }

.menu-onpage{ height:auto; }
.menu-onpage li{ padding-top:10px;padding-bottom:10px;color:var(--color-primary);z-index:99; }
.menu-onpage li a{ color:var(--color-primary); }
.menu-onpage .has-dropdown:after { position:absolute;top:11px;right:0;font-size:11px;content:"\e114";font-family:'Glyphicons Halflings';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none; }

.module.widget-handle { border-left:1px solid #ccc;padding:0 24px;cursor:pointer;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0; }
.module.widget-handle i { font-size:20px;line-height:53px;opacity:0.5;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; }
.module.widget-handle:hover i,.module.active i { opacity:1; }

.nav-open { max-height:10000px !important;height:auto !important; }
.nav-open .mobile-toggle { border-bottom:1px solid #ccc; }

@media all and (max-width:990px) { 

	.logo { height:50px; }
	nav.fixed { position:absolute !important;opacity:1 !important;visibility:visible !important; }
	nav.outOfSight { transform:translate3d(0, 0px, 0) !important;-webkit-transform:translate3d(0, 0px, 0) !important;-moz-transform:translate3d(0, 0px, 0) !important;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; }
	.nav-bar,.nav-bar .module-group,.nav-bar .module { height:auto;overflow:hidden; }
	.nav-bar .module { padding:0 16px; }
	.nav-bar .module-group { width:100%;padding:16px 0; }
	.nav-bar .module-group .module { display:block;float:none;width:100%; }
	.menu { height:auto; }
	.menu.inline-block { width:100%; }
	.menu a { height:auto;line-height:24px;padding:4px 0; }
	.menu li { line-height:24px;float:none;display:block;width:100%;max-width:100%; }
	.menu > li ul { position:relative;width:100%;opacity:1;visibility:visible;transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);left:0; }
	.menu > li > ul { position:relative;opacity:1;visibility:visible;display:none;transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0); }
	.menu > li > ul > .has-dropdown:after { content:"\e114"; }
	.menu > li > ul > li > ul { left:0;display:none;padding:0; }
	.menu > li > ul li a,
	.mega-menu .title { padding:4px 16px; }
	.has-dropdown .has-dropdown li { padding-left:18px; }
	.has-dropdown { padding-right:0; }
	.toggle-sub > ul, .toggle-sub .mega-menu ul { display:block !important; }
	.module.widget-handle { border-left:none;border-top:1px solid #ccc;line-height:40px;min-height:40px; }
	.module.widget-handle .menu { line-height:40px; }
	.module.widget-handle .menu li { line-height:40px; }
	.module.widget-handle i { line-height:40px; }
	.module.widget-handle .title { display:inline-block;position:relative;bottom:3px;margin-left:8px; }
	.widget-handle .function { width:100%;position:relative;opacity:1;transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);visibility:visible;margin-top:0;display:none;box-shadow:none !important; }
	.toggle-widget-handle .function { display:block !important; }
	.widget-handle .cart .label { width:22px;height:22px;font-size:12px;line-height:22px;top:18px; }
	.mobile-toggle { border-left:1px solid #ccc !important;border-bottom:none !important; }
	.mobile-toggle i { line-height:53px !important; }
}

/*  PAGINATION */
.pagination { margin:0; }
.pagination li { font-family:"Lato", Helvetica, Arial, sans-serif; }
.pagination li a { width:32px;height:32px;padding:0;text-align:center;padding-top:6px;margin:0 4px;color:#292929;font-weight:400; }
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a { background:var(--color-primary);color:#fff;border-color:var(--color-primary); }

/*!---------- 11. FORMS ----------*/
input, button, select, textarea { font-family:var(--font-principal), sans-serif; color:var(--color-secondary); }
input[type="text"], button,textarea, select, input[type="password"] { -webkit-appearance:none;-moz-appearance:none;appearance:none; }
.bg-secondary input[type="text"], .bg-secondary textarea, .bg-secondary select { background:#fff; }
.attempted-submit .field-error { outline:1px red !important; }
.input-with-label span { font-family:var(--font-principal), sans-serif;font-size:11px;text-transform:uppercase;color:#292929;letter-spacing:1px;font-weight:700;display:block;cursor:default; }
input[type="text"], input[type="password"] { background:#f5f5f5;border:none;width:100%;height:50px;padding-left:20px;font-weight:500;margin-bottom:24px;border-radius:0; }
input[type="text"]:focus, input[type="password"]:focus { outline:1px solid #ccc; }
textarea { width:100%;border:none;background:#f5f5f5;margin-bottom:24px;border-radius:0;padding:16px 20px; }
textarea:focus { outline:1px solid #ccc; }
/*::-webkit-input-placeholder { text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:#777;font-size:11px; }
:-moz-placeholder { text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:#777;font-size:11px; }
::-moz-placeholder { text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:#777;font-size:11px; }
:-ms-input-placeholder { text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:#777;font-size:11px; }*/
input[type="submit"], button[type="submit"] { height:50px;line-height:48px;border:2px solid var(--color-primary);background:var(--color-primary);color:#fff;width:100%;font-size:11px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
.bg-primary input[type="submit"], .bg-primary button[type="submit"] { background:#fff;color:var(--color-primary); }
input[type="submit"]:focus, button[type="submit"]:focus { outline:none; }
input[type="submit"].hollow, button[type="submit"].hollow { background:none;border:2px solid var(--color-primary);color:var(--color-primary);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; }
input[type="submit"].hollow:hover, button[type="submit"].hollow:hover { background:var(--color-primary);color:#fff; }
select { height:50px;background:#f5f5f5;width:100%;border-radius:0;border:none;outline:none;padding-left:20px;position:relative;letter-spacing:1px;color:#777;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;cursor:pointer;margin-bottom:24px; }
select:focus { background:#eee; }
select:active, select:focus, select:hover { outline:none;border:none; }
.form-error, .form-success { background:#58ce38;padding:12px;width:80%;color:#fff;clear:both;display:block;max-width:700px;position:relative;top:16px;margin:0 auto;word-break:break-word; }
.form-error { background:#ce3838; }
.form-error a, .form-success a { display:block;color:#fff; }
.attempted-submit .field-error { outline:1px solid #ce3838 !important; }
form iframe.mail-list-form { display:none; }
.form-loading { border:3px solid #ffffff;border-radius:30px;height:30px;left:50%;margin:-15px 0 0 -15px;opacity:0;margin:0px auto;top:50%;width:30px;-webkit-animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation:pulsate 1s ease-out;-moz-animation-iteration-count:infinite;animation:pulsate 1s ease-out;animation-iteration-count:infinite;z-index:99999; }
button[type="submit"] .form-loading { height:25px;width:25px;display:inline-block;top:9px;position:relative;left:0; }

.labelGris{background:#f1f1f1;width:100%;padding:10px;cursor:pointer;}
.labelGris:hover{background:#cccccc;}

.desglose{ padding:5px 10px;border-bottom:1px solid #999;background-color:#f1f1f1;}
.desglose > big:last-child{ float:right; font-weight:bold;color:var(--color-primary-dark);}

.calendario_desglose{ border:1px solid #ccc;background-color:#f1f1f1;padding:4px;vertical-align:top;}
.calendario_desglose > .dia_tit{display:inline-block;text-align:center;background-color:#ccc;padding:2px 8px;width:13.5%;margin:2px;}
.calendario_desglose > .dia{position:relative;display:inline-block;text-align:center;background-color:#e1e1e1;padding:0px;height:80px;width:13.5%;border:1px solid #ccc;margin:2px;vertical-align:top;line-height:14px;}
.calendario_nav{text-align:right;}
.calendario_nav select{ padding-left:0px;width:150px;text-align:center;height:30px;margin-bottom:5px;}
.fecha_dia{ position:absolute; top:0px; left:0px;padding:2px;}
.pvp{position:absolute;bottom:0px;right:0px;font-size:11px;background-color:var(--color-primary);padding:0px 4px;color:white;}
.pvp_especial{background-color:var(--color-primary-dark);}

.fotosTop{overflow:hidden;height:440px;}
.fotoTop{border-left:5px solid var(--color-primary-light); background-position:center center;background-size:cover;height:100%;width:50vw;display:inline-block;}

.fotosTopPDI{overflow:hidden;height:400px;}
.fotoTopPDI{border-left:5px solid var(--color-primary-light); background-position:center center;background-size:cover;height:400px;width:auto;display:inline-block;}

.menuServicios{height:85vh;background-color:white;position:fixed;display:inline-block;width:25%;vertical-align:top;padding:10px 0.5%;z-index:999999999999999999;}
.menuServiciosDentro{ max-height:90%;overflow-y:auto; }
.menuServiciosDentro::-webkit-scrollbar, .customScroll::-webkit-scrollbar {
    width: 1em;
}
 
.menuServiciosDentro::-webkit-scrollbar-track, .customScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.menuServiciosDentro::-webkit-scrollbar-thumb, .customScroll::-webkit-scrollbar-thumb {
  background-color: darkgray;
}
.menuServicios a > div{color:black;padding:2px 10px;margin-bottom:1px;}
.menuServicios a > div:hover{color:white;background:var(--color-secondary);}
.listServicios{display:inline-block;width:100%;vertical-align:top;padding-left:27%;min-height:82vh;}
.detailServicios{display:inline-block;width:100%;vertical-align:top;padding-left:27%;}

.txt_anuncio{ position:relative;background-color:#ffffff;overflow:hidden; max-height:140px; cursor:zoom-in; transition: all .5s ease-out;  }
.txt_anuncio > .content_anuncio{ margin-top:-25px;  }
.txt_anuncio:before{content:"Leer más";color:white;position:relative;left:45%;top:120px;background-color:var(--color-primary-dark);padding:5px 10px;border-radius:5px;box-shadow: -3px -3px 5px grey,3px -3px 5px grey;}
.txt_anuncio:hover:before{background-color:var(--color-primary);}
.txt_anuncio:hover{ background-color:#f9f9f9;  }
.txt_activo{overflow:visible; max-height:none; cursor:zoom-out; transition: all .5s ease-out; }
.txt_activo:before{content:none;}
.txt_activo > .content_anuncio{ margin-top:0px;  }


.SUB{padding:10px;padding-bottom:6px;text-align:center;background-color:white;}
.SUB a{ background-color:#e1e1e1;padding:10px;margin-right:1px;color:var(--color-primary);border-radius:20px 20px 0 0;}
.SUB a:hover{background-color:var(--color-primary-light);color:white;}
.SUB a.SUBactivo{ background-color:var(--color-primary);padding-right:20px;padding-left:20px;color:white;}

.itemCarro{ border:1px solid var(--color-primary);padding:10px;text-align:right;}
.itemCarro input[type=text],.itemCarro input[type=number],.itemCarro input[type=time]{ height:20px;}

.labelHora{ background-color:white;padding:4px 10px;}
.labelHora:hover{ background-color:var(--color-secondary);cursor:pointer;color:white;}




/* El contenedor de la tarjeta */
.container {
position: relative;
float: left;
/* Ancho y alto que tendra el contenedor de la tarjeta */
width: 22%;
height: 220px;
margin: 1%;

/* Determinamos la profundidad de los elementos */
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
perspective: 800px;
}

.card {
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
text-align: center;
/* Determinamos la trasicion de los efectos */
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;

}

/* Determinamos los grados de la rotación de la tarjeta */
.card.flipped {
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg );
transform: rotateY( 180deg );
}

/* */
.card .front,
.card .back {
display: block;
height: 100%;
width: 100%;
color: white;
text-align: center;
font-size: 4em;
padding: 15px;
position: absolute;
/*visibility hidden para esconder una cara mientras se muestra la otra */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: 3px 5px 20px 2px rgba(0, 0, 0, 0.25);
}

/*Determinamos los estilos deseados en la cara de atras de la tarjeta*/
.card .back {
width: 100%;
font-size: 16px;
text-align: left;
line-height: 25px;
text-align: center;
background: var(--color-primary);
/* Animacion para rotar la cara trasera */
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg );
transform: rotateY( 180deg );
}

/*Determinamos los estilos deseados en la cara de delantera de la tarjeta*/ 
.card .front {
background: #109b87;
}

@keyframes abrirboton { from {width: 30px;} to {width:160px;} }
@keyframes abrirboton_pq { from {width: 30px;} to {width:120px;} }

.boton, .boton_pq{ margin-top:10px;color:white;line-height:30px;padding:4px 6px;border-radius:5px;width:30px;height:30px;overflow:hidden;}
.boton:hover{ background-color:var(--color-primary);width:160px;animation-name: abrirboton; animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count:1;}
.boton_pq:hover{ background-color:var(--color-primary);width:120px;animation-name: abrirboton_pq; animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count:1;}

@keyframes hoverCat {
    from {opacity:0;font-size:20px;}
    to {opacity:1;font-size:30px;}
}
.subtxt{ font-size:30px;opacity:0;background-color:var(--color-secondary);color:white;padding:10px 5px; }
.itemNEW:hover > .subtxt{ opacity:1;animation-name: hoverCat; animation-duration: 0.7s;animation-timing-function: ease;}

.ui-widget.ui-widget-content{border:0px;width:100%;max-width:280px;}
.ui-datepicker-header, .ui-datepicker-header select{ background-color:transparent;border:0px;color:var(--color-secondary);font-size:14px;}
.ui-datepicker-next, .ui-datepicker-prev{ cursor:pointer;background-color:white;margin-top:10px;border:1px;}

.ui-accordion-content.ui-widget-content,.ui-tabs.ui-widget-content{max-width:100%;}

.btn-gr{ font-size:11px;width:auto;margin-left:5px;background-color:var(--color-primary);color:white;border-radius:10px;}
.btn-gr:hover{ background-color:var(--color-secondary);}
.btn-primary-light{ height:35px;line-height:25px;background-color:var(--color-primary-light);color:white;border:0px;padding:5px 20px; border-radius:5px;font-size:14px;font-weight:bold;}
.btn-primary-light:hover{ border:0px;}
.btn-primary-light.active{ background-color:var(--color-primary);color:white;}
.btn-primary{ height:35px;line-height:25px;background-color:var(--color-primary);color:white;border:0px;padding:5px 20px; border-radius:5px;font-size:14px;font-weight:bold;}
.btn-primary:hover{ border:0px;}
.btn-primary.active{ background-color:white;color:var(--color-primary);}
.btn-secondary{ height:35px;line-height:25px;background-color:var(--color-secondary);color:white;border:0px;padding:5px 20px; border-radius:5px;font-size:14px;font-weight:bold;}
.btn-secondary:hover{ border:0px;}
.btn-secondary.active{ background-color:white;color:var(--color-secondary);}

.calendario{font-family:"Lato",  Helvetica, Arial, sans-serif; color:var(--color-secondary);}
.calendario::placeholder{color:#999;opacity:1;}

.link-white a{color:white;}
.link-white a:hover{color:black;}

.img100 img {max-width:100%;}

.block25{display:inline-block;width:22%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;text-align: left;}
.block33{display:inline-block;width:30.3%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
.block50{display:inline-block;width:47%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
.block66{display:inline-block;width:63%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
.block75{display:inline-block;width:72%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
.block100{display:inline-block;width:97%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}

.btn-map-home{text-transform:uppercase;color:var(--color-secondary);border:2px solid var(--color-secondary);background:white;position:relative;border-radius:20px;height:40px;display:inline-block;padding:5px 20px;font-size:14px;font-weight:700;margin:10px;}
.btn-map-home:hover{color:white;border:2px solid white;background:var(--color-secondary);filter:alpha(opacity=100)!important; /* IE */ -moz-opacity:1!important; /* Firefox, Opera, ... */ opacity: 1!important; /* CSS 3*/}

.ion-secondary120{margin:20px auto;border-radius:60px;padding-top:25px;font-size:70px;height:120px;width:120px;background-color:var(--color-secondary);color:white;}

/* ANCLAS: añadiendo la class 'ancla' al elemento que vaya a usarse como ancla */
.ancla:before { display: block; content: " "; margin-top: -55px; height: 55px; visibility: hidden; }

.tit-secondary{font-size:36px;margin:40px auto;padding-bottom:25px;border-bottom:2px solid var(--color-secondary);display:inline-block; }

.menucats{ padding:10px; }
.menucats a{ font-size:16px;color:dark;font-weight:100; }

option:disabled{ color:#999; font-weight:bold; color:var(--color-secondary);}

.titular{ background-color:var(--color-secondary);color:white;font-size:30px;}
.titular > b{display:inline-block;padding:18px 0px;}
.titular > div{width:100%;height:400px;background-size:cover;vertical-align:bottom;}
.titular > i{ position:relative; top:-62px; margin-left: 39px; width: 0px; height: 0px; border-style: solid; border-width: 0 12.5px 12px 12.5px; border-color: transparent transparent var(--color-secondary) transparent; }
.tri-up-secondary{ float:left;position:relative;top:0px;left:23px; width: 1px; height: 1px; border-style: solid; border-width: 0 16px 16px 16px; border-color: transparent transparent var(--color-secondary) transparent; }
.tri-down-secondary{ float:left;position:relative;top:0px;left:40px; width: 1px; height: 1px; border-style: solid; border-width: 20px 20px 0 20px; border-color: var(--color-secondary) transparent transparent transparent; }
.tri-up-white{ float:left;position:relative;top:0px;left:40px; width: 1px; height: 1px; border-style: solid; border-width: 0 12.5px 12px 12.5px; border-color: transparent transparent #fff transparent; }

button[type=submit], button, .btn-secondary{ line-height:25px;background-color:var(--color-secondary);color:white;border:2px solid var(--color-secondary); border-radius:10px;font-size:14px;font-weight:bold;}
button[type=submit]:hover, button:hover, .btn-secondary:hover{background-color:white;color:var(--color-secondary);border:2px solid var(--color-secondary);}
input[type=text], input[type=tel], input[type=password], textarea{ height:30px;margin-bottom:10px;padding-left:8px;width:99%;background-color:#f1f1f1;color:#3b3c3d; border:1px solid #aaa;border-radius:5px;font-size:14px;}
.select2, .select2-container--default .select2-selection--single{ font-size:14px;height:30px;margin-bottom:10px;background-color:#f1f1f1;}

.bg-secondary button, .bg-secondary input{color:white;}

label{padding:5px 10px;border-radius:5px;margin-bottom:20px;}
label:hover{cursor:pointer;background-color:#ededed;}

input::-webkit-input-placeholder { color:#666; }
input:-moz-placeholder { color:#666; }
input::-moz-placeholder { color:#666; }
input:-ms-input-placeholder { color:#666; }
input::-ms-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
textarea:-moz-placeholder { color:#666; }
textarea::-moz-placeholder { color:#666; }
textarea:-ms-input-placeholder { color:#666; }
textarea::-ms-input-placeholder { color:#666; }
.bg-secondary input::-webkit-input-placeholder { color:#fff; }
.bg-secondary input:-moz-placeholder { color:#fff; }
.bg-secondary input::-moz-placeholder { color:#fff; }
.bg-secondary input:-ms-input-placeholder { color:#fff; }
.bg-secondary input::-ms-input-placeholder { color:#fff; }

.hideLG{display:none;}

.block25.carru > div {text-align:right;height:200px;background-size:cover;}
.block25.carru > h5 {font-size:18px;line-height:25px;}
.item{ padding:0px; margin:0px; width:100%;}
.home_form{padding-top:80px;padding-left:100px;height:400px;}


.tit-bloque-secondary{font-size:36px;font-weight:100;color:white;background:var(--color-secondary);padding:15px;line-height:42px;}
.pagoseguro *{ color:white;}
@media all and (max-width: 790px) {
	.block25.carru{display:inline-block;width:47%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
	.block25.carru > h5 {font-size:14px;line-height:17px;}
	.block25.mantenerSM{display:inline-block;width:32%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
	.block75.mantenerSM{display:inline-block;width:62%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
	.block25.carru > div {height:100px;}
	.block25, .block33, .block50, .block75, .block66, .block100{display:inline-block;width:97%;margin:1.2% 1.5%;font-size:18px;vertical-align:top;}
	.btn-map-home{ position:static; margin-left:0px !important;}
	.hideLG{display:inherit;}
	.hideSM{display:none;}
	.menu > li > a > i{display:inline-block;width:40px;text-align:center;}
	.menu > li > a > span{font-size:20px;font-weight:100;}
	.item_cat.item3xlinea{ width:98%;}
	.item_cat.item3xlinea > h3{ font-size:14px;}
	.ui-widget.ui-widget-content{ min-width:200px;max-width: 98%;margin:0 auto;}
	.home_form{padding-top:40px;padding-left:0px;}
	.home_form_dentro{margin:20px auto;}
	.item_imagen_detalle{height:200px;}
	.pagoseguro{ font-size:15px;}
	.pagoseguro > img{ height:23px;}
	
	.fotosTop{height:220px;}
	.fotoTop{width:100vw;}
	.fotosTopPDI{height:200px;}
	.fotoTopPDI{height:200px;}

	.titular{ font-size:20px;}
	.titular > div{height:200px;background-position:center;}
	.titular > i{ top:-55px;}
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.logotipo{ font-family: Open sans;line-height:20px;font-size:30px; margin:10px 40px 20px 40px; }
.logotipo>i{ display:block;font-size:15px; }
.logotipo>b{ display:block;color:var(--color-primary); }

a.ficha200cover{ color: #999; }
.ficha200cover>div{ width:100%;min-height:200px;background-position:center;background-size:cover;}
.ficha200cover>div>h3{margin-bottom:0px;padding:5px 20px;background-color:rgba(0,0,0,0.3);color:white;}
.ficha200cover>div>h3>small{font-size:14px;font-weight:bold;color:var(--color-primary);background-color:white;padding:4px;border-radius:4px;float:right;}
.ficha200cover>div>h3>small>img{max-height:20px;}

.item > h1, .item> h2{ position:absolute;left:10%;top:40px;color:white; font-size-adjust:inherit; }
.item > h1{ font-size:18px;color:white;background-color:var(--color-primary-light);margin-bottom:0px;padding:10px;max-width:90%;}
.item > h2{ font-size:15px;color:#FFF;background-color:rgba(0,0,0,0.3);padding:4px;max-width:90%;}


/* ------------------------- */
/* POPUP ANIMADO			 */
/* ------------------------- */
.overlay { background: rgba(0,0,0,.3); position: fixed; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; display: flex; visibility: hidden; }
.overlay.active { visibility: visible; z-index:9999999;}
.popup { background: #F8F8F8; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); border-radius: 3px; padding: 20px; text-align: center; width: 800px; transition: .3s ease all; transform: scale(0.7); opacity: 0; }
.popup .btn-cerrar-popup { font-size: 16px; line-height: 16px; display: block; text-align: right; transition: .3s ease all; color: #BBBBBB; }
.popup .btn-cerrar-popup:hover { color: #000; }
.popup h3 { font-size: 36px; font-weight: 600; margin-bottom: 10px; opacity: 0; }
.popup h4 { font-size: 26px; font-weight: 300; margin-bottom: 20px; opacity: 0; }
.popup div { opacity: 0; }
.popup form .btn-submit { padding: 0 20px; height: 40px; line-height: 40px; border: none; color: #fff; background: #5E7DE3; border-radius: 3px; font-size: 16px;cursor: pointer; transition: .3s ease all;}
.popup form .btn-submit:hover { background: rgba(94,125,227, .9); }
/* ------------------------- */
/* POPUP ANIMADO ANIMACIONES */
/* ------------------------- */
.popup.active {	transform: scale(1); opacity: 1; }
.popup.active h3 { animation: ANIMA_caida_opacity .8s ease .5s forwards; }
.popup.active h4 { animation: ANIMA_subida_opacity .8s ease .5s forwards; }
.popup.active div { animation: ANIMA_opacity 1s linear 1s forwards; }
@keyframes ANIMA_caida_opacity { from { opacity: 0; transform: translateY(-25px); } to { transform: translateY(0);opacity: 1; }}
@keyframes ANIMA_subida_opacity { from { opacity: 0; transform: translateY(25px); } to { transform: translateY(0); opacity: 1; } }
@keyframes ANIMA_opacity { from { opacity: 0; } to { opacity: 1; } }

.detalle_instalaciones{ background-color:white;padding:4px 10px;border-radius:5px;font-size:14px;font-weight:bold;}
.detalle_instalaciones img{ max-height:17px;}

.galeria_tira{height:150px;width:100%;}
.tira{height:150px;}
.tira div{display:inline-block;height:150px;}
.tira img{display:inline-block;height:150px;}

.grid{ display: grid; grid-template-columns: auto auto;grid-gap:20px; }
.grid.ventajas{ text-align:center; }
.grid.ventajas div{  }
.grid.ventajas i{ font-size:60px; color:var(--color-primary); }

.grid.entorno{ margin:20px 40px;text-align:right;vertical-align:bottom; grid-template-columns: auto auto auto auto auto;}
.grid.entorno>a{ border:10px white solid;height:200px;background-position:center;background-size:cover;font-size:25px;color:white;text-shadow:black 1px 1px 1px;text-transform:uppercase;font-weight:bold;}
.grid.entorno>a>img{ width: 100%; height: 100%; object-fit: cover;}
.grid.entorno>a:hover{ border:10px var(--color-primary) solid;color:var(--color-primary); }
.grid.entorno>a:nth-child(odd):hover{ transform:rotate(5deg); }
.grid.entorno>a:nth-child(even):hover{ transform:rotate(-5deg); }
@media all and (max-width: 790px) {
	.grid.entorno{ grid-template-columns: auto auto;}
}


.grid-gallery {  display: grid; grid-auto-rows: 100px; grid-gap: 1rem; grid-auto-flow: row dense; }
.grid-gallery.entorno {  display: grid; grid-auto-rows: 75px; grid-gap: 1rem; grid-auto-flow: row dense; }
@media all and (min-width: 320px) {
.grid-gallery { grid-template-columns: repeat(3, 1fr); }
.grid-gallery>a:nth-child(11n+1) { grid-column: span 1;  grid-row: span 1; }
.grid-gallery>a:nth-child(11n+3) { grid-column: span 1; grid-row: span 1; }
}
@media all and (min-width: 768px) {
.grid-gallery { grid-template-columns: repeat(4, 1fr); }
.grid-gallery>a:nth-child(11n+1) { grid-column: span 3;  grid-row: span 3; }
.grid-gallery>a:nth-child(11n+3) { grid-column: span 2; grid-row: span 2; }
}
@media all and (min-width: 1024px) {
.grid-gallery { grid-template-columns: repeat(7, 1fr); }
.grid-gallery>a:nth-child(11n+1) { grid-column: span 3;  grid-row: span 3; }
.grid-gallery>a:nth-child(11n+2) { grid-column: span 1;  grid-row: span 3; }
.grid-gallery>a:nth-child(11n+3) { grid-column: span 2; grid-row: span 2; }
.grid-gallery.entorno { grid-template-columns: repeat(6, 1fr); }
.grid-gallery.entorno>a:nth-child(11n+2) { grid-column: span 2;  grid-row: span 2; }
.grid-gallery.entorno>a:nth-child(11n+3) { grid-column: span 1;  grid-row: span 2; }
}
/*.grid-gallery>a:nth-child(11n+1) { grid-column: span 1; }
.grid-gallery>a:nth-child(11n+4) { grid-column: span 2; grid-row: span 1; }
.grid-gallery>a:nth-child(11n+6) { grid-column: span 3; grid-row: span 1; }
.grid-gallery>a:nth-child(11n+7) { grid-column: span 1; grid-row: span 2; }
.grid-gallery>a:nth-child(11n+8) { grid-column: span 2; grid-row: span 2; }
.grid-gallery>a:nth-child(11n+9) { grid-row: span 3; }*/
.grid-gallery>a>img { width: 100%; height: 100%; object-fit: cover; }
.grid-gallery>a>b{ position:absolute;padding:5px;color:white;background-color:rgba(0,0,0,0.5);}
.grid-gallery>a.active { z-index:9999999999999; }
.grid-gallery>a.active>img { position:fixed;top:0px;left:0px;width: 100vw; height: 100vh; object-fit: contain;background-color:rgba(0,0,0,0.8); }
.grid-gallery>a.active:hover { opacity:1; }

.destacado{ background-color:var(--color-secondary);color:white;padding:8px;border-radius:10px;}
.destacado > b{ float:right;background-color:white;color:var(--color-primary);padding:0px 5px;border-radius:5px;}
.destacado > small{ display:block;margin-top:5px;text-align:center;font-size:10px;line-height:13px;}

.form_reserva{ }
.form_reserva input, .form_reserva select{ border: 1px solid #aaa;border-bottom:2px solid var(--color-primary);text-align:center;color:var(--color-primary);height:40px;font-size:20px;border-radius:0px;}
.form_reserva button{ border-radius:0px;width:100%;background-color:var(--color-secondary);}

.carousel-inner>.item{ min-height:400px; background-size:cover;}