*{margin:0; padding:0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-text-size-adjust: none;}
:root {--color1: #03A9F4!important;--bg-color1:#03A9F4!important;}

input, textarea{ -webkit-appearance: caret; -moz-appearance: caret }
html{}
body{font: 300 18px/28px Roboto;color: #333;word-wrap: break-word;min-width: 300px;}
#ifRegistraVisita { height: 0px; width: 0px; position:absolute; border:0; }

/* div de reemplazo para cookies no aceptadas */
div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333;}
div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;}

/* Barra de cookies */
div.cc-banner.cc-bottom, div.cc-window.cc-floating{background-color:rgba(0, 0, 0, 0.92)!important;}

/* Aviso legal */
#dvAviso {text-align:left;}
#dvAviso ul{padding-left:22px;margin-bottom:20px;}
#dvAviso .enc{font-weight:bold;font-size:120%;}

/* Mapa de contacto */
.mapa{height:380px;display:flex;flex-direction:column;margin-bottom:48px;}
.mapa iframe{width:100%;display:block;flex:1;}



.comp-motor .swiper-button-prev, .comp-motor .swiper-container-rtl .swiper-button-next {background-image:none!important;}
.comp-motor .swiper-button-next, .comp-motor .swiper-container-rtl .swiper-button-prev{background-image:none!important;}

