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

#bookbody{
	background-color:#fff;
	font-size:14;
	font-family:arial;
}


#top{
	width:100%;
	height:20px;
}

#cabeza{
	margin:auto; 
	text-align:center; 
	padding:20px; 
	border-bottom:5px solid #505050;
	border-radius:10px;
	height:20px;
	width:600px;
	background-color:#FFF;
	z-index:4;
	position:fixed; 
	top:0px;
	color:#fe5400;
	font-size:24px;
	
}

#logo{
	float:left;
	width:63px;
	height:40px;
	margin-top:-40px;

}

#logo a{
	border:0px;
	text-decoration:none
}

#madre{
	width:100%;
	height:6500px;
}


/* Audio Player */
#pinche{
	width:80%;
}

/* Contenedor 1*/
#contenedor{
	width:400px;
	height:6230px;
	background-color:#fe5400;
	border-radius:10px;
	z-index:1;
	position:relative;
	margin-top:50px;
	float:left;
	margin-left: 20px;
	
}


/* ARTICULO 1*/
#art1{
	height:460px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	margin-top:60px;
}

#logo1{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art1 p{
	color:#fe5400;
	font-size:26px;
}

#art1 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido1 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart1 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:30px;
}

#web1{
	padding: 5px;
}

#web2{
	padding: 5px;
}

#web3{
	padding: 5px;
}

#web4{
	padding: 5px;
}

#web5{
	padding: 5px;
}

/* ARTICULO 2 */


#art2{
	height:2110px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo2{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art2 p{
	color:#fe5400;
	font-size:26px;
}

#art2 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido2 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart2 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:30px;
}

#you1{
	padding:10px;
}

#you2{
	padding:10px;
}

#you3{
	padding:10px;
}

#you4{
	padding:10px;
}

#you5{
	padding:10px;
}

#you6{
	padding:10px;
}

#you7{
	padding:10px;
}

#you8{
	padding:10px;
}

#you9{
	padding:10px;
}

#you10{
	padding:10px;
}


/* Contenedor 2 */

#contenedor2{
	width:400px;
	height:6390px;
	background-color:#fe5400;
	border-radius:10px;
	z-index:3;
	position:relative;
	margin-top:50px;
	float:left;
	margin-left: 20px;
	
}


/* ARTICULO 3*/
#art3{
	height:280px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:40px;
}

#logo3{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art3 p{
	color:#fe5400;
	font-size:26px;
}

#art3 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido3 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart3 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}



/* ARTICULO 4 */


#art4{
	height:500px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:100px;
	
}

#logo4{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art4 p{
	color:#fe5400;
	font-size:26px;
}

#art4 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido4 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart4 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#you7{
	padding:10px;
}


/* ARTICULO 5 */


#art5{
	height:410px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo5{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art5 p{
	color:#fe5400;
	font-size:26px;
}

#art5 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido5 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart5 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#radiodesvern1{
	padding:10px;
}

#radiodesvern2{
	padding:10px;
}



/* Contenedor 3 */

#contenedor3{
	width:400px;
	height:5690px;
	background-color:#fe5400;
	border-radius:10px;
	z-index:2;
	position:relative;
	margin-top:50px;
	float:left;
	margin-left: 20px;
	
}


/* ARTICULO 6*/
#art6{
	height:490px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:40px;
}

#logo6{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art6 p{
	color:#fe5400;
	font-size:26px;
}

#art6 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido6 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart6 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#youubi{
	padding:10px;
}

/* ARTICULO 7 */


#art7{
	height:310px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:100px;
	
}

#logo7{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art7 p{
	color:#fe5400;
	font-size:26px;
}

#art7 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido7 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart7 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:10px;
}


/* ARTICULO 8 */


#art8{
	height:460px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo8{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art8 p{
	color:#fe5400;
	font-size:26px;
}

#art8 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido8 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart8 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:30px;
}

#java{
	right:0px;
	position:relative;
	
	width:300px;
	
}


/* ARTICULO 9 */


