/* ---------->>> macuf <<<-----------*/
body {
	margin: 0px;
	margin:0px;
	width:100%;
	font:100%
	
}
p{font: bold 11px/1em "verdana", Arial, Helvetica, sans-serif;padding-left:50px;color:#7F7F7F; }
/* ---------->>> barrasuperior <<<-----------*/
#cabecera{
	margin:0px;
	padding:0px;
	width:100%;
	height:1em;
	background-color:#002;
}
#cabeceragris{
	width:35%;
	height:1em;
	background-color:#C8D0CD;
	float:right;
}
/* ---------->>> contenedor<<<-----------*/
#contenedor{
	width:100%;
	margin:0px auto;
	}
/* ---------->>> seccion izqda(contenido)<<<-----------*/	
#izqda{
		width:65%;
		float:left;
		height:auto;}
		
#titulo{
		
		margin-top:20px;
		height:20px;
		margin-left:5%;
		display:block;
			}
#titulo3{
		margin-top:20px;
		height:20px;
		margin-left:5%;
		color:#b6793a;

			}
.cajacFoto{
margin-top:20px;
		margin-left:5%;
		display:block;
		width:75%;
}
.cajacFoto img{
	border-left:5px solid #FFF;
	float:right;
}	
.cajacFotoIzq{
		margin-left:5%;
		display:block;
		width:75%;
}
.cajacFotoIzq img{
	float:left;
}
		
#tituloa{
		
		margin-top:5px;
		height:20px;
		margin-left:5%;
		display:block;
				
			}
#tituloa ul{
	list-style-type: none; 
	margin:0px  0px;
	padding:0px;
	
	
		}

#tituloa ul li{
	float:left;
	margin-bottom:0px;
	font: 12px/1em "verdana", Arial, Helvetica, sans-serif;
	 margin-right:5px;
		}
		
#tituloa  li a{ text-decoration:none; color:#B67A3B;
		}				
					
		
#titulo2{
		width:90%;
		margin-top:5px;
		height:20px;
		margin-left:5%;
		float:right;
		
		}
		
		
#titulo2 ul{
	list-style-type: none; 
	margin:0px  0px;
	padding:0px;
	
	
		}

#titulo2 ul li{
	float:left;
	margin-bottom:0px;
	font: 12px/1em "verdana", Arial, Helvetica, sans-serif;
	 margin-right:5px;
		}
		
#titulo2  li a{ text-decoration:none; color:#B67A3B;
		}										
		
h1{
		font:BOLD 13px/1em "Verdana", Arial, Helvetica, sans-serif;
		margin:0px;
		}
		
#center{
text-align:center;
}
		
h1 a,h1 a:hover{
font:BOLD 13px/1em "Tahoma", Arial, Helvetica, sans-serif;
text-decoration:none;
color:#5c5e5d;
line-height:1.3em;
letter-spacing:0.04em;}

h1 a:hover{
text-decoration:underline;}
		
				
h1 img{
		
		float:left;}
		
h2 img{
		
}
#caja h2{margin:5%;}


h2{
		font: 11px/1.2em "verdana", Arial, Helvetica, sans-serif;
		color:#5c5e5d;
			
			}
.destacado{
	font: 11px/1.2em "verdana", Arial, Helvetica, sans-serif;
	color:#ce035c;}


h2 a{ text-decoration:none; color:#5c5e5d;; font-weight:bold;}
h2 a:hover{ text-decoration:underline;font-weight:bold;color:#5c5e5d;}

h3{
		font: 10px/1em "verdana", Arial, Helvetica, sans-serif; font-weight:bold;
		
		margin:0px;}
		
h3 a,h3 a:hover{
font: 10px/1em "verdana", Arial, Helvetica, sans-serif;
text-decoration:none;font-weight:bold;
color:#5c5e5d;}						
			
h4{
		font: 10px/1em "verdana", Arial, Helvetica, sans-serif; 
		margin:0px;		
		color:#7F7F7F;}
		
#caja{ width:350px;
	  
	   margin-top:5px;
	   height:50px;
	   float:left;
	    margin-left:5%;
	  
		}
		
#cajaPeq{ width:500px;
	  
	   margin-top:5px;
	   height:50px;
	   float:left;
	   padding-top:15px;
	  
		}
		
#caja2, caja3{ width:160px;
	   float:left;
	   margin-top:5px;
	   margin
	   height:50px;
	  
	   margin-left:10px;
	  
		}
#caja2 img{ text-align:center;
	margin-bottom:10px;
		}					
		
		
#caja2a{
	   margin-top:5px;
	   margin-left:50px;
	   background-color:#999999;
	   width:160px;	    
		}
				
