@charset "utf-8";
/*
->colores:
#303030- negro
#00FFFF- cian
#C96- tierra cálida
#666666- gris
#DEDFFC7- hueso frío
#F27300- naranja FB
#E6F0BD- fondos
*/


*{border:0;margin:0;padding:0;}

	:focus{outline:0;}

	body{
	  color:#303030;
	  font-family:Verdana, Geneva, sans-serif;
	  font-size:9px;
	  background-color:#FFF;
	  text-align:center;/*asignar propiedad text-align:left; en cada contenedor*/
		}
	
	h1,h2,h3,h4,h5,h6{
		color:#666;
		font-family:Verdana, Geneva, sans-serif;
		font-weight:bold;
		font-style:normal;}
	
	h1{
		font-size:11px;
		font-weight:normal;
	}
	
	h2{
		font-family:Verdana, Geneva, sans-serif;
		font-size:15px;
		font-weight:normal;
	}
	
	h3{
		font-size:9px;
		color:#C96;
	}
	h4{
	}
	h5{
	}
	h6{
	}
	
	br{}
	
	pre{}
	blockquote{
		display:inline;
		font-style:italic;
	}
	
	p.margenparrafo{
		margin-bottom:10px;
	}
	
	hr{/*líneas sólidas*/
	  border:0;
	  height:1px;
	  border-color:#666;
	  border-style:dashed;
	  background-color:#666;
	  margin-bottom:5px;
	}
	
	/*enlaces*/
	
	a{
	  cursor:pointer;
	  color:#303030;
	  text-decoration:none;
	}

	a:link{}
	a:visited{}
	a:hover{}
	a:active{}
	
	a img{
	  border:0;
	  cursor:pointer;
	}
	
	/*listas*/
	
	ul{
		list-style:disc;}
	ul li{}
	
	ol{
		list-style:upper-latin;}
	ol li{}
	
	/*tablas*/
	
	table{
	margin-left:10px;
	border-spacing:30px;
	border-collapse:separate;}
	
