*{margin:0px; padding:0px; border:0px}
body{
	text-align: center;
	width:100%;
	background: #111111 url(objetos/libro_cerrado.jpg);

}


a {text-decoration: none; display: block }

a:link{color: black;}
a:visited{color: black;}

@font-face {

font-family: "Juanituso";

src: url('letras/Juanituso.ttf');

}



/* LOS BOTONES */

#menu{margin:20px 2% 0 2%}
#menu table{width:100%}
#menu img{width:96%; margin:0 0 8px 0%}
#menu td{width:50%; margin-right:2%}


/* de "seleccion.php" */

#menu2{margin: 20px 0px 0px 0px;border: none; list-style-type:none; padding:0; height:auto; font-family:"Century Gothic", Verdana, sans-serif;}
#menu2 li{border:none; list-style-type:none; text-align:left; margin: 10px 0px 15px 2%;}
#menu2 h1 {font-size:22px; margin-top:22px}


#lista{margin-top:15px}
#lista img{max-width:98%}

	
/*Contenido (dentro de este div estan todos los elementos fijos que hay en el contenido)*/
#contenido {
margin: -50px 1% 0 1%;
padding-bottom:-50px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 10px 0px #1D1D1E;
-webkit-box-shadow: 0px 0px 10px 0px #1D1D1E;
-moz-box-shadow: 0px 0px 10px 0px #1D1D1E;
background-color: #EFFCA4;   /* color original d4ff73  */
width:98%;
opacity: 0.80;
filter: Alpha(opacity=90);
font-family:"Century Gothic", Verdana, sans-serif;
font-size:15px;
text-align:left;
}

#apuntes img{margin:20px 0 15px 2%; width:97%; float:left}

#flecha{text-align:center; margin-top:-20px}

  
#volver {margin:20px 0 0 5%; }
#volver img{width:45%}


#descargas{margin:20px 0 10px 5%; background-color:#309ECE; width:78%; padding:10px 20px 10px 2%; border-radius: 5px 5px 5px 5px; font-size:14px}



#descripciones{margin:20px 0 40px 5%; line-height:2em; width:92%; }
#descripciones a{display:inline}
#descripciones h2{font-size:20px; margin-bottom:0.8em}


/*Diseño para el texto de inicio */
.inicio{margin-top:30px; margin-left:5%; font-family:"Century Gothic",Verdana,sans-serif; font-size:15px; ; line-height:2em; width:94%}
.inicio a{display:inline}
.imagen_inicio{margin-top:30px; text-align:center}
.imagen_inicio img{width:88%}  

#redes img{width:50%}
#redes table{width:90%; margin-top:5px; margin-left:2%}
#redes td{float:left; width:20%; margin-left:-15px}

 
#cabecera{text-align: center;margin: 50px auto 0 auto;clear:both}
#cabecera img {width:100%; height:auto; border-radius: 10px 10px 10px 10px; }


#resumen{margin:20px 0 20px 5%; width:95%; line-height:2em; font-size:14px; color:#023309}


#indice {margin:30px 0 20px 0; color:#041401; width:90%; position:relative}  
#indice p{margin-left:5%; width:90%}                                       
#indice h1 {color: #71CC06; font-size:26px; margin-left:5%}
#titulo_indice_h2{background-color:#BCEA2F; width:100%; margin-left:5%; border-radius: 8px 8px 8px 8px; padding:0.5em 0 0.5em 0;}

#indice h2{font-size:22px; margin: 40px 0 0px 5%}
#indice h2 {color:#C92B89}

#indice h3 {font-size:17px;margin: 0px 0 0px 5%}
#indice h3 {color:#325603}

#indice li {font-size:15px;margin: 10px 0 0px 10%;list-style:none;}
#indice li a{color:#1A3F04}
#indice li:hover a{color:#408712;}
#indice li:focus a{color:#408712;}

#indice .enlace_video a{color: #C92B89 }
#indice .enlace_video:hover a{color:#F241AB;}
#indice .enlace_video:focus a{color:#F241AB;}

#indice .enlace_ejercicios a{color: #0071BC }
#indice .enlace_ejercicios:hover a{color:#1293DB;}
#indice .enlace_ejercicios:focus a{color:#1293DB;}

#indice .enlace_restaurante a{color: #E57607 }
#indice .enlace_restaurante:hover a{color: #F79021;}
#indice .enlace_restaurante:focus a{color: #F79021;}


#navegador{margin: 10px 5% 0px 5%; font-family:Century Gothic;  color:#023309}        
#navegador a {color:#023309; }
#navegador a:hover{color:#466805;}
#navegador a:focus{color:#466805;}
#navegador td{font-size:16px}


#videos{
		  box-shadow: 0px 0px 10px 0px #1B2D01;
		  -webkit-box-shadow: 0px 0px 10px 3px #1B2D01;
		  -moz-box-shadow: 0px 0px 10px 3px #1B2D01;
		  margin: 40px 40% 0 2%;
		  width:96%;
		  float:left;
		  background: #E34685;
		  padding: 5% 0px 5% 0px;
		  border-radius: 0px 30px 30px 30px;
		  opacity: 1.00; filter: Alpha(opacity=100);
		  
	   }
 
