/*
Theme Name: Axpe	
Version: 3.0
Author: Made in exts
*/

/* Overwrites and Tag Declerations
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, pre {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
}
html, body{ width:100%; height:100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	background:#fff;
	color:#222;
	overflow-x: hidden;	
}
pre {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #666;
	outline: none;
	text-decoration: none;
}
a:hover {
  color: #000;
}
a img {
	border: none;
}
.hook {
	display: block;
}
.hook:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .hook {
	height: 1%;
}

ul li{ list-style-type:none}

p, ul, li, pre{font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;letter-spacing: 0;line-height: normal;word-spacing: normal; }

p { margin:0 0 10px 0; line-height: 1.5em; font-size: 14px; color: #888;  }

textarea, input {max-width:350px; width:90%; padding: 10px; margin: 10px 0; position: relative; font-size: 16px; display: block; }

p.genero input {max-width:350px; width: auto; padding: 10px; margin: 10px; float: left; }

.transparent {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.right{ float: right; }
.left{ float: left; }

iframe{ width: 100%;}

h4{ margin: 10px 0 20px 0; font-size: font-size: 1.2em; }

/* Columns
----------------------------------------------- */

.container {
  margin: 0 auto 0 auto;
  padding:0;
  display:block;
  height: auto;
  }

/* Typography
----------------------------------------------- */

