#header {
  border:none !important;
}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
  margin-bottom: 10px;
}


.alert-warning {
  color: #0f0f0f;
  background-color: #fff;
  border-color: #fff;
}


.banner-portal{
  text-align: center;
  padding: 15px;
}
.banner-portal img {
  width: 100%;

}
.menu-container > .menu-item > .menu-link {
  margin: 28px 0;
    margin-top: 28px;
    margin-bottom: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 2px;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}


.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

#logo img {
  height: 40px;
  max-height: 50px;
}

/*#content, #wrapper, body{
  background: #d9244f;

} */

body{
  background: rgb(50,59,95);
background: linear-gradient(180deg, rgba(50,59,95,1) 0%, rgba(118,77,111,1) 35%, rgba(243,174,128,1) 100%) !important;

} 

#wrapper, #content{
  background: none;
} 

.form-switch {
  padding-left: 2.5em;
  max-width: 400px;
  margin: auto;
  clear: both;
}

.form-switch label.form-check-label, .form-switch p.detail{
  color:  white;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 

.form-check-input:checked {
  background-color: #f3ae80 !important;
  border-color: #764d6f !important;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
  color: #ffffff;
}

.card-riborn{
  float: left;
  background: #000;
  color: #ffffff;
  font-size: 13px;
  padding: 0 30px ;
  font-style: italic;
  height:30px;
  line-height:30px;
  display:inline-block;
  position:relative;
  text-transform: uppercase;
}
.plazas {
  float: right;
  text-align: left;
  color: #5F6368;
  font-weight: bold;
  padding-right: 20px;
  font-style: italic;
}

.card-riborn:after {
  content:"";
  position:absolute;
  right:-30px;
  width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #000;
  z-index:1;
}



.plazas-title {
  font-size: 14px;
  display: block;
  clear: both;
  line-height: 18px;
  text-transform: uppercase;
}
.plazas-numero {
  font-size: 18px;
  line-height: 18px;
}

.curso-header{
  padding-top: 20px;
  width: 100%;
  float: left;
  margin-bottom: 10px;

}
.card-curso {
  background: white;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
  float: left;
  width: 100%;
  color: black;
  margin-bottom: 30px;
}

.fecha-inscripcion{
  height:48px;
}

.card-curso h2, .card-curso h3, .card-curso h4, .card-curso h5, .card-curso h2 {
    color: black;
}
.bloque_email{
  margin-top: 30px;
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 30px;

}
.bloque_email button{
  background-color: black;
}

.bloque_email p{
  font-weight: bold;
  margin-bottom: 10px;
}


.bloque_email input[type=email]{
  height: 35px;
}

h4.usuario{
  margin-bottom: 0;
}
p.fecha_inscripcion {
  margin-bottom: 0;
}

.bloque_email button:hover{
  background-color: #43555F;
  color: white;
}

h3.titulo {
  font-size: 18px;
  font-weight: 400;
} 

#div_listado_inscripciones .row {
  border-bottom: 4px dotted white;
margin-bottom: 50px;
}

h3.titulo-cursillo{
  font-size: 20px;
  line-height: 24px ;
  text-align: center;
  margin-bottom: 5px;
  color: #000;
}
.instalacion-cursillo {
  font-weight: bold;
  background: url("/img/lugar.svg");
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 8px;
}
.edad-cursillo {
  background: url("/img/nacidos.svg");
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 8px;
}

.fecha-cursillo {
  background: url("/img/calendar.svg");
  background-repeat: no-repeat;
  padding-left: 30px;
  font-size: 18px !important;
}
.card-content{
  padding: 30px;
  color: #000;
  float: left;
  width: 100%;
  padding-top: 0;
}

.abonado {
  background-color: #E5E5E5;
  text-align: center;
  border-radius: 5px;
  padding: 15px;
  max-width: 200px;
  margin: auto;
} 
.col-mb-30 {
  margin-bottom: 30px;
}  
.title-abonados {
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: center;
} 

.nombre-cursillo {
  min-height: 55px;
}

