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

body{
	background:url(imagenes/bg.jpg) repeat-x fixed center top;
	margin: 0;
	padding: 0;
	text-align: center;
}


#wrapper {
	margin: 0 auto;
	width: 793px;
	padding: 0;
	text-align: left;

}

#cabecera {
	width:793px;
		}
	
#cabecera2 {
	width:793px;
    margin-top:-5px !important; margin-top:0px; 
	padding:0px;
	background-image:url(imagenes/bg_menu2.jpg);
	height:233px;
	}
	
	
#division {
	background:#5a501d;
	width:793px;
	height:5px;
	}	


#informacion {
	width:793px;
	background:white;
	padding-top:25px;
	height:360px;
	}
	
#animacion {
	width:630px;
	height:232px;
	float:right;
	z-index:1;
	}
	
#menu {
	padding-top:0px;
	float:left;
	height:202px;
	width:160px;
	margin-left:0px;
		}
		
#menu a{
font: bold 13px tahoma,arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
background:#ffdb35;
border-width:1px;
border-style:solid;
border-color:#cccccc;
padding:4px  5px;
z-index:2;
}


#menu a{
color:#000000;
background:#ffdb35;
text-decoration:none;
}

#menu a:hover{
color:#a00;
background:#cccccc;
}

#menu a:active{
color:#ffffff;
background:#ffdb35;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100.1%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100%;
display:none;

}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;
width:250px;
z-index:2;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#ffdb35;
background:#ffdb35;
}

#menu a.x:active{
color:#ffdb35;
background:#ffdb35;
}

		
		
		

#columna1 {
	width:325px;
	margin-left:30px;
	float:left;
	height:350px;
	text-align:justify;
		}
	
	
#texto{
	margin-left:0px;
	font: 13px tahoma,arial,helvetica,sans-serif;
}




#columna2 {
	width:400px;
	height:330px;
	float:right;
	margin-top:20px;
	margin-right:25px;
	}

#pie{
	background-image:url(imagenes/pie.png);
	background-repeat: no-repeat;
	width:793px;
	height:82px;
	padding-top:50px;
	text-align:right;
}
	


.Estlio1	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#666;
}
	
.Estlio2	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
}

h3	{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}