@charset "utf-8";
/* CSS Document */

/*Estilos para recetar los estilos de los navegadores */


html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 0; list-style:none; }
ul { padding-left:0; list-style:none; }
q:before, q:after { content:''; }

input{
	text-indent:15px;
	}
#modlgn_remember
{
  margin-top:5px;	
}
a, a:visited, a:link{color:#777777;
text-decoration:none;
}
em{
	font-style:normal}
/*------------------------*/

/* Mis Estilos */

p{line-height: 1.5em}

hr{width: 73%;
  margin: auto;}

/* ****************** Cabecera Head ******************** */
*{
    box-sizing: border-box;
    font-family: sans-serif;
}


#flechaVolver {
    position: fixed;
    bottom: 6px;
    right: 17px;
    display: none;
    cursor: pointer;
    z-index: 100;
}




header{
  /*background: url("../image/cabecera/FondoSeccion1.jpg") no-repeat center center fixed*/;
    background-color: rgb(0, 0, 0);
    background-size: auto;
	background-size: cover;
	/*position: relative;*/
	min-height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-content: center;
    -webkit-box-shadow: inset 10px 89px 66px -18px rgba(0,0,0,0.65);
	-moz-box-shadow: inset 10px 89px 66px -18px rgba(0,0,0,0.65);
	box-shadow: inset 10px 89px 66px -18px rgba(0,0,0,0.65);
}

#cotenedor_logo{
	display: flex;
	justify-content: flex-end;
}

#ContendorSecundario{
   /*position: absolute;
   top: 0;*/
	width: 100%;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
	padding: 5px 10px;
	margin: 0px auto;
	box-sizing: border-box;
    
}
#toogle{
    display: none;
}
#menu{
   /* display: flex;
    border-bottom: 1px solid white;*/
    
}

.sidebar-btn
{color: white;
  text-align: center;
  padding-top: 20px;
  color: white;
  padding-bottom: 20px;
  
  background-color: #333;

}

#menu li{
    margin: 0px;
    text-align: left;

}

#menu li a{
    color: #FFFFFF;
    font-size: 1em;
}

#menu li a:hover{
    color:#777777;
}

#loogosRedes_barside {

   display: flex;
    flex-direction: column;   /* pone los elementos en columna */
    justify-content: center;  /* centra verticalmente */
    align-items: center;  
    gap: 0px; 
    margin-top: 10px; 


}

.logoosRedes_barside a{
    max-width: 60px;
    height: auto;
    margin: 10px auto;
}


.logosRedes_barside a{
	padding: 5px !important;
}

.logosRedes_barside a img.logosRedesSidebar {
   
   width: 18px !important;
   height: auto !important;
   margin-top: 5px !important;
   margin-bottom: 5px !important;
}


#contenedorTitular{
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    /*background: hsla(0,0%,0%,0.4);*/
}
#contenedorTitular div{
   background:url("../image/cabecera/Frase.png") no-repeat center center;
padding: 50px;
margin: 45px auto;
width: 70%;
	max-width: 1000px;
    height: 300px;
}
#contenedorTitular h1{
    font-size: 3.5em;
    margin-top:15px;
    margin-bottom: 15px;
    }

#contenedorTitular span{
    font-size: 2em;
    }

/* ****************** Sección 2 banner ******************** */

#banner{
	background-color: #000000;
}


#conedorSeccion1{
    
    width: 100%;
    max-width: 1100px;
	height: 680px;
    margin: 0 auto;
    padding-top: 1px;
    background:url("../image/banner-principal.jpg")  top left;
     
}





/* ****************** Sección 2 Promoción ******************** */

#promo{
    width: 100%;
   background: url("../image/Seccion2Promocion/fondo.jpg") repeat top left;
    padding-bottom: 40px;
   
}

#conedorSeccion2{
    
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 20px;
    
    
   
 
}


#conedorSeccion2 #aboutme{
    
    display: flex;
    justify-content: space-around;
    align-items: center;

}


#chica {
    flex: 0 0 295px;
    align-self: flex-end;

    height: 309px;
    margin: 0 40px;
	}

#valor{
    flex:1;
	
	display:flex;
	align-content: center;
    text-align: center;
	
	
}

.texto_Promo{
	font-size: 1em;
	width: 100%;
	margin: 5px auto;
	
}