.font0 {font-family: Verdana, Geneva, sans-serif }
.font2 {font-family: 'Roboto', sans-serif; }
h1, h4 {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.font1, h2, .titulo, .titulos, .font4 { font-family: 'Open Sans', sans-serif;  }
.font3, h3 { font-family: 'Montserrat', sans-serif; font-weight: 400;}
 .titulosx, .font4x{ font-family: 'Quicksand', sans-serif; }


/* Core
----------------------------------------------- */
.wrapper{ margin: 0 auto; width: 100%; padding:0;background: #fff;  }
.header{ width:100%; height: auto; margin: 0; }
.content{ width:90%; max-width:1200px; height: auto; margin:0 auto; position: relative; }
.slider{width: 100%; margin: 0; padding:0; background: #fff;  }
.footer{ width:100%; background: #000;   }
.postfooter{ background: #2f3135;  }
.fix{ width:100%; height: auto; margin: 0; background: #fff; }

/* header 
----------------------------------------------- */

.cabecera{ 
position: absolute;
z-index: 999;
top: 0;
left: 0;
background: none;
width: 310px;
height: 165px;
 }
.logo{ 
width: 310px;
height: 70px;
display: block;
background: url("images/logo-lab-axpe-03.png") no-repeat left top;
padding: 0;
margin: 23px 0 0 0;
background-size: 230px auto; 
overflow: hidden;
text-indent: -200em;
position: relative;
line-height: normal !important;
z-index: 99;
float: left;
 }
.subt{ 
margin: 0 0 0 0;
text-align: center;
position: relative;
color: #504f53;
text-transform: none;
font-size: 13px;
font-weight: 400;
display: none;
}

.logo2 { 
display: block;
width: 300px;
height: 70px;
background: url("images/logo-lab-axpe-02.png") no-repeat left top;
padding: 0;
margin: 0;
background-size: 70% auto;
overflow: hidden;
text-indent: -200em;
position: relative;
  }

.barra2 { width: 100%; height: 35px; background:#971413; position: fixed; top: 0; left: 0; z-index: 10 }
.barra { width: 100%; height: 35px; background:#971413; color: #acacac; line-height: 35px; text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: 0.2px; position: fixed; top: 0; left: 0; z-index: 20;
 }
.barra .right{ text-transform: none; letter-spacing: normal; font-size: 12px; }
.barra a{ font-size: 14px; color: #eee; display: block; float: left; line-height: 40px; margin: 0 0 0 50px; }
.barra span{ font-size: 14px; color: #eee; display: inline-block; line-height: 40px; margin: 0 0 0 50px; }
.barra .content{ width: 100%; }

.barra .left{

 }

.barra .horario{ line-height: 45px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 0.2px; padding: 0 11px; display: block; float: left; margin: 0; cursor: pointer; }

.barra .fas{ margin: 0; padding: 0 5px; display: inline-block; float: left; color: #fff; line-height: 45px; }

.barra .area{ line-height: 45px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1px; padding: 0 11px; display: block; float: left; margin: 0; cursor: pointer; }

.barra .area:hover{ color: #b67a7a;  }


.barra a.mapa{ border-right: 1px solid #b37474; line-height: 45px; text-transform: none; font-weight: 600; font-size: 14px; letter-spacing: 1px; padding: 0 20px; display: block; float: left; margin: 0 20px; cursor: pointer; }

.barra a.mapa:hover{ color: #b67a7a; }
.barra a.mapa:hover:before{ color: #b67a7a; }

.barra .horario::before{
font-family: "Font Awesome 5 Free";
content: "\f023";
font-weight: 900;
color: #fff;
font-size: 16px;
line-height: 1em;
padding: 0 10px 0 0;
}
.barra .horario::after{
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #fff;
font-size: 14px;
line-height: 1em;
padding: 0 0 0 10px;
}

.barra .mapa::before{ 
font-family: "Font Awesome 5 Free";
content: "\f3c5";
font-weight: 900;
color: #fff;
font-size: 16px;
line-height: 1em;
margin: 0 10px 0 0;
display: block;
line-height: 45px;
float: left; }




.barra a.instagram{ width: 35px; height: 45px; margin: 0 0 0 10px; text-align: center; }
.barra a.facebook{ width: 30px; height: 45px; margin: 0; text-align: center; }
.barra a.youtube{ width: 45px; height: 45px; margin: 0; text-align: center; }

.fa-instagram{ color: #ececec; font-size: 19px; line-height: 45px;}
.fa-facebook-f{ color: #ececec; font-size: 16px; line-height: 45px;}
.fa-youtube{ color: #ececec; font-size: 18px; line-height: 45px;}

.fa-instagram:hover{ color: #b67a7a; }
.fa-facebook-f:hover{ color: #b67a7a; }
.fa-youtube:hover{ color: #b67a7a; }

.showhide{ 
position: relative;
float: right;
width: 65px;
height: 35px;
cursor: pointer;
z-index: 99;
display: inline-block;
padding: 0;
margin: 0 0 0 20px;
color: #fff;
text-transform: uppercase;
text-align: left;
padding: 0 15px 0 20px;
letter-spacing: 1px;
border-left: 1px solid #b37474;
}

.showhide::after{
font-family: "Font Awesome 5 Free";
font-weight: 800;
content: "\f0c9";
color: #fff;
font-size: 23px;
position: absolute;
top: 0;
right: 10px;
 }
 
 .showhide:hover, .showhide:hover::after { background: #222;  }
 .showhide.activo, .showhide.activo::after{ background: #222;  }
 
  .showhide.activo:hover, .showhide.activo:hover::after{ color: #b67a7a!important; }

h2{ font-size: 22px; margin: 20px 0 20px 0; ;
	scroll-margin-top: 150px;
  scroll-snap-margin-top: 150px; /* iOS 11 and older */ 
  line-height: 1.4em;}

.preheader{ width: 100%; height: 110px;}

.header { height: 110px; background: #fff; 
position: fixed;
z-index: 42;
top: 35px; }

.portada h2.first{ font-size: 60px; letter-spacing: -1px; line-height: 1.2em; max-width: 800px; margin: 160px 0 20px 0; }

.portada .wp-block-buttons.first{ margin: 0 0 260px 0; }

.header .right .bloque{ width: auto; height: auto; padding: 0 0 0 50px; margin: 35px 0 0 40px; display: inline-block; cursor: pointer; position: relative; }

.header .right .bloque.mapa{ width: 20px; height: 30px; padding: 0 0 0 0; margin: 24px 10px 0 60px; display: inline-block; cursor: pointer; position: relative; }

.header .right .bloque.mapa .titulo{ display: none; }

.header .right .bloque::before{
font-family: "Font Awesome 5 Free";
font-weight: 400;
color: #971413;
font-size: 26px;
position: absolute;
top: 5px;
left: 0;
 }
.header .right .bloque .titulo{ text-transform: uppercase; color: #222; font-size: 15px; font-weight: 700; letter-spacing: 0.8px; }
.header .right .bloque .subtitulo{ color: #222; font-size: 13px; font-weight: 400; margin: 5px 0 0 0; }
.header .right a.email::before{ content: "\f2b6"; }
.header .right a.telefono::before{ content: "\f3cd"; font-weight: 900; }
.header .right .horario::before{ content: "\f017"; }
.header .right a.mapa::before{ content: "\f3c5"; font-weight: 900; }


.notificaciones{ display: none; float: right; margin: 0 0 20px 0; font-size: 13px; letter-spacing: 0.3px; cursor: pointer; }
.notificaciones::before{
font-family: "Font Awesome 5 Free";
font-weight: 800;
content: "\f061";
color: #222;
font-size: 14px;
margin: 0 10px 0 0;
 }
 .notificaciones:hover{ color: #000; }


.notas{
position: absolute;
width: auto;
max-width: 450px;
z-index: 10;
background: #fff4c2;
right: 20px;
top: 210px;
box-shadow: #333 0px 4px 8px 0px;
color: #333;

 }
 
.caja .cerrar::before{
font-family: "Font Awesome 5 Free";
font-weight: 800;
content: "\f00d";
color: #333;
font-size: 20px;
margin-right: 15px ;

	 }


.nota{ width: 100%; padding: 0 0 20px 0; border-top: 1px dotted #fff; color: #333; position: relative; clear: both; margin: 0; }
.nota .titulo{ margin: 0 0 15px 0; font-size: 22px; }
.nota p{ color: #333; }

.caja .cerrar{ width: 20px; height: 20px; margin: 10px 0; overflow: hidden; cursor: pointer; position: absolute; top: 0; right: 0; }

.nota .cerrar::before{
font-family: "Font Awesome 5 Free";
font-weight: 800;
content: "\f00d";
color: #97916b;
font-size: 20px;
margin: 4px 15px 5px 5px;
float: right;
	 }
	 
.nota.dos{  display: block; width: 100%; padding: 0 0 20px 0; }
.nota.dos .titulo{ margin: 20px; font-size: 20px; color: #5e5b4b; }
.nota.dos p{ color: #5e5b4b; margin: 10px 20px 10px 20px; }

.nota.dos ul li{ color: #42413a; margin: 0 20px 0 20px; font-size: 14px; font-weight: 500; }


.nota .cerrar { width: 100%; height: 30px; margin: 0; overflow: hidden; cursor: pointer; position: relative; background: #ffef95;  }
	 
.horarios{ width: 100%; padding: 0; border-top: 1px dotted #fff; color: #333; position: fixed; clear: both; margin: 0; background: #fff; display: none; z-index: 9999; top: 115px; bottom: 0; overflow-y: scroll; }

.caja{ border-top: 1px dotted #222; color: #222; padding: 20px 0 0 0; }
.caja .titulo{ color: #222; }
.caja p{ color: #222; font-size: 15px; }
.caja p.font1{ font-size: 20px; font-weight: 400; letter-spacing: 0.3px; }
.caja .cerrar::before{ color: #222; }

.horario p.font1{ font-size: 20px; font-weight: 400; letter-spacing: 0.3px; }


.horarios .bloque h2.red{ font-size: 20px; font-weight: 400;}
.horarios .bloque ul{ margin: 0 0 1.5em 2.3em; }
.horarios .bloque ul li{ font-size: 16px; font-weight: 400; list-style: disc; margin: 0 0 6px 0; }

 article.uno .horario ul{ margin: 0 0 1.5em 2.3em; }

 article.uno .horario li {
  padding: 0;
  background: none;
  font-size: 16px;
font-weight: 400;
list-style: disc;
margin: 0 0 6px 0;
  }

h3.bold{ font-weight: 600; }

#main, .footer, .postfooter{ position: relative; top: 120px; }
.home #main, .home .footer, .home .postfooter{ top: 145px; }


/* sticky 
----------------------------------------------- box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.1);  */
.sticky0 .header .logo{  }
 
.sticky .fix {  }
.sticky .header .right .bloque { margin: 15px 0 0 40px; }
.sticky .preheader{ width: 100%; height: 65px;}

.sticky3 .menuprincipal {  }






/* transiciones 
----------------------------------------------- */

.menuprincipal a,
a.boton,
.header .search a,
.wp-block-button a
{-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease; }

.preheader,
.fix
{-webkit-transition: all 0.4s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease; }

.header .logo
{-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease; }


/* menu 
----------------------------------------------- */


.menuprincipal{
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
margin: 0;
background: #666;

position: fixed;
z-index: 999;
top: 117px;
}
.menuprincipal li{ position: relative; display: inline; }
.menuprincipal .menu{ text-align: center; }
.menuprincipal a {
display: inline-block;
width: auto;
height: auto;
color: #dfdfdf;
text-transform: uppercase;
font-size: 14px;
text-align: right;
font-weight: 100;
padding: 15px 10px;
margin: 0 0 0 0;
font-weight: 600;
position: relative;
letter-spacing: 2px;
}

.menuprincipal a::before {
font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #fff;
    font-size: 9px;
    position: relative;
    top: 6px;
    left: 0;
    content: "\f2d1";
    transform: rotate(90deg);
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    line-height: normal;
 }
 
 .menuprincipal li:first-child a::before { content: ""; }

.menuprincipal a:hover{ color: #fff;   }

.menuprincipal li.current-menu-item a, .menuprincipal li.current-page-ancestor a {   }

.botx{ width: 20px; height: 20px; background: red; float: left; }

.menuprincipal.dos{ background: #222; padding: 40px 0; position: fixed; top: 35px; display: none;}
.menuprincipal.dos a{ color: #fff; }
.menuprincipal.dos a:hover{ color: #971413; }



/* portada
----------------------------------------------- */

.wp-block-nk-awb {
  padding: 20px 0;
}

.destacados{ margin: 20px 0;}
.destacados .wp-block-group{ float: left; width: 48%; margin: 0; }
.destacados .wp-block-group.uno{ margin: 0 4% 0 0; }
.destacados .wp-block-group h2{ }
.destacados .wp-block-group p { margin: 0 40px; }
.destacados .wp-block-group p a{ 
font-size: 16px;
text-transform: uppercase;
color: #fff;
line-height: 1.5em;
text-align: center; }

.portadas{ margin: 30px 0; width: 100%; overflow: hidden; }
.portadas .wp-block-group{ float: left; width: 31%; margin: 0 3% 40px 0; background: #fff; box-shadow: #ccc 0px 1px 10px 0px; position: relative; }
.portadas .wp-block-group.tres, .portadas .wp-block-group.seis{ margin: 0 0 40px 0; }
.portadas .wp-block-group h2{ font-size: 24px; margin: 40px 40px 0 40px; height: 40px;line-height: 1.3em;}
.portadas .wp-block-image { margin: 0; }
.portadas .wp-block-group img{ width: 100%; height: auto; }
.portadas .wp-block-group p{ font-size: 14px; margin: 0 0 0 0; padding: 33px; color: #000; }
.portadas .wp-block-group p a{ color: #971413; font-weight: 500;}
.portadas .wp-block-group p a:hover{ color: #000;}
.portadas .wp-block-group p a::before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #971413;
font-size: 11px;
line-height: 1em;
padding: 0 5px 0 5px; }

.portadas.cuatro .wp-block-group{ width: 22.6%; margin: 0 3% 40px 0; }
.portadas.cuatro .wp-block-group.tres, .portadas.cuatro .wp-block-group.seis{ margin: 0 3% 40px 0; }
.portadas.cuatro .wp-block-group.cuatro, .portadas.cuatro .wp-block-group.ocho{ margin: 0 0 40px 0; }
.portadas.cuatro .wp-block-group p a{ font-size: 16px; line-height: 1.3em; display: block; min-height: 130px; }

.portadas .wp-block-separator { border: none; }
	
.portadas hr.icon {font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f481"; font-size: 32px; margin: 0; position: absolute; color:#971413; top:210px; left: 0; display: inline-block; background: #fff; padding: 20px 30px; border-radius: 15px;  }

.portadas hr.icon::before { content: "\f481"; }

.portadas .wp-block-group.dos hr.icon::before{content: "\f015";  }
.portadas .wp-block-group.tres hr.icon::before{content: "\f1ad";  }
.portadas .wp-block-group.cuatro hr.icon::before{content: "\f0f9";  }
.portadas .wp-block-group.cinco hr.icon::before{content: "\f1ae";  }
.portadas .wp-block-group.seis hr.icon::before{content: "\f02b";  }


.pes p::before{font-family: "Font Awesome 5 Free"; content: "\f09a"; font-size: 35px; margin: 10px; display: none; }

.pes { display: none; }


.pes .p1::before{font-weight: 100; }
.pes .p2::before{font-weight: 200; }
.pes .p3::before{font-weight: 300; }
.pes .p4::before{font-weight: 400; }
.pes .p5::before{font-weight: 500; }
.pes .p6::before{font-weight: 600; }
.pes .p7::before{font-weight: 700; }
.pes .p8::before{font-weight: 800; }
.pes .p9::before{font-weight: 900; }

.titulos { font-size: 32px; margin: 0 0 20px 0; padding: 10px 20px; text-transform: uppercase; }

.gris1{ width: 100%; background: #f9f9f9; }

.portada .wp-block-media-text {  }
.portada .wp-block-media-text .wp-block-media-text__content { padding: 0 100px 0 0; }
.portada .wp-block-media-text .wp-block-media-text__content p{ padding: 20px 0; color: #222; font-size: 16px; }
.portada .wp-block-media-text h2, h2.red { color: #971413; font-size: 16px; margin: 0 0 10px 0; text-transform:none; max-width: none; }
.portada .wp-block-media-text a, h3.subtitulos { color: #222;
font-size: 28px;
font-weight: 600;
line-height: 1.3em; }
.portada .wp-block-media-text a:hover { color: #000; }
.portada .wp-block-media-text p { color: #666;  }
.portada .wp-block-media-text .wp-block-button{ font-weight: 500; color: #555; margin: 10px 0 0 0; }
.portada .wp-block-media-text .wp-block-button a{ font-size: 14px; }
.portada .wp-block-media-text .wp-block-button:hover{ color: #000; }

.portada h3.subtitulo{ padding: 20px 0 0 0; color: #222; font-size: 16px; font-weight: 600; }
.portada p.underline a{ color: #fff; font-size: 16px; font-weight: 400;
text-decoration: underline; }
.portada p.underline a:hover{ color: #eee;  }

.portada .bloques { width: 100%; margin: -140px 0 0 0; position: relative; }
.portada .bloques .bloque { float: left; margin: 0 1% 0 0; width: 24%; background: #fff; text-align: center;   }

.portada .bloques .bloque.cuatro { margin: 0 0 0 0;  }

.portada .bloques .bloque { 
padding: 15px;

-webkit-box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.2);
 }

.horario h2.red { font-size: 20px;
font-weight: 400; }

.portada .bloques .bloque p { color: #333; clear: both; text-transform: uppercase; font-size: 12px; }

.portada .bloques .bloque.dos { background: #971413;   }
.portada .bloques .bloque.cuatro { background: #971413;   }

.portada .bloques .bloque p { color: #333; clear: both; text-transform: uppercase; font-size: 12px; }

.portada .bloques .bloque.dos p { color: #fff;   }
.portada .bloques .bloque.cuatro p { color: #fff;   }


.portada .bloques .wp-block-button{ font-weight: 500; color: #971413; margin: 10px 0 0 0; width: 100%; }
.portada .bloques .wp-block-button a{ font-size: 14px; display: block; border: 0 solid; padding: 20px 0; }
.portada .bloques .wp-block-button:hover{ color:#000; font-weight: 900;  }
.portada .bloques .wp-block-button:hover a{ }

.portada .bloques .bloque.dos .wp-block-button { color: #fff;   }
.portada .bloques .bloque.cuatro .wp-block-button { color: #fff;   }

.portada .bloques .bloque.dos .wp-block-button:hover{ color:#000;font-weight: 900;   }
.portada .bloques .bloque.cuatro .wp-block-button:hover{ color:#000; font-weight: 900;  }

.wp-block-nk-awb.sinmarg{ padding: 20px 0; }

.portada .bloques .bloque p.titulo::before{font-family: "Font Awesome 5 Free";font-size: 24px; margin: 10px 0;; color: #971413; display: block; }

.portada .bloques .bloque.dos p.titulo::before { color: #fff;   }
.portada .bloques .bloque.cuatro p.titulo::before { color: #fff;   }

.portada .bloques .bloque p.titulo{ font-size: 24px; margin: 0; padding: 0 0 20px 0; text-transform: none; }
.portada .bloques .bloque p.min{ 
font-size: 15px;
text-transform: none;
width: 80%;
margin: 10px auto; }

.portada .bloques .bloque.uno p.titulo::before{content: "\f017";font-weight: 400;  }
.portada .bloques .bloque.dos p.titulo::before{content: "\e5a0"; font-weight: 600; }
.portada .bloques .bloque.tres p.titulo::before{content: "\f05a";font-weight: 600;  }
.portada .bloques .bloque.cuatro p.titulo::before{content: "\f0f9";font-weight: 600;  }

p.plus, p.plus a{ font-size: 21px; margin: 20px 0; color: #971413; }

p.plus.email::before{font-family: "Font Awesome 5 Free";font-weight: 400;content: "\f0e0"; font-size: 32px; margin: 0 20px 0 0; color: #971413;  }
p.plus.tel::before{font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f095"; font-size: 32px; margin: 0 20px 0 0; color: #971413;  }


.horario.bloques { width: 100%; margin: 20px 0;  }
.horario.bloques .bloque { float: left; margin: 0 3% 0 0; width: 45%;  }
.horario.bloques .bloque.cuatro { margin: 0 0 0 0;  }
.horario.bloques .bloque.cero { float: left; margin: 0 3% 0 0; width: 100%;  }




.opacity img{ 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
  filter: alpha(opacity=50); 
  opacity: 0.2;
}




/* contenido
----------------------------------------------- */

ul a li::before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #971413;
font-size: 11px;
line-height: 1em;
padding: 0 15px 0 5px; }

ul li a::before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
color: #971413;
font-size: 11px;
line-height: 1em;
padding: 0 15px 0 5px; }



p.fechas span{ display: inline-block; width: 100px; margin: 0 20px 0 0; }
p.politica input{ display: inline-block; width: auto; margin: 5px  5px  5px  0; }
p.politica a{ margin: 0 0 0 5px; }
p.politica span.wpcf7-list-item-label{}
p.politica { margin: 20px 0; }
.wpcf7-list-item{ margin: 0; }

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { flex-grow: 0; }
.wp-block-gallery.has-nested-images figure.wp-block-image {
  display: flex;
  flex-grow: 0;
  }
.opa80 img{ opacity: .8; }

.columnas{ width: 100%; margin: 20px 0;}
.columnas.dos .columna{ width: 45%; margin: 0 2% 0 0; display: inline-block; }

.columnas.dos.contacto { background: #eee;  }

.columnas.dos.contacto .columna.una{ width: 35%; margin: 0 0 0 0;  }
.columnas.dos.contacto .columna.dos{ width: 64%; margin: 0 0 0 0; border-left: 22px solid #fff;  }

.columnas.dos.contacto .columna.una h4{ padding: 40px 40px 20px 40px; line-height: 1.6em; font-size: 16px; }
.columnas.dos.contacto .columna.una p{ padding: 0 40px; font-size: 14px; }


.wp-block-nk-awb.intros {
  padding: 60px 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ padding: 0 110px 0 0; }

.principal h2.has-text-align-center{  }

article.uno{ margin: 60px;}
article.uno p{ color: #222; font-size: 18px; }

article.uno ul{ margin: 20px 0; }
article.uno li{ padding: 10px; margin: 0 0 1px 0; font-size: 18px; background: #eee; }

.wp-block-image figcaption{ font-size: 12px; margin: 20px 0; }
.wp-block-image{ margin: 40px 0; width: 100%; max-width: 600px;}

.single-post .wp-block-image{ margin: 40px 0; width: 100%; max-width: none;}

.wpcf7 p small{ font-size: 9px; color: #999; }
.grecaptcha-badge{ display: none; }

.clear{ clear: both; }

h3 { font-size: 28px; margin: 0 0 30px 0; }


.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  width: auto;
  flex: 1 0 0%;
  height: auto;
  object-fit: contain;
  }



/* Sidebar
----------------------------------------------- */




/* footer
----------------------------------------------- */

.footer{ padding: 0 0 40px 0; color: #ccc; position: relative; }
.footer p{ color: #ccc;}
.footer a{ color: #ccc;}

.footer .columnas{ float: left; margin: 100px 0 0 0; }

.footer .titulo{ margin: 10px 0 60px 0; color:#999; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }

.footer .columna{ width: 22%; float: left; margin: 0 20px 20px 0; padding: 0 0 40px 30px; font-size: 12px; line-height: 1.3em; border-left: 1px solid #373c42; min-height: 230px; }
.footer .columna.una{ margin: 0 20px 20px 0; padding: 0 30px 0 30px; width: 35%; border-left: none; }

.footer .columna.una p{ line-height: 1.4em; font-weight: 100; font-size: 18px; letter-spacing: 1px; padding: 0 20px 20px 0;}

.footer .columna.una p.min{ font-size: 14px;}

.footer .columna.una a.labhe{ display: block; background: url("images/logo-labhe.png") no-repeat; width: 120px; height: 60px; overflow: hidden; text-indent: -200em; }

.footer .columna.otra a{ display:block; background: url("images/icon-punto.png") no-repeat 0 5px; padding: 0 0 16px 30px; font-size: 14px; }

.footer .columna a:hover{ color: #eee; }

.footer .columna .sep{ width: 50px; height: 3px; background: #971413; margin: 20px 0 30px 0; clear: both;  }

.footer .servicio a{
	padding: 6px 0;
border-bottom: 1px dotted #ccc;
font-size: 16px;
margin: 1px;
display: block;
max-width: 120px;
 }

.footer .servicio a:hover{ background: #2d2f33; color: #ccc; }

.footer .columna.cuatro p strong{ font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin: 15px 0 0 0; display: block; }
.footer .columna.cuatro p { margin: 0 0 0 0; line-height: 1.3em; }
.footer .columna.cuatro p a { margin: 0 0 0 0; padding: 0; background: none; }

.prefooter{ width: 98%; height: 180px; margin: 0 auto 40px auto;}
.prefooter a.contacto{ margin: 50px 0 0 0; padding: 20px 100px 20px 40px; background: #0fb5c4 url(images/flecha-w.png) no-repeat 170px center; color: #fff; letter-spacing: 0.5px;  }


.postfooter{ margin: 0 0 0 0; color: #eee; padding: 40px 0 100px 0; font-size: 12px; letter-spacing: 1px; }
.postfooter div{ }
.postfooter a{ color: #999; text-transform: uppercase; margin: 0 0 0 30px; }
.postfooter a{ color: #999; text-transform: uppercase; margin: 0 0 0 30px; }

.postfooter .right{ margin: 0 30px 0 0; color: #999; }

.iso { background: url(images/ISO.png) bottom right no-repeat; width:60px; height:130px; overflow:hidden; text-indent:-100em; margin:10px 0; background-size: 60px 101px; }

/* Popup
*********************************/

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.popup-content img {
  width: 100%;
  height: auto;
}

.image-mobile {
  display: none;
}

@media (max-width: 767px) {
  .image-desktop {
    display: none;
  }
  .image-mobile {
    display: block;
  }
}

.popup-close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 2rem;
  color: white;
  cursor: pointer;
}



/* Media queries
*********************************/

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

.showhide { height: 35px; line-height: 35px; }
.sticky .header .right .bloque, .header .right .bloque { margin: 25px 0 0 40px; }
.header .right .bloque.mapa { margin: 24px 10px 0 60px;}

.barra .horario, .barra .area, .fa-instagram, .fa-facebook-f, .fa-youtube { line-height: 35px;}


}


@media screen and (max-width: 1450px) {
.barra {  height: 35px;}
.barra .horario { font-size: 12px; padding: 0; line-height: 35px; }
.barra .area { font-size: 12px; letter-spacing: 0.6px; padding: 0 5px 0 5px;line-height: 35px; }
.barra .horario::before { font-size: 12px;}
.barra .horario::after {font-size: 12px; padding: 0 5px 0 5px;position: relative; top: 1px; left: 2px; }
.barra .fas { font-size: 12px; line-height: 35px;}
.barra a.mapa { font-size: 13px; letter-spacing: 0.6px;line-height: 35px;}
.barra .mapa::before { font-size: 14px;line-height: 35px;}
.fa-facebook-f { font-size: 14px; line-height: 35px; }
.fa-instagram { font-size: 17px;line-height: 35px; }
.fa-youtube { font-size: 16px;line-height: 35px; }
.barra a.instagram { width: 25px;height: 35px;}
.barra a.youtube { width: 35px;height: 35px;}
.barra a.facebook { width: 25px;height: 35px;}
.showhide { margin: 0 0 0 10px; font-size: 10px; width: 60px; position: relative; top: 0; right: 0; }
.showhide::after { font-size: 20px;}
.barra a.mapa { margin: 0 10px;}
.logo{ background-size: 280px auto; margin: 10px 0 0 0; height: 60px; }
.header { height: 80px; }
.header .right .bloque .titulo { font-size: 13px; }
.header .right .bloque::before { font-size: 24px; }
.header .right .bloque { padding: 0 0 0 40px;  margin: 25px 0 0 40px; }
.fix {height: 80px;}
.preheader { height: 80px; }


.nota .titulo { font-size: 18px; }
.nota { width: calc(100% - 40px); padding: 15px 20px 10px 20px; }
.notas { max-width: 340px; }
.nota p{ font-weight: 600; font-size: 13px;}

.caja p.font1 { font-size: 18px; }

.caja p { font-size: 14px; }

.menuprincipal a { font-size: 12px; letter-spacing: 1px; padding: 6px; }
.menuprincipal a::before { top: 3px; }

.portada .bloques .bloque p.titulo { font-size: 22px; font-weight: 600; }
.portada .bloques .bloque p.min { font-size: 13px; font-weight: 600;}
.portada .bloques .bloque p { font-weight: 600;}

.portada .wp-block-media-text { max-width: 1100px; margin: 0 auto; }

.wp-block-nk-awb h3{ font-size: 1.8em!important; }

.portadas hr.icon { font-size: 32px; padding: 20px 37px; top: 195px; }
.portadas .wp-block-group h2 { font-size: 22px;}
.portadas .wp-block-group p { font-size: 13px; }

.portadas { text-align: center; margin: 0 0; }

.portadas .wp-block-group {  }

.logo2 { background-size: 60% auto; }
.footer .columna.una p { font-weight: 300; font-size: 16px; }
.footer .columna.una p.min { font-size: 12px; }
.footer .servicio a { font-size: 14px; }
.footer .titulo { font-size: 14px;}
.footer .columna { padding: 0 0 20px 30px;}
.footer .columna.cuatro p { font-size: 13px;}
.postfooter a { margin: 0 0 0 20px; font-size: 10px;}
.postfooter .right { font-size: 10px; }

h3.subtitulos { font-size: 24px; }
article.uno p { font-size: 14px; font-weight: 600; color: #444 }
h2.red { font-size: 14px; }
.horario h2.red { font-size: 20px;
font-weight: 400; }
.wp-block-separator.is-style-wide{ width: 100px; height: 1px; background: #333; margin: 0 auto; border: none; }


/* sticky 
----------------------------------------------- box-shadow: 0px 1px 9px 2px rgba(0,0,0,0.1);  */
.sticky0 .header .logo{  }
 
.sticky5 .fix {  }
.sticky5 .header .right .bloque { margin: 15px 0 0 40px; }
.sticky5 .preheader{ width: 100%; height: 65px;}

.sticky5 .menuprincipal { }
.sticky5 .header .logo{ width: 230px; height: 57px; background-size: 90% auto; margin:10px 0 0 0;   }

.sticky5 .horarios{top: 95px; }



}



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

.content{ width:90%; max-width:1100px; height: auto; margin:0 auto; position: relative; }


.portada h2.first {
  font-size: 50px;
  letter-spacing: -1px;
  line-height: 1.2em;
  max-width: 500px;
  margin: 130px 0 30px 0;
}

.first .wp-block-button__link { padding: 10px 20px 10px 15px;}
.first .fas{ margin: 0 5px 0 0;}
.first.wp-block-buttons a.wp-block-button__link:hover{ background: #fff!important; color: #971413!important; }

.first.wp-block-buttons { margin: 0 0 260px 0; }

.sticky5 .header .right .bloque::before { font-size: 22px; }
.sticky5 .header .right .bloque .titulo { font-size: 12px; }
.sticky5 .header .right .bloque .subtitulo { font-size: 12px; }
.sticky5 .header .logo { height: 50px; background-size: 80% auto; }
.sticky5 .fix { }
.sticky5 .preheader {  }
.sticky5 .menuprincipal { top: 100px; }
.sticky5 .menuprincipal.dos { top: 35px; }

}

.barra{  }


@media screen and (max-width: 1200px) {
	
	.header .right .bloque { margin: 25px 0 0 20px; }

.menuprincipal a::before { margin: 0 10px 0 0; }

.portadas hr.icon { top: 165px; }

.footer .columna { padding: 0 0 20px 20px; }

}



@media screen and (max-width: 1120px) {
.footer .columna.una { margin: 0 0px 20px 0; }
.fix { height: auto; }
.header .fix .content{ width:100%; }
.preheader .right{ width: 100%; text-align: center; background: #fff;}
.header { height: 170px; }
.menuprincipal { top: 207px; }
.horarios { top: 205px; }
.home #main, .home .footer, .home .postfooter { top: 233px; }
.menuprincipal.dos { padding: 73px 0; }

.home.sticky5 #main, .home.sticky5 .footer, .home.sticky5 .postfooter { top: 246px; }
.sticky5 .header{ height: 150px; }
.sticky5 .menuprincipal { top: 170px;  }
.sticky5 .menuprincipal.dos { top: 35px; padding: 55px 0; }
.sticky5 .horarios { top: 166px; }
.sticky5 .preheader { height: auto; }
.header .right .bloque { }
.logo { width: 230px; margin: 20px auto 10px auto; float: none; background: url("images/logo-lab-axpe-03.png") no-repeat center top; background-size: 230px auto;
 }
.sticky5 .header .logo { float: none; margin:10px auto 0 auto; }
.barra .content { width: 90%; }
.notas { top: 320px;}
.menuprincipal a::before { margin: 5px 10px 0 0; }
.portada h2.first { font-size: 42px; max-width: 380px; }
.menuprincipal a { font-size: 11px; padding: 6px 2px; letter-spacing: 0.3px; }
.menuprincipal a::before { margin: 0 0 0 0;}
.portadas hr.icon { font-size: 24px; padding: 20px 30px; }
.portadas .wp-block-group h2 { font-size: 18px; }
.portadas .wp-block-group { }

}

@media screen and (max-width: 990px) {
.portadas hr.icon { font-size: 24px; padding: 20px 30px; top: 25%; }	
.portadas .wp-block-group h2 { font-size: 16px; }	
	}

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

.showhide { position: absolute; top: 0; right: 0; }

.footer .columna.una { width: 100%; }
.footer .columna { width: 100%; border: none; }
.footer .servicio a { max-width: 90%; }
.footer .titulo { margin: 10px 0 0px 0; }
.postfooter a { margin: 0 0 15px 20px; display: block; }
.postfooter .left { margin: 0 0 0 15px; float: none; }
.postfooter .right { margin: 70px 0 0px 35px; float: none; }
.prefooter { height: auto; }

.menuprincipal.dos a {
  color: #fff;
  display: block;
  text-align: left;
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px dotted #ccc;
}
.menuprincipal a::before {
  margin: 0 0 0 0;
  content: "";
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 20px 40px 0 0;
}
article.uno { margin: 30px 10px 30px 10px; }
.page-id-20 article.uno {  }

.columnas.dos.contacto .columna.una { width: 100%; margin: 0 0 20px 0; }
.columnas.dos.contacto .columna.dos{ width: 100%; border-top: 22px solid #fff; border-left: none; }


.barrauno{ display: block; position: absolute; width: 100%; height: 35px; background: #971413; z-index: 0; top:0; left: 0;}
.barrados{ display: block; position: absolute; width: 100%; height: 35px; background: #ccc; z-index: 0; top:35px; left: 0;}

.barra a.mapa { margin: 0 10px 0 0; padding: 0 20px 0 0; color: #222; border-right: 1px solid #fff; }
.barra .mapa::before { color: #222; }
.barra a.mapa:hover{ color: #fff; }
.barra a.mapa:hover:before{ color: #fff; }
.fa-instagram, .fa-facebook-f, .fa-youtube, .showhide::after, .showhide {  }
.fa-instagram:hover{ color: #fff; }
.fa-facebook-f:hover{ color: #fff; }
.fa-youtube:hover{ color: #fff; }

 .showhide { border-left: 1px dotted #fff;  }
 .showhide:hover, .showhide:hover::after { background: #222; color: #fff;  }
 .showhide.activo, .showhide.activo::after{ background: #222;color: #fff;   }
 .showhide.activo:hover, .showhide.activo:hover::after{ color: #fff!important; }

.menuprincipal.dos { top: 70px; }

#main, 
.footer, 
.postfooter,
.home #main, 
.home .footer, 
.home .postfooter,
.home.sticky5 #main, 
.home.sticky5 .footer,
.home.sticky5 .postfooter
 { top: 0;}

.preheader { height: auto; }
.header { height: auto; position: relative; }
.barra{ height: 70px; position: relative;  }
.barra .left{ float: left; width: 100%; height: 35px; border-bottom: 1px dotted #fff;}
.barra .right{ float: left; width: 100%; height: 35px;}


.header .right .bloque, .header .right .bloque.mapa {
  width: auto;
  height: auto;
  padding: 0 10px;
  margin: 20px 1% 30px 1%;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.sticky5 .header .logo{
height: 70px;
background-size: 100% auto;
}
.sticky5 .header .right .bloque {   margin: 20px 1% 30px 1% }

.horarios, .sticky5 .horarios {
  top: 30px;
  position: relative; }

.header .right .bloque::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #971413;
  font-size: 26px;
  position: relative;
  top: 0;
  left: 0px;
}

.header .right .bloque .titulo {
  text-transform: uppercase;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  margin: 15px 0 0 0;
}

.header .right .bloque .subtitulo {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  margin: 5px 0 0 0;
  display: none;
}

.header .right .bloque.mapa .titulo {
  display: block;
}

.notas {
  position: relative;
  width: 90%;
  max-width: 450px;
  z-index: 20;
  background: #fff7d1;
  right: 0;
  top: 0;
  box-shadow: #333 0px 4px 8px 0px;
  color: #333;
  margin: 40px auto 40px auto;
  }
  .portada h2.first {
  font-size: 55px;
  letter-spacing: -1px;
  line-height: 1.2em;
  max-width: 500px;
  margin: 200px 0 20px 0;
  font-size: 32px;
max-width: none;
text-align: center;
  }
  
 .portada .wp-block-buttons.first{ margin: 0 0 200px 0; width: 100%; }
  .portada .wp-block-buttons.first > .wp-block-button {
  display: inline-block;
  margin: 0 auto;
  }


.menuprincipal { display: none; }

.horario.bloques .bloque {
  float: left;
  margin: 10px 0;
  width: 100%;
}	

.portada .bloques { margin: 20px 0 0 0; }
.portada .bloques .bloque { width: 100%; }

.portadas .wp-block-group { width: 100%; margin: 0 0 20px 0; }
.portadas hr.icon { font-size: 34px; padding: 20px; top: 0; border-radius: 0; }
.portadas .wp-block-group .wp-block-image { max-width: none; }
.portadas .wp-block-group h2 { font-size: 24px; margin: 20px 0 0 0; }
.portadas .wp-block-group p { font-size: 14px; margin: 0; padding: 10px 30px 30px 30px; }


.portadas.cuatro .wp-block-group{ width: 100%; margin: 0 0 40px 0; }
.portadas.cuatro .wp-block-group.tres, .portadas.cuatro .wp-block-group.seis{ margin: 0 0 40px 0; }
.portadas.cuatro .wp-block-group.cuatro, .portadas.cuatro .wp-block-group.ocho{ margin: 0 0 40px 0; }
.portadas.cuatro .wp-block-group p a{ font-size: 18px; line-height: 1.3em; display: block; min-height: 0; margin: 20px 0 0 0; }


}


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




}

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

  .barra a.mapa {
  display: none;
  }
  
 .header .right .bloque, .sticky5 .header .right .bloque, .header .right .bloque.mapa { margin: 0px 0 20px 0; }
.header .right .bloque .titulo, .sticky5 .header .right .bloque .titulo { font-size: 10px; letter-spacing: 0;}	

.portadas hr.icon { font-size: 24px; padding: 10px; }
.portadas .wp-block-group h2 { font-size: 18px; margin: 20px 0; }

.footer .columna.una {
  margin: 0 20px;
  padding: 0;
  }
  .footer .columna.una {
  margin: 0 20px;
}
h4{ font-size: 1.4em; }


		
}


@media screen and (max-width: 340px) {
.barra .horario, .barra .area { font-size: 11px; letter-spacing: 0; }
.barra .horario::before { padding: 0 6px 0 0; }
.barra .horario::after { padding: 0 6px 0 1px; }
}