#caja2b{
	   margin-left:50px;
	   background-color:#999999;
	   width:160px;
	   color:#FFFFFF;
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:9px;	    
		}
		
#caja2a img{ text-align:center;
	margin-bottom:10px;
		}
#cajainterior{ width:80%;
	   
	   margin-top:5px;
	   float:left;
	   margin-left:5%;
	  
		}
.subCaja{
	padding-left:3%;
}
		
#cajainterior img{ 
}		
	

#cajainterior2{ width:70%;
	   padding-left:100px;
	   margin-top:5px;
	   float:left;
	   	}
#cajainterior2 img{ 
	    margin-top:5px;
	   float:left;
	   margin-right:10px;
	  
		}					   
		   
#fila1{ padding-left:50px;
		width:30%;
	   float:left;
	   margin-top:5px;
	   
	   }
#fila2{ padding-left:10px;
		width:30%;
	   float:left;
	   margin-top:5px;
	   
	   
	   }
	   
#fila3{ padding-left:10px;
		width:35%;
	   float:left;
	   margin-top:5px;
	   
	   
	   }
	   
#fila4{ padding-left:10px;
		width:35%;
	   float:left;
	   margin-top:5px;
	   
	   
	   }	   	   	   		   	
  
/* ---------->>> seccion derecha(menu)<<<-----------*/	
#nav{
		width:30%;
		float:left;
		height:600px;	
		}

#nav img{
		margin-top:15px;
		text-align:left;
		}		

#nav ul{
	list-style-type: none; 
	margin:10px 0px;
	padding:0px;
	font:BOLD 12px/1em "verdana", Arial, Helvetica, sans-serif;
}
#nav ul li{
	width:100%;
	margin-bottom:8px;


}
#nav ul li a{
	text-decoration:none;
	color:#656565;
	
	
}
#nav ul li a:hover{ 
	text-decoration:none;
	
}
#nav ul ul{
	list-style-type: none; 
	margin:10px 0px;
	padding:0px;}
	
#nav ul ul li{width:100%;
	}	
#nav ul ul li a{font:10px "verdana", Arial, Helvetica, sans-serif;}
#nav ul ul li a:hover{font: 10px "verdana", Arial, Helvetica, sans-serif; text-decoration:underline;}
.marcado{font: 10px "verdana", Arial, Helvetica, sans-serif; text-decoration:underline;}
#cajainterior{}

  
/* ---------->>> seccion formulario<<<-----------*/	



#contacto{
		color:#4D538D;
		height:260px;
		float:left;
		width:335px;
		padding-left:10px;
		 padding-top:10px;
		 }
#contacto p{ 
			padding:0px;
			 margin:0px 0px 8px 0px;
			 padding-left:50px;}
			 
#contacto label{
width:120px;
 float:left;}
 
#contacto input,textarea{
 width:200px;
height:10px;
padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4D538D;
	border:1px solid #4D538D;}
	
#contacto textarea{ height:80px}

#contacto .botoneraEnvio{ text-align:center;
 margin-top:15px}
 
#contacto .botonEnvio{height:20px;
 width:60px}
 
#imagenApoyo{ 
background-color:#CDCEE3;
height:100%;
 width:180px;
 float:left;height:271px;}
 
 .clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1px;
}

#cajainterior #fotos{ width:100%;
height:auto;



}
#publi{ float:left;
width:100%;
margin-left:2%;}

#publi1{ 
	   width:500px;
	   height:50%;
	   float:left;
	   margin-top:5px;
	   margin-left:1%;
	   font: bold 10px/1em "verdana", Arial, Helvetica, sans-serif;;color:#7F7F7F;
	   margin-bottom:15px;
	   border:1px dotted #cccccc;

	   }
	   