table th {
	width:200px;
	text-align:left;
	/*margin:0 50px 10px 50px;*/
	border-bottom:1px solid #666;
	padding:0 10px 10px 10px;
	color:#003;}
	
table td{
	vertical-align:top;
	text-align:left;
	padding-left:10px;}
	
	/*formularios*/
	
	form {
		font-size:11px;
}
fieldset {
	border:0;
}
legend { /* Aplicando estilo a una fuente */
		color:#666;
		font-family:Verdana, Geneva, sans-serif;
		font-size:15px;
		font-weight:normal;
}
label {
	/*cursor:pointer;*/
}

/* CONTROLES DE FORMULARIO */
/* Campos y Areas de Texto, Listas y Menús */


input[type=text], input[type=password], input[type=file], textarea, select {
	border:1px solid #666;
}

textarea {
 	height:100px;
	width:200px;
}
/* Casillas de Verificación y Opciones */
input[type=checkbox], input[type=radio] {
}

input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover, select:hover {
	background-color:#EBEBEB;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus, select:focus {
	background-color:#EBEBEB;
}
/* Botones Enviar y Borrar */
input[type=submit], input[type=reset] {
	cursor:pointer;
	font-size:11px;
	background-color:#EBEBEB;
	border:1px solid #EBEBEB;
	padding:2px;
	/*-moz-border-radius: 8px; Bordes redondeados, (solo para Firefox) */
}
input[type=submit]:hover, input[type=reset]:hover {
	background-color:#EBEBEB;
}
	
	/*clases*/
	
	
	.negrita{font-weight:bold;}
	.cursiva{font-style:italic;}
	
	.blanco{color:#FFF;}
	.naranja{color:#F27300}
	
	.centrado{
		text-align:center;}	
	.izquierda{
		text-align:left;}
	.derecha{
		text-align:right;}
		
	.interlineado{
		line-height:15px;}
	
	.margendebajo{
		margin-bottom:5px;}
		
	.margendebajo30{
		margin-bottom:30px;}
		
	.margendebajo14{
		margin-bottom:14px;}
		
	.margendebajo60{
		margin-bottom:60px;}
	
	.margendebajo80{
		margin-bottom:80px;}
		
	.font11{
		font-size:11px;}
		
	.font9{
		font-size:9px;}
		
	.border{
		border:1px solid #666;}
		
	.borderizq{
		border-left:1px #CCC solid;}
		
	.borderder{
		border-right:1px #CCC solid;}
		
	.subrayar{
		text-decoration:underline;}
		
	.cursormano{
		cursor:pointer;}
		
	.bloque{
		display:block;}
	
	.inline{
		display:inline;}
		
	/*...*/
	
	/*contenedores*/
	
	#wrapper {
	display:inline;
	position:absolute;
	left:50%;
	margin-left:-480px;
	top:50%;
	margin-top:-300px;
	width:960px;
	height:600px;
	z-index:1;
	text-align:left;
	background-color:#FFF;
	}
	
	#wrapper #columnaizquierda {
	display:inline;/*para que no duplique el margen izquierdo IE6*/
	float:left;
	width:135px;
	height:522px;
	margin:21px 30px 15px 20px;
	}
	
	#wrapper #columnaizquierda #logo {
	float:left;
	margin-bottom:40px;
	width:134px;
	height:65px;
	background-image:url(../img/simbolos/logo.jpg);
	background-repeat:no-repeat;
	}
			
	#wrapper #columnaizquierda #menu {
	font-size:11px;
	text-align:right;
	clear:both;
	margin-bottom:10px;
	width:135px;
	height:145px;
	}

	#wrapper #columnaizquierda #menu a.menuprincipal, #wrapper #columnaizquierda #menu a.menuprincipal:link, #wrapper #columnaizquierda #menu a.menuprincipal:visited{
	/*float:left; si lo quisiéramos en horizontal. obligatorio si así lo queremos*/
	display:block;/*obligatorio*/
	width:135px;/*obligatorio*/
	height:17px;/*obligatorio*/
	color:#303030;/*obligatorio*/
	text-align:right;
	font-size:12px;
	/*margin:3px;margen entre los bloques de enlaces*/
	text-decoration:none;/*obligatorio*/
	line-height:15px;/*Lo he colocado más cerca de la parte de abajo*/
	overflow:hidden;/*problemas con IE*/
	}
	
	#wrapper #columnaizquierda #menu a.menusecundario, #wrapper #columnaizquierda #menu a.menusecundario:link, #wrapper #columnaizquierda #menu a.menusecundario:visited{
	width:135px;/*obligatorio*/
	height:14px;/*obligatorio*/
	line-height:13px;/*Lo he colocado más cerca de la parte de abajo*/
	font-size:9px;
	}
	
	#wrapper #columnaizquierda #menu a:hover{
		background-color:#EBEBEB;}
	
	#wrapper #columnaizquierda #menu p.enbotonpeq{
	font-size:9px;
	width:135px;
	line-height:13px;
	height:14px;/*obligatorio*/
	background-color:#FFD3A8;}
	
	#wrapper #columnaizquierda #menu p.enboton{
	width:auto;
	height:17px;/*obligatorio*/
	font-size:12px;
	text-align:right;
	/*margin:3px;margen entre los bloques de enlaces*/
	text-decoration:none;/*obligatorio*/
	line-height:15px;/*Lo he colocado más cerca de la parte de abajo*/
	overflow:hidden;/*problemas con IE*/
	background-color:#FFD3A8;
	}
		
	#wrapper #columnaizquierda #animacion {
	clear:both;
	width:135px;
	height:210px;
	margin-bottom:10px;
	}	
	
	#wrapper #columnaizquierda #menudos{
		text-align:right;}
	
	#wrapper #columnaizquierda #menudos a.iconoenlace, #wrapper #columnaizquierda #menudos a.iconoenlace:link, #wrapper #columnaizquierda #menudos a.iconoenlace:visited{
		display:block;
		float:right;
		margin-left:5px;}
	
#wrapper #columnacentro {
float:left;
margin:21px 31px 0 0;
text-align:center;
width:120px;
height:522px;
border-left:1px #CCC solid;
}
	
	#wrapper #columnacentro #columnacentroarriba{
		clear:both;
		width:103px;
		height:15px;
		margin-bottom:12px;}
		
	#wrapper #columnacentro #columnacentroarriba.trayectoria{
		height:30px;
		margin-bottom:7px;}
		
	#wrapper #columnacentro #columnacentroarriba.afondo{
		height:30px;
		text-align:left;
		padding-left:20px;
		width:100px;
		margin-bottom:7px;}
	
	#wrapper #columnacentro #columnacentroabajonoticias{
		clear:both;
		overflow:auto;
		width:90px;
		padding:17px 15px 5px 15px;
		height:470px;
		/*border-bottom:1px #CCC solid;*/
		border-top:1px #CCC solid;
		}
	
	#wrapper #columnacentro #columnacentroabajogaleria{
		clear:both;
		margin:0 8px 0 8px;
		width:103px;
		height:495px;}
		
			#wrapper #columnacentro #columnacentroabajogaleria img{
			cursor:pointer;
			margin:0 9px 9px 0;
			float:left;
			border:1px #666 solid;}
			
				#wrapper #columnacentro #columnacentroabajogaleria img.sinderecha{
				margin-right:0;}
				
				#wrapper #columnacentro #columnacentroabajogaleria img.bordecolor{
				border:1px #f30 solid;}
			
	#wrapper #columnacentro #columnacentroabajotrayectoria{
		clear:both;
		overflow:auto;
		width:90px;
		padding:17px 15px 5px 15px;
		height:460px;}
			