#videos iframe{width:90%; margin: 20px 0 10px 3%; height:200px}


#alerta_ok{float:left;margin-top:2px}
#alerta_error{color:red; font-weight: bold; font-size:15px;margin-top:25px}
#cerrar_sesion{font-weight: bold; text-align:left; }
#cerrar_sesion p{clear:left; margin-bottom:25px}

#invitacion_comentarios{width:100%}
#invitacion_comentarios h1{margin: 50px 0 0px 5%; font-size:22px}
#invitacion_comentarios p{margin: 20px 0 0px 5%; line-height:2em}

 #comentarios{
	  box-shadow: 0px 0px 10px 0px #1B2D01;
	  -webkit-box-shadow: 0px 0px 10px 3px #1B2D01;
	   -moz-box-shadow: 0px 0px 10px 3px #1B2D01;
	  margin: 40px 0 40px 2%;
	  width:88%;
	  float:left;
	  background: #E0F78D;   /* color original C8FF48 */
	  padding: 5% 5% 25% 3%;
	  border-radius: 10px 10px 10px 10px;
	  opacity: 1.00; filter: Alpha(opacity=100) }
	


#comentarios img{opacity: 1.00; filter: Alpha(opacity=100);margin: 0 0 20px 0; width:100%}

.titulo{font-size:21px; margin-bottom:-40px}
	