.btnlnk { display: inline-block; background: #333; color: white; padding: 8px 12px; border-radius: 4px; text-decoration: none; }
.btnlnk:hover{ opacity: .8}

.btnyt{ display: inline-flex; align-items: center; justify-content: center; background: #ff0000; color: #fff; padding: 8px 12px; font: bold 20px/24px Raleway; border-radius: 4px; text-decoration: none; }
.btnyt i{ margin-right: 8px; font-size: 24px;}
.btnyt span{font-size: 14px;line-height: 16px;}
.btnyt i:last-child{ width: 0; overflow: hidden; transition: 300ms ease all;}
.btnyt:hover i:last-child{ width: 12px; margin: 0 0 0 8px;}
	.btnyt[data-regid="privado"] { background-color: black; }
	/*TEXTOS*/
	p { margin: 0 0 26px; }
p:last-child{ margin: 0; }
.texto { font: 300 16px/26px Roboto, Arial;  }
.titulo1{font: bold 30px/35px Raleway;margin: 0 0 20px;}
.titulo2{font: bold 22px/26px Raleway;margin: 0 0 10px;}
.titulo3{font: bold 20px/26px Raleway;margin: 0 0 5px;}
.subtitulo{font: normal 20px/24px Raleway;margin: 0 0 20px;padding: 0 0 20px;letter-spacing: 2px;position: relative;/* text-align: center; */}
.subtitulo:after { content: ""; width: 80px; position: absolute; height: 0px; background: #03A9F4; bottom: 0; display: block; left: 50%; transform: translateX(-50%); border-radius: 5px; border: 2px solid;}
a { color: #03A9F4; }
.txtcenter {text-align:center;}
.box { padding:24px;background:#f5f5f5; border:1px solid #eee; border-radius:4px;}

.img { display: block; width: 100%; }
.subcont{max-width: 1400px;padding: 0 20px;margin: 0 auto;width: 100%;}
.alignright{ text-align: right; }
.aligncenter{ text-align: center; }
.sep{ height: 180px;}
.imgfix{ background-image: url(../images/fndfijo.jpg); position: fixed; background-position: center right; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; }
.seccion{ padding: 40px 0; background: white;}
.seccion.nbg{ backgrond: transparent; }
.seccion.op80{ background:rgba(255,255,255,0.8) }
.seccion.fondo1{ background: #03A9F4; color: white;}
.seccion.fondo1 a { color: white; }

.lista{}
.lista li{margin: 0px 2px 4px;padding: 6px 12px;background: #f0f0f0;list-style: none;display: inline-block;border-radius: 4px;}
.lista li:before{ margin-right: 8px; font-family: "Font Awesome 5 Pro"; font-weight: 700;}
.lista li.contdir:before{ content:"\f041";}
.lista li.conttelf:before{ content:"\f095";}
.lista li.contmail:before{ content:"\f0e0";}

/* HEADER 1*/
header {background: white;}
header .cab{padding: 12px 0;display: flex;align-items: center;justify-content: space-between;}
header .cab .logo{margin-right: 10px; text-decoration: none; overflow: hidden; display: flex;align-items: center;}
header .cab .logo img {display: inline-block;vertical-align: middle;margin-right: 8px;width: 44px;}
header .cab .logo span {display: inline-block;vertical-align:middle;letter-spacing: 2px;opacity: 0.8;font: 800 30px/30px Raleway;color: #333;}
.bndcab{background: #eee;/* overflow:hidden; */padding: 8px 0;}
.bndcab .subcont{ display: flex; justify-content: space-between;}
.infocab{align-items: center;/* width: 100%; */}
.infocabtxt{ display: inline-block; vertical-align: middle; }
.infocabtel{align-items: center;overflow: hidden;max-width: 100%;}
.infocabbtn{display: inline-block;vertical-align: middle;}
.infocabbtn a{display: inline-block;margin: 0 0 0 2px;padding: 0 12px;text-decoration: none;border-radius: 40px;color: #03A9F4;background: white;font: normal 14px/28px Raleway;vertical-align: top;height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.infocabtel a i{margin-right: 5px;display: inline-block;vertical-align: middle;}


/* CARRITO */
.cestavacia{ padding: 40px;  text-align: center; }
.seguircomprando { overflow: hidden;margin : 0 0 12px; }
.seguircomprando a{ display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; background: rgba(0,0,0,0.1); text-decoration: none; border-radius: 4px; }
.seguircomprando a:before { content:"\f104"; font-family: "Font Awesome 5 Pro"; margin-right: 8px; }
.carrito { overflow: hidden;}
.carrito a { display: block;     font: 800 14px/28px Raleway;text-decoration:none;
    color: #333;
    background: white;
    display: inline-block;
    padding-right: 12px;
    border-radius: 40px; }
.carrito .iconocesta{
    vertical-align: top;
    background: #03A9F4;
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    border-radius: 40px;
    color: white;
    margin-right: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    font-size: 10px; }
.carrito .separador{ font-size: 10px; padding: 0 2px; }
.carrito .cestaprod{ }
.carrito .cestabtn { display: none; }

/*MENU*/
#pull{display: none;width: 40px;height: 40px;text-align: center;color: #FFF;border: 1px solid #03A9F4;border-radius: 8px;line-height: 40px;font-size: 18px;cursor: pointer;background: #03A9F4;/* margin-left: 10px; */}
#pull .btncerrarmenu{ display: none; }
header .contmenu{background: #03A9F4;width: 100%;float: left;clear: both;}
header #menu > div {background: #fff;} 
header #menu{margin-left: auto;align-self: center;float: left;width: 100%;font: normal 16px/24px Raleway;}
header #menu  #close{ position: fixed; width: 0%; height: 100%; background: rgba(0,0,0,0.5); left:0; top: 0; z-index:-9; opacity: 0; transition: opacity 250ms ease-in;}
header #menu > div > ul{overflow: visible;float: left;/* width: 100%; */display: flex;min-width: 360px;}
header #menu > div > ul  > li{display: flex;list-style: none;font: 800 12px/20px Raleway;/* width: 100%; */text-align: center;position: relative;flex-direction: column;border-radius: 4px;/* border: 1px solid; */margin-left: 4px;text-transform: uppercase;letter-spacing: 1px;}
header #menu > div > ul > li a{position:relative;z-index: 1;display: block;color: #666;text-decoration: none;padding: 12px;height: 100%;}
header #menu > div > ul > li a span{/* align-self: center; */display: block;margin: 0 auto;}
header #menu > div > ul > li.selected{background: #03A9F4 !important;}
header #menu > div > ul  li:hover{background: #f0f0f0;}
header #menu > div > ul  li.submenu:hover{ border-radius: 4px 4px 0 0; }
header #menu > div > ul > li.selected > a{color: #fff !important;}
header #menu > div > ul  li:hover a { color: #666; }
header #menu > div > ul > li.submenu > a span:after{content:"\f107";font-family: "Font Awesome 5 Pro";margin-left: 10px;float: right;}
header #menu > div > ul > li.submenu ul{display: none;position: absolute;width: 100%;background: #f0f0f0;top: 100%;z-index: 2;border-radius: 0 0 4px 4px;}

header #menu > div > ul > li.submenu ul li{ display: block; width: 100%; }
header #menu > div > ul > li.submenu ul li:hover{ background: #ddd; }
header #menu > div > ul > li.submenu ul li.selected{ background: rgba(0,0,0,0.05) }
header #menu > div > .socialmenu {display: none;padding: 5px;text-align: center;background: rgba(255,255,255,0.2);font-size: 0;line-height: 0;}
header #menu > div > .socialmenu > ul > li{display: inline-block;margin: 2px;}
header #menu > div > .socialmenu > ul > li a{display: inline-block;height: 30px;line-height: 32px;border-radius: 8px;background: #333;padding: 0;color: white;width: 30px;text-decoration: none;font-size: 18px;}
header #menu > div > .socialmenu > ul > li a i{ }
header #menu > div > .socialmenu > ul > li.mtel a{  }
header #menu > div > .socialmenu > ul > li.wa a{ background: #43d854;}
header #menu > div > .socialmenu > ul > li.fb a{ background: #3B5998; }
header #menu > div > .socialmenu > ul > li.tw a{ background: #1DA1F2; }
header #menu > div > .socialmenu > ul > li.go a{ background: #DE5549; }

.contenido{clear: both;overflow: hidden;}

#swipergal .swiperfnd{height: 540px; background-size: cover; background-position: center center; }
#swipergal .swiperfnd .subcont{display: flex;height: 100%;padding: 0 60px;}
#swipergal .swipertxt{background-color: rgba(255,255,255,0.9);padding: 20px;width: 40%;align-self: center;box-shadow: 0 10px 30px rgba(0,0,0,0.5);border-radius: 8px;text-align: center;}
#swipergal .swiper-slide:nth-child(2n) .swipertxt{ margin-left: 60%; }


.inicio{display: flex; margin-bottom:40px}
.inicio > div:first-child{}
.inicio> div:last-child{
    width: 30%;
    max-width: 30%;
    min-width: 30%;
    margin-left: 20px;
}

/* BOTONES */
.btn1{display: inline-block;padding: 8px 16px;border: 1px solid;color: #03A9F4;border-radius: 8px;text-decoration: none;}
.btn1 span:after{content:"\f105";font-family: "Font Awesome 5 Pro";margin-left: 10px;display: inline-block; transition: all 200ms ease;}
.btn1:hover span:after{transform: translateX(4px);}

.btn2{display: inline-block;padding: 8px 16px;background: #03A9F4; color: white; border-radius: 8px;text-decoration: none;}

/* COLORES DE FONDO */
.fnd1{ background: #eee; }

/*CONTENIDOS*/
.contenedor{ overflow: hidden; }
.imgbnd{ width: 100%; height: 60px; background-image: url(../images/bnd.jpg); background-position: center; background-size: cover; }
.dv50{display: flex;}
.dv50 > div{width: 50%;padding-left: 20px;overflow: hidden;background: #03A9F4;}
.dv50 > div > .dv50txt{max-width: 580px;padding: 40px 40px 40px 0;float: right;color: white;}
.dv50 > div > .dv50txt a { color: white; }
.dv50 > .dv50img{background-size: cover;background-position: left center;background-image: url(../images/imagen1.jpg);}


.dv4{display: flex;flex-flow: row wrap;justify-content: space-between;}
.dv4 > div{ width: 23%; background: white; box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.dv4 > div > div{padding: 20px;word-wrap: break-word;}

.dv3{display: flex;flex-flow: row wrap;justify-content: space-between;}
.dv3 > div{width: 32%;background: white;box-shadow: 0 10px 10px rgba(0,0,0,0.06);margin: 12px 0;}
.dv3 > div > div{padding: 20px;align-self: center;}

.dvcol2{column-count: 2;column-gap: 40px;}

.iconlist { display: flex; justify-content: space-between; flex-flow: row wrap }
.iconlist > div{display: flex;width: 45%;justify-content: space-between;margin: 20px 0;}
.iconlisticon{width: 50px;height: 50px;font-size: 30px;background: #03A9F4;border-radius: 100%;text-align: center;line-height: 45px;color: white;margin-right: 10px;min-width: 50px;max-width: 50px;}
.iconlisticon i{ display: inline-block; vertical-align: middle;  }
.iconlisticon.star{ background-color: #f9ce1d; }
.iconlisticon.heart{ background-color: #dd2c00; }
.iconlisticon.cloud{background-color: #2962ff;line-height: 44px;}
.iconlisticon.tree{ background-color: #2e7d32; line-height: 42px }
.iconlisttext{ width: 100%; }

.mapa{margin-bottom:30px;display:block;}
.contcolumnas{display: flex;justify-content: space-between;}
.contcolumnas .contcol{width: 49%;}

.barcont { border-top: 2px dashed #eee; padding-top: 40px; margin-top: 40px; overflow: hidden; }
.barcont > div:first-child { }
.barcont > div:last-child { }
.barcont .barcoimg { float: right; width: 50%; margin-left: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 8px; }

/*IMAGENES Y VIDEOS*/
.imgResponsive{width:100%;display:block;}
.iframeResponsive{ position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframeResponsive > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.mivideo{ margin-bottom: 40px;}

	.mivideo > div{
}
.mivideo > div  iframe{ box-shadow: 0 12px 40px rgba(0,0,0,.3);}


footer{background: #03A9F4;color: white;clear: both;}
footer .titulo3, footer a{color: white;}
footer .titulo3{padding-bottom: 5px;}
footer .foot1{padding: 40px 0;}
footer .foot1 .subcont{display: flex;flex-flow: row wrap;justify-content: space-between;}
footer .foot1 .footizq{width: 48%;}
footer .foot1 .footder{width: 48%;}
footer .foot1 .footder p{margin: 0 0 4px;}
footer .foot1 .footder p:last-child{ margin: 0; }
footer .foot1 .footder p .telpie{text-decoration: none;}
footer .foot1 .footder > div{margin: 0 0 20px;width: 50%;text-align: right;padding: 0 0 0 30px;}
footer .foot1 .footder > div:nth-last-child(2), footer .foot1 .footder > div:last-child { margin: 0; }
.socialpie{ padding-top: 8px; }
.socialicon{display: inline-block;margin: 0 5px 0 0;line-height: 22px;}
.socialicon img{width: 22px;height: 22px;align-self: center;margin: auto;}

footer .foot2{padding: 10px 0;background-color: rgba(0,0,0,0.1);font-size: 12px;overflow: hidden;}
footer .foot2 .subcont{display: flex;justify-content: space-between;}
	footer .foot2 a { text-decoration: none; display: inline-block; padding: 4px 0; }
footer .foot2 .lnksfoot2{align-self: center; line-height: 120%; }
footer .foot2 .paxinas{align-self: flex-end; flex-shrink: 0; }
footer .foot2 .paxinas img{height: 24px; display: inline-block; vertical-align: middle; margin-left:12px;}
footer .foot2 .paxinas.-new img{height: 24px; }
footer .foot2 .paxinas span{ display: inline-block; vertical-align: middle; color: #fff; font: normal 12px/16px Arial;}
footer .foot2 .paxinas a{ text-decoration: none; }


/*WIDGET NOTICIAS*/
.cportada4.blog {  clear: both; margin: 0 0 20px; }

.bmmin4 .bloggalcont{} 
.bmmin4 .bloggalcont{ display: flex; text-decoration: none; align-items: center; border-bottom: 1px solid #eee; padding: 12px;}
.bmmin4 .bloggalcont > a > img{ display: block; width: 80px; max-width: 80px; min-width: 80px;  } 
.bmmin4 .bloggalcont > div{ width: 100%; height: 100%; padding: 4px 12px; overflow: hidden;} 
.bmmin4 .bloggalcont > div > .bgcnom > h2{margin: 0 0 2px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: underline;}
.bmmin4 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin4 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; }
.bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin4 .bloggalcont .bgcinfo{max-height: 36px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 14px;line-height: 18px;}
.bmmin4 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin4 .bloggalcont .bgcinfo:after{content: ".";position: absolute;right: 0;bottom: 0;color: transparent;width: 100%;max-width: 80px;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}


.notCont #menuFechas ul ul{ display: none; }


.notCont .compmenu{}
.notCont #menuFechas{}

    /* Tooltip del calendario */
    .eventos1 #calendar td {position:relative;}
    .eventos1 #calendar td:hover:after {background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        top: 36px;
        color: #fff;
        content: attr(title);
        right: 20%;
        white-space:pre;
        padding:12px;
        position: absolute;
        z-index: 98;
        min-width: 120px;
        max-width: 600px;
	    font-size:11px; line-height:120%;}
    .eventos1 #calendar td:hover:before {	
	    border: solid;
        border-color: #333 transparent;
        border-width: 0px 6px 6px 6px;
        top: 30px;
        content: "";
        right: 50%;
        position: absolute;
        z-index: 99;}
		#dvBloquePerso .barcoimg{ margin: 0 0 20px;}
		
.ui-datepicker-current-day {background: rgba(3, 169, 244, 0.4);}
.eventos2 #calendar .ui-widget-header {background:#03A9F4}
.eventos1 #calendar .ui-widget-header{background:#03A9F4}
.eventos1 #calendar .hasEvent a {background:#03A9F4} 

.color5 {color:#03A9F4}
#menu2 a {/* background:#03A9F4 */}
#menu2 .select {/* background:rgba(3,169,244,0.6) */}

.col2 {display:flex; justify-content:space-between;flex-flow: row wrap;}
.col2>div {width:49%; padding:24px; background:#f5f5f5}
/* div de reemplazo para cookies no aceptadas */
div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333;}
div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;}

/* Newsletter */
.bndnewsletter{background:#333;color:white;text-align:center;}
.bndnewsletter .titulo1{margin-bottom:12px;}
.bndnewsletter p{margin-bottom:20px;}
.newsbox{display:flex;justify-content:space-between;max-width:600px;margin:0 auto;}
.newsbox input{    padding: 8px 16px;
    border-radius: 6px;
	height:42px;line-height:42px;
    width: calc(100% - 190px);
    color: #333;}
.newsbox button{color: #333;
    padding: 8px 20px;
	height:42px;
	width:180px;color:white;
    line-height: 120%;background:#333;border:2px solid white;
    border-radius: 6px;text-transform:uppercase;}
.newsbox button:hover{background:rgba(255,255,255,0.1);}


/* Pagos online*/
.pago-prods { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; margin-bottom:30px;}
.pago-prods a {display:block;text-decoration:inherit;color:inherit;}
.pago-prods .prod { position: relative; border-radius:4px;overflow:hidden;}
.pago-prods .prod .cont { padding: 8px 12px; background:rgba(255,255,255,0.88); text-align: center; position: absolute; top: 8px; left: 8px; border-radius: 4px; box-shadow: 0px 0px 8px rgba(0,0,0,0.4); }
.pago-prods .prod .cont .titulo3 { margin: 0; color: #333;font-weight:600; }
.pago-prods .prod .precio:before{content:'Pagar ahora';display:block;font-size:14px;text-transform:uppercase;line-height:130%; font-weight:normal;letter-spacing:1px;}
.pago-prods .prod .precio { text-align: center; box-shadow: 0px 0px 8px rgba(0,0,0,0.4); font-weight: bold; display: inline-block; background: #03A9F4; color: #fff; padding: 8px 20px; border-radius: 25px; font-size: 22px; line-height: 130%; letter-spacing: 2px; position: absolute; bottom: 8px; right: 8px; }
.pago-prods .prod img { display: block; width: 100%; transition: opacity 300ms ease;}

.pago-prods .prod:hover img {opacity:0.88;}
/*INMOBILIARIA*/
.inmosearch { background-image: url(../images/inmobiliaria.jpg); background-position: bottom center; background-size: cover; display: flex; padding: 40px 0 0; min-height: 60vh; align-items: flex-end; }
.selector > a, .fndbuscador, .buscadorpie{}
.colizq .infiltro > div > div .titulo2{ font-size: 120%; margin: 0;}
#ucBuscadorRes_dvFtrFechas .gruponum > span{ text-transform: uppercase; font-size: 70%; opacity: .8;font-weight: bold; line-height: 100%; margin: 8px 0 2px; display: block; }

/* Motor */
.motorsearch { background-image: url(../images/bg-motor.jpg); background-position: center 57%; background-size: cover; display: flex; padding: 40px 0 0; min-height: 60vh; align-items: flex-end; }

/*Control Acceso*/
.private { background: black; display: flex; align-items: center; border-radius: 16px; overflow: hidden; max-width: 860px; margin: auto; }
	.private .privatecont { color: #fff; padding: 40px; }
	.private .privatecont h1{ color: #fff;}
		.private .privatecont .boton { background-color: #ffee58; color: #000; display: inline-block; padding: 8px; border-radius: 4px; text-decoration: none; font: bold 16px/20px Raleway }
	.private img { display: block; width: 100%; max-width: 50%; margin: auto; }
.carrito:not(:last-child) { margin: 0 8px 0 auto; }
/*Nube de usuarios*/
.nube-cont { display: flex; align-items: center;margin: 0;}
.nube-cont > div{ width: 50%;}
	.nube-cont > div .titulo1 { margin: 0 0 12px; }
	.nube-cont > div p { margin: 0 0 12px; }
	.nube-cont > img { max-width: 50%; margin-left: 20px; flex-shrink: 0; }
.nube-cont .nube-btn a{ display: inline-flex; padding: 12px; border-radius: 4px; text-decoration: none; line-height: 100%; margin-top: 8px;}
.nube-cont .nube-btn a i{ margin-right: 8px}
	.nube-cont .nube-btn a:first-child { background: #03A9F4; color: #fff; margin-right: 8px; }
.nube-cont .nube-btn a:last-child{ box-shadow: inset 0 0 0 2px #eee;}
.archivospublicos { padding: 20px; border-radius: 16px; background-color: #fff;}
	.archivospublicos h2 { margin: 0 0 8px;  }
	.archivospublicos > p { padding: 0 0 12px; border-bottom: 2px dashed #eee; margin: 0 0 8px; }
.section-files .file-list li .file-preview { display: none;}
.sectionNube { display: flex; background: #222; color: #fff;}
.sectionNube .nube-texto { width: 50%; margin: auto;}
.sectionNube .nube-texto > div{ margin: 0 0 0 auto; max-width: 600px; padding: 32px 20px;}
	.sectionNube .nube-imagen { width: 50%; }
		.sectionNube .nube-imagen img { width: 100%; height: 100%; display: block; object-fit: cover; max-height: 440px; }
		
	

		
		
		
		
@media screen and (max-width: 960px) { header #menu > div > ul > li a{padding: 12px;}
	.dv4 > div{ width: 48%; margin: 2% 0; }
	.dv3 > div{width: 100%;margin: 0 0 20px;display: flex;align-content: flex-start;}
	.dv3 > div a{width: 50%;align-self: flex-start;padding: 10px;}
	.dv3 > div > div{ width: 50%; }
	footer .foot1 .footizq{width: 100%;margin: 0 0 40px;}
	footer .foot1 .footder{width: 100%;}
	footer .foot1 .footder > div{ text-align: left; }
	footer .foot1 .footder > div:nth-child(2n+1){ padding: 0; }
	
	.col2>div {width:100%; }
	.col2>div:first-child {margin-bottom:20px;}
}

@media screen and (max-width: 860px) {
.inicio { display: block; }
.inicio > div:last-child{ margin: 20px 0 0; width: 100%; max-width: 100%; min-width: 100%; }
#calendar {max-width:100%}
	
}
	
@media screen and (min-width: 769px) {
	header #menu > div > ul > li.submenu ul{ display: none !important; } 
	header #menu > div > ul > li.submenu:hover ul{ display: block !important; }
}

@media screen and (max-width: 768px) {
	
	header .cab .infocabtxt{ display: none; }
	#pull{display: block;transition: all 400ms ease;}
	#pull.active i{ display: none; }
	#pull.active .btncerrarmenu{ display: inline-block; }
	header #menu{ }
	header #menu > div {position: fixed;display: flex;flex-direction: column;width:225px;top: 0;left: -225px;height: 100%;overflow: auto;z-index: 5;transition: all 400ms ease;box-shadow: 0;justify-content: space-between;}
	header #menu.active > div { left: 0; box-shadow: 0 0 30px rgba(0,0,0,0.4) }
	header #menu > div > ul{display: block;min-width: 0;}
	header #menu > div > ul li{display: block;margin: 0;width: 100%;border-radius: 0 !important;}
	header #menu > div > ul li.select ul{ display: block; }
	header #menu > div > ul li a{border-bottom: 1px solid rgba(0,0,0,0.1);display: block;text-align: left;border-radius: 0;}
	header #menu > div > ul > li a{padding: 16px;}
	header #menu.active  #close{z-index: 2;opacity: 1;width: 100%;}	
	header #menu > div > .socialmenu{display: block;} 
	header #menu > div > ul > li.submenu ul{position: static;BORDER-RADIUS: 0;}
	
	#swipergal .swipertxt{ width: 60%; }
	#swipergal .swiper-slide:nth-child(2n) .swipertxt{ margin-left: 40%;}
	
	#lightgallery li {width: 24.333%;}
	.pago-prods { grid-gap: 20px; }
}

@media screen and (max-width: 767px) {
	.barcont { display: flex; flex-direction: column; }
	.barcont .barcoimg { width: 100%; float: none; margin: 0 0 20px; }
	.nube-cont { flex-direction: column; }
		.nube-cont > div,
		.nube-cont > img { width: 100%; }
		.nube-cont > img { max-width: 360px; margin: 20px auto 0; }
	.sectionNube { flex-direction: column; }
		.sectionNube .nube-texto,
		.sectionNube .nube-imagen { width: 100%; max-width: 100%;}
			.sectionNube .nube-texto > div { max-width: 100%; padding: 40px 20px;}
}

@media screen and (max-width: 640px) {
	header .cab .infocabtel a span{ display: none; }
	header .cab .infocabtel a{ width: 40px; text-align: center; }
	header .cab .infocabtel a  i{ margin: 0; }
	.infocabbtn a span{ display: none; }
	.infocabbtn a i{ margin: 0; }
	#swipergal .swipertxt, #swipergal .swiper-slide:nth-child(2n) .swipertxt{ width: 75%; margin: 0 auto; }
	.dv50{ flex-direction: column; }
	.dv50 > div{width: 100%; padding: 0; }
	.dv50 > div > .dv50txt{ padding: 40px; }
	.dv50 > .dv50img{height: 250px;}
	.dv4 > div{ width: 100%; margin: 0 0 20px; }
	.dvcol2{ column-count: 1;}
	.iconlist > div{ width: 100%; }
	.contcolumnas{ display: block; }
	.contcolumnas .contcol{ width: 100%; margin: 0 0 20px; }
	.pago-prods { grid-gap: 16px; grid-template-columns: 1fr }
	.private { flex-direction: column;}
	.private .privatecont{ padding-top: 0;}
	.private img{ max-width: 100%; }
	.logCA { max-width: 120px;}

	@media screen and (max-width: 480px) { header .cab .logo span{ font: 800 20px/20px Raleway; }
	
	#swipergal .swipertxt, #swipergal .swiper-slide:nth-child(2n) .swipertxt{ width: 100%; }
	.dv3 > div{display: block;}
	.dv3 > div a{width: 100%; padding: 0px;}
	.dv3 > div > div{ width: 100%; }
	footer{ text-align: center; }
	footer .foot1 .footder > div{ width: 100%; padding: 0; text-align: center; }
	footer .foot1 .footder > div:nth-last-child(2){ margin: 0 0 20px; }
	footer .foot1 .footder > div:nth-child(2n+1){ padding: 0; }
	footer .foot2 .subcont{ display: block; }
	footer .foot2 .paxinas{ margin-top: 8px; }
	.socialicon img{ width: 30px; height: 30px; margin: 0 5px; }
	.carrito .separador{display:none;}
.carrito #bolsacompra_spnImporte{display:none;}
.carrito .cestaprod span:last-child{ display: none; }
.btnyt{ display: flex; margin: 8px 0; }
.newsbox{flex-direction:column;align-items:center;}
.newsbox input{width:100%;margin-bottom:8px;text-align:center;}
	.titulo3 { font: bold 20px/26px Raleway;  }
	
	.pago-prods .prod .precio { font-size:18px;line-height:120%;right:4px;bottom:4px;}
	.pago-prods .prod .cont { padding: 4px 10px; left: 4px; top: 4px; }
	.pago-prods .prod .precio:before { font-size:12px;line-height:120%;}

	.titulo1 { font: bold 28px/35px Raleway; margin: 0 0 20px; }
}
}