/* CSS Document */

@import url(/estilos/normal.css); /*estilos para normalizar diferencias entre navegadores*/
@import url(/estilos/normalizado.css); /*estilos para normalizar diferencias entre navegadores*/
body {
	font-size: 100%;
	font-family: "Trebuchet MS", Arial, Verdana;
	text-align:center;
}
.Container{
	font-size:1.7em;  /*tamanyo general de textos 13px*/
	color:#333;
	max-width:60.94em;
	min-width: 47.50em;
	margin:auto;
	width:100%;
	overflow:auto;
	height:1%;
	text-align:center;	
	}
	.TextoEco2Azuloscuro {
	font: 0.75em Arial, Trebuchet Ms, Verdana, Helvetica, sans-serif; 
	color: #00599B;
	}
	.TextoEco2Azuloscuro_strong {
	font: 0.75em Arial, Trebuchet Ms, Verdana, Helvetica, sans-serif; 
	color: #00599B;
	font-weight:bolder;
	}
	.TextoEco2verde_big {
	font: 16px Arial, Trebuchet Ms, Verdana, Helvetica, sans-serif; 
	color: #79bf1e;
	font-weight:bolder;
	}
/*----ESTILOS GENERALES (Marcos y Separadores)----*/
	#general {
		width: 61.90em;
		height: auto;
		position: relative;
		padding: 0.00em;
		float:left;
		body: text-align: center;
		margin: 0.50em 0.00em 0.00em 0.00em;
	}
	#pielogos {
		width: 61.25em;
		height: auto;
		position: relative;
		padding: 0.00em;
		float:left;
		body: text-align: center;
		margin: auto;
	}
	#pielogos_fijo {
		width: 61.25em;
		height: 10px;
		position: relative;
		padding: 0.00em;
		float:left;
		body: text-align: center;
		margin: auto;
	}
	#general p {
	margin: 0;
	padding: 0;
	}
	#barra_vertical1{
		margin: 0.00em 0.31em 0.00em 0.00em;
		text-align: left;
		width: 0.38em;
		position: relative; 
		height: 44em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_verti.jpg);
	}
	#barra_vertical2{
		margin: 0.00em 0.31em 0.00em 0.00em;
		text-align: left;
		width: 0.38em;
		position: relative;
		height: 36em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_verti2.jpg);
	}	
	#barra_horizontal{
	margin: 0.31em 0.00em 0.31em 0.00em;
	text-align: left;
	width: 18.50em;
	position: relative;
	height: 0.31em;
	float:left;
	background-image:url(/Images/Imagenpaginas/barra_horiz.jpg);
	}
	#barra_horizontalgrande{
		margin: 0.00em 0.00em 0.31em 0.00em;
		text-align: left;
		width: 61.25em;
		position: relative;
		height: 0.31em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_horizgrande.jpg);
	}
		#barra_horizontalgrande_abajo{
		margin: 0.31em 0.00em 0.31em 0.00em;
		text-align: left;
		width: 61.25em;
		position: relative;
		height: 0.31em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_horizgrande.jpg);
	}
		#barra_horizontal_izq{
		margin: 0.31em 0.00em 0.31em 0.00em;
		text-align: left;
		width: 19.56em;
		position: relative;
		height: 0.31em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_horiz.jpg);
	}
	#barra_horizontal_dcha{
		margin: 0.31em 0.00em 0.31em 0.00em;
		text-align: left;
		width: 40.44em;
		position: relative;
		height: 0.31em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_horiz2.jpg);
	}
	#barra_horizontal_central{
		margin: 0.31em 0.00em 0.31em 0.00em;
		text-align: left;
		width: 20.94em;
		position: relative;
		height: 0.31em;
		float:left;
		background-image:url(/Images/Imagenpaginas/barra_horiz.jpg);
	}
	
