body {
	/*background : #BD7604 url(images/seamless_low.jpg) repeat fixed top; /*Color, imagen de fondo, modo de repeticion,fijacion y posicion*/
	background : #DA9828 url(images/seamless_low.jpg) repeat fixed top; /*Color, imagen de fondo, modo de repeticion,fijacion y posicion*/
	text-align:center;/*Para centrar con IE6*/
} 
#pagina {/*es el contenedor de todos los elementos de la web*/
	width:980px;/*hemos decidido que el ancho de la pagina sea de 980px por 580px*/
	margin:auto;/*centrar la pagina en otros IE y resto de navegadores*/
	margin-top:25px;
	*margin-top:10px;/*IE 7*/
	text-align:left;
	border: 0px solid #1B0D58;
	background : #FFFFFF url(images/fondoCandil2_full.jpg) no-repeat right bottom;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;/*Linux browsers*/ 
	behavior: url(ie-css3.htc);/*HACE QUE SE REPITA EL FONDO*/
	box-shadow: 3px 3px 15px #222;
	-moz-box-shadow: 3px 3px 15px #222;
	-webkit-box-shadow: 3px 3px 15px #222;
	/*ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0F0F0F')";/* para IE 8 PROBLEMAS CON COSAS QUE SOBRESALEN*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0F0F0F');/* para IE 5.5 - 7 PROBLEMAS CON COSAS QUE SOBRESALEN*/
	}

/**************FRANJA SUPERIOR**********************************************/
#cabecera {
	/*background:olive;*/
	width:980px;
	height:120px;
}
	#logo {
		background:transparent;
		float:left;
		width:200px;
		height:100px;
		margin:30px 45px 0px -25px;/*arriba, derecha, abajo, izquierda*/
		*margin: 30px 40px 0px -10px;/*arriba, derecha, abajo, izquierda*/ /* IE7 */
		
	}
	.imagenLogo {
	 margin:00px 0px 0px 0px;/*arriba, derecha, abajo, izquierda*/
	 
	 }
	#menu_1 {
		width:760px;
		height:120px;
		/*margin:0 auto;*/
		text-align:center;
	}
	#menu_2 {
		width:760px;
		margin-left:-250px;
		left:50%;
		position:absolute;
	}
	#capa_ocultacion{
		border-top: 1px solid #252161;
		background:white;
		width:725px;
		*width:710px;
		height: 35px;
		margin-top:-90px;
		margin-left:-400px;
		*margin-left:-383px;
		left:50%;
		position:absolute;
		z-index: +10;
	}
	#menu {
		/*list-style: none;*/
		margin:-20px 75px 15px -210px;/*arriba, derecha, abajo, izquierda*/
	}
		div.boton{
			text-align: center;
			float: left;
			width: 170px;
			height: 76px;
			border: 0px solid #1B0D58;/*1px*/
			/*box-shadow: 0px -3px 4px #666;
			-moz-box-shadow: 0px -3px 4px #666;
			-webkit-box-shadow: 0px -3px 4px #666;
			/*ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#0F0F0F')";/* para IE 8 PROBLEMAS CON COSAS QUE SOBRESALEN*/
			/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#0F0F0F');/* para IE 5.5 - 7 PROBLEMAS CON COSAS QUE SOBRESALEN*/
			
			position:relative;
			text-indent: -4px;
			border-radius: 0px;/*5px*/
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			-ms-border-radius: 0px; /*Internet Explorer 8 (No soportado)*/
			/*behavior: url(ie-css3.htc);/*DESCOLOCA LOS BOTONES DEL MENU PRINCIPAL, PERO ¿¿¿Y SI FUERAN CELDAS DE UNA TABLA???*/
			margin-top: -35px;
			margin-left: 5px;
			line-height: 42px;
			*line-height: 75px;/*IE 7*/
			cursor:pointer;
			background: transparent url(images/MP_descanso2.png) repeat center;
		}
		#boton_menu_Presentacion {
			background: transparent url(images/MP_activo2.png) repeat center;
			margin-top: -45px;
			margin-left: -28px;
			z-index:+100;
			cursor:none;
			
		}
