@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; box-sizing:border-box;}
html{ margin:0; padding:0; text-align:center;}
.clear{ display: block; clear:both;}
.clear2 {  display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0; overflow:hidden;}

/* ------------------ Fuente importada Google fonts -------------------- */
.dm-sans-font{ font-family: "DM Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
/* ---------------- /Fin Fuente importada Google fonts ----------------- */
/* ------------------ DIVs principales -------------------- */
body{ font:initial; font-family: "DM Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size:15px; color:#1a171b; margin:0 auto; /*overflow-x:hidden;*/ padding:0; background:url(../../images/bacaladilla/bg_bacaladilla.png) repeat top center;}
#paginacompleta{ display: block; position:relative; /*position:absolute;/*Ojo estaba en relative pero daba problemas en firefox*/ margin:0 auto;}
.float_l { float:left;}
.float_r { float:right;}
.oculto { position:absolute; height:0; left: -10000px; display:none;}
.ir-arriba { position: fixed; display:block; /*display: none;*/ right: 3%; bottom: 50px; width: 50px; height: 49px; background-image:url(img/flecha-subir.png); background-repeat: no-repeat; z-index: 1;}
/* -----------------/Fin DIVs principales/--------------- */

/* ---------------------- Titulos ------------------------ */
body.home h1, body.plantilla h1 { font-family: "TuskerGrotesk9800Super"; /*font-size: 102px;*/ font-size:calc(2em + 5.2vw); line-height:115px; font-weight:normal; color: #3a4f75; margin-bottom:20px; text-transform:uppercase; text-align:center;}
body.plantilla h1 { text-align:center;}
body.home h2, body.plantilla h2 { font-size:37px; font-family: "TuskerGrotesk9800Super"; color:#3a4f75; font-weight:normal; margin-bottom:20px; }
body.home h3, body.plantilla h3 { font-size: 24px; color:#455674; font-weight:normal; }
body.home h4, body.plantilla h4 { font-size: 23px; color: #FFFFFF; font-weight:normal; background-color:#EF942E;}
body.home h5, body.plantilla h5 {font-size:23px; color: #000000; font-weight:normal;}
body.home h6, body.plantilla h6 {font-size:20px; color: #00AEEF; text-align: left;}
/* ---------------------- /Fin Titulos ------------------------ */

/* --------------- Elementos de texto, listas, esquinas redondeadas,etc ---------------- */
p { margin: 0; line-height:normal;}
ul, ol { margin: 0; }
ul { list-style:none; }
a { color:#1a171b;  text-decoration: none; }
a:hover { text-decoration: none; color:#b1132f; }
a:focus {outline:0px;}/*esto sirve para que no meta recuadro alrededor menus cuando haces click en ellos*/
a img{text-decoration: none; border: 0px;}
b, strong { font-weight:bold;}
label{margin: 0; font-family: "DM Sans", sans-serif; font-size:16px; color:#FFFFFF;}
img { display:block; text-decoration: none; border: none; max-width:100%; height:auto;}
.esquredond { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; /* IE9 y superiores */ border-radius: 5px;}
/* ------------ /Fin Elementos de texto, listas, etc ------------- */

/* --------------- LOADING ---------------- */
.loading-alr { background: rgba(0,0,0,.7); position: absolute; width: 100%; height: 100%; z-index:1;}
.loading-alr img{ margin:35% auto 0; }
/* ------------ /Fin Loading ------------- */

/* ------------ Colores ------------- */
.col-rojo-corp{ color:#b1132f!important;}
.col-azul-corp{ color:#465270!important;}
/* ------------ /Fin Colores ------------- */

/* ------------ Tamaños fuentes ---------- */
.fon20px { font-size:20px!important;}
/* --------- /Fin Tamaños fuentes -------- */

/* ------------ Botones ------------- */
.zon-btnes { display:block; position:relative; width:100%; margin:20px 0; text-align:left;}
.zon-btnes.alin-centro { text-align:center;}
a.bt-defec {  display: inline-block;  padding: 15px 20px; font-size: 18px; color: #FFFFFF; background-color: #425673; margin-bottom:20px; cursor: pointer; letter-spacing: 0.01em; -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; clear:both;}
a.bt-defec:hover { background-color:#b1132f;}
.zon-btnes.alin-centro a.bt-defec {margin: 10px 10px 20px;}
a.bt-ver { display:inline-block; padding:10px 15px; font-size:14px; color:#FFFFFF; background-color:#f4a127; cursor:pointer; letter-spacing:-0.01em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
a.bt-ver:hover {background-color:#b1132f;}
a.bt-recupcontra { color:#b1132f; margin-bottom:10px;}
a.bt-recupcontra:hover { color:#455674;}
/* ------------ /Fin Botones ------------- */

/* ---------------------- ESTRUCTURA GENERAL PAGINA---------------------- */
section {display: block; position:relative; width:100%; height:auto; padding:20px 0; clear:both;}
.contenedor { max-width:1300px; width:92%; margin:0 auto;}
.unafila{ display:flex; position:relative; width:100%; padding:0 4%; margin-bottom:10px;}
.unafila.gap5 {column-gap:5px;}
.unafila.gap25 {column-gap:25px;}
.unafila.gap50 {column-gap:50px;}
.colum{ display:flex; position:relative; width:100%; height:auto;}
.colum.col100pc{ width:99%; margin:0 0.5%;}
.colum.col60pc{ width:60%;}
.colum.col50pc{ width:50%;}
.colum.col40pc{ width:40%;}
.direc-column { flex-direction:column;}
.direc-fila { flex-direction: row;}
.vert-center {align-items:center;}
/* -------------------- /Fin ESTRUCTURA GENERAL PAGINA ------------------ */

/* ------------------------- CABECERA ------------------------ */
#cabecera { display:block; position:relative; margin:0 auto; padding:30px 0 10px;}
/* ---------------------- /Fin CABECERA ---------------------- */

/*** Redes sociales ***/
.redessoc .redsocial{display: inline-block; height: 26px; margin-left:3px; margin-right:3px; padding:0;}
.redessoc .redsocial a{ display: block; height:26px; background-position:left;background-repeat:no-repeat;}
.redessoc .redsocial a:hover{ opacity:0.7; filter: alpha(opacity=70);}
.redessoc .redsocial a.mail { width:30px; background-image: url('img/ico-mail-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.mail:hover {background-image: url('img/ico-mail_h.png');}*/
.redessoc .redsocial a.face { width:14px; background-image: url('img/ico-face-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.face:hover {background-image: url('img/ico-face_h.png');}*/
.redessoc .redsocial a.twitt { width:24px;background-image: url('img/ico-twitter-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.twitt:hover {background-image: url('img/ico-twitter_h.png');}*/
.redessoc .redsocial a.insta { width:26px;background-image: url('img/ico-insta-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.insta:hover {background-image: url('img/ico-insta_h.png');}*/
.redessoc .redsocial a.youtube { width:33px;background-image: url('img/ico-youtube-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.youtube:hover {background-image: url('img/ico-youtube_h.png');}*/
.redessoc .redsocial a.pinterest { width:30px;background-image: url('img/ico-pinterest-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.pinterest:hover {background-image: url('img/ico-pinterest_h.png');}*/
.redessoc .redsocial a.gmas { width:30px;background-image: url('img/ico-googlemas-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.gmas:hover {background-image: url('img/ico-googlemas_h.png');}*/
.redessoc .redsocial a.linkedin { width:30px;background-image: url('img/ico-linkedin-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.linkedin:hover {background-image: url('img/ico-linkedin_h.png');}*/
.redessoc .redsocial a.whatsapp { width:30px;background-image: url('img/ico-telefono-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.whatsapp:hover {background-image: url('img/ico-telefono_h.png');}*/
.redessoc .redsocial a.vimeo { width:30px;background-image: url('img/ico-vimeo-rojo.png'); background-size:contain;}
/*.redessoc .redsocial a.whatsapp:hover {background-image: url('img/ico-telefono_h.png');}*/
.redessoc .redsocial a span { display:none;}
/*** /Fin Redes sociales ***/

/* ------------------------ IMAGEN FONDO CABECERA HOME --------------------------- */
#fondo-cabecera { display:block; position: relative; width: 100%; height:auto; overflow: hidden;}
#fondo-cabecera .img-fondo { width:100%; height:auto;}
/* ------------------ /Fin Imagen fondo Cabecera Home ---------------------------- */

/***Formularios***/
form.formutipo { display:block; position:relative;}
form.formutipo fieldset{ display:block; position:relative; width:100%; border:none; padding:0; text-align:left;}
form.formutipo fieldset .fila-formu{ display:block; position:relative; width:100%; margin-bottom:12px; clear:both;}
form.formutipo fieldset .fila-formu.ultm{ margin-top:18px;}
form.formutipo input[type="radio"] { display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0;   vertical-align: text-top;}
form.formutipo .textradio{ font-size:18px; color:#FFFFFF; margin-left:4px; margin-right:105px; }
form.formutipo label{ display:none; position:relative; width:41%; text-align:left; margin-bottom:4px;}
form.formutipo label.visible{ display:block; position:relative; width:100%; font-size:15px; color:#757482;}
form.formutipo label.oculto{ position:absolute;}
form.formutipo label.vatop{ vertical-align:top;}
form.formutipo label.required:after{ content: ' *'; color:#FF0000; font-size:15px; font-weight:bold;}
form.formutipo input{ display:inline-block; width:100%; height:35px; padding-left:2%; color:#fffeeb; background-color:#3a4f75; border:none; font-family: "DM Sans", sans-serif; font-size:14px; font-weight:400; letter-spacing:0.04em; border-radius:10px;}
form.formutipo input[type="checkbox"] { width:20px; height:20px; vertical-align:middle; margin-left:12px;}
form.formutipo .fila-formu.check { padding-left:48px; width:auto;}
form.formutipo .fila-formu.check span { font-size:24px; color:#f4a127;}
form.formutipo textarea{ display:block; width:98%; height:56px; padding-top:1%; padding-left:2%; margin-bottom:6px; color:#fffeeb; background-color:#3a4f75; border:none; resize:none; font-family: "DM Sans", sans-serif; font-size:14px; font-weight:400; letter-spacing:0.04em; border-radius:10px; }
form.formutipo select{ display:block; width:100%; height:35px; padding-left:2%; color:#fffeeb; background-color:#3a4f75; border:none; font-family: "DM Sans", sans-serif; font-size:14px; font-weight:400; letter-spacing:0.04em; border-radius:10px;}
form.formutipo .tipouser{ position:relative; display:block; width:80%; height:29px; line-height:29px; margin:0 auto 20px;}
form.formutipo .tipouser .particul a, form.formutipo .tipouser .empresa a{ position:relative; display:block; float:left; width:auto;  height:29px; line-height:29px; padding-left:45px; margin-bottom:6px; background-image:url(img/checkbox.png);  background-repeat:no-repeat; font-size:13px; font-weight: 600; font-style: italic;}
form.formutipo .tipouser .particul a:hover, form.formutipo .tipouser .empresa a:hover{  background-image:url(img/checkbox_h.png); background-repeat:no-repeat; color:#430C22;}
form.formutipo .tipouser .particul a.activo, form.formutipo .tipouser .empresa a.activo{ background-image:url(img/checkbox_h.png); background-repeat:no-repeat; color:#430C22;}
form.formutipo .tipouser .empresa a{margin-left:52px;}
form.formutipo input.btcontinuar { display:block; width:176px; height:46px; margin:22px auto 0; background-image:url(img/bt_continuar.png); background-color:transparent; cursor:pointer;}
form.formutipo input.btcontinuar:hover{ -webkit-filter: invert(0.2);}
form.formutipo p{ width:100%; margin: 0 0 10px; }
form.formutipo p.titulabel, form.formutipo label.titulabel{ font-family: 'Maven Pro', sans-serif; font-size:13px; color:#FFFFFF; text-shadow: 2px 2px 2px rgba(78, 49, 39, 1);}
form.formutipo a.btregistface{ font-size:15px; font-weight:300;}
form.formutipo a.btregistface img{ display:inline-block; vertical-align:top; margin-right:9px;}
form.formutipo a.btregistface span{ display:inline-block; width:80%; text-decoration:underline;}
form.formutipo a.btregistface span:hover{ text-decoration:underline;}
form.formutipo a.btregistface:hover { color:#B3955C; text-decoration:none;}
form.formutipo .acepta-bases{ display:block; margin-bottom:15px; }
form.formutipo .acepta-bases span{ color:#3a4f75; font-size:15px;}
form.formutipo .acepta-bases input[type="checkbox"] { margin-left: 0; margin-right:5px;}
form.formutipo .acepta-bases a { color:#455674; text-decoration:underline;}
form.formutipo .acepta-bases a:hover { color:#b1132f;}
form.formutipo .aceptlopd { display:block; position:relative; width:100%; font-size:18px; color:#FFFFFF; }
form.formutipo .aceptlopd .icono a{ display:block; position:relative; float:left; width:20px; height:20px; line-height:20px;  background-image:url(img/checkbox.jpg); background-repeat:no-repeat; background-size:100%;}
form.formutipo .aceptlopd .icono a:hover{ background-image:url(img/checkbox_h.jpg); background-repeat:no-repeat;}
form.formutipo .aceptlopd .icono a.activo{ background-image:url(img/checkbox_h.jpg); background-repeat:no-repeat;}
form.formutipo .aceptlopd span { display:block; position:relative; float:left;  width:90%;  margin-left:2%; font-size:18px; text-align:left; line-height:20px;}
form.formutipo .aceptlopd span a { text-decoration:underline; color:#747474; margin-left:5px;}
form.formutipo .aceptlopd span a:hover{ color:#CCCCCC;}
form.formutipo .captcha { display:block; width:85%; margin:15px auto;}
form.formutipo .imgcaptcha { width:101px; height:auto; float:left; margin:0 auto;}
form.formutipo input.inputcapt { width:62%; height:29px; line-height:29px; float:left; margin-left:5px; margin-bottom:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; font-style:italic; color:#430C22;}
form.formutipo input.bt-enviar { display:block; width:120px; padding:0; font-size:18px; height:40px; line-height:40px; color:#FFFFFF; background-color:#3a4f75; cursor:pointer; letter-spacing:0.01em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:10px auto;}
form.formutipo input.bt-enviar:hover {background-color:#b1132f;}
form.formutipo .error_form { display:block; position:relative; color:#FF0000; font-size:13px;}
form.formutipo .acepta-bases .error_form { }
form.formutipo input.rellenar { border:1px solid #000000; background-color:#FDEEF1; }
form.formutipo .error_form.acept { display: block; position: relative;top: inherit; right: inherit; text-align:center;}
.zona-mensajes-formu { background-color:#fbe6ba;}
.zona-mensajes-formu p{ font-size:22px!important; }
/*fomulario con labels*/
form.formutipo.form-label label{ display:none; position:relative; width:100%; font-size:14px; color:#364d79;text-transform: uppercase;}
form.formutipo.form-label input::placeholder, form.formutipo.form-label textarea::placeholder{ color:#fffeeb;}
form.formutipo.form-label fieldset .fila-formu { margin-bottom:15px;}
/* Mensajes error */
.zona-mensajes-formu .mensaje { display:block; width:100%;}
#error.mensaje p{ color:#FF0000; margin-bottom:0; line-height:normal;}
#notice.mensaje p{ color:#1a5f29; margin-bottom:0; line-height:normal;}
/* /Fin Mensajes error */
/*** /Fin Formularios***/


/* ---------------------- CABECERA PÁGINAS ---------------------- */
.img-portada { display:block; width:100%;}
.img-portada img{ width:100%; height:auto;}
.img-portada .zona-titulo { display:block; position:absolute; width:80%; margin-top:7%; margin-left:10%; border:8px solid #FFFFFF; padding:4% 0; overflow:hidden;}
.img-portada .zona-titulo.maslargo { width: 90%; margin-left: 5%;}
body.plantilla .zona-titulo.maslargo h1 { font-size:72px;}
/* ------------------- /Fin Cabecera Páginas -------------------- */

/* ---------------------- CONTENIDO GENERAL SECCION PAGINA---------------------- */
.col100pc .separador { max-width:300px; margin-bottom:40px; }
.col100pc .un-bloque { display:inline-block; position:relative; width:100%; margin:0 auto 20px;}
.col100pc .un-bloque.uno-de-tres { width:31%; margin-right:3%; vertical-align:top;}
.col100pc .un-bloque.ultm { margin-right:0;}
.txt-rojo { color:#b1132f;}
.un-bloque .fondo-color-caja { display:block; background-color:#fffce5; max-width:480px; padding:20px 10px 20px 20px; margin:30px auto;	}
body.plantilla .contedit h2 { margin-bottom:30px;}
.contedit { display:block; position:relative; margin-bottom:30px;}
.contedit ol {list-style: none; counter-reset: li; text-align:left;	}
.contedit ol li{ font-size:18px; text-align:left;color:#455674;}
.contedit ol li::before {content: counter(li)'.'; color: #ce362f; display: inline-block; /*width: 16px; margin-left: -16px;*/ margin-right:4px;}
.contedit ol li {counter-increment: li; font-size:19px; line-height:23px; margin-bottom:7px;}
.contedit ul{ list-style:disc; margin-left:18px; text-align:left;	}
.contedit ul li {font-size:18px; line-height:23px; margin-bottom:8px;color:#455674;}
/* --------------- /Fin Contenido Gral seccion página---------------- */

/* ---------------------------- CONTENIDO HOME ---------------------- */
.zona-video { display:block; position:relative; width:100%;}
.testimonios {display:flex; position:relative; flex-wrap: wrap; column-gap:28px;}
.un-testimonio {display:flex; position:relative; width:48%; background-color:#3a4f75; border-radius: 40px; padding: 150px 35px 35px 55px; column-gap:40px; margin-bottom:30px; background-image: url('../../images/bacaladilla/comillas-testimonio.png'); background-repeat:no-repeat;background-size: 180px; background-position: 15px 0;-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.61); -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.61); box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.61);}
.un-testimonio .zon-txt { width:100%;}
.un-testimonio .zon-txt p{ text-align:justify; color:#fffeeb; font-size:22px; line-height:26px; font-weight:500;}
.un-testimonio .zon-img {width:75%;}
.un-testimonio .zon-img img { border-radius:30px;}
.secc-registro p{ font-size:29px; line-height:36px; text-align:justify; color:#3a4f75; margin-bottom:40px; font-weight:bold; }
.cuadro-formu {display:block; position:relative; width:100%; background-color:#fffeeb; border-radius: 40px; padding: 45px 35px 20px; margin-bottom:30px; border:2px solid #3a4f75; -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.6); box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.6);}
.cuadro-formu p.titulo {font-size: 40px; line-height: 40px; margin-bottom:25px; text-align: center; text-transform: uppercase; font-family: "TuskerGrotesk9800Super"; font-size:calc(1.3em + 1.5vw);}
.cuadro-formu p.titulo span{font-size: 34px;font-size:calc(0.33em + 1.5vw);}
.img-flotando { position:absolute; left:0; right:0; margin:0 auto;}
.cuadro-formu .img-flotando{  top: 65px; width: 160px; height: auto;}
.secc-dos-videos { padding-bottom:50px;}

/***** SECCION VIDEO YOUTUBE *****/
.zona-video .loadVideoYoutube { display: block; position: relative; height: 0; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; background-size: 100% !important;}
.zona-video .loadVideoYoutube iframe, .zona-video .loadVideoYoutube object,.zona-video .loadVideoYoutube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.zona-video .loadVideoYoutube {padding-bottom: 50.4%;}
.zona-video .loadVideoYoutube.vertical {padding-bottom: 100%;}
        /***** /Fin Seccion Video Youtube *****/
/* ------------------------ /Fin Contenido Home---------------------- */

/* ---------------------- POP UP BOTONES EN BLOQUE ---------------------- */
dialog::backdrop{background:rgba(0, 0, 0, 0.8);}
dialog.vent-emergente {  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #3a4f75; padding: 20px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); z-index: 1000; border-color:#fffeeb;}
dialog.vent-emergente{ max-width:600px;}
dialog.vent-emergente p { color: #fffeeb; font-size: 20px; line-height: 26px; font-weight: 400; margin-bottom:8px;}
dialog.vent-emergente p.titu {font-size: 24px; line-height: 28px; font-weight: 500; margin-bottom:15px; }
dialog.vent-emergente a {color: #b3bdd3; font-size: 20px; line-height: 26px; font-weight: 400; }
dialog.vent-emergente a:hover { text-decoration:underline; }
dialog .btn-close-info { position: absolute; top: 10px; right: 10px; cursor: pointer; background: none; border: none; font-size: 26px; font-weight: bold; color: #fffeeb;;}
.content-dialog hr { margin: 10px 0;}
/* ------------------ /Fin Pop up Botones en bloque ---------------------- */

.zon-txt-legal { display:block; position:relative; width:100%; margin-bottom:30px;}
body.plantilla.legal h1 { color:#b1132f;}
.zon-txt-legal .contedit h2 { margin-top:25px;}

/* --------------------- PAGINA GALERÍA IMÁGENES ---------------------- */
.galeria-img { display:block; position:relative; width:100%;}
.galeria-img ul.listagaleria { list-style-type:none;}
.galeria-img ul.listagaleria li{ display:inline-block; width:262px; height:262px; margin:0 11px 15px;}
.galeria-img ul.listagaleria li img{ width:100%; height:auto;}
/* ------------------ /Fin Página Galería imágenes -------------------- */

/* ---------------------- PLANTILLA RESULTADOS BÚSQUEDA---------------------- */
.zoncontenido .resultbusq { display:block; position:relative; width:100%; height:auto; margin:10px auto 0;}
.zoncontenido .resultbusq ul.listresult { display:block; position:relative; width:70%; height:auto; padding-left:3%; border-left:#D6D6D7 1px solid; margin:0 auto 0;}
.zoncontenido .resultbusq ul.listresult li { display:block; position:relative; width:100%; height:auto; margin-bottom:18px; color: #9D9E9F; font-size:15px; line-height:16px;}
.zoncontenido .resultbusq ul.listresult li p.titulo { font-weight:bold; margin-bottom:3px;}
.zoncontenido .resultbusq ul.listresult li p.descrip { width:98%; padding-left:2%;}
.zoncontenido .resultbusq .zonpaginador { display:block; position:relative; width:80%; height:26px; margin:40px auto 0; background-image:url(img/pixel_fon_tituregistr.jpg); background-repeat:repeat-x; font-size:15px;}
.zoncontenido .resultbusq .zonpaginador p { display:block; position:relative; float:left; height:26px; line-height:26px;}
.zoncontenido .resultbusq .zonpaginador .paginador { display:block; position:relative; float:right; width:160px; margin-right:5px;height:26px; line-height:26px;}
.zoncontenido .resultbusq .zonpaginador .paginador .btretroini a { display:block; position:relative; float:left; width:13px; height:15px; margin-top:5px; margin-right:11px; background-image:url(img/paginador_retroini.png); background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btretroini a:hover { background-image:url(img/paginador_retroini_h.png);background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btretro a { display:block; position:relative; float:left; width:6px; height:15px; margin-top:5px; margin-right:8px; background-image:url(img/paginador_retro.png); background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btretro a:hover { background-image:url(img/paginador_retro_h.png); background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador ul { display:block; position:relative; float:left; width:90px; height:26px;line-height:24px;}
.zoncontenido .resultbusq .zonpaginador .paginador ul li { display:block; position:relative; float:left; margin:0 3px;}
.zoncontenido .resultbusq .zonpaginador .paginador ul li a.activo { color:#000000;}
.zoncontenido .resultbusq .zonpaginador .paginador .btavanz a { display:block; position:relative; float:left; width:6px; height:15px; margin-top:5px; margin-right:11px; background-image:url(img/paginador_avan.png); background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btavanz a:hover { background-image:url(img/paginador_avan_h.png);background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btavanzini a { display:block; position:relative; float:left; width:13px; height:15px; margin-top:5px; background-image:url(img/paginador_avanini.png); background-repeat: no-repeat;}
.zoncontenido .resultbusq .zonpaginador .paginador .btavanzini a:hover { background-image:url(img/paginador_avanini_h.png);background-repeat: no-repeat;}
/* --------------- /Fin Plantilla Resultados Búsqueda ---------------- */

/* ---------------------- POP UP LIGHTBOX ---------------------- */
/*Lightbox Avisos error*/
.small-dialog { background-color:#425673; padding:20px;}
.contenedor .avisos-error{ display:block; position:relative; width:90%; height:auto; background-color: #FFFFFF; padding:4% 5%; margin:0 auto; text-align:center;}
.contenedor .avisos-error img{ display:inline-block; vertical-align:top; margin-right:5px; }
.contenedor .avisos-error p{ font-size:17px; color:#425673;vertical-align:top; margin-bottom:10px; }
.contenedor .avisos-error p.gran{ display:inline-block; font-size:45px; color:#b1132f; margin-bottom:10px;}
.mfp-close { width: 25px; height: 25px; line-height: 25px; opacity:1;}
.mfp-close-btn-in .mfp-close { color: #FFFFFF; }
.mfp-close:hover, .mfp-close:focus { color:#000;}
/* ---------------------- /Fin Pop up LIGHTBOX ---------------------- */

/* ----------------- Nuevo cumplimiento LOPD -------------------*/
.texto-legal { padding: 10px 10px 5px; border: 1px solid #b9ac9f; background-color: #e2d7d7;}
.texto-legal p{ margin-bottom:12px!important; }
.texto-legal p.titulo{ font-weight:bold;  }
/* ----------------- /Fin Nuevo cumplimiento LOPD -------------------*/

/* ---------------------- PIE PÁGINA ---------------------- */
#pie{ position:relative;width:100%; margin:0 auto; background-color:#455674; }
#pie .contenpie{display:block; position:relative; width:1160px; margin:0 auto; padding-top:30px; padding-bottom:20px;}
#pie .columizq{ display:block; position:relative; float:left;}
#pie .columder{ display:block; position:relative; float:right;}
#pie .columizq .zonlogos{ display:block; position:relative; width:auto; height:auto;}
#pie .columizq .zonlogos .logo{ display:inline-block; position:relative; margin-right:30px;}
#pie .columizq .zonlogos .logo img{ width:190px; height:auto;}
#pie .columizq p { font-size:22px; color:#fff;}
#pie .columder .dosfilas { display:block; position:relative; width:100%;}
#pie .columder .dosfilas .unafila { display:block; position:relative; clear:both;}
#pie .columder ul.menupie{ display:block; position:relative; float:left;}
#pie .columder ul.menupie li { display:block; position:relative; float:left; font-size:13px; color:#FFFFFF;}
#pie .columder ul.menupie li a { font-weight:normal; color:#FFFFFF;}
#pie .columder ul.menupie li a:hover { color:#b1132f;}
#pie .columder ul.menupie li a.activo { color:#b1132f;}
#pie .columder ul.menupie li a:after{ content:'|'; color:#FFFFFF; padding-left:5px; padding-right:5px;}
#pie .columder ul.menupie li.ultm a:after{ content: none;}


/*** Redes sociales ***/
#pie .redessoc .redsocial{ margin-bottom:20px;}
#pie .redessoc .redsocial a.mail { width:30px; background-image: url('img/ico-mail.png'); background-size:contain;}
#pie .redessoc .redsocial a.face { width:14px; background-image: url('img/ico-face.png'); background-size:contain;}
#pie .redessoc .redsocial a.twitt { width:24px;background-image: url('img/ico-twitter.png'); background-size:contain;}
#pie .redessoc .redsocial a.insta { width:26px;background-image: url('img/ico-insta.png'); background-size:contain;}
#pie .redessoc .redsocial a.youtube { width:33px;background-image: url('img/ico-youtube.png'); background-size:contain;}
#pie .redessoc .redsocial a.pinterest { width:30px;background-image: url('img/ico-pinterest.png'); background-size:contain;}
#pie .redessoc .redsocial a.gmas { width:30px;background-image: url('img/ico-googlemas.png'); background-size:contain;}
#pie .redessoc .redsocial a.linkedin { width:30px;background-image: url('img/ico-linkedin.png'); background-size:contain;}
#pie .redessoc .redsocial a.whatsapp { width:30px;background-image: url('img/ico-telefono.png'); background-size:contain;}
#pie .redessoc .redsocial a.vimeo { width:30px;background-image: url('img/ico-vimeo.png'); background-size:contain;}
/*** /Fin Redes sociales ***/
/* --------------- /Fin Pie Página ---------------- */

/* -------ELEMENTOS QUE NO SE CARGAN EN VERSIÓN PC --------*/

/* -------/ Elementos que no se cargan de versión móbil -------*/ 

@media (min-width: 1400px) {
#pie .contenpie {width:1260px;}
#pie .columizq .zonlogos .logo img{ width:246px; height:auto;}
#pie .columizq p { font-size:29px;}
#pie .columder ul.menupie li { font-size:14px;}
}
@media (min-width: 1500px) {
#pie .contenpie {width:1350px;}
body.home h1, body.plantilla h1 {font-size: calc(2em + 4.8vw);}
}
@media (min-width: 1519px) {
.cuadro-formu p.titulo {font-size:42px; line-height:42px;}
.cuadro-formu p.titulo span{font-size:36px;}
.cuadro-formu .img-flotando { top: 69px; width:180px;}
}
@media (min-width: 1601px) {
body.home h1, body.plantilla h1 {font-size: calc(2em + 4vw);}
}
@media (min-width: 1700px) {
#pie .contenpie {width:1600px;}
}
/**** Para dispositivo como mínimo de 1367px de ancho - OJO para trabajar normalmente es con max-width*****/

@media (max-width: 1289px) {
.cuadro-formu p.titulo {font-size:calc(1em + 1.2vw); line-height:35px;}
.cuadro-formu p.titulo span{font-size:calc(0.33em + 1.3vw);}
.cuadro-formu .img-flotando{  top: 62px;}
}
	
@media (max-width: 1240px) {
#pie .contenpie {width: 1040px;}
}
@media (max-width: 1190px) {
/* ------------------------ CABECERA ------------------------- */
#cabecera .zonmenu { width: 84%;}
/* ---------------------- /Fin CABECERA ---------------------- */

/* -------------------------- PIE PÁGINA ----------------------- */
#pie .contenpie { width: 90%;}
#pie .columizq { float:none;}
#pie .columder { float:none;}
#pie .columizq .zonlogos { margin-bottom:20px;}
#pie .columizq .zonlogos .logo { margin-right:0;}
#pie .columder ul.menupie { float:none;}
#pie .columder ul.menupie li { display:inline-block; float:none;}
/* ---------------------- /Fin Pie Página ---------------------- */
} /**** Para dispositivo hasta 1190px de ancho *****/

@media (max-width: 1130px) {
/* ------------------------ CABECERA ------------------------- */
#cabecera .zonmenu { width:83.5%;}
/* ---------------------- /Fin CABECERA ---------------------- */
.un-testimonio { display:block; padding: 150px 35px 35px;}
.un-testimonio .zon-txt { margin-bottom:20px;}
.un-testimonio .zon-img { margin: 0 auto;}
} /**** Para dispositivo hasta 1130px de ancho *****/

@media (max-width: 1069px) {
body.home h1, body.plantilla h1 {font-size: calc(2em + 4.5vw); line-height:90px;}
.secc-registro p { font-size: 26px; line-height: 33px;}
} /**** Para dispositivo hasta 1069px de ancho *****/

@media (max-width: 1023px) {
body.home h1, body.plantilla h1 {font-size: calc(2em + 3.8vw); line-height:82px;}	
body.home h2, body.plantilla h2 { font-size: 32px;}

} /**** Para dispositivo hasta 1023px de ancho *****/
@media (max-width: 959px) {
.secc-registro .direc-fila{ flex-direction:column;}
.secc-registro .colum.col60pc { width: 100%;}
.secc-registro .cuadro-formu { max-width: 560px; margin:0 auto;}
.secc-registro .colum.col40pc { width:100%;}
.secc-registro .colum.col40pc p{ max-width: 560px; margin:0 auto 40px;}
.cuadro-formu p.titulo {font-size:calc(2.2em + 0vw); line-height:35px;}
.cuadro-formu p.titulo span{font-size:calc(0.84em + 0vw);}
} /**** Para dispositivo hasta 1023px de ancho *****/

@media (max-width: 940px) {
/* -------------------------- PIE PÁGINA ----------------------- */
#pie .contenpie { padding-top: 25px;}
#pie .columizq { float:none;}
#pie .columder { float:none;}
#pie .columizq .zonlogos .logo { margin-right:0;}
#pie .columder .dosfilas .unafila .redessoc { float:none; margin-top:15px; margin-bottom:15px;}
#pie .columder .dosfilas .unafila .redessoc .ico { display:inline-block; float: none;}
#pie .columder .dosfilas .unafila p.copyright { display: inline-block; float: none;}
#pie .columder .dosfilas .unafila ul.menupie { display: inline-block; float: none; vertical-align: bottom;}
/* ---------------------- /Fin Pie Página ---------------------- */
} /**** Para dispositivo hasta 940px de ancho *****/

@media (max-width: 859px) {
.un-testimonio { width:47.5%;}
} /**** Para dispositivo hasta 859px de ancho *****/

@media (max-width: 767px) {
body.home h1, body.plantilla h1 { font-size: calc(2em + 2.9vw); line-height: 70px;}
body.home h2, body.plantilla h2 { font-size: 30px;}
.testimonios { display: block; column-gap: 0;}
.un-testimonio { display:flex; width:100%;background-size: 160px;}
.un-testimonio .zon-txt { margin-bottom:0;}
.un-testimonio .zon-txt p { font-size: 20px; line-height: 24px;}
.secc-bloques .unafila.gap5{ display:block;}
.secc-bloques .unafila.gap5 .colum{ display:inline-block; width:45%;}
/* ---------------------- PLANTILLA RESULTADOS BÚSQUEDA---------------------- */
.individual { padding-top: 130px;}
.individual h2 {font-size: 30px; margin-bottom: 6px;}
.individual p.destacado {font-size: 12px; font-weight: 500;}
.zoncontenido .resultbusq ul.listresult { width:90%;}
.zoncontenido .resultbusq .zonpaginador { width:100%;}
/* --------------- /Fin Plantilla Resultados Búsqueda ---------------- */
#pie .contenpie { width: 85%;}
} /**** Para dispositivo hasta 767px de ancho *****/

@media (max-width: 664px) {
/* ---------------------- POP UP BOTONES EN BLOQUE ---------------------- */
dialog.vent-emergente{ max-width:90%;}
} /**** Para dispositivo hasta 664px de ancho *****/

@media (max-width: 639px) {
.secc-registro .colum.col40pc p{ font-size: 22px;line-height: 29px;}
.cuadro-formu p.titulo {font-size:calc(1em + 2vw); line-height:35px;}
.cuadro-formu p.titulo span{font-size:calc(0.84em + 0vw);}
.cuadro-formu .img-flotando { top: 65px; width: 140px;}
} /**** Para dispositivo hasta 639px de ancho *****/

@media (max-width: 599px) {
 body.home h1, body.plantilla h1 { font-size: calc(2em + 1.5vw); line-height: 50px;}
 body.home h2, body.plantilla h2 { font-size: 25px; line-height:32px;}
 .secc-dos-videos .unafila.gap25 { flex-direction:column; column-gap: 0px;}
 .secc-dos-videos .colum.col50pc { width: 100%;}
 .secc-dos-videos .zona-video { margin-bottom:25px;}
}
@media (max-width: 559px) {
.un-testimonio { display:block;}
.un-testimonio .zon-txt { margin-bottom:20px;}
.un-testimonio .zon-img { width: 100%;}
} /**** Para dispositivo hasta 620px de ancho *****/


@media (max-width: 519px) {
.cuadro-formu p.titulo {font-size:30px; line-height:34px;}
.cuadro-formu p.titulo span{font-size:30px;line-height:34px;}
.cuadro-formu .img-flotando { top: 97px;}
	
/* ------------------------ CONTENIDO SECCIONES PAGINA------------------------- */
a.bt-defec { font-size:17px;}
a.bt-compartir { font-size:17px;}
a.bt-galeria { font-size:17px;}
/* ---------------------- /Fin Contenido secciones pagina---------------------- */

/* ------------------------ PIE ------------------------- */
#pie .columizq p {font-size: 20px;}
#pie .columizq .zonlogos .logo img { width: 175px; }
/* ---------------------- /Fin Pie ---------------------- */
} /**** Para dispositivo hasta 519px de ancho *****/

@media (max-width: 499px) {
body.home h1, body.plantilla h1 { font-size: calc(1.5em + 2vw); line-height: 40px; margin-bottom:10px;}
#cabecera .zonmenu { width: 240px;}
#cabecera .zonmenu .zoninf .zonmenumobil ul.menumobil { width: 390px;}
.zon-filtros .formutipo { width: 100%;}
.zon-filtros .formutipo .fila-formu {width: 44%; margin: 0 2% 50px;}

#pie .columder ul.menupie li { display: block; margin-bottom:10px;}
#pie .columder ul.menupie li a:after { content:none;}

}
@media (max-width: 480px) {
/***** SECCION VIDEO YOUTUBE *****/
.zona-video .loadVideoYoutube {padding-bottom: 147.8%;}
.zona-video .loadVideoYoutube.vertical {padding-bottom: 147.8%;}
}
@media (max-width: 479px) {
.cuadro-formu p.titulo {font-size:25px; line-height:29px;}
.cuadro-formu p.titulo span{font-size:25px;line-height:29px;}
.cuadro-formu .img-flotando { top: 88px; width:120px;}
form.formutipo .acepta-bases span {display: inline-block; width: 80%; vertical-align: top;}
}
@media (max-width: 458px) {
/* ---------------------- PLANTILLA RESULTADOS BÚSQUEDA---------------------- */
.individual { padding-top: 90px;}
.zoncontenido .resultbusq .zonpaginador { font-size: 12px;}
/* --------------- /Fin Plantilla Resultados Búsqueda ---------------- */

/* ------------------------ PIE ------------------------- */
#pie .columizq .zonlogos .logo img { width: 170px;}
/* ---------------------- /Fin Pie ---------------------- */
} /**** Para dispositivo hasta 458px de ancho *****/


@media (max-width: 415px) {
.cuadro-formu {padding: 35px 25px 20px;}
.cuadro-formu p.titulo {font-size:22px; line-height:26px;}
.cuadro-formu p.titulo span{font-size:22px;line-height:26px;}
.cuadro-formu .img-flotando { top: 100px; width:110px;}
form.formutipo .fila-formu.check { padding-left: 28px;}
form.formutipo .fila-formu.check span { font-size: 22px;}
form.formutipo input[type="checkbox"] { margin-left: 8px;}
/* ---------------------- PLANTILLA RESULTADOS BÚSQUEDA---------------------- */
.zoncontenido .resultbusq .zonpaginador {  background-image: none;}
.zoncontenido .resultbusq .zonpaginador p { float:none; width:100%; text-align:center;}
.zoncontenido .resultbusq .zonpaginador .paginador { float:none; margin:0 auto;}
/* --------------- /Fin Plantilla Resultados Búsqueda ---------------- */

form.formutipo .textradio { margin-right: 18%;}
form.formutipo .aceptlopd span { width: 80%;}
} /**** Para dispositivo hasta 415px de ancho *****/
@media (max-width: 399px) {
body.home h1, body.plantilla h1 { font-size: calc(1.5em + 1.2vw); line-height: 35px;}
}
@media (max-width: 380px) {
.un-testimonio { background-size: 140px;}
form.formutipo .fila-formu.check { padding-left:0;}
form.formutipo .fila-formu.check span { font-size: 21px; vertical-align:middle;}
form.formutipo .acepta-bases { display:block;}
form.formutipo input.bt-enviar { display:block; float:none; margin:15px auto 8px;}
.un-bloque img { width:100%; height:auto;}
} /**** Para dispositivo hasta 380px de ancho *****/
@media (max-width: 358px) {
.cuadro-formu p.titulo {font-size:19px; line-height:24px;}
.cuadro-formu p.titulo span{font-size:19px;line-height:24px;}
.cuadro-formu .img-flotando { top: 70px; width:100px;}

.secc-registro .colum.col40pc p { font-size:21px; line-height:28px;}

}
@media (max-width: 340px) {
body.home h1, body.plantilla h1 { font-size: calc(1.4em + 1vw); line-height: 35px;}
form.formutipo .fila-formu.check span { font-size: 19px;}
form.formutipo input[type="checkbox"] { width:15px; height:15px; margin-left: 6px;}
}

@media screen and (max-device-width: 600px) {
html { -webkit-text-size-adjust: none;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{
 html { -webkit-text-size-adjust: none;}
} /*modo vertical y horizontal-reglas solo para el iphone4 y iphone4s*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
   
} /*modo vertical-reglas solo para el iphone4 y iphone4s*/