.precio{
		font-size: 5em;
	font-weight: bold;
}

.precio span{
	text-decoration: line-through;
}

.promocion{
	color: red;
	font-size: 35px;
	margin-top: 8px;
}
.promocion span{
	font-size: 25px;
}

#contador{
    width: 100%;
    height:155px;
    
    background: url("../image/Seccion2Promocion/fondo_contador.jpg") no-repeat center;
    background-color: black;
}

#Contador_Contenedor_Secundario{
	max-width: 1100px;
	width: 100%;
    height:155px;

	color: white;
	margin: auto;
	text-align: center;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	
	
}

#Contador_Contenedor_Secundario p:first-child{
	font-size: 1.2em;
	width: 100%;
	margin-bottom: 10px;

}

#demo{
	/*width: 450px; height: 112px;*/
	width: 352px !important;
	height: 88px;
	
}


/*Sección 3: Descripción del curso*/

.contenedor_general{
	max-width: 1000px
}

.titulo_Seccion{
	font-size: 1.5em;
font-variant: small-caps;
width: 355px;
padding: 3px 0px;
border-bottom: 1px solid black;
margin-bottom: 15px;
	margin-left: 8px;
}

.fa, .far, .fas {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.detalles_curso{
	padding: 0px 15px 7px;
font-size: .8em;
display: block;
}

.contenedor_general{
	max-width: 1000px;
margin: 0px auto;
	padding-top: 1px;
}

.capital{
	font-size: 2em;
	font-weight: bold;
}

#curso p{
	width: 80%;
	margin: 20px auto;
	text-align: justify;
	line-height: 28px;	
}


.imagenes-libros{
	display: flex;
	flex-wrap: wrap;
	
	align-content: center;
	justify-content: center;
}

.contenedor-imagen-libro{
	
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.imagenes-libros .contenedor-imagen-libro:first-child{
	margin:0 30px;
}

.imagenes-libros .contenedor-imagen-libro:nth-child(3){
	margin-top: 35px
}

.imagenes-libros img{
	widteh: 90%
}

#curso #leyenda-libro{
	font-size: 12px;
	text-align: center;
	font-style: italic;
	margin-bottom: 0;
}



#curso .descargas{
	text-align: right;
	
}

#curso .descargas a{
	background: url(../image/Seeccion3Curso/icono_descarga01.gif) no-repeat center left;
	padding: 5px 0px 5px 27px;
		
	
}

/*Sección 4: Aprenderás*/

#aprenderas{
	background: url(../image/Seccion4Aprenderas/toyarkbg.jpg),
		url(../image/Seccion4Aprenderas/degradadoInferior.png) repeat-x bottom;
    
      -webkit-box-shadow: inset 0px 0px 163px -79px rgba(0,0,0,0.75);
        -moz-box-shadow: inset inset 0px 0px 270px -79px rgb(0, 0, 0);
        box-shadow: inset 0px 0px 270px -79px rgb(0, 0, 0);
	
					
}

#aprenderas .contenedor_general{
	
	display: flex;
		justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
	max-width: 900px !important;
    margin-top: 0 !important;
  

}

#aprenderas .contenedor_general div{
	display: flex;
	flex-grow: 1;
	
}

#aprenderas .contenedor_general #camaras{
	
	height: 471px;
	justify-content: center;
}

#aprenderas .contenedor_general #listado{
	display: block;
	margin-left: 40px;
}


#aprenderas .contenedor_general #listado h5{
    color: white;
    font-size: 1.3em;
    margin-bottom: 26px
}

#aprenderas .contenedor_general #listado p{
	
width: 100%;
color: white;
right: 18px;
	font-size: 1em;
}

#aprenderas .contenedor_general #listado ul{
	color: white;
	line-height: 30px;
	background: url(../image/Seccion4Aprenderas/SI.png) no-repeat top left,
				url(../image/Seccion4Aprenderas/SD.gif) no-repeat top right,
				url(../image/Seccion4Aprenderas/II.gif) no-repeat bottom left,
				url(../image/Seccion4Aprenderas/ID.gif) no-repeat bottom right;
	padding: 20px;
	margin: 5px auto;
	margin-top: 15px;
	width: 70%;
	
}