/**************FRANJA LATERAL IZQUIERDA************************************/
#lateral {
	/*background:red;*/
	float:left;
	text-align: center;
	width:100px;
	height:400px;
	position:relative;
}
	.botonResolucion {
		background:trasparent; 
		margin:15px 15px 15px 35px;/*arriba, derecha, abajo, izquierda*/
		text-align: center;
		float: left;
		width: 130px;
		height: 17px;
		border: 0px solid #1B0D58;
		/*display: none;*/
		font-size:14px;
		font-Family:'Cantarell',arial,serif,verdana;
		font-weight: normal;
		color: #1B0D58;
	}
	#subMenuHacemos {
			position:absolute; top:130px; left:-27px;
			display: none;
			width: 236px;
			height: 400px;
			z-index:+100;
	}
	#subMenuProyectos {
			position:absolute; top:130px; left:-27px;
			display: none;
			width: 236px;
			height: 400px;
			z-index:+100;
	}
		#boton_proyectos_en_curso {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative; top:-15%; left:00px;
			font-size: 20px;
		}
		#boton_proyectos_pasados {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative; top:-10%; left:00px;
		}
		
		div.botonSubmenu{/*clase para dar a estos botones el mismo estilo*/
			font-family: "Times New Roman",serif;
			font-size: 18px;
			font-weight: normal;
			text-align: center;
			text-indent: 0px;
			line-height: 60px;
			width: 236px;/*antes era 209*/
			height: 50px;
			border: 0px solid #1B0D58;
			color:#FFFFFF;
			/*text-shadow: 0px 0px 0px #666;*/
			text-shadow: -2px -2px 2px #111;
			filter: Shadow(Color=#222222, Direction=45, Strength=3);/*texto de sombra para IE*/
			
		}
		#boton_hacemos_gc {
			/*background: url(images/lazodescanso.png) no-repeat center;*/
			background: url(images/lazoactivo2.png) no-repeat center;
			cursor:pointer;
			position:relative; top:-15%; left:00%;
			font-size: 20px;
		}
		
		#boton_hacemos_it {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative;top:-10%; left:00%;
		}
		#boton_hacemos_df {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative;top:-5%; left:00%;
		}
		#img_hacemos_gc{
		margin-top: -250px;
		margin-left: 510px;
		display:none;
		}
		#img_hacemos_it{
		margin-top: -270px;
		margin-left: 485px;
		display:none;
		}
		#img_hacemos_df{
		margin-top: -260px;
		margin-left: 480px;
		display:none;
		}
	
		
	#subMenuEquipo {
		position:absolute; top:130px; left:-27px;
		display: none;
		width: 236px;
		height: 400px;
		z-index:+100;
	}
	
		#boton_equipo_javier{
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:none;
			position:relative; top:-15%; left:00%;
		}
		
		#boton_equipo_lucia {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative;top:-10%; left:00%;
		}
		
		#boton_equipo_colaboradores {
			background: url(images/lazodescanso.png) no-repeat center;
			cursor:pointer;
			position:relative;top:-5%; left:00%;
		}

		/**************FRANJA CENTRAL**********************************************/