#art9{
	height:320px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo9{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art9 p{
	color:#fe5400;
	font-size:26px;
}

#art9 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#art9 a{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}


#contenido9 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart9 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:-50px;
}


/* ARTICULO 10 */


#art10{
	height:420px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo10{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art10 p{
	color:#fe5400;
	font-size:26px;
}

#art10 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido10 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart10 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}	

#art10 a{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}


/* ARTICULO 11 */


#art11{
	height:1170px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo11{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art11 p{
	color:#fe5400;
	font-size:26px;
}

#art11 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido11 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido11expo {
	margin-top: 20px;
	margin-left:80px;
	width:200px;
}

#contart11 {
	margin:auto;
	position:relative;
	text-align:left;
	margin-top:40px;
}	

#expo1{
	margin-top:5px;
	padding:5px;
}

#expo3{
	padding:5px;
}


#expo4{
	padding:5px;
	margin-top:10px;
}

#expo2{
	padding:5px;
}


#textexpo4{
	padding:5px;
}


#art11 hr {
border: 0 none #fe5400;
border-top: 2px solid #fe5400;
height: 1px;

margin: 5px 15px 5px 0px;
display: block;
clear: both;
}


/* ARTICULO 12 */


#art12{
	height:1100px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo12{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art12 p{
	color:#fe5400;
	font-size:26px;
}

#art12 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido12 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart12 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#reloj1{
	padding:10px;
}

#reloj2{
	padding:10px;
}

/* ARTICULO 13 */


#art13{
	height:460px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo13{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art13 p{
	color:#fe5400;
	font-size:26px;
}

#art13 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido13 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido13 a{
	text-decoration:none;
	color:#fe5400;
}

#contenido13 a:hover{
	text-decoration:underline;
	color:#fe5400;
}

#contart13 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#videotaranna{
	padding:10px;
}



/* ARTICULO 14 */


#art14{
	height:310px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:120px;
	
}

#logo14{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art14 p{
	color:#fe5400;
	font-size:26px;
}

#art14 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido14 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart14 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:-30px;
}

#dragonfly {
	padding:10px;
}


/* ARTICULO 15 */


#art15{
	height:500px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo15{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art15 p{
	color:#fe5400;
	font-size:26px;
}

#art15 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido15 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart15 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:40px;
}

#art15 a{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}


/* ARTICULO 16*/
#art16{
	height:510px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:60px;
}

#logo16{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art16 p{
	color:#fe5400;
	font-size:26px;
}

#art16 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido16 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart16 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#webnygp1{ padding: 5px;
}
	
#webnygp2{ padding: 5px;
}


/* ARTICULO 17 */


#art17{
	height:630px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo17{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art17 p{
	color:#fe5400;
	font-size:26px;
}

#art17 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido17 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido17 a{
	text-decoration:none;
	color:#fe5400;
}

#contenido17 a:hover{
	text-decoration:underline;
	color:#fe5400;
}

#contart17 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#eltriangle{
	padding:10px;
}


/* ARTICULO 18 */


#art18{
	height:360px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo18{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art18 p{
	color:#fe5400;
	font-size:26px;
}

#art18 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido18 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido18 a{
	text-decoration:none;
	color:#fe5400;
}

#contenido18 a:hover{
	text-decoration:underline;
	color:#fe5400;
}

#contart18 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#viral{
	padding:10px;
}


/* ARTICULO 19*/

#art19 a{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	text-decoration:none;
	}

#art19{
	height:550px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:60px;
}

#logo19{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art19 p{
	color:#fe5400;
	font-size:26px;
}

#art19 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido19 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
	color:#fe5400;
	font-size:12px;
		
}

#contart19 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top: 5px;
}

/* ARTICULO 20 */


#art20{
	height:790px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
	
}

#logo20{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art20 p{
	color:#fe5400;
	font-size:26px;
}

#art20 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido20 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido20 a{
	text-decoration:none;
	color:#fe5400;
}

#contenido20 a:hover{
	text-decoration:underline;
	color:#fe5400;
}

#contart20 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:60px;
	color:#fe5400;
	font-size:12px;
	
}

