/* MENU DESPLEGABLE móvil Divi  *************************************************************************************************************************************** 
Este código trabja conjunto con main.js */
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
/* MENU DESPLEGABLE móvil Divi  *************************************************************************************************************************************** 

/* MENÚ MÓVIL */
.et_fixed_nav #top-header,
.et_fixed_nav #main-header{
	position: fixed !important; /* posición fija del menú */
}
.mobile_menu_bar:before{
	color:#275779 !important; /* color de las tres rayitas */
}

/* MEMÚ MÓVIL SCROLL */
/* Scroll en menú móvil desplegable */
.et_mobile_menu {
  overflow: scroll !important;
  max-height: 83vh;
}
/* ICONOS MENÚ ********************************************************************/
.menu_alumnos > a:before {
  font-family: 'ETMODULES';
  content: '\e08b'; /* change icon code here */
  text-align: center;
  margin-right: 5px;

  font-size: 1em; /*change icon size here */
  font-weight: 300;
  transition: all .3s ease;
}
.menu_calendario > a:before {
font-family: 'ETMODULES';
content: '\e023'; /* change icon code here */
text-align: center;
margin-right: 5px;

font-size: 1em; /*change icon size here */
font-weight: 300;
transition: all .3s ease;
}

/* AMBOS MENU */
.sub-menu,
.sub-menu li {
   padding: 0px !important;
}

/* MENU SECUNDARIO */
#et-secondary-nav li>ul {
  width: 280px;
}
#et-secondary-nav li>ul a:hover{
color: #fff;
background-color: #2ea3f2;
}
#et-secondary-nav li {
 text-align: left;
}
#et-secondary-nav{
margin: 0 auto !important;
}



/* ANCHO SECCIÓN */
.et_pb_row {
	width:90% !important;
}


/* FOOTER *****************************************/
.et_pb_row_0_tb_footer p{
  color: #8291a2 !important;
}
.et_pb_row_0_tb_footer h4{
  text-shadow: 0em 0.1em 0.1em rgb(0 0 0 / 40%);
  font-size: 20px;
  color: #ffffff !important;
}

.et_pb_section_0_tb_footer {
  padding-bottom: 0px !important;
}

/* TEXTOS */
.txt_18, .txt_18 p,
.tbl_t2, .tbl_t2 p{
	font-size:18px !important;
}
.txt_16, .txt_16 p,
.tbl_t3, .tbl_t3 p{
	font-size:16px !important;
}
.negrita{
	font-weight:bold !important;
}

/* TAMAÑO DE TEXTOS ***************************************/
@media screen and (min-width: 1600px) {
	.texto_base,
	.texto_base p,
	.texto_base li{
		font-size:20px !important;	
    line-height: 3rem !important;	
	}
}
@media screen and (min-width: 600px) and (max-width:1600) {
	.texto_base,
	.texto_base p,
	.texto_base li{
		font-size:18px !important;	
	}
}
@media screen and (max-width: 599px) {
	.texto_base,
	.texto_base p,
	.texto_base li{
		font-size:16px !important;		
	}
}
/* FIN TAMAÑO DE TEXTOS ***************************************/



/* LISTA DE BOTONES DE PRECIOS TABLA DE PRECIOS */
.DivBtnTable{
  width:100%;
  height: 45px;
}
.DivBtnTable .btn{
  background-color: #275779;
  /* width:150px; */
  width:100%;
  margin:0 auto;
  padding:5px 20px;
  border-radius: 10px;
  cursor: pointer;
}
.DivBtnTable .btn:hover{
  background-color:#2ea3f2;
  transition: background-color 0.5s linear;
}

.DivBtnTable span,
.DivBtnTable .btn a{
  font-size:18px !important;
  color:#ffffff;
}

/* INFORMACIÓN CURSOS TABLA EXTERNA */
.div-infoTbl{
  /* font-size:16px;
  line-height: 1.4em; */
  color:#275779;
  font-weight: 500;
}

/* Oculata reCAPTCHA de google */
.grecaptcha-badge { 
  visibility: hidden !important; 
  visibility: collapse !important;  
  opacity:0 !important;
}

/* LISTA DE BOTONES DE PRECIOS LN PNB PER PY CY */
.tab-barra .tablinks {
    background-color:#275779 !important; 
    color:#dfe6f2!important;
    float: left;
    border: none;
    outline: none;
    cursor: pointer !important;
    padding: 14px 0px;
    transition: 0.3s;
    width:20%;
    font-size:22px;
    font-weight: bold;
    border-left: 1px solid #dfe6f2;
  }

  /* Para listas de cuatro botones */
.tab-barra .list-4{
  width:25% !important;
}

.tab-barra .tablinks-active {
    background-color: #2ea3f2 !important;
    color:#dfe6f2 !important;
}

.tab-barra .tab-text{
  font-size:18px;
  font-weight: 400;
}

@media only screen and (max-width: 700px) {
  .tab-barra .tab-text{
    font-size: 13px;
  }
}


/* FIN LISTA DE BOTONES DE PRECIOS LN PNB PER PY CY */

/***********************************************************************************************/
/* TABLA DE PRECIOS */
.tbl_precios .tblEuro,
.woocommerce-Price-currencySymbol{
  font-size:0.6em;
  font-weight:400;
}
.tbl_precios .tblPrecio{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-size:40px !important;
	color: #275779 !important;
  font-weight: 700;
  font-style: italic;
}
.tbl_precios .tblPercio_tachado{
	text-decoration: line-through;
	font-size: 30px;
	font-weight:400;
	color:#95aab9 !important
}

.tbl_precios .ofertaPrecio{
  color: #ff5b5b !important;
}
/* FIN TABLA DE PRECIOS */






