/*
Descripción: CSS para 100 post sobre el cambio climático.
Autor: IDEUP, Rebeca Gascón.
Fecha: 15 de junio de 2009
*/

/*************Reseteado de estilos****************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	margin:0px;
	padding:0px;
	}

a {
	text-decoration:none;
	color:#02a2cc;
	outline:none;
	}
	
a:hover {
	text-decoration:underline;
	color:#02a2cc;
	outline:none;
	}	
	
h1, h2, h3, h4, h5{
	margin:0px;
	padding:0px;
}

.negrita{
font-weight:bold;
}

/*************Fin estilos reseteado*************/


/*************Contenedores*************/
#contenedor_fondo{
background:#fff url(images/fondo_web.jpg) repeat-x left top;
margin:0;
padding:0;
width:100%;
height:auto;
}

#contenedor_fondo_2{
background:#fff url(images/fondo_web_2.jpg) repeat-x left top;
margin:0;
padding:0;
width:100%;
height:auto;
}

#contenedor{
height:auto;
width:980px;
margin:0 auto;
}

/*************Fin contenedor general*************/


/*************Cabecera, menu y reclamo*************/

#cabecera{
height:109px;
width:100%;
}
	#cabecera #logo-100-post{
	float:left;
	width:310px;
	height:95px;
	}
	#cabecera #logo-efiquest{
	float:left;
	width:160px;
	height:95px;
	margin:0px 0px 0px 98px;
	}
	#cabecera #logo-union-fenosa{
	float:right;
	width:280px;
	height:95px;	
	}		
	
#menu{
height:36px;
width:100%;
}
	#menu ul{
	width:100%;
	list-style:none;
	height:36px;
	margin:0px;
	padding:0px;
	}
		#menu ul li.menu_item_1{
		display:block;
		float:right;
		height:36px;
		width:114px;
		}
			#menu ul li.menu_item_1 a{
			display:block;
			height:36px;
			width:114px;
			background:url(images/menu.jpg) no-repeat 0px center;
			}
				#menu ul li.menu_item_1 span{
				display:none;
				}		
		#menu ul li.menu_item_2{
		display:block;
		float:right;
		height:36px;
		width:110px;
		}
			#menu ul li.menu_item_2 a{
			display:block;
			height:36px;
			width:110px;
			background:url(images/menu.jpg) no-repeat -114px center;
			}
				#menu ul li.menu_item_2 span{
				display:none;
				}
		#menu ul li.menu_item_3{
		display:block;
		float:right;
		height:36px;
		width:137px;
		}
			#menu ul li.menu_item_3 a{
			display:block;
			height:36px;
			width:137px;
			background:url(images/menu.jpg) no-repeat -224px center;
			}
				#menu ul li.menu_item_3 span{
				display:none;
				}		
				
#reclamo{
height:258px;
padding:15px 0px 0px 0px;
}		
	#reclamo .mensaje_1{
	float:left;
	width:605px;
	height:242px;
	}
	#reclamo .cuadro_accionatura{
	float:right;
	width:340px;
	height:242px;
	background:url(images/cuadro_accion_natura.jpg) no-repeat center center;
	}	
		#reclamo .cuadro_accionatura #cifra{
		color:#559600;
		display:block;
		font-size:48px;
		height:auto;
		letter-spacing:-2px;
		margin:0px;
		width:210px;
		position:relative;
		top:55px;
		left:132px;
		}
		
		#reclamo .cuadro_accionatura #cifra:hover{
		text-decoration:none;
		}
		
		#reclamo .cuadro_accionatura #cifra span#eypos{
		font-size:32px;
		}

	
#reclamo_2{
height:106px;
width:980px;
}		

/*************Fin estilos cabecera, menu y reclamo*************/

/*************Estilos cuerpo central: posts*************/