/*----ESTILOS (Barras de Titulos, Enunciado de los apartados)----*/
	#titulo_izq{
		margin: 0.00em 0.00em 0.00em 0.25em;
		text-align: left;
		width: 19.94em;
		position: relative; 
		height: auto;
		float:left;
		vertical-align: middle;
	}
	#titulo_dcha {
			text-align: left;
			width: 18.13em;
			position: relative;
			height: auto;
			float:left;
	}
	#buenas_practicas_centrado{
			text-align: center;
			width: 18.13em;
			position: relative;
			height: auto;
			float:left;
	}
	#titulo_central{
			text-align: left;
			width: 21.38em;
			position: relative;
			height: auto;
			float:left;
	}
	#cuadro_central_img{
			width: 21.38em;
			position: relative;
			height: auto;
			float:left;
	}
	#titulo_dcha_agenda {
		margin: 0.00em 0.00em 0.63em 0.00em;
		text-align: left;
		width: 18.13em;
		position: relative;
		height: auto;
		float:left;
	}
/*----ESTILOS BLOQUE IZQUIERDA (Noticias...)----*/
	
	.Estilo2 {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #6d6d6f;
		font-weight:bold;
	}
	#noticias {
		text-align: left;
		width: 19.94em;
		position: relative; 
		height: auto;
		float:left;
	}
	#empresa{
		text-align: left;
		width: 19.94em;
		position: relative; 
		height: auto;
		float:left;
	}
	#empresa_img{
		text-align: center;
		width: 19.56em;
		position: relative; 
		height: auto;
		float:left;
	}
	#empresa_texto{
		text-align: center;
		width: 19.56em;
		position: relative; 
		height: auto;
		float:left;
	}
	#noticias_marco {
	text-align: left;
	width: 19.94em;
	position: relative; 
	height: auto;
	float:left;
	}
	#noticias_division {
		margin: 0.00em 0.63em 0.00em 0.00em;
		text-align: center;
		width: 9.38em;
		position: relative; 
		height: auto;
		float:right;
	}
	#marcos_flash {
		text-align: center;
		width: 9.38em;
		position: relative;
		height: auto;
		float:left;
	}
	#marcos_pub{
		text-align: center;
		width: 10.50em;
		position: relative;
		height: auto;
		float:left;
	}
	#marcos_flash2 {
		text-align: left;
		width: 13em;
		position: relative;
		height: auto;
		float:left;
	}
	#marcos_flash3 {
		text-align: left;
		width: 5em;
		position: relative;
		height: auto;
		float:left;
	}
	#noticias_img {
		text-align: left;
		width: 4.38em;
		position: relative; 
		height: auto;
		float:left;
	}
	#noticias_texto {
		margin: 0.00em 0.63em 0.75em 0.63em;
		text-align: left;
		width:14em;
		position: relative;
		height: auto;
		float:left;
	}
	#asociadosplus {
		margin: auto;
		text-align: center;
		width: 19.94em;
		position: relative;
		height: auto;
		float:left;
	}
/*----ESTILOS CENTRO (Consejo...)----*/
	#consejo {
		margin: auto;
		text-align: left;
		width: 40.44em;
		position: relative;
		height: auto;
		float:left;
		background-color: #f1f1f3;
	}
	#central {
		margin: auto;
		text-align: left;
		width: 21.38em;
		position: relative;
		height: auto;
		float:left;
	}
		#central_consejo {
		margin: auto;
		text-align: left;
		width: 40.80em;
		position: relative;
		height: auto;
		float:left;
	}
	#central_dcha {
		margin: auto;
		text-align: left;
		width: 18.45em;
		position: relative;
		height: auto;
		float:left;
	}
	#central_izq {
		text-align: left;
		width: 20em;
		position: relative;
		height: auto;
		float:left;
	}
	#central_izq_centrado_banner{
		margin: auto;
		text-align: center;
		width: 20em;
		position: relative;
		height: auto;
		float:left;
	}
	#central_izq_centrado{
		margin: auto;
		text-align: center;
		width: 20em;
		position: relative;
		height: auto;
		float:left;
	}
	#documentos{
		margin: auto;
		text-align: left;
		width: 21.38em;
		position: relative;
		height: auto;
		float:left;
	}
	#consejo_texto{
		margin: 0 0.63em 0 0;
		text-align: left;
		width: 34em;
		position: relative;
		height: auto;
		float:right;
		background-color: #f1f1f3;
	}
	#cerezas{
		text-align: left;
		width: 5.50em;
		position: relative;
		height: 5.63em;
		float:left;
	}
	#multimedia{
		margin: auto;
		text-align: center;
		width: 21.38em;
		position: relative;
		height: auto;
		float:left;
	}