/*************************************************************************************************************************/
/* LISTA DE PRECIOS */
.tab-cont .euro{
  font-size:0.8em;
  font-weight:400;
}

.tab-cont .tab_titulo{
  width:100%;
  max-width:1600px !important;
  padding-top:5px;
  text-align:center;
}
.tab-cont .tab_titulo h3{
  color:#2ea3f2;
  font-size:20px;
  font-weight: bold;
  line-height: 1em;
  padding: 5px !important;
  border-bottom: 1px solid #275779;
}

.tab-cont .tab-fila{
  width:100%;
  max-width:1600px !important;
  margin:0 auto;
  overflow: hidden;
  align-items: flex-end;
  margin-top:10px;
  background-color:#f6f8fb;
  padding:5px;
  line-height: 1em!important;
}
.tab-cont .tab-fila div{
  font-size:16px;
}

.tab-cont .btn-reserva a,
.tab-cont .btn-compra a{
    color: #ffffff!important;
    font-size: 16px !important;
    text-decoration: none;
    padding: 0px 5px;
}
.tab-cont .btn-reserva,
.tab-cont .btn-compra{
    padding:0px;
    width:100%;
    text-align: center !important;
    border-radius: 10px;
    cursor:pointer;
    line-height: 2.8em!important;
}
.tab-cont .btn-compra{
  background-color: #275779;
  margin-right:5px;
}
.tab-cont .btn-reserva{
    background-color: #2ea3f2;
}
.tab-cont .fila_detalle{
  width:70%;
  float:left;
	padding:10px;
  color:#275779;
}
.tab-cont .fila_precio{
  padding:10px;
  width:120px;
}

.tab-cont .fila_btn{
  width:135px;
}

.tab-cont .div_precios{
  float:right;
  width:265px;
  padding-right:10px;
}
.tab-cont .div_precios div{
  float:left;
}

.tab-cont .tblVisible{
  display:none;
}
/* FIN LISTA DE PRECIOS */

/***************************************************************************************/
/* HORARIOS CURSOS (Tabla externa) */
.cont-horarios{
  width:100% !important;
  padding:15px;
  color: #275779;
}
.cont-horarios .cabecera{
  text-align: center !important;
  background-color: #d5e6f2;
  font-weight: bold;
  text-align: center;
}
.div-infoHorario{
  display: inline-block;
  width:100% !important;
  font-size:16px;
  border-bottom: 1px solid;
}
.div-infoHorario div{
  float:left;
  font-size: 16px;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
}
.div-infoHorario .col-1{
  width:20%; /* x 3 = 60% */
}
.div-infoHorario .col-2{
  width:13%;  /* x 3 = 39% */
}
.div-infoHorario .et-pb-icon{
  font-size: 16px !important;
  font-weight: bold !important;
  padding-left: 7px;
}


@media (min-width: 699px) {
    .min_700{
        display: none !important;
    }
    .max_700{
      display: block !important;
    }
}

@media (max-width: 950px) {
  .max-950,  
  .infExam{
      display: none;
    }
    .div-infoHorario .col-1{
      width:30%; /* x 2 = 50% */
    }
    .div-infoHorario .col-2{
      width:13%;  /* x 3 = 52% */
    }
  }

  @media (max-width: 700px) {
    .div-infoHorario div{
      font-size: 14px;
    }

    .max_700,
    .infInicio,
    .infExam{
      display: none !important;
    }

    .min_700{
        display:block !important;
    }
    .div-infoHorario .col-1{
      width:30%; /* x 1 = 30% */
    }
    .div-infoHorario .col-2{
      width:23%; /* x 3 = 69% */
    }
    .cont-horarios{
      padding:0px;
    }
  }
  /* FIN ORARIOS CURSOS (Tabla externa) */



@media only screen and (max-width: 1100px) {
  .tab-cont .fila_detalle{
    width:65%;
    }
  }
  
  
  @media only screen and (max-width: 900px) {
    .tab-cont .fila_detalle{
    width:75%;
    }
    .tab-cont .div_precios {
      width:120px;
    }
    
  }
  
  @media only screen and (max-width: 600px) {
    .tab-cont .fila_detalle{
      width:95%;
    }
    .tab-cont .div_precios{
      width:100%;
      float:left;
       padding-bottom:5px;
    }
    .tab-cont .div_precios div{
      width:90%;
      margin: 0px 15px;
    }
    .tab-cont .tbl_precio{
      text-align:center;
      font-weight: bold;
      padding-top:0px;
    }
  }


  @media only screen and (max-width: 530px) {
    .tab-cont .tab-text{
      height: 80px;
    }
}
  /* FIN TABLAS DE PRECIOS */



/* TEXTOS ESPECIALES */
.nota{
	font-size:16px !important;
	font-style:italic !important;
	color:#8291a2 !important;
	line-height: 1.7em !important;
}
 /* MENU PRINCIPAL */
@media (min-width: 980px) {
	.nav li ul{
		width:400px !important;
	}
	#top-menu li li{
		width:400px !important;
		padding: 0px;
	}
	#top-menu li li:hover{
		background-color:#6cb2f5;
	}
	#top-menu li li a{
		width:400px !important;
		padding: 6px 20px;
	}	
	#top-menu li li a:hover{
		color:#fff;
	}
}

/* LOGO */
@media (max-width: 1400px) {
	img#logo{
	  min-width: 150px !important;
	  max-width:328px !important;
	  max-height:50px !important;
	  width: 15vw !important;
	}
}

/* LISTAS */
.listas ol, 
.listas ul {
	color: #969696;
    list-style: circle;
    font-style: italic;
    font-size: 0.8em !important;
	  line-height: 2.5em !important;
    margin-left: 25px;
}