/*===========================================
	Estilo página web personalizados
===========================================*/

.logo {margin-top: 20px;}

.logo img {max-width: 280px;}


.h1-seo {font-size:12px;font-weight: normal;}
.h1-contacto {font-size:18px;font-weight: bold;}

.recordar {color:#222;}
.recordar:hover {font-weight: bold;text-decoration:none;}

.cover {
  background-size: cover;
  width: 100%;
  height: 250px!important;

}

.aviso_envio_ok{
  padding: 20px;
  color: #fff;
  font-size: 1.2rem;
  background-color: #006278;
  border-color: #006278;
  width: 300px;
  margin: auto;
  text-align: center;

}

.aviso_envio_nok{
  padding: 20px;
  color: #ffffff;
  font-size: 1.2rem;
  background-color: #be3c3c;
  border-color: #be3c3c;
  width: 300px;
  margin: auto;
  text-align: center;

}

/*===========================================
	Menú
===========================================*/

.enlaces {
  padding: 12px 24px;
  font-size: 22px;}


/*===========================================
	Cajas
===========================================*/

i {color: #8EB8E9;}

.visitas_caja_clases p{
  text-align: right;
  font-size: 16px;
  color: #222;
}

.volver {
  color: #8EB8E9;
  text-decoration:none;
  }

  .volver:hover {
    color: #8EB8E9;
    text-decoration:none;
    font-weight: bold;
    }

.titulo_caja_clases{
  min-height: 110px;
}

.caja_categoria {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 120px;
  line-height: 90px;
}

.caja_categoria:hover {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 120px;
  line-height: 90px;
  font-weight: bold;
}


.caja_clases {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 190px;

}

.caja_clases:hover {
  margin-top: 20px;
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
  height: 190px;
  font-weight: bold;
}


.caja_clases img {
  width:80px;
  margin-top: -50px;
}

.titulo_clases {margin-top:20px;}

.enlace_catego {
  text-decoration:none;
	vertical-align:middle;
	line-height:normal;
  color: #8EB8E9;
  font-size: 20px;
}

.enlace_catego:hover {
  text-decoration:none;
	vertical-align:middle;
	line-height:normal;
  color: #8EB8E9;
  font-size: 20px;
  font-weight: bold;
}


.caja_acceso {
  padding: 15px;
  margin-top: 20px;
  border:1px solid #8EB8E9;
  text-align: center;
}

.caja_acceso h3 {text-align: center;}

.enlace_caja a {
  color: #006278;
}

.enlace_caja a:hover {
  color: #006278;
  font-weight: bold;
}


/*===========================================
	Eventos
===========================================*/

.caja_eventos {
  background: #eee;
  padding: 15px;
  margin-top: 20px;
  border:1px solid #eee;
  text-align: center;
}

.caja_eventos:hover {
  background: #eee;
  padding: 15px;
  border:1px solid #eee;
  text-align: center;
  font-weight: bold;
}


.vertical td {vertical-align: middle;}

/*----------------------------*/
/*** BARRA COOKIES ***/
/*----------------------------*/

.innercookie a.ok {
  padding:10px 30px;
  background: #fff;
  color:#006278;
  text-decoration:none;}

.innercookie a.ok:hover {
  padding:10px 30px;
  background: #fff;
  color:#006278;
  font-weight: bold;
  text-decoration:none;}


.innercookie a.nok {
  padding:10px 20px;
  background: #f5bb3e;
  color:#222;
  text-decoration:none;}


.innercookie a.nok:hover {
  padding:10px 20px;
  background: #f5bb3e;
  color:#222;
  font-weight: bold;
  text-decoration:none;}

.innercookie a.info {
  padding-left:5px;
  text-decoration:none;
  color:#fff;}


#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  min-height:228px;
  background: rgba(0,108,133,1);
   background: -moz-linear-gradient(left, rgba(0,108,133,1) 0%, rgba(0,122,112,1) 54%, rgba(0,133,95,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,108,133,1)), color-stop(54%, rgba(0,122,112,1)), color-stop(100%, rgba(0,133,95,1)));
   background: -webkit-linear-gradient(left, rgba(0,108,133,1) 0%, rgba(0,122,112,1) 54%, rgba(0,133,95,1) 100%);
   background: -o-linear-gradient(left, rgba(0,108,133,1) 0%, rgba(0,122,112,1) 54%, rgba(0,133,95,1) 100%);
   background: -ms-linear-gradient(left, rgba(0,108,133,1) 0%, rgba(0,122,112,1) 54%, rgba(0,133,95,1) 100%);
   background: linear-gradient(to right, rgba(0,108,133,1) 0%, rgba(0,122,112,1) 54%, rgba(0,133,95,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006c85', endColorstr='#00855f', GradientType=1 );
  color:#fff;
  z-index:99999;
}

.innercookie {
  width:100%;
  position:absolute;
  padding-left:5px;
  font-family:verdana;
  font-size:12px;
  top:20%;
  }

}





/*----------------------------------------------*/
/*** CSS DEPENDIENDO DE LA RESOLUCIÓN  (MOVIL)***/
/*---------------------------------------------*/


@media screen and (min-width: 360px) and (max-width: 500px) {


/*** BARRA COOKIES ***/

#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  min-height:260px;
  background-color: rgba(0, 0, 0, 0.8);
  color:#fff;
  z-index:99999;
}

.innercookie {
  width:100%;
  position:absolute;
  padding-left:5px;
  font-family:verdana;
  font-size:12px;
  top:10%;
  }

}






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

#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  min-height:80px;
  background-color: rgba(0, 0, 0, 0.8);
  color:#fff;
  z-index:99999;
}

.innercookie {
  width:100%;
  position:absolute;
  padding-left:5px;
  font-family:verdana;
  font-size:12px;
  top:10%;
  }

}

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


#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  min-height:100px;
  background-color: rgba(0, 0, 0, 0.8);
  color:#fff;
  z-index:99999;
}

.innercookie {
  width:100%;
  position:absolute;
  padding-left:5px;
  font-family:verdana;
  font-size:12px;
  top:10%;
}

}



@media screen and (min-width: 1361px) and (max-width: 1920px) {


#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  min-height:140px;
  background-color: rgba(0, 0, 0, 0.8);
  color:#fff;
  z-index:99999;
}

.innercookie {
  width:100%;
  position:absolute;
  padding-left:5px;
  font-family:verdana;
  font-size:12px;
  top:10%;
}

}