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

body{ background-color:#CCC}

a { text-decoration:none}

h1{
	position:absolute;
	top:-10px;
	left:128px;
	font-family: 'Libre Baskerville', serif;
	}
	
h2{
	padding:0 30px;
	margin-bottom:0px;
	}
	
h3{
	 position:absolute;
	 float:right; 
	 right:35px;
	 font-family:Arial Black;
	 font-size:20px;
	 color:#402100; 
	 margin-top:-40px;
	}
	
#negro{ background:#000;
color:#fff;
font-family: 'Libre Baskerville', serif;
font-size:16px;
padding: 10px 30px;
margin-bottom:20px;}

#contenedor{
	position:absolute;
	top:0px;
	width:1000px;
	height:788px;
	left:50%;
	margin-left:-490px;	
	}
	
#contenido {
	position: absolute; 
	top: 95px; 
	width: 1000px; 
	height: 775px;
	}


/*----------------------  BARRA DE MAVEGACION-----------------*/

#nav, .nav, #nav .nav li{ 
	margin-top:40px; 
	padding:0px; 
	height:33px;
	color:#FFF;
	font-family: 'Monoton', cursive;
	}
	
#nav li {
	float:left;
	background:#000;
	margin-right:53px;
	border:1px solid #000; 
	display:inline; 
	cursor:pointer; 
	list-style:none;
	height:33px; 
	padding:0px 45px 10px 45px; 
	position:relative; 
	text-decoration:none;
	text-align:center;
	}
	
#nav li ul.first {
	left:0px; 
	top:100%;
	text-decoration:none;
	color:#333;
	text-align:left;
	}
	
#nav li ul.first a{
	color:#000;
	font-weight:normal;
	}
	
#nav li ul.first a:hover{
	color:#fff;
	}

li, li a {
	color:#000; 
	text-decoration:none;
	}
	
#nav .nav li { 
width:100%; 
line-height:30px; 
margin-right:8px;
background:#fff;
color:#000;
border-bottom:1px solid #333;
}

#nav li a {
	display:block; 
	width:inherit; 
	height:inherit;
	color:#FFF;
	font-size:30px;
	font-weight: 100;
	}

ul.nav { 
display:none;
 
}

#nav li:hover > a, #nav li:hover { 
color:#fff; 
background:#333; 
}

li:hover > .nav { 
display:block; 
position:absolute; 
width:200px; 
top:-2px; 
left:50%; 
z-index:1000;
}

li:hover { 
position:relative; 
z-index:2000; 
}




#nav2, .nav2, #nav2 .nav2 li{ 
	margin-top:50px; 
	padding:0px; 
	height:200px;
	top:50px;
	color:#FFF;
	font-family: 'Monoton', cursive;
	}
	
#nav2 li {
	float:left; 
	display:inline; 
	cursor:pointer;
	background:#000;
	margin:0 18px;
	border:2px solid #000; 
	list-style:none;
	text-align:center;
	width:100px;
	height:170px; 
	padding:10px 55px 0px 5px; 
	position:relative; 
	text-decoration:none;
	text-align:center;
	}
	
#nav2 li ul.first {
	left:0px; 
	top:100%;
	text-decoration:none;
	color:#ccc;
	text-align:left;
	}
	
#nav2 li ul.first a{
	color:#000;
	font-weight:normal;
	}
	
#nav2 li ul.first a:hover{
	color:#fff;
	}

li, li a {
	color:#000; 
	text-decoration:none;
	}
	
#nav2 .nav2 li { 
width:100%;
font-size:16px; 
line-height:30px; 
margin-right:8px;
background:#fff;
color:#000;
border-bottom:1px solid #333;
}

#nav2 li a {
	display:block; 
	width:inherit; 
	height:inherit;
	color:#FFF;
	font-size:20px;
	font-weight: 100;
	}

ul.nav2 { 
display:none;
 
}

#nav2 li:hover > a, #nav2 li:hover { 
color:#fff; 
background:#333; 
}

li:hover > .nav2 { 
display:block; 
position:absolute; 
width:200px; 
top:-2px; 
left:50%; 
z-index:1000;
}

li:hover { 
position:relative; 
z-index:2000; 
}

	
/*------------------------------------------*/

#texto{
width:400px;
height:800px;  
position:relative; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
margin-right:20px;
}

#texto p{
width:400px;
height:788px;  
position:relative; 
float:left;
margin-left:30px;
padding:30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:36px;
line-height:18px;

}