
/*-------------------------------------- Estilos Propios ----------------------------------------*/

@font-face {font-family:'Alterna'; font-weight:400; font-style:normal; src:url('Alterna.woff') format('woff');}
@font-face {font-family:'GillSans'; font-weight:400; font-style:normal; src:url('GillSans.woff') format('woff');}

.pieLogosContainer, .ventanaWhatsApp a {box-sizing:border-box;}

.noWeb {display:none;}
.noMov {display:block;}

.inactivo {opacity:0.4 !important; pointer-events:none;}
.ocultar {top:-50px; z-index:-10; position:fixed; pointer-events:none;}
.wpcf7-form .wpcf7-form-control-wrap {margin-bottom:20px;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

.gap_05 {gap:5px;}
.gap_10 {gap:10px;}
.gap_15 {gap:15px;}
.gap_20 {gap:20px;}
.gap_25 {gap:25px;}
.gap_30 {gap:30px;}
.gap_35 {gap:35px;}
.gap_40 {gap:40px;}
.gap_45 {gap:45px;}
.gap_50 {gap:50px;}

:root {
	--colPrim:#103876;
	--colSecu:#FF6F29;
	--colTerc:#ffbf37;
  --colCuat:#3B251A;
}

.txtPrim, a {color:var(--colPrim);}
.txtSecu, a:hover {color:var(--colSecu);}
.txtTerc {color:var(--colTerc);}
.txtCuat {color:var(--colCuat);}
.txtBlanc {color:#fff;}
.txtNegro, body {color:#000;}

.fondoPrim {background:var(--colPrim);}
.fondoSecu {background:var(--colSecu);}
.fondoTerc {background:var(--colTerc);}
.fondoCuat {background:var(--colCuat);}
.fondoBlanc {background:#fff;}
.fondoNegro {background:#000;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}
.txtBig {font-size:120%;}
.txtPeq {font-size:80%;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}
.ital {font-style:italic;}
.subraya {text-decoration:underline;}

.mapas   {width:90%; height:350px; margin:auto; box-shadow:0 0 15px rgba(0,0,0,.3);}
.mapa100 {width:100%; height:550px; margin:auto;}
.mapas iframe, .mapa100 iframe {width:100%; height:100%; border:0;}
.mapaFon {width:100%; height:100%; margin:0; position:absolute; z-index:10;}
.hoverON {pointer-events:none;}

.videoYoutube {position:relative; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_11-5 {padding-bottom:46%;}
.video_16-9 {padding-bottom:56.25%;}
.video_4-3  {padding-bottom:75%;}

[class^="fontSize_"], [class*=" fontSize_"] {line-height:1.1em !important;}
.fontSize_12 {font-size:12px;}
.fontSize_14 {font-size:14px;}
.fontSize_15 {font-size:15px;}
.fontSize_16 {font-size:16px;}
.fontSize_17 {font-size:17px;}
.fontSize_18 {font-size:18px;}
.fontSize_20 {font-size:20px;}
.fontSize_22 {font-size:22px;}
.fontSize_24 {font-size:24px;}
.fontSize_25 {font-size:25px;}
.fontSize_26 {font-size:26px;}
.fontSize_28 {font-size:28px;}
.fontSize_30 {font-size:30px;}
.fontSize_36 {font-size:36px;}
.fontSize_40 {font-size:40px;}
.fontSize_50 {font-size:50px;}

[class^="ancho-"], [class*=" ancho-"] {margin:auto;}
.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}
.ancho100  {width:100%;}

[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both; font-size:1px;}
.separa-01  {height:1px;}
.separa-02  {height:2px;}
.separa-03  {height:3px;}
.separa-05  {height:5px;}
.separa-10  {height:10px;}
.separa-15  {height:15px;}
.separa-20  {height:20px;}
.separa-25  {height:25px;}
.separa-30  {height:30px;}
.separa-40  {height:40px;}
.separa-50  {height:50px;}
.separa-60  {height:60px;}
.separa-70  {height:70px;}
.separa-80  {height:80px;}
.separa-90  {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}

.listaTitular {margin:40px 0 20px 50px; font-weight:400;}
.listaTopos, .listaTopos li {list-style:disc !important;}
.listaTopos li, .listaOrdenada li {margin:5px auto 5px 20px;}
.listaOrdenada, .listaOrdenada li {list-style:decimal !important;}
.listaOrdenTxt, .listaOrdenTxt li {list-style:lower-latin !important;}
.listaPad20 {padding-left:20px !important;}
.listaPad30 {padding-left:30px !important;}
.listaPad40 {padding-left:40px !important;}
.listaPad50 {padding-left:50px !important;}

.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}
.pad-lados {padding:0 20px;}

input, textarea, button, .opacidad img, .sombra, .ampliar img, .amplia2 img, .grises img, .ampliaCapa, .efectos {transition:all 0.4s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}

.sombra {box-shadow:0 0 0 rgba(0,0,0,0);}
.sombra:hover {box-shadow:0 0 6px rgba(0,0,0,0.5);}

.ampliar img, .amplia2 img {transform:scale(1);}
.ampliar img:hover {transform:scale(1.18);}
.amplia2 img:hover {transform:scale(1.05);}

.ampliaCapa {transform:scale(1);}
.ampliaCapa:hover {transform:scale(1.18);}

.grises img {filter:grayscale(100%);}
.grises img:hover {filter:none;}

.btnSeccion a {padding:10px 20px; background:var(--colPrim); color:#fff; border:solid 2px #000; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,0.5) !important;
  font-family:'Alterna'; font-weight:400; font-size:22px; line-height:22px; text-decoration:none;}
.btnSeccion a:hover {background:var(--colSecu); color:#fff;}


/*---------- CABECERA ----------*/

.logo img:hover {transform:scale(1.1);}


/*------------- PIE ------------*/

.pieLogosContainer {width:100%; padding:40px 10px 20px 10px; border-top:solid 2px #000; background:#fff;}
.pieLogos {padding:10px; display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.pieLogoItem_1 {width:auto; max-height:100px; margin:10px 40px;}
.pieLogoItem_2 {width:auto; max-height:80px; margin:10px 12px;}
.pieLogoKitD {width:auto; height:60px !important; margin:9px;}
.pieTextKitD {font:400 15px 'GillSans', Arial, Helvetica, sans-serif; color:#333; text-align:center;}
.pieSepaKitD {width:220px; height:1px; margin:12px auto 0 auto; background:#333;}

.footer-logo img:hover {transform:scale(1.1);}


/*---------- WHATSAPP ----------*/

.whatsIndex {z-index:1000;}
.ventanaWhatsApp a {width:120px; height:40px; bottom:10px; right:10px; display:inherit; z-index:10000; position:fixed; 
  background:#40A22E; border:solid 2px #fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.3);}
.ventanaWhatsApp a:hover {background:#1f6d10;}
.ventanaWhatsApp img {margin:-2px 0 0 -2px;}


/*--------------------------- SECCIONES ---------------------------*/

.imgBorde img {border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.mfp-close {margin:0; right:0 !important; padding:0 10px 0 0 !important; font-size:40px; color:#fff !important; background:#000 !important;}


/*----- Cookies ------*/
#cookiefirst-policy-page h2 {margin:20px 0;}
.cookiefirst-cookie-declaration button {margin:0 10px; padding:10px 15px; color:#fff; background:var(--colPrim); border-radius:25px; cursor:pointer;}
.cookiefirst-cookie-declaration button:hover {background:var(--colSecu);}



/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */

@media only screen and (min-width: 1400px) {

}


@media only screen and (min-width: 1600px) {

}


@media only screen and (max-width: 999px) {

  .noWeb {display:block;}
  .noMov {display:none;}
  
  .btnSeccion {margin:5px 0;}

  /*---------- CABECERA ----------*/

  /*------------- PIE ------------*/

  /*--------------------------- SECCIONES ---------------------------*/

  
}


@media only screen and (max-width: 639px) {

  .pieLogoKitD {width:auto; height:50px !important; margin:5px 0;}
  .pieTextKitD {width:90%; margin:auto; font-size:12px}
  .pieSepaKitD {width:150px;}
  .pieLogoItem_2 {margin:10px 20px;}

}