#stimmen{
	padding:5px;
}

#ny {
	margin:auto;
	position:absolute;
	text-align:left;
	margin-top:0px;
	z-index:2;
}



/* ARTICULO 21*/


#art21{
	height:675px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:120px;
}

#logo21{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art21 p{
	color:#fe5400;
	font-size:26px;
}

#art21 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido21 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
	color:#fe5400;
	font-size:12px;
		
}

#contart21 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top: 5px;
}

#cine{
	padding:10px;
}



/* ARTICULO 22 */


#art22{
	height:1140px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
		
}

#logo22{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art22 p{
	color:#fe5400;
	font-size:26px;
}

#art22 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido22 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenido22expo {
	margin-top: 20px;
	margin-left:80px;
	width:200px;
	
}

#contart22 {
	margin:auto;
	position:relative;
	text-align:left;
	margin-top:40px;
}	


#expo2021{
	padding:10px;
	margin-top:10px;
	border-style: solid;
  border-width: 1px;
  border-color: pink;
				}

#textexpo22{
	
	padding:10px;
}

#textexpo23{
	
	padding:10px;
}

#expo2021_b{
	padding:5px;
}


#expo2021_c{
	padding:5px;
}

#expo2021_d{
	padding:5px;
}

#expo2021_d{
  border-style: solid;
  border-width: 1px;
  border-color: pink;
				}

#art22 hr {
border: 0 none #fe5400;
border-top: 2px solid #fe5400;
height: 1px;

margin: 5px 15px 5px 0px;
display: block;
clear: both;
}


/* ARTICULO 23 */


#art23{
	height:600px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:60px;
		
}

#logo23{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art23 p{
	color:#fe5400;
	font-size:26px;
}

#art23 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido23 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contenidocrea {
	margin-top: 30px;
	width:200px;
	margin:auto;
}

	


#creaa{
	padding:5px;
}


#creab{
	padding:5px;
}


#creac{
	padding:5px;
}


/* ARTICULO 24*/


#art24{
	height:690px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	position:relative;
	top:180px;
}

#logo24{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art24 p{
	color:#fe5400;
	font-size:26px;
}

#art24 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido24 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
	color:#fe5400;
	font-size:12px;
		
}

#contart24 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top: 5px;
}


/* ARTICULO 25 */


#art25{
	height:1920px;
	width:350px;
	border-radius:10px;
	background-color:#FFF;
	margin:auto;
	margin-top:40px;
	
}

#logo25{
	margin-left:-40px;
	top:-20px;
	position:relative;

}

#art25 p{
	color:#fe5400;
	font-size:26px;
}

#art25 span{
	color:#fe5400;
	font-size:12px;
	text-align:justify;
	}

#contenido25 {
	margin-top:-80px;
	margin-left:80px;
	width:200px;
}

#contart2 {
	margin:auto;
	position:relative;
	text-align:center;
	margin-top:30px;
}

#eyou1{
	padding:10px;
}

#eyou2{
	padding:10px;
}

#eyou3{
	padding:10px;
}

#eyou4{
	padding:10px;
}

#eyou5{
	padding:10px;
}

#eyou6{
	padding:10px;
}

#eyou7{
	padding:10px;
}

#eyou8{
	padding:10px;
}

#eyou9{
	padding:10px;
}

#eyou10{
	padding:10px;
}


/*FOOTER*/

#pie{
	background-color:#505050;
	width:100%;
	height:20px;
	z-index:5;
	position:fixed;
	bottom:0px;
}

#copyright{
	font-size:9px;
	float:right;
	margin-right:20px;
	margin-top:5px;
	
}

#copyright a{
	text-decoration:none;
	color:#fff;
}

#copyright a:hover{
	text-decoration:underline;
	color:#fe5400;
}

#email{
	font-size:9px;
	float:left;
	margin-left:20px;
	margin-top:5px;
	
}

#email a{
	text-decoration:none;
	color:#fff;
}

#email a:hover{
	text-decoration:underline;
	color:#fe5400;
}