.dias-semana{
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
.tipos-usuarios .precio{
 font-size: 24px;
 font-weight: 800;
 line-height: 24px;
 letter-spacing: 0em;
 text-align: left;
}

.tipos-usuarios {
  text-align: center;
}
.date-inscripcion {
  font-weight: 700;
}

.datos-cursillo {
  min-height: 175px;
  padding: 0 30px;
}
.title-inscripcion {
  text-transform: uppercase;
  font-size: 11px;
}


.btn-inscripcion {
  text-align: center;
  margin-top: 20px;
}

.btn-inscripcion .button {
  background-color: #000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  font-size: 15px;

}

.btn-inscripcion .button:hover {
  background-color: #43555F;
 } 


.btn-inscripcion .button.disable, .btn-inscripcion .button.disable:hover  {
  background-color: #D8D8D8;
  box-shadow: none;
  cursor: not-allowed;
}
















h2.titulo-curso {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
}

.descripcion-curso{
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.grado-intensidad {
  list-style: none;
}

.grado-intensidad li{
  display: inline-block;
}

.grado-intensidad li img{
  width: 35px;
  margin-right: 10px;
  opacity: 0.5;

}
.grado-intensidad li.active img{
  opacity: 1;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.intensidad {
  text-align: right;
}

a.mas-info {
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-decoration: underline;
}

.curso-instalacion {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-style: italic;
  border-bottom: 4px dotted #ffffff;
}


.content-wrap {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}

.btn-volver{
  background: none;
} 

.logos-footer {
  margin-bottom: 10px;
} 

.logo-footer{
  margin-right: 10px;

}
#logo .logo-aux img{
  height: 20px;
  max-height: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.dark #header.transparent-header.semi-transparent #header-wrap, #header.transparent-header.semi-transparent.dark #header-wrap {
  background-color: rgba(0,0,0,0.8);
}

.menu-login {
  line-height: 22px;
  /* color: #F7F7F7; */
  /* font-weight: 700; */
  /* font-size: 0.8125rem; */
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: x-large;
  color: red;
  font-size: large;
  font-weight: 500;

}


.full-header #logo {
  border: none;
}


.dark .top-cart-content {
 
  border-top-color: #FFFFFF;
}


.dark .top-cart-item-desc a:hover {
  color: #BBB9B9;
}



::selection {
    background:  black;
    color: white;
    text-shadow: none;
}

/* Firefox */
::-moz-selection {
    background:  black;
    color: white;
    text-shadow: none;
  
}

::-webkit-selection {
    background:  black;
    color: white;
    text-shadow: none;
}


#gotoTop:hover {
  background-color: #000000;
}


.filtros{
  text-align: center;
}






/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
  height: 45x;
}

@media (min-width: 992px) {

  .header-size-custom .header-wrap-clone {
    height: calc( 45px + 1px );
  }

  #header.header-size-custom + .include-header {
    margin-top: calc( -45px - 2px );
  }

  .header-size-custom.sticky-header-shrink #header-wrap #logo img {
    height: 45px;
  }

  .header-size-custom .menu-container > .menu-item > .menu-link {
    padding-top: 10px; /* (70px - 22px)/2 */
    padding-bottom: 10px; /* (70px - 22px)/2 */
  }

  .header-size-custom.sticky-header-shrink .menu-container > .menu-item > .menu-link {
    padding-top: 0; /* (70px - 22px)/2 */
    padding-bottom: 0; /* (70px - 22px)/2 */
  }

}

@media (max-width: 991px) {
  .header-size-custom #logo img {
    height: 34px;
  }
  #logo .logo-aux img {
    height: 20px;
    max-height: 20px;
    margin-left: 20px;
    margin-bottom: 2px;
  }

} 


@media screen and (min-width: 992px) and (max-width: 1110px) {
  .header-size-custom .menu-container > .menu-item > .menu-link {
    font-size: 11px;
    padding: 10px;
  }
  .menu-login{
     font-size: 11px;
  }
}








.titulo-filtro{
  text-align: center;
  font-weight: lighter;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
}


.left{ 
text-align: left !important;
}




.titulo-filtro strong {
  font-weight: 800;

}

.descripcion-filtro {
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
}



.divfiltro {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}


.divfiltro:hover {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
}


.divfiltro.seleccionado{
  background: rgba(255, 255, 255, 1);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
}

.botones {
  text-align: center;
  margin-bottom: 30px;

}


.observaciones {
  margin-top: 30px;
}

.observaciones p{
margin-bottom: 10px;
line-height: 1.3 !important;
font-weight: bold;

}

.condiciones{
  margin-top: 30px;
  clear: both;
  float: left;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 50px;
}


.bienvenida {
  text-align: center;
   margin-top: 50px;
   padding: 15px;
}

.bienvenida h3{
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 50px;
  margin-bottom: 0;

}  

.bienvenida h4{
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 400;
  font-size: 20px;
}  

.asistente {
  text-align: center;
  margin-top: 100px;
  padding: 15px;
}


#it_predictivo {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  width: 100%;
  max-width: 720px;
  padding: 15px;
}



.asistente  h3{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    margin-bottom: 0;
    font-weight: 800;
}  

.asistente h4{
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-weight: 400;
  font-size: 20px;
}  


.btn-comenzar .button{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}


.col-login {

  text-align: center;
  padding: 8% !important;

}


.login .button {
  width: 100% ;
}

.login h3{
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 15px;

}

.login label{
  text-align: left;
  float: left;
  font-weight: 400;

 } 