/*----ESTILOS BLOQUE DERECHA (Calculadora...)----*/	
	#calculadora {
		margin: auto;
		text-align: left;
		width: 18.13em;
		position: relative;
		height: auto;
		float:left;
	}
	#oficina {
		margin: auto;
		text-align: left;
		width: 18.13em;
		position: relative;
		height: auto;
		float:left;
	}
	#cal1 {
		text-align: center;
		width: 2.50em;
		position: relative;
		height: 2.44em;
		float:left;
		background-image: url(/images/imagenpaginas/calendar.jpg);
	}
		#cal2 {
		margin: 0.00em 0.00em 0.00em 0.63em;
		text-align: left;
		width: 13.75em;
		position: relative;
		height: auto;
		float:left;
	}
	#agenda {
		margin: auto;
		text-align: left;
		width: 18.40em;
		position: relative;
		height: auto;
		float:left;
	}
	#facebook {
		margin: auto;
		text-align: center;
		width: 18.06em;
		position: relative;
		height: auto;
		float:left;
	}
	#agenda_mitad {
		margin: 0.00em 0.63em 0.00em 0.00em;
		text-align: right;
		width: 12.50em;
		position: relative;
		height: auto;
		float:right;
	}
	#agenda_calc {
		margin: 0.44em 0.00em 0.00em 0.00em;
		text-align: left;
		width: 8.63em;
		position: relative;
		height: auto;
		float:left;
	}
	#agenda_calc_img {
		margin: auto;
		text-align:right;
		width: 8.88em;
		position: relative;
		height: auto;
		float:right;
	}
	#agenda_izq {
		margin: auto;
		text-align: left;
		width: 2.50em;
		position: relative;
		height: auto;
		float:left;
		background-image: url(/images/imagenpaginas/calendar.jpg);
	}
	#agenda_dcha {
		margin: auto;
		text-align: left;
		width:15em;
		position: relative;
		height: auto;
		float:left;
	}
	#agenda1 {
		margin:0.00em 0.00em 0.00em 1.56em;
		text-align: left;
		width: 16.88em;
		position: relative;
		height: auto;
		float:left;
		background-color: #f1f1f3;
	}
	#agenda1_izq {
		text-align: left;
		width: 0.31em;
		position: relative;
		height: 9.38em;
		float:left;
		background-color: #f1f1f3;
	}
	#agenda_fondo {
		text-align: left;
		width: 15.63em;
		position: relative;
		height: auto;
		float:left;
		background-color: #f1f1f3;
	}
	#buenas_practicas{
		margin: auto;
		text-align: left;
		width: 18.13em;
		position: relative;
		height: auto;
		float:left;
	}	
	#video{
		margin: auto;
		text-align: center;
		width: 18.40em;
		position: relative;
		height: 14.13em;
		float:left;
	}
	#video_flash{
		margin: auto;
		width: 18.40em;
		position: relative;
		height: 12em;
		float:left;
		text-align:center;
	}
	#ciudadania{
		margin: auto;
		text-align: left;
		width: 19.44em;
		position: relative;
		height: auto;
		float:left;
	}
		#logos_promotoras{
		margin: auto;
		text-align: left;
		width: 9.60em;
		position: relative;
		height: auto;
		float:left;
	}
		#titulo_logos_promotoras{
		margin: auto;
		text-align: left;
		width: 9.75em;
		position: relative;
		height: auto;
		float:left;
	}
		#logos_colaboradoras{
		margin: auto;
		text-align: left;
		width: 13.31em;
		position: relative;
		height: auto;
		float:left;
	}
		#titulo_logos_colaboradoras{
		margin: auto;
		text-align: left;
		width: 13.31em;
		position: relative;
		height: auto;
		float:left;
	}
		#logos_empresas{
		margin: auto;
		text-align: left;
		width: 37em;
		position: relative;
		height: auto;
		float:left;
	}
		#titulo_logos_empresas{
		margin: auto;
		text-align: left;
		width: 36em;
		position: relative;
		height: auto;
		float:left;
	}
		#separador_logos{
		margin: 0.00em 0.00em 0.00em 0.00em;
		text-align: left;
		width: 0.38em;
		position: relative; 
		height: 10em;
		float:left;
		background-image:url(/Images/Imagenpaginas/separador_logos.jpg);
	}