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

body{ background-color:#fff}

a { text-decoration:none}

h1{
	 position:relative;
	 float:left; 
	 display:none;
	}
	
h2{
	padding:0 30px;
	margin-bottom:0px;
	}
	
h3{
	 position:relative;
	 float:right; 
	 right:75px;
	 font-family: Verdana, Geneva, sans-serif;
	 font-size:20px;
	 color: #fff; 
	 margin-top:20px;
	 z-index:2000;
	}
	
#header{ height:200px;}

#contenedor{
	position:absolute;
	top:0px;
	width:1000px;
	height:1088px;
	left:50%;
	margin-left:-450px;
	background-color: #333;	
	}
	
#contenido {
	position: absolute; 
	top: 60px; 
	width: 840px; 
	height: 550px;
	z-index:20000;
	}
	
/*----------------------  BARRA DE MAVEGACION-----------------*/

#nav{margin-left:50px; margin-top:0px; z-index:3000;}

#nav, .nav, #nav .nav li{ 
	margin-top:0px; 
	padding:0px; 
	height:33px;
	color:#FFF;	
	z-index:2000;
	}
	
#nav li {
	float:left; 
	display:inline; 
	cursor:pointer; 
	list-style:none;
	height:20px; 
	padding:10px 60px 10px 60px;
	margin-top:55px;
	position:relative; 
	text-decoration:none;
	text-align:center;
	z-index:2000;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	}
	
#nav li ul.first {
	left:0px; 
	top:100%;
	text-decoration:none;
	color:#333;
	text-align:left;
	z-index:5000;
	margin-top:-2px;
	
	}
	
#nav li ul.first a{
	color:#000;
	font-weight:100;
	z-index:5000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;

	}
	
#nav li ul.first a:hover{
	color: #fff;
	background-color:#999;
	}
#nav li ul.first a:active{
	color:#000;
	}
	
#nav li ul.first1 {
	left:265px;
	top:100%;
	text-decoration:none;
	color:#333;
	text-align:left;
	z-index:4000;
	}
	
#nav li ul.first1 a{
	color:#000;
	font-weight:normal;
	z-index:4000;
}
	
#nav li ul.first1 a:hover{
	color:#fff;
	}

li, li a {
	color:#000; 
	text-decoration:none;
	}
		
#nav .nav li { 
width:100%;
font-size:14px;
margin-left:-3px; 
line-height:30px; 
margin-right:8px;
background:#fff;
color:#000;
border:2px solid #333;
border-top:none;

}

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

ul.nav { 
display:none;
}

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

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

li:hover { 
position:relative; 
z-index:2000; 
}
	
ul#nav li#active
{
	color:#000;
	}
	
/*------------------------------------------*/

#texto{
width:544px; 
position:relative; 
float:left;
margin-left:292px;
top:630px;
color:#fff;
border:2px solid #000;
background-color: #3D3D3D;
}

#texto p{
width:500px;
margin-left:20px;
height:328px; 
position:relative; 
float:left;
padding:0 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
color:#FFF;
}

#texto1{
 position:absolute;
 top:725px;  
 width:290px;
 height:360px;
 color:#fff;
 border:2px solid #000;
 background-color:#3D3D3D;
}

#texto1 p{
width:260px;
margin-left:15px;
position:relative; 
float:left;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
margin-top:20px;
}

#pie{
	position:relative;
	width:1024px;
	height:30px;
	left:50%;
	top:620px;
	margin-left:-512px;
	text-align:center;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	}
	
#derecha{
	 position:absolute;
	 height:1149px;
	 width:160px; 
	 right:0px; 
	 top:0;
	 background-color:#666; 
	 z-index:5000;
	}
	
#derecha p{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:50px;
	color:#fff; 
	text-align:center; 
	font-size:22px;
	}