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

body {
	background-color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
		
#wrapper{
	width:100%;
	}	
	
#header{
	height:30px;
	width:1000px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	
	} 
#header-portada{
	height:425px;
	width:1000px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	}
	 	
#home {
	height:30px;
	width: 160px;
	background-color:#000;
	float:left;
	margin-bottom:15px;
	}
	

#menu {
	height:30px;
	width: 840px;
	background-color:#000;
	float:left;
	margin-bottom:15px;
	}

#home-portada {
	height:397px;
	width: 160px;
	float:left;
	margin-bottom:15px;
	}
	

#menu-portada {
	height:397px;
	width: 840px;
	
	float:left;
	margin-bottom:15px;
	}

/*CSS Portada0*/

ul.portada0 {
   width: 160px;
   height:397px;
   overflow:hidden;
   list-style: none;
   margin: 0;
   padding: 0;

}

ul.portada0 li {
   width:150px;
   height:397px;
   display: inline-block;
   float:left;
   background-image: url(../images/0000.jpg);
   border-right:10px solid #03c;
   text-align:left;
   color:#FFF;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   padding:2px 5px;
   }
/*Fin CSS Portada0*/

/*CSS Portada1*/

ul.portada1 {
   width: 840px;
   height:397px;
   overflow: hidden;
   list-style: none;
   margin: 0;
   padding: 0;
 
}

ul.portada1 li {
   width:125px;
   height:397px;
   display: inline-block;
   float:left;
   background: #111;
   border-right:10px solid #222;
   margin-left:5px;
   text-align:right;	
}
ul.portada1 li a {
   width:115px;	
   height:397px;
   padding: 2px 5px;
   display:inline-block;
   text-decoration: none;
   color: #fff;
   font-weight:bold;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:13px;
   }
   
ul.portada1 li:hover {
   width:125px;
   height:397px;
   display: inline-block;
   float:left;
   background: #666;
   border-right:10px solid #03c;
   margin-left:5px;
   text-align:right;
   }
   
ul.portada1 li.activo {
   width:125px;
   height:397px;
   display: inline-block;
   float:left;
   background: #03c;
   border-right:10px solid #03c;
   margin-left:5px;
   text-align:right;
}

/*Fin CSS Portada1*/


/*CSS Home*/

ul.home {
   width: 160px;
   height:30px;
   overflow:hidden;
   list-style: none;
   margin: 0;
   padding: 0;

}


ul.home li {
   width:150px;
   height:30px;
   display: inline-block;
   float:left;
   background: #111;
   border-right:10px solid #666;
   text-align:left;
}


ul.home li a {
   width:150px;
   height:30px;
   display:inline-block;
   text-decoration: none;
   padding: 1px 5px;
   color: #999;
   font-family: 'Amatic SC',"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:25px;
   font-weight:bold;
   }
  

ul.home li a:hover {
   width:150px;
   height:30px;
   display:inline-block;
   text-decoration: none;
   padding: 1px 5px;
   background-color:#666;
   color: #fff;
   font-family:'Amatic SC',"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:25px;
   font-weight:bold;
}

/*Fin CSS Home*/

/*CSS Menú*/

ul.menu {
   width: 840px;
   height:30px;
   overflow: hidden;
   list-style: none;
   margin: 0;
   padding: 0;
 
}

ul.menu li {
   width:125px;
   height:30px;
   display: inline-block;
   float:left;
   background: #111;
   border-right:10px solid #03c;
   margin-left:5px;
   text-align:right;	
}
ul.menu li a {
   width:115px;	
   height:30px;
   padding: 2px 5px;
   display:inline-block;
   text-decoration: none;
   color: #999;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:13px;
   }
   
ul.menu li:hover {
   width:125px;
   height:30px;
   display: inline-block;
   float:left;
   background: #03c;
   border-right:10px solid #03c;
   margin-left:5px;
   text-align:right;	}
   
ul.menu li.activo {
   width:125px;
   height:30px;
   display: inline-block;
   float:left;
   background: #03c;
   border-right:10px solid #03c;
   margin-left:5px;
   text-align:right;
}



/*Fin CSS Menú*/
	
#banner {
	height:380px;
	width:1000px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}
	
#content{
	height:340px;
	width:1000px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	} 

#content01 {
	height:340px;
	width: 400px;
	float:left;
	}

#content01 {
	height:340px;
	width: 400px;
	float:left;
	}
	
#autor {
	height:140px;
	width:400px;
	float:left;}
	
#content02 {
	height:340px;
	width: 590px;
	margin-left:10px;
	float:left;
	}

#footer{
	height:30px;
	width:1000px;
	margin-top: 10px;	
	margin-left:auto;
	margin-right:auto;
	-moz-box-shadow:0px -3px 0px #333;
	-webkit-box-shadow:0px -3px 0px #333;
	box-shadow:0px -3px 0px #333;
	} 

a:link {
	text-decoration:none;
	color:#FFF;}
	
a:visited {
	text-decoration:none;
	color:#FFF;}
	
.txt-footer{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	margin-right:10px;
	padding-top:3px;
	color:#FFF;
	}

.txt-content {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:justify;
	margin:20px 0px 10px 20px;
	color:#FFF;
	}

.txt-autor {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-style:italic;
	text-align:justify;
	margin:40px 40px 10px 0px;
	color:#FFF;
	}
	
.txt-cursiva {
	font-style:italic;
	color:#999;
	}

.txt-contacto1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	font-weight:bold;
	margin-right:50px;
	margin-top:10px;
	color:#FFF;
	}

.txt-contacto2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	font-style:italic;
	font-weight:bold;
	margin-right:50px;
	margin-bottom:30px;
	color:#FFF;
	}
	
.txt-contacto3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	margin-right:50px;
	margin-top: 5px;
	margin-bottom:10px;
	color:#FFF;
	}
	

.social{
	height:30px;
	width:30px;
	float:left;
	display:inline-block;
	}