.row-login {
   background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

img.fondo{
  display: block;
  object-fit: cover;
    width: 100%;
  height: 100%;
  border-radius: 0 15px 15px 0;
}

.col-fondo {
  padding: 0 !important;
    border-radius: 0 15px 15px 0;
}

.bt-login{
  background: black;
} 




.ui-autocomplete {
  background: rgba(0, 0, 0, 0.7);
  list-style: none;
  max-width: 720px;
  padding: 10px 0;
}


.ui-autocomplete li{
  color: white;
  padding: 10px;

}

.ui-autocomplete li:hover{
  background: white;
  color: #000;
  cursor: pointer;
}



.card-curso .bloque_familiares {
  padding: 30px;

} 

.card-curso label{
  color: #000 !important;
}





.card-curso .bloque_seleccion_familiar label{
  margin-bottom: 0;
  margin-left: 10px;
   padding: 10px;
  border-bottom: 1px solid #000;
  display: block;
} 

.card-curso .bloque_seleccion_familiar label:hover{
  background-color: #E5E5E5;
  cursor: pointer;
} 

.card-curso .bloque_seleccion_familiar label.selected{
  background-color: #E5E5E5;
} 

.card-curso .bloque_seleccion_familiar label.disabled{
  background-color: #E5E5E5;
  color: #ff0707 !important;
  background:none;
  padding-left: 30px;
  font-size: 13px;
  font-weight: 700;

} 
.card-curso .bloque_seleccion_familiar label.disabled input{
  display: none;
} 


.bloque_familiares #a_inscribir{
  margin-top: 30px;
  background-color: rgba(0,0,0,1);
} 

.bloque_familiares #a_inscribir:hover {
  background-color: #43555F;
}

.bloque_familiares h4{
  margin-bottom: 20px;
 font-weight: 400;
 font-size: 18px;
 color: #000 !important;
} 


.bloque_familiares input[type='radio']{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 3px;
  left: -1px;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 3px solid #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.div_buttons_reinscripcion, .btn-inscripcion{
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 20px;
} 

.bloque_familiares input[type='radio']:checked {
  background-color: black;
  border: 4px solid white;
}


#cajacookies {
  display: none;
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px 30px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

#cajacookies button {
  background: black;
  color: white;
}

#cajacookies button:hover {
  background-color: #43555F;
  color: white;
}

 #cajacookies  a {
  text-decoration: none !important;
  color: #a90230;
}
.bloque_datos_inscrito{
  padding: 30px;
  width: 100%;
  float: left;
  margin-top: 15px;
}


/* Conoce las actividades
-----------------------------------------------------------------*/


#content.conoce-actividad-cursos {
  background: #D2D2D2;

} 

#content.descripcion-actividad, #content.conoce-actividad-instructores{
  background: #ffffff;

} 


#content.descripcion-actividad  .content-wrap, #content.conoce-actividad-cursos .content-wrap, #content.conoce-actividad-instructores .content-wrap{
  padding: 80px 0;
} 


.conoce-actividad-cursos .curso-instalacion {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-style: italic;
  border-bottom: 4px dotted #000000;
  color: #000000;
}



.conoce-actividad-instructores .portfolio-item .portfolio-image{
  height: 240px;
 
} 

.conoce-actividad-instructores .portfolio-item .portfolio-image img {
  object-fit: cover;

  }

  .conoce-actividad-instructores .portfolio-desc h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
}


.conoce-actividad-instructores .portfolio-item .portfolio-image > a {
  display: block;
  width: 100%;
  height: auto;
  max-height: 240px;
  max-width: 240px;
  margin: auto;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: var(--owl-nav-bg) !important;
}






.descubre-actividad  {
  background: #FFFFFF !important;
}


.descubre-actividad .divfiltro {
  background: #A9022F;
}

.descubre-actividad .divfiltro:hover {
  background: #000000CC;
  color: white;
}

.descubre-actividad .titulo-filtro {
  color:  #A9022F;
  margin-bottom: 20px;
  text-shadow: none;

 } 


.descubre-actividad #buscador {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
  display: block;

}

.portfolio-desc h3 a:hover {
  color: #A9022F;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #A9022F !important;
}

body.white #content, body.white #wrapper{
  background: #ffffff;

} 

.datos-cursillo {
  min-height: 175px;
  padding: 0 15%;
}
.button {
  white-space: initial !important;
}

.alert-secondary {
  color: #41464b;
} 


@media (max-width: 768px) {
  .bienvenida{
    margin-top: 0;
  }
  .asistente{
    margin-top: 50px;
  }
 #bloque_filtros .content-wrap{
  padding: 15px 0;

 }
  .content-wrap {
    padding: 20px 0;
  }
  form {
  margin-bottom: 0;
  }
  .botones {
  margin-top: 0;
  }
  h2.titulo-curso {
  font-size: 28px;
  line-height: 34px;
  }
  .observaciones p {
  margin-bottom: 10px;
  line-height: 1.3 !important;
  font-weight: bold;
  font-size: 14px;
  }
  #content p {
  line-height: 1.3;
  }
  .datos-cursillo {
  padding: 0 ;
  }
  h3.titulo-cursillo {
  font-size: 18px;
  }
  .fecha-cursillo {
  /* font-size: 14px !important; */
  }
  .dias-semana , .edad-cursillo, .instalacion-cursillo{
  font-size: 14px;
  line-height: 16px;
  }
}

.actividad-destacada a{
  background: #A70833 !important;
}