#alertas{margin:40px 0 0px 0}
.alerta_email{color:#06585E}

hr {background: #000;}
#titulo_comentario{padding:2% 4%; margin:60px 0 10px 0; border-radius: 0px 15px 15px 15px; font-size:13px; background:#C4EF4D; width:96%} /* color original A4F20F */
#titulo_comentario_respuesta{padding:10px; margin:60px 0 10px 0; border-radius: 0px 15px 15px 15px; font-size:13px;background:#C4EF4D}
#titulo_comentario td {font-size:13px}
#comentario{width:100%}

.titulo_megusta{padding:10px; margin:0 0 30px 0; border-radius: 45px 0px 45px 45px; font-size:13px;background:#E52991; width:25px; height:15px; text-align:left; font-size:12px; font-family:"Century Gothic", Verdana, sans-serif;}

.respuestas{margin-left:6%;font-size:13px; width:98%}
#respuesta img{margin:-20px 0 50px 0px; width:98%}
#titulo_respuesta{padding:10px; margin:0 0 0 0; border-radius: 0px 15px 15px 15px; font-size:12px;background:#D8EF4B}  /* color original BFF206 */



/*FORMULARIOS--------------------------------------*/


/*formulario para contactar a traves de la pagina de contacto*/
#contacto p{margin-top:20px; line-height:2em}
#contacto{margin-left:5%; width:92%}
#formulario_contacto form{margin:20px 0 0 5%; text-left:right; width:100%}
#formulario_contacto label{font-family:Arial Black; font-size:13px; margin:0px 10px 0 0px; vertical-align: top}
#formulario_contacto input{height:19px; border: black 1px solid; font-weight:regular; margin:0px 0px 10px 0px; width:80%}
#formulario_contacto textarea{margin:0px 0px 0 0px; border: black 1px solid; ; width:80%}
#boton_contacto{margin:5px 0px 0 0px}
#boton_contacto input{border: black 1px solid; font-family:Century Gothic; font-size:14px; font-weight:regular; height:30px; width: 40%;}

/* formulario para ELEGIR registrarse o iniciar sesion*/
#sesion_reg{ margin-top:60px; margin-bottom:-40px}


/* todo formulario en general dentro comentarios, anuncios y respuestas*/
#comentarios td{margin:10px 10px 80px 0}
#comentarios input{margin:0 8px 0 20px;}
#comentarios input[type=radio]{margin:0 8px 0 5%;}
#comentarios textarea{
	width: 98%;
	height: 150px;
	margin:0 0 0 2%; 
	border: black 1px solid;
	border-radius: 0px 20px 20px 20px;
	font-family:"Century Gothic", Verdana, sans-serif;
	font-size:14px
	
}
comentarios.titulo{}
#file{ margin-left:0%;}
#file input{border:hidden;}



/* dentro del formulario para escribir un comentario*/
#formulario_comentario{margin-top:5px; margin-bottom:5px;}
#formulario_comentario p{margin-left:3%}
#formulario_comentario label{margin-left:3%}

#responder #formulario_comentario{width:100%; margin-left:-5%}



/*todos los formularios de registrarse, iniciar sesion y editar perfil*/

.form{
	background: #E34685;
	border-radius: 0px 20px 20px 20px;
	padding: 10% 2% 10% 0%; 
	border: 1px solid #3F0329;
	width:100%
}
.form td{padding:0 0 2% 0px}

.form input{
	height:25px;
	border-radius: 3px 3px 3px 3px;
	font-family:"Century Gothic", Verdana, sans-serif;
	text-indent:0.5em;
	border: 1px solid #3F0329;
	color: #000;
	width:80%}
	
	
.form input.submit_resp_anuncio{
	text-indent:0em;
	background: #BC1762;
	width: 160px;
	border-radius: 5px 5px 5px 5px;
	margin-left:10px}

.form input.submit:hover{background: #C61E72;}
.form input.submit:focus{background: #C61E72;}
.form input.submit_resp_anuncio:hover{background: #C61E72;}
.form input.submit_resp_anuncio:focus{background: #C61E72;}
.form select{ 
	height:25px; 
	border-radius: 3px 3px 3px 3px; 
	font-family:"Century Gothic", Verdana, sans-serif;
	border: 1px solid #3F0329;	
    width:100%;
	margin-top:5%;
	margin-left:15%

}

#registrarse.form table{margin-left:4%}
#registrarse.form p{margin-left:24%; font-size:10px}
#registrarse.form input{width:100%}
#registrarse.form label{color: #000; margin-left:12%; font-size:13px}	
#registrarse.form input.submit{
	text-indent:0em;
	background: #BC1762;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	margin-top:2px;
	width:60px}
		
#iniciar_sesion.form label{color: #000; margin-left:12%; font-size:13px}	
#iniciar_sesion.form input.submit{
	text-indent:0em;
	background: #BC1762;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	margin-top:2px;
	margin-right:8%;
	width:60px}



/*Dentro de iniciar sesion, el enlace para acceder a norepuerdo.php*/
#enlace_norecuerdo{float:right; margin:-25px 2% 2% 0; font-size:13px; color:#280C33} 


/*formulario dentro de la página de no recuerdo contraseña*/
.form_norecuerdo table{width:90%; margin:8%}
.form_norecuerdo label{float:left;}
.form_norecuerdo input{
	height:30px;
	border-radius: 3px 3px 3px 3px;
	font-family:"Century Gothic", Verdana, sans-serif;
	text-indent:0.5em;
	border: 1px solid #3F0329;
	color: #000;
	margin-top:20px;
	width:100%
	
}
.form_norecuerdo input.submit{
	text-indent:0em;
	background: #BC1762;
	width: 60px;
	border-radius: 5px 5px 5px 5px;
	margin-left:8%;
}

.form_norecuerdo input.submit:hover{
	background: #C61E72;
}

.form_norecuerdo input.submit:focus{
	background: #C61E72;
}





/* FIN FORMULARIOS--------- */


#instagram_index a:hover{color: #87105A;}
#instagram_index a:focus{color:#87105A;}
#instagram{text-align:center; margin-top:40px}
#instagram img{width:95%}



#temas_relacionados {
	width: 88%;
	clear: both;
	margin-top: 25px;
	margin-left: 2%;
	background: #E34685;
	border-radius: 0px 30px 30px 30px;
	padding: 15px 4% 15px 4%;
	line-height: 2em;
	
}



#ir_arriba{float:right; margin-right:50px}



#GOOGLE_index{text-align:center}


#GOOGLE_mov_index1{margin:10px 2% 5px 2%; text-align:center}
#GOOGLE_mov_index2{margin:45px 2% 5px 2%; text-align:center}
#GOOGLE_mov_pie{margin:0 2% 0 2%; text-align:center}

#GOOGLE_mov_edicion1{margin:10px 2% 15px 2%; text-align:center}
#GOOGLE_mov_edicion2{text-align:center; margin:30px 2% 5px 2%}



#pie {padding:30px 0 160px 0; margin: 120px auto 20px auto; border-radius: 0 0 10px 10px; background-color: #EFFCA4; width:80%; height: 170px; clear:both}
#pie p{font-family:Century Gothic;  padding:5px 0 0 0; width:100%; font-size:12px; margin:0}


/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%	{bottom: 0px;}
80%	{bottom: 0px;}
100%	{bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%	{bottom: 0px;}
80%	{bottom: 0px;}
100%	{bottom: -50px;}
}
@keyframes aparecer
{
0%	{bottom: -38px;}
10%	{bottom: 0px;}
90%	{bottom: 0px;}
100%	{bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%	{bottom: -38px;}
10%	{bottom: 0px;}
90%	{bottom: 0px;}
100%	{bottom: -38px;}
}
#cookiesms1:target {
display: none;
}
.cookiesms{	
width:100%;
height:150px;
margin:0 auto;
padding-left:1%;
padding-top:5px;
padding-right:2%;
font-size: 0.85em;
clear:both;
font-weight: strong;
font-family: "Century Gothic", Verdana, sans-serif;
color: #333;
top:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms:hover{
top:0px;
}
/* .cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}*/
/* Fin del CSS para cookies */

.cookiesent{
width:30%; 
padding:5px 2% 5px 2%; 
text-align:justify; 
font-family: "Century Gothic", Verdana, sans-serif;
margin-bottom:10px; 
background-color:#CC3399; 
margin-right:3%;
margin-top:5px;
border-radius: 0px 10px 10px 10px;

}