#contenedor_post{
height:auto;
margin:20px 0px 0px 0px;
}

	#contenedor_post .encabezado .titulo{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#02a2cc;
	margin:0px 0px 10px 0px;
	background:url(images/linea_puntos.gif) repeat-x bottom;
	padding:0px 0px 10px 0px;
	}
	#contenedor_post .encabezado .paginacion{
	margin:0px 0px 10px 0px;
	background:url(images/linea_puntos.gif) repeat-x bottom;
	padding:0px 0px 10px 0px;	
	float:left;
	width:100%;
	}
	
	#contenedor_post .encabezado .texto_que_es{
	float:left;
	width:100%;
	height:auto;
	padding:10px 0px 40px 0px;
	}
		#contenedor_post .encabezado .paginacion span{
		float:left;
		display:block;
		width:200px;
		padding:5px 0px 0px 0px;
		color:#737373;
		}
		#contenedor_post .encabezado .paginacion a{
		display:block;
		background:url(images/boton_10+.png) no-repeat center center;
		width:129px;
		height:26px;
		float:right;
		}
		#contenedor_post .encabezado .paginacion a span{
		display:none;
		}
		#contenedor_post .encabezado .paginacion a.menos{
		display:block;
		background:url(images/boton_10-.png) no-repeat center center;
		width:129px;
		height:26px;
		float:right;
		margin:0px 20px 0px 0px
		}
		#contenedor_post .encabezado .paginacion a.menos span{
		display:none;
		}
		
		#contenedor_post .encabezado .paginacion a.menos_2{
		display:block;
		background:url(images/boton_10-.png) no-repeat center center;
		width:129px;
		height:26px;
		float:right;
		margin:0px
		}
		#contenedor_post .encabezado .paginacion a.menos_2 span{
		display:none;
		}					
		
		#contenedor_post .paginacion{
		margin:20px 0px 0px 0px;
		background:url(images/linea_puntos.gif) repeat-x top;
		padding:10px 0px 10px 0px;	
		width:100%;
		float:left;
		}
			#contenedor_post .paginacion span{
			float:left;
			display:block;
			width:200px;
			padding:5px 0px 0px 0px;
			color:#737373;
			}
			#contenedor_post .paginacion a{
			display:block;
			background:url(images/boton_10+.png) no-repeat center center;
			width:129px;
			height:26px;
			float:right;
			}
			#contenedor_post .paginacion a span{
			display:none;
			}				
			#contenedor_post .paginacion a.menos{
			display:block;
			background:url(images/boton_10-.png) no-repeat center center;
			width:129px;
			height:26px;
			float:right;
			margin:0px 20px 0px 0px
			}
				#contenedor_post .paginacion a.menos span{
				display:none;
				}	
			#contenedor_post .paginacion a.menos_2{
			display:block;
			background:url(images/boton_10-.png) no-repeat center center;
			width:129px;
			height:26px;
			float:right;
			margin:0px
			}
				#contenedor_post .paginacion a.menos_2 span{
				display:none;
				}								
#contenedor_post .post{
clear:both;
float:left;
}

#contenedor_post .detalle_post{
width:460px;
float:left;
height:auto;
margin:20px 0px 0px 0px;
}
	/*Poner este margen en los post de la columna de la izquierda*/
	#contenedor_post .margen_post_izda{
	margin-right:60px;
	}
		
	#contenedor_post .detalle_post .titulo_post{
	width:390px;
	min-height:40px;
	_height:40px;
	padding:20px 0px 10px 20px;
	float:left;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#02a2cc;
	background:url(images/comillas.gif) no-repeat top left;
	}
	
	#contenedor_post .detalle_post .titulo_post a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#02a2cc;
	}	
	
	#contenedor_post .detalle_post .logo_blog{
	width:40px;
	height:40px;
	float:right;
	}	
	
	#contenedor_post .detalle_post .resumen_post{
	clear:both;
	margin:0px 0px 10px 0px;
	background:url(images/linea_puntos.gif) repeat-x bottom;
	padding:0px 0px 10px 0px;	
	}
	
	#contenedor_post .detalle_post .post_original{
	text-align:right;
	margin:0px 0px 10px 0px
	}
	
.mail{
padding:10px 20px 10px 20px;
font-style:italic;
}
/*************Fin estilos cuerpo central: posts*************/

/***pie***/

		#pie .aviso_legal{
		margin:0px 0px 10px 0px;
		background:url(images/linea_puntos.gif) repeat-x top;
		padding:20px 0px 10px 0px;	
		width:100%;
		float:left;
		text-align:center;
		}