#aprenderas .contenedor_general #listado ul li{
	
	background: url(../image/Seccion4Aprenderas/Palomita.png) no-repeat center left;
	padding-left: 27px;
font-size: .9em;
background-size: 16px auto;
	
}

/*Sección 5: incluye*/

.contenedor_elemento{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: center;
}

.contenedor_elemento .item_elemento{
    flex-basis: 30%;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
min-height:280px;
padding: 25px;
}

.contenedor_elemento .item_elemento h3{
	font-weight: bold;
font-size: 1.2em;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid;
width: 90%;
text-align: center;

margin-left: auto;
margin-right: auto;
	
}

.contenedor_elemento .item_elemento p{
	padding: 0px 15px 7px;
font-size: .8em;
display: block;
}

 #texto{
	width: 80%;
margin: 20px auto;
text-align: justify;
line-height: 28px;
}

#pie_imagen{
	text-align: center;
}

#pie_imagen h4{
	text-align: center;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid;
width: 360px;
margin: 5px auto 10px;
}


#pie_imagen span{
	display: block;
	text-align: center;
	padding: 0px 15px 7px;
    font-size: .8em;
	margin-top: 5px;
}

/* ****************** Sección x Galeria ******************** */


#galeria{
	/*background: url(../image/SeccionGaleria/fondoLadrillos.jpg) repeat;
	background-color: #222222;
	box-shadow: inset -3px 0px 62px 22px rgba(0,0,0,1);*/
	background: url("../image/Seccion2Promocion/fondo.jpg") repeat top left;
	
	padding-top: 1px;
	padding-bottom: 20px;
}

#galeria h2{
	border-color: black;
	color: black;
		margin-top: 15px;
}


#galeria .detalles_curso{
	color: black
	
	
}

/* ****************** Sección x CV ******************** */

#seccion_cursos
{
	 background-color: #222;
  box-shadow: inset -3px 0px 62px 22px rgb(0, 0, 0);
  color: white
}


#seccion_cursos  .contenedor_general h1
{
border-color: white;
  color: white;
  margin-top: 15px;
}


#seccion_cursos .contenedorTemario
{
	padding-bottom: 1px;
	
}




#seccion_cursos .tituloUnidad
{
	
   padding-bottom: 0.5em;
padding-top: 0.5em;
border-bottom: 1px solid #333;
cursor: pointer;
background: url(../image/vinetaunidadcerrada.png) no-repeat left center;
padding-left: 21px;
}

#seccion_cursos #ultimo_CV{
    border-bottom: none;
}

#seccion_cursos .tituloUnidad:hover 
{
	background-color:rgba(114,113,113,1.00);
    color: white

	
}


#seccion_cursos .tituloUnidad em
{
	font-weight: bold;
color: #333;
font-size: 1.1em;
}

#seccion_cursos .tituloUnidad:hover em
{


}

#seccion_cursos .tituloUnidad em
{
	font-weight: bold;
color: #bababa;
font-size: 1.1em;
}

#seccion_cursos  .empleo
{
	
color: #fff;
font-size: 1.02em;
    margin: 20px 10px 10px;
    padding-left: 16px;
}

.unidaduno{
    margin-top: 15px;
    
}

#seccion_cursos h4 {
	color: #fff;
	font-size: 1.02em;
	margin: 10px 0px;
	padding-left: 13px;
}

#seccion_cursos  h4 span,
.temasUnidad ul li span
{
color: #f00;
  padding-left: 10px;
}

.temasUnidad ul{
margin-top: 25px;
   
    list-style: disclosure-closed;
    width: 100%;
    padding-left: 54px;
    margin-bottom: 2px;

}

.temasUnidad ul li{
	margin-bottom: 10px;
	padding-left: 10px;
    
}


.idiomas {
margin-top: 8px;  
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
.idiomas div{
    padding: 15px;
    }

.idiomas div span{
    margin: auto 0;
text-align: center;
display: block;
font-size: 1em;
font-weight: bold;
}

#seccion_cursos .temasUnidad p
{
	padding-left:2em;
}

.temasUnidad h4{
    background: url("../image/vermas.png") no-repeat left center;
    padding-left: 19px
}

#seccion_cursos article
{

    width: 90%;
    margin: auto;
}

#seccion_cursos span {
	font-size: .9em;
 
}

