@charset "utf-8";
/* CSS Document */
.body{
	padding:0px;
	}
	

.tipografia_blnca_margarita {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: lighter;
	line-height: 22px;
}

.titulo_general_negro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #000000;
	font-weight: bolder;
	line-height: 22px;
}

.titulo_general_rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #C92838;
	font-weight: bolder;
	line-height: 22px;
}

.titulo_general_azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #5F7487;
	font-weight: bolder;
	line-height: 22px;
}

.titulo_general_celeste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #4EF2E9;
	font-weight: bolder;
	line-height: 22px;
}

.titulo_general_amarillo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #FFAB14;
	font-weight: bolder;
	line-height: 22px;
} 

.subtitulo_negro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #000000;
	font-weight: normal;
	line-height: 22px;
}

.tabla_fija { background:#fff;
position:fixed;
padding:0px;
}

.subtitulo_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: bolder;
	line-height: 22px;
}

.titulo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #C92838;
	font-weight: bold;
	line-height: 22px;
}
.titulo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFAB14;
	font-weight: bold;
	line-height: 22px;
}

.titulo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #5F7489;
	font-weight: bold;
	line-height: 22px;
}

.titulo4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
}

.titulo5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #4EF2E9;
	font-weight: bold;
	line-height: 22px;
}

.textos_cursos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: lighter;
	line-height: 25px;
}


.textos_descripcion_cursos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: lighter;
	line-height: 25px;
}

.textos_cursos_cuadros{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: lighter;
	line-height: 20px;
}

.curso_subtitulo_margarita {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #002887;
	font-weight: bold;
}

.base_fondo_imagen { background-image:url(../img/banner_marga_negro2.jpg);

}

.base_fondo_imagen_cursoonline { background-image:url(../img/banner_cursos_online.jpg);
height:450px;
}

.base_fondo_imagen_clases_personalizadas { background-image:url(../img/banner_cursos_personalizados.jpg);
height:450px;
}

.base_fondo_imagen_index { background-image: url(../img/banner_index.jpg);
height:450px;
}

.base_fondo_opciones { background-image:url(../img/banner_opciones.jpg);
height:450px;
}

.base_fondo_opciones2 { background-image:url(../img/banner_opciones_2.jpg);
height:450px;
}

.ancho_alto_tabla_cursos {
	background-image: url(../img/recuadro_cursos.png);
	width: 355px;
	height: 570px;

}

.cuadro_pasantias {
	background-image: url(../img/pasantias.png);
	width: 363px;
	height: 397;

}

.lista1 { list-style-image: url(../img/punto_amarillo.png);

}


.cuadro_teoria {
	background-image: url(../img/teoria.png);
	width: 363px;
	height: 397px;

}

.cuadro_grupo {
	background-image: url(../img/grupo.png);
	width: 363px;
	height: 397px;

}

.container{
  margin: auto;
  background-color: white;
  width: 800px;
  padding: 30px;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.slider{
  position: relative;
  width: 800px;
  height: 400px;
}

ul.slider li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .5s;
    background:#fff;
}

ul.slider li img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}

ul.slider li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}

ul.slider li:target {
    opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
}

.menu{
  text-align: center;
  margin: 20px;
}

.menu li{
  display: inline-block;
  text-align: center;
}

.menu li a{
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: grey;
  padding: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  border-radius: 100%;
}

.primer_tabla {
  position: inherit;
  }