#wrapper #columnaderecha {
display:inline;
float:left;
margin-top:21px;
width:602px;
height:522px;
}
	
	#wrapper #columnaderecha.sitiomapa {
		display:inline;
		padding-left:23px;
		width:650px;
		height:522px;
	}
	
		#wrapper #columnaderecha.sitiomapa a{
			margin-bottom:7px;}
			
		#wrapper #columnaderecha.sitiomapa a:hover{
			background-color:#EBEBEB;}
	
	#wrapper #columnaderecha.trayectoria {
		display:inline;
		margin:100px 0 0 135px;
		width:300px;
		height:350px;}
		
	#wrapper #columnaderecha.formulario {
		overflow:hidden;
		display:inline;
		margin:100px 0 0 135px;
		text-align:left;
		width:300px;
		height:350px;}
		
	
		
		#wrapper #columnaderecha.formulario table{
				margin-left:0;
				border-spacing:0;
				border-collapse:separate;}
				
				#wrapper #columnaderecha.formulario table td{
						width:150px;
						padding:0 0 5px 0;
						text-align:left;}
						
				#wrapper #columnaderecha.formulario table td.padding30{
						padding:30px 0 30px 0;}	
						
				#wrapper #columnaderecha.formulario table td input{
						border:1px solid #666;}
	
	#wrapper #columnaderecha #imagennoticias {
		display:inline;
		float:left;
		width:282px;
		height:502px;
		margin:20px 30px 0px 20px;
		display:table;
		}
	
		#wrapper #columnaderecha #imagennoticias #imagennoticiasenvuelta {
				/* Centrado Vertical */
				display:table-cell;
				vertical-align:middle;
				/*imágenes de 280px por máximo de 500px más sus 2 píxeles de borde*/
				}
				
				#wrapper #columnaderecha #imagennoticias #imagennoticiasenvuelta img {
						/* 3px de separación entre las imágenes y su pie */
						border:1px #666 solid;
						margin-bottom:3px;
						}
	
	#wrapper #columnaderecha #textonoticias{
		margin-top:20px;
		display:inline;
		float:left;
		width:250px;
		height:502px;
		display:table;
		}
	
		#wrapper #columnaderecha #textonoticias #textonoticiasenvuelto{
				/* Centrado Vertical */
				display:table-cell;
				vertical-align:middle;
				}
				
				#wrapper #columnaderecha #textonoticias #textonoticiasenvuelto a{
					color:#03F;
						}
				#wrapper #columnaderecha #textonoticias #textonoticiasenvuelto a:hover{
					color:#303030;
						}
			
	#wrapper #columnaderecha #imagenafondo {
		float:left;
		width:602px;
		height:497px;
		text-align:center;
		margin:25px 0 0 0;
		display:table;
		/*imágenes de 495px por 600 más su píxel de borde*/
		}
		
		#wrapper #columnaderecha #imagenafondo #envuelvoafondo {
				/* Centrado Vertical */
				display:table-cell;
				vertical-align:middle;
				}
		
	#wrapper #columnaderecha #imagengaleria {
		float:left;
		width:602px;
		height:497px;
		text-align:center;
		margin:25px 0 0 0;
		display:table;
		/*imágenes de 495px por 600 más su píxel de borde*/
		}
		
	
		#wrapper #columnaderecha #imagengaleria #envuelvofoto {
				/* Centrado Vertical */
				display:table-cell;
				vertical-align:middle;
				}
	
				#wrapper #columnaderecha #imagengaleria #envuelvofoto img.bordes {
						border:1px #666 solid;
						}
	
#wrapper #pieimagenes {
clear:both;
width:930px;
font-size:12px;
font-weight:bold;
margin:0 0 0 10px;
line-height:20px;
padding-left:10px;
/*imágenes de 340px por 515 más su píxel de borde*/
}
	
#wrapper #pie {
clear:both;
margin:0 0 0 10px;
width:930px;
line-height:15px;/*centrado personal vertical. Para centrarlo "exacto" colocar la misma dimensión que en height*/
height:20px;
padding-left:10px;
color:#666;
border-top:1px #CCC solid;
}