.temario {
 margin-right: 20px;
 background: url("../image/descarga.png") no-repeat left center;
  padding:5px;
  padding-left: 28px; 
  
}



.temario  a {
	font-size: 1.2em;
	padding-bottom:2px;
	border-bottom:1px solid;
	font-weight:bold;
	color:white; !important;

}

.abierto
{
	background:url(../image/vinetaunidad.png) no-repeat left center  !important;
	
}


.vermas{
  margin-right: 20px;
  background:  url(../image/vermas.png) no-repeat left center;
  padding:5px;
  padding-left: 25px
}


.extras{
    text-align: right;
	margin-bottom: 25px;
	margin-top: 20px;
}


.Sofware_Contenedor
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-top: 10px;
}

.Sofware_Contenedor img
{
   padding: 15px;
}

/* ****************** Sección x Calendario ******************** */

.calendario_mobil{display: none}

.calendario {
    width: 100%;
    margin: 15px auto;
    border-bottom: 1px solid #333;
    margin-top: 33px;
	padding:10px;
	color:#626262;
}

.calendario  th{
	font-size:1.1em;
	
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #333;
    border-top: 1px solid #333;
	
	padding-bottom: 10px;
    padding-top: 10px;
	
}

.calendario  td{
    
	padding:12px;
	text-align:center;
    
}

.calendario  tr:nth-child(2n){
	background-color:     rgb(240, 240, 240);

    
}

/* ****************** Sección x Gratis******************** */
#Gratis{
	background: url(../image/SeccionGratis/fondo.jpg) center center no-repeat;
	background-color: black;
	height:  624px;
	padding-top: 1px;
    display: flex;
	align-items: center;
	
}

#Gratis .contenedor_general{
	flex-basis: 1000px;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
    
	
}

#recuadro{
	background: rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0px 0px 85px 21px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 85px 21px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 85px 21px rgba(0,0,0,0.75);
	width: 488px;
	height:488px;
	margin-right: 15px;
	padding: 20px;
	display: flex;
	
}

#recuadro div{
		padding: 20px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
	border: 2px solid white;
}

#recuadro div p {
		
	color: white;
	width: 100%;
	font-size: 1.6em;
	margin: 5px auto;
}

#recuadro div p:nth-child(4) {
		
	font-size: 5em;

font-weight: bold;
	
}

/* ****************** Sección contacto******************** */

#Contacto h2{
margin-top: 15px ;
}




#Contacto p#primerTexto{
width: 90%;
margin: 20px auto;
text-align: justify;
line-height: 28px;
}


form {
	width: 90%;
	margin: 40px auto;
}

.campo{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evently;
	margin-bottom: 20px;
}
.campo label,
.campo #dudas
{
	flex-grow: 0;
	flex-shrink: 0;
	width: 100px;
    line-height: 33px;
}

.campo input{
	flex-grow: 1;
	margin-left: 10px;
}

textarea {
	margin-left: 10px;
	flex-grow: 1;
	resize: none;
}

.g-recaptcha{
	margin: 25px auto;
    
text-align: center;
width: 304px;

}

#enviar {
	width: 226px;
height: 54px;
border-radius: 10px;
padding-left: 39px;
background: url(../image/SeccionContacto/Enviar.gif) no-repeat 15px center;
    background-color: rgba(0, 0, 0, 0);
background-color: #f0f0f0;
margin: auto;
display: block;
border: 1px solid #f7f7f7;
color: #5a5a5a;
font-size: 1.1em;
	box-shadow: 0 0 40px rgba(0,0,0,.1) inset, 0px 5px 5px -6px black;
	
}
.inputfoco{
	background-color: rgba(232,232,232,1.00);
	border:none;
}
.inputError{
	background-color: red !important;
    color: black !important;
}

.error {
    
    color: #000;
    display: block;
	width: 100%;
    margin: 5px 0;
    background: url( ../image/SeccionContacto/alerta.png) no-repeat center left;
    padding-left: 15px;
    text-align: left;
    font-size: .8em;
    font-weight: bold;
}

.datos_contacto{
	
	width: 90%;
border-top: 1px solid rgba(41,41,41,1.00);
border-bottom: 1px solid rgba(41,41,41,1.00);
margin: 10px auto 30px;
display: flex;
justify-content: space-evenly;
padding-top: 30px;
padding-bottom: 30px;
flex-wrap: wrap;
	
}