#publi1 img{ float:left; margin:0px 0px 0px 10px;}	   
#publi1 h1,#publi1 h2{ padding-left:5%; height:50%;float:left; margin:0px;}
#publi2 h1,#publi2 h2{ padding-left:0.5%;}
#publi3 h1,#publi3 h2{ padding-left:0.5%;}
#publi2{padding-left:10px;
		width:170px;
	   float:left;
	   margin-top:5px;
	   font: bold 10px/1em "verdana", Arial, Helvetica, sans-serif;;color:#7F7F7F;
	   }
	   
#publi3{padding-left:10px;
		width:170px;
	   float:left;
	   margin-top:5px;
	   font: bold 10px/1em "verdana", Arial, Helvetica, sans-serif;color:#7F7F7F;
	   }
#publi4{padding-left:10px;
		width:340px;
	   float:left;
	   margin-top:5px;
	   font: bold 10px/1em "verdana", Arial, Helvetica, sans-serif;color:#7F7F7F;
	   }	   	   
#publiexposiciones{ 
	   width:500px;
	   height:50%;
	   float:left;
	   margin-top:5px;
	   padding:2%;
	   margin-left:2%;
	   font: bold 10px/1em "verdana", Arial, Helvetica, sans-serif;;color:#7F7F7F;
	   margin-bottom:15px;
	   border:1px dotted #cccccc;

	   }
	   
#publiexposiciones img{ float:right; margin-left:20px;}


/* Históricos*/
#historico, #historico2{ 
	  width:27%;
	   height:220px;
	   float:left;
	   padding:10px;
	   border-bottom:1px dotted #cccccc;	   
	  }
	  
#historico3, #historico4{ 
	  width:41%;
	   height:175px;
	   float:left;
	   padding:20px;
	   border-bottom:1px dotted #cccccc;
	   padding-left:25px;
	   	   
	  }
#historico5, #historico6{ 
	  width:41%;
	   height:160px;
	   float:left;
	   padding:20px;
	   border-bottom:1px dotted #cccccc;
	   	   padding-left:25px;	   
	  }
	   
#historico, #historicoTexto, #historico3, #historico5{ 
	 border-right:1px dotted #cccccc;
	   }
	   
#historicoTexto, #historicoTexto2{ 
	  width:27%;
	   height:145px;
	   float:left;
	   padding:10px;
	   border-bottom:1px dotted #cccccc;	   
	  }
	   
#historico img, #historico2 img, #historico3 img, #historico4 img, #historico5 img, #historico6 img{
	margin-bottom:10px;
	*margin-bottom:-10px;

}




/* FIN Históricos*/


acronym {
   cursor: help;

}
.ampliar{
	text-align:right;
	margin-bottom:15px;
}
.ampliar a {
font-size:0.9em; color:#656565; text-decoration:none;
}
.infoParticular{
	color:#000099;
	text-decoration:none;}
	
.fecha{font: 12px/1.1em "verdana", Arial, Helvetica, sans-serif;
		color:#7F7F7F; margin:0px; padding:0px;}	
		
		
		
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1px;
}

		
#mapaweb{
	width:70%;
	margin-top:5px;
	float:left;
	margin-left:5%;
	margin:0px;
	font:BOLD 12px/1em "verdana", Arial, Helvetica, sans-serif;
	line-height:25px;
	margin-bottom:10px;
		}

#mapaweb a{
font-size:1em; color:#656565; text-decoration:none;
}

#mapaweb a:hover{
text-decoration:underline;}

/****************
AGENDA**********/
.fila{
	padding-bottom:20px;
}
.evento{
	float:left;
	width:28%;
	margin-left:5%;
}
.evento h2{
	font-weight:bold;
	text-transform:uppercase;
}
.evento p{
	margin:0px;
	padding:0px; 
	font-weight:normal;
	margin-bottom:3px;
}
p.fechaEvento{
	background-image: url(../images/flecha.png);
	background-repeat:no-repeat;
	padding-left:15px;
}