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

* {
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}

body {
	font: normal normal normal 95%/95% arial, helvetica, sans-serif;
	width:100%;
	height:100%;	
}


	
/*recordatorio del orden de atributos: font-style, font-variant, font-weight, font-size /line-height y font-family */
/* copia seguridad
body {
	font-family: Arial, verdana, helvetica;
	width:100%;
	height:100%;	
}
*/

#containerPanel{
	width:100%;
	height:1100px;
	background-repeat:repeat;
	background-color: transparent;
	background-position:center;
	
}

#layoutPanel{
	width: 1000px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align:left;
	position:relative;
	
	background-color:  transparent; 
}
#circulo{
	position:absolute;
	top:130px;
	left:-80px;
	z-index: -3;
}



#cuadriculavert{
	position:absolute;
	top:100px;
	left:750px;
	width:250px;
	height:650px;
	z-index: -3;
}
#lineasinferiores{
	position:absolute;
	top:520px;
	left: 0px;
	width:1000px;
	height:90px;
	z-index: -1;
}



#mainPanel{
	width: 100%;
	height:550px;

	background-color: transparent;
	
	background-position: bottom;
	background-repeat: no-repeat;	

}


#northPanel{
	width: 100%;
	height:90px;
	position:relative;
	
		}
		
#nombre{
	width: 372px;
	height:24px;
	position:absolute;
	left:610px;
	top:40px;
	z-index: 2;
		}		
		
	#leftPanel{
	width: 20%;
	height:420px;
	float:left;
	background-color: transparent;
	padding-top:	30px;		
		}
		
		
		#centerPanel{
			padding-top:30px;
	width: 58%;
	height:420px;
		float:left;background-color: transparent;
		}
		
		#rightPanel{
	width: 22%;
	height:420px;
	background-color: transparent;
		
		}
	
	#footer{
		padding-top:0px;
	float:left;
	width: 100%;
	height:90px;


			
		}
		
#intranet{
	
	margin-top: 6px;
	background-color: transparent;
	color:#006633;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-right:5px;

	
	}
	
	#intranet a{
	color:#006633;
	font-weight:bold;	
	}
	#intranet a:hover{

	font-weight:bold;
color:#CFB22A;
	
	
	
	}
	
	#a:hover{

	font-weight:bold;
color:#CFB22A;
	
	
	
	}
	
	
	#pie{
	
	
	font-size:10px;
	color:#666;
	text-align:left;
	cursor:pointer;
	margin-top: 6px;
	margin-left: 4px;
	float:left;
	}
	
	#pie :hover{
	font-weight:bold;
color:#CFB22A;
	}
	
	span.bolo{
	
	color:#006633;	
	font-weight:bold;
}


/*alfonso dia 14*/

#e01{
	padding-top:0px; width:580px;
height:480px;
	float:left;
	
	}
	
	#e02{
	width:220px; 
	padding-top:38px;
	height:420px;
	float:left;
		
	
	}
#panelprincipal{
	width: 100%;
	height:460px;
		float:left;background-color: transparent;
		}

	#textoprincipal{
	font-size:12px;
	color:#999;
	text-align:justify ;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 20px;
	line-height: 1.3em;
	}
	#textoprincipal_1{
	font-size:12px;
	color:#999;
	text-align:justify ;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 20px;
	line-height: 1.3em;
	}
	
	span.negrita{
	color:#666;
	font-weight:bold;
}
	
	
	/*menús principales*/

#menu {float: left; width:100%; 
position:absolute; top: 80%; left:360px; background-color: transparent;
line-height:12px; font-size:11px; 
}

#menu ul {margin:0; padding:0;	
	background-color:  transparent;
	}
	
#menu li {float:left; display:block;margin-left:1px; 
padding:0px 0px 0px 0px; 
background-color:transparent;
background-image:url(imagenes/b_1.png);
background-repeat:no-repeat;
background-position:right top;}

#menu a { display:block;
background-image:url(imagenes/b_2.png);
background-color:transparent;
background-repeat:no-repeat;
background-position:left top;
margin-left:-10px; 
padding:12px 15px 4px 15px; 
text-decoration:none;
font-weight:bold; color:#296a58;
}

#menu li a:hover {color:#dcc83a; background-position:0 0; line-height:22px; margin-top:-10px; 
padding:12px 15px 4px 15px;
}

#menu li:hover {padding:10px 0px 0px 0px; margin-top:-10px;
}


#menu #current {padding:10px 0px 0px 0px; margin-top:-10px;
}

#menu #current a {color:#dcc83a; background-position:0 0; line-height:22px; margin-top:-10px; 
padding:12px 15px 4px 15px;
}

#menu #current li {padding:10px 0px 0px 0px; margin-top:-10px;
}


	
#menu #current a:hover {color:#990;}




 /* Menu izquierdo*/
 
  
  
  
  
  #menu2 ul {width:160px;
  height:220px;
	 

	}
	
#menu2 li {
	 margin-left: 20px;
	   margin-right: 20px;
	width: 160px;
	margin-top:5px;
	font-size: 11px;
padding-top:3px;
padding-left:5px;}
	
#menu2 a {
	display:block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	color:#666;
	background-color:#CCC;	
}
	

#menu2 a:hover {
	color: #FFF;
	background-color: #696;
}

	
#menu2 #current {
	color: #FFF;

	

}
	
#menu2 #current a {
	color: #FFF;
	background-color:#006633;
	}

/* banar izquierdo*/
#banerIz {position:absolute; bottom:51.5%;
left: 25px;
	vertical-align:bottom;
	width: 160px; height:180px;
	
	display:block;
	z-index:-2;
}

/* contenedor paginas secundarias*/

#contenedor { width:1000px; height:auto; padding-top:0px;}
	
	
	
	/* COLUMNA FOTOS */
	
	#fotosderecha {
	width:180px;
	height:100px;
	margin-bottom:2px;
	margin-left:20px;
	background-color:#FFF;
	cursor: pointer;
	color:#666;

}


#fotocentral {
	width:525px;
	height:250px;
	margin-top: 38px;
	margin-bottom:25px;
	margin-left:30px;
	background-color:#FFF;
	cursor: pointer;	
}

#piefoto {
	width:180px;
	height:20px;
	margin-left:20px;
	margin-bottom:3px;
	padding-top:2px;
	font-size:10px;
	text-align: left;
	cursor: pointer;
	text-decoration:none;
	color:#666;	
}

#piefoto :hover {
	color:#CFB22A;
}


span.a{
	color:#006633;
	font-weight:bold;
}



#banderas{
	
	width: 18px;
	height: 12px;
	float:left;
	margin-right:3px;
	cursor:pointer;
	
}

#itinerario{
	position: absolute;
	top: 106px;
	left:2px;
	font-size:10px;
	letter-spacing:0.2pt;
	color:#333;
	text-align:left;
	z-index:3;
	}


span.a2{
	color:#999;
	
}


  </style>