.datos_contacto p{
	
	width: 100%;
	font-size: 1em;
margin-bottom: 30px;
	
	
text-align: justify;
line-height: 28px;
	
}

.datos_contacto span{
	flex-basis: 30%;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
 
  min-height: 66px;

}

.datos_contacto img{
	margin: 0 5px;
	width: 15%;
}

/* ****************** Sección Libro ******************** */

#libro
{
	height: 650px;
	background: url(../image/SeccionLibro/fondo.jpg) no-repeat bottom;
	box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.55), inset 0px 4px 5px 0px rgba(0,0,0,0.55);
	background-size: cover;
	
	display: flex;
	align-items: flex-end;
}

#libro .contenedor_general{
	height: 540px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#libro .contenedor_general div{
	display: flex;
	
}

#libro .contenedor_general #contenedor_libro{
	
	flex-basis: 300px;
	flex-shrink: 0;
	
	justify-content: center;
	align-items:flex-end;
	 
}

#libro .contenedor_general .mensaje_libro{
	
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	color: white;
	font-size: 1.2em;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
		box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.55), inset 0px 4px 5px 0px rgba(0,0,0,0.55);

	border-radius: 16px;
	padding: 23px;
	width: 550px;
	margin-left: 63px;
	border:1px solid rgba(33,33,33,1.00);
	 
}

#libro .contenedor_general .mensaje_libro p{
	
	width: 100%;
	line-height: 36px;
font-size: 1.1em;
	
	 
}
#libro .contenedor_general .mensaje_libro p:first-child{
	font-size: 2em;
	margin-bottom: 8px;
}

#libro .contenedor_general .mensaje_libro p a{
	font-size: 1.2em;

background: url(../image/SeccionLibro/iconoDescarga_06.png) center left no-repeat;
padding-left: 36px;
color: white;
}

/* ****************** Sección Footer ******************** */
footer{
	color: white;
	background-color: rgba(0,0,0,1.00);
}

footer .contenedor_general{
	
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1120px;
	text-align: center;
	line-height: 35px;
}


/* ****************** Sección Media queries ******************** */

@media screen and (max-width:910px){
	/*Sección Libro*/
	
	#libro .contenedor_general #contenedor_libro img{
		width: 80%;
	}
	
	#libro .contenedor_general .mensaje_libro{
		margin-left: 10px;
		width: 402px;
	}
	
	#libro .contenedor_general .mensaje_libro p:first-child {
	font-size: 1.5em;
	
}
}

@media screen and (max-width:870px){
	
    #contenedorTitular h1 {
    font-size: 2.5em;
    }
    
    #contenedorTitular span {
    font-size: 1.8em;
	}
	
	/*Sección 3: Aprenderás*/
	#aprenderas .contenedor_general {
		justify-content: center;
	}
	#aprenderas .contenedor_general #camaras {
	display:none
	}
	
	
	#aprenderas .contenedor_general #listado  {
		width: 500px;
		flex-grow: 0;
		margin-left: 0;
	}
	
	/*Sección : Gratis*/
	#Gratis{
	background: url(../image/SeccionGratis/Fondo2.jpg) center center no-repeat;
	
	height:  732px;
	
	
}
	#recuadro{
		width: 90%;
		margin: auto;
		background: none;
		box-shadow: none;
		justify-content: center;
	}
	
	
#recuadro div{
	border:none;
 }
}

