

/*-------------------------------------- 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:#555555;

	--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;}



}

