@charset "UTF-8";


/* CSS Document */

/*********************** RESET ************************/
html, body, div, h1, h2, h3, h4, h5, h6, 
p, a, img, form, table, tr, th, td, pre {
margin:0;padding:0;border:0;outline:0;font-size:97%;
vertical-align:baseline;background:transparent;}
/*********************** RESET ************************/

/*********************** HEAD ************************/
#head{
	width:auto;
	height:145px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/txt_header.jpg);
	background-repeat:repeat-x;}
	
#header{
	width:900px;
	height:110px;
	margin-left:auto;
	margin-right:auto;}

#slogan{
	float:right;
	margin-top:-50px;}

#slogan p{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#F90;
	font-size:16px;
	padding-right:200px;}
	
#slide{
	width:850px;
	overflow:hidden;}

#content{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;}
	
#logotipo{
	width:240px;
	padding-top:5px;}
	
#menu1{
	float:right;
	width:170px;
	height:60px;
	margin:0px;
	position:relative;
	
	z-index:10;
}



#menu2{
	clear:both;
	width:900px;
	height:49px;
	background-image: url(images/fondo_menu.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	overflow:hidden;}
	

#menu2 ul { list-style-type: none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 0 30px; padding:0px; font-weight:100;}
#menu2 ul li.nivel1 { float: left; width: 128px;}
#menu2 ul li a {display: block;text-decoration: none;color:#fff;background-color: transparent;border: none;padding-top:13px; padding-bottom:14px; position: relative; margin-top:0;}
#menu2 ul li:hover {position: relative;}
#menu2 ul li a:hover, #menu ul li:hover a.nivel1 { color: #006;position: relative; background-image:url(images/flecha.png); background-repeat:no-repeat;}
#menu2 ul li a.active, #menu ul li.active a.nivel1 { background-image:url(images/flecha.png); background-repeat:no-repeat; color: #006}
#menu2 ul li a.nivel1 {display: block!important;display: none;position: relative;}
#menu2 ul li ul {display: none;}
#menu2 ul li a:hover ul, #menu ul li:hover ul {display: block;position: absolute;left: 0px;}
#menu2 ul li ul li a {width: 130px;}
#menu2 ul li ul li a:hover {position: relative;}
	

	

	

/*********************** COLUMNAS ************************/

#columnas { width:850px; height:260px; background-image:url(images/back_menu2.jpg); background-repeat:no-repeat; background-position: inherit; margin-left:14px; margin-top:30px;}
#columnas p{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:200px;}
#columnas a{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF;}
/*Definimos una clase para <ul> */
#columna1{ width:200px; height:200px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; padding:0px 15px 0 10px ;}
#columna1 ul{ padding-top:45px;}
#columna1 li{ list-style:none;}
#columna2{ width:390px; height:200px; float:left;}
#columna3{ width:200px; height:200px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; padding:0;}
#columna3 ul{ padding-top:125px; list-style:none;}

#columna4{ width:850px;}



/*********************** FOOTER 
************************/


#footer, #push {     
    height: 61px; /* la altura del push es la misma que la altura     
    del footer */ 
}
#footer{
	
	clear:both;
	width:auto;
	
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/txt_foot.jpg);
	background-repeat:repeat-x;}

#firma{
	width:880px;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#firma img{float:left; padding-left:40px; padding-top:10px;}
	
#firma p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:600px; padding-top:20px; color:#FFF;}
/*********************** FOOTER ************************/