@media screen and (max-width:740px){
   
    header{
        /*background: url("../image/cabecera/pixel.png"),
            url("../image/cabecera/fondo.jpg") no-repeat center center fixed;*/
		background-size: cover;
    }
    
    #contenedorTitular {
        background: none;
    }
    
    #contenedorTitular span {
    
    }
    
    #ContendorSecundario {
        flex-direction: column;	
        justify-content: center;
 }
    
    #ContendorSecundario #logo{
        text-align: center;
        
    }
    
    nav{
        display: flex;
        justify-content: center;
        margin: 10px;
    }
	
	/* Sección Promoción*/
	#conedorSeccion2{
		padding: 50px 0;
	}
	#chica{
		display: none;
	}
	
	/*Sección Incluye*/
	.contenedor_elemento .item_elemento h3{
		
			font-size: 1.1em;
		}
	
	/*Sección Galería */
	
	#galeria .contenedor_general{
		padding: 15px;
	}
		/*Sección Libro*/

	#libro {
		align-items: flex-start;
	}
	#libro .contenedor_general {
	
	flex-wrap: wrap;
	}
	
	#libro .contenedor_general #contenedor_libro img {
	width: 75%;
	}	
	
	#libro .contenedor_general .mensaje_libro {
	margin-left: auto !important;
		margin-right: auto !important;
	width: 100px;
	order: -2;
		padding: 10px;
		font-size: 1em
}
	#libro .contenedor_general .mensaje_libro p {
	
	line-height: 33px;
	font-size: 1em;
}

	#libro .contenedor_general .mensaje_libro {
		margin-bottom: 30px;
	}
	
	#libro .contenedor_general #contenedor_libro img {
	width: 59%;
}
	
	
}

@media screen and (max-width:700px){
	
	.calendario {
    width: 100%;
	
    margin: 15px auto;
    border-bottom: 1px solid #333;
    margin-top: 33px;
	padding:10px;
	color:#626262;
}

.calendario  th,
.calendario td
	{
	font-size:.9em;
}
	
	
	.columnaGoogle{
		display: none;
	}
	
	
}

@media screen and (min-width:601px){
            #menu{
               /* display: flex !important;
                flex-direction: row;*/
        }

@media screen and (max-width:600px){
    
     #contenedorTitular div {
	padding: 30px;
	width: 85%;
    }
    
    #contenedorTitular h1 {
    font-size: 1.8em;
 }
    
    #ContendorSecundario{
        padding-left: 0;
        padding-right: 0;
    }
    
    nav{
        margin-left: 0;
        margin-right: 0;
        
        flex-direction: column;
        
        background: rgba(31,31,31,0.91);
    }
    
    #menu{
        display: none;
        flex-direction: column;
        border:none;
    }
    
    #menu li{
        border-bottom:1px solid rgba(0,0,0,0.89);
        margin: 0;
        
    }
    
    #menu li:last-child{
        border:none;
    }
    
    #menu li a{
        display: block;
        padding: 10px;
    }
    
    #menu li a:hover{
        background: rgba(0,0,0,1.00);
    }
    
    
    #toogle{
       
        display: block;
        font-size: 1.4em;
        color: white;
        background: black;
        padding: 10px 37px 10px;
    }
    
    #contenedorTitular div{
        background-size: 90%
    }
    
    #contenedorTitular h1{
        font-size: 2em;
    }
    
    
    #contenedorTitular span{
        font-size: 1.5em;
    }
	
	/*Sección 3: Aprenderás*/
	
	#aprenderas .contenedor_general #listado p {
	
	font-size: 1em;
	right: 0;
		
	}
	
	#aprenderas .contenedor_general #listado  {
		width: 355px;
		
		
	}
	
	#aprenderas .contenedor_general #listado ul {
		padding: 13px;
		background-size: 20px;
	}
	
	#aprenderas .contenedor_general #listado ul li {
	background: url(../image/Seccion4Aprenderas/Palomita.png) no-repeat center left;
	padding-left: 20px;
	font-size: .8em;
	background-size: 10px auto;
	}
	
	/*Sección: Contactos*/
	
	.datos_contacto span {
		flex-basis: 51%;
		margin: 20px auto;
	}
	/*Sección Libro*/
	footer .contenedor_general{
		padding: 30px 10px;
	}
}

@media screen and (max-width:470px){
	
	#contenedorTitular div{
		margin-top: 150px;
       
	}
	
	
	.precio{
		font-size: 4em;
	}
	
	#demo {
	width: 352px !important;
	height: 88px;
	}
	
	h2{
		font-size: 1.3em;
		width: 320px;
	}
	
	#aprenderas .contenedor_general #listado p {
	
	padding-left: 10px;
		
	}
	
	.calendario{
		display: none;
	}
	
	.calendario_mobil{display: table;}
	
	/*Sección : Gratis*/
	
	#recuadro{
		width: 360px;
		margin: auto;
		background: none;
		box-shadow: none;
		justify-content: center;
	}
	
	
}