#contenido {
	/*background:blue;*/ 
	float:left;
	width:880px;
	height:400px;
}
	#presentacion {
		/*background:blue;*/ 
		margin:15px 150px 50px 90px;/*arriba, derecha, abajo, izquierda*/
	}
	#hacemos {
		/*background:blue;*/ 
		margin:0px 200px 50px 140px;/*arriba, derecha, abajo, izquierda*/
		border: 0px solid #1B0D58;
		display:none;
		z-index:+100:
		position: relative;
	}
	
		#hacemos_gestionCultural{
		/*display:none;*/
		}
		#hacemos_investigacionTasacion{
		display:none;
		}
		#hacemos_didacticaFormacion{
		display:none;
		}
		
	#proyectos {
		/*background:blue;*/
		border: 0px solid #1B0D58;
		margin:0px 50px 50px 140px;/*arriba, derecha, abajo, izquierda*/
		display:none;
		/*width:700px;*/
		height:358px;
		
	}
		#proyectos_en_curso{
		overflow: auto;
		display:none;
		}
		#proyectos_pasados{
		display:none;
		}
		
		#resultadete {
		font-family: 'Cantarell',arial,serif,verdana;
		font-size:16px;
		font-weight: bold;
		color: #1B0D58;
		display:none;
		/*width:700px;*/
		
	}	

	
	#equipo {
		/*background:blue;*/
		margin:15px 150px 50px 140px;/*arriba, derecha, abajo, izquierda*/
		border: 0px solid #1B0D58;
		display:none;
	}
		#equipo_javier{
		display: none;
		}
		#equipo_lucia{
		display: none;
		}
		#equipo_colaboradores{
		display: none;
		}
		
	#eMail {
		/*background:blue;*/ 
		margin:15px 20px 50px 100px;/*arriba, derecha, abajo, izquierda*/
		border: 0px solid #1B0D58;
		display:none;
	}
	
	#resultado_ok {
		/*background:blue;*/ 
		margin:15px 20px 50px 70px;/*arriba, derecha, abajo, izquierda*/
		border: 0px solid #1B0D58;
		display:none;
	}
		table.formulario {
			border: 0px solid #ccc;
			font-family: arial, verdana, sans-serif;
			font-size: 14px;
			color: #1B0D58;
		}
		table.formulario th {
			text-align: right;
			font-family: 'Cantarell',arial,serif,verdana;
			font-size: 14px;
			color: #1B0D58;
			font-weight: normal;
			/*vertical-align: top;*/
		}
		textarea {
			resize: none;
			/*background: transparent;*/
		}
		label.error {/*este es el estilo para los mensajes de error de formulario**/
			 float: none;
			 color: #FFA900;
			 font-size: 12px;
			 font-weight: bold;
			 padding-left: 5px;
			 vertical-align: top;
		}
		.inputerror {
		background: yellow;
		}
 
/*************FRANJA INFERIOR********************************************/
#botonEmail {
	background: #FFFFFF url("images/email_sobre_1.jpg") no-repeat top;
	/*line-height: top;*/
	margin-top: -80px;
	margin-left: 30px;
	text-align: center;
	float: left;
	width: 100px;
	height: 90px;
	border: 0px solid #1B0D58;
	cursor:pointer;
	position:absolute;
	z-index:+100;
}
#pie {
	/*background:olive;*/
	text-align:center;
	width:980px;
	height:40px;
	line-height: 30px;
	clear:left;
}

/*************TEXTOS****************************************************/
h1 {
	font-family: 'Old Standard TT',serif,verdana,arial;
	font-size:25px;
	font-weight: bold;
	letter-spacing:-1px;/*para controlar que en Safariy Opera la letra se expande*/
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #222;
	filter: Shadow(Color=#222222, Direction=45, Strength=3);/*texto de sombra para IE*/

}
h2 {
	font-family: serif,verdana,arial,'Old Standard TT';
	font-size:20px;
	font-weight: bold;
	color: #1B0D58;
}
h3 {
	font-size:14px;
	font-Family:'Cantarell',arial,serif,verdana;
	font-weight: bold;
	color: #1B0D58;
}
h4 {
	font-size:14px;
	font-Family:'Cantarell',"Times New Roman",serif;
	font-weight: bold;
	color: #1B0D58;
	/*color: #666699;*/
}
p {
	
	font-family: 'Cantarell',arial,serif,verdana;
	font-size: 15px;
	text-align: left;
	word-spacing: 0pt;
	line-height: 1.6;
	color: #1B0D58;
}
.lista{
	font-family: 'Cantarell',arial,serif,verdana;
	font-size: 15px;
	text-align: left;
	word-spacing: 0pt;
	line-height: 1.3;
	list-style-type: circle;/*square, circle, none;*/
	color: #1B0D58;;
}


