/* Estructura General */



#Acerca .WArriba{

	background:none;

}

#Clientes .WArriba{

	background:none;

}

.WArriba{

	width:100%;

	height:auto!important;

	min-height:100px;

	float:left;

	position:relative;

	background:url(../images/bckindex.jpg) top center no-repeat;

	overflow:hidden;

	}

.WAbajo{

	width:100%;

	min-height:72px;

	float:left;

	position:relative;

	background:#f2f2f2;

	overflow:hidden;

	}

.Wrapper{

	width:950px;

	min-height:1%;

	height:auto!important;

	margin:0 auto;

	position:relative;

}



/* Estructura General */



/* Cabecera */



.Header{

	width:950px;

	height:647px;

	float:left;

	position:relative;

	border-top:3px solid #51ae4a;

	margin-bottom:20px;

	background:url(../images/nubes_1.jpg) -167px -3px no-repeat;

}

#Acerca .Header{

	width:950px;

	height:183px;

	float:left;

	position:relative;

	border-top:3px solid #51ae4a;

	background: url(../images/backimage3.png) no-repeat;

}

#Clientes .Header{

	width:950px;

	height:183px;

	float:left;

	position:relative;

	border-top:3px solid #51ae4a;

	background: url(../images/backimage3.png) no-repeat;

}



.HIzquierda{

	width:621px;

	height:647px;

	float:left;

	position:relative;

	margin-right:30px;

}

.HIzquierda a{

	height:262px; 

	width:585px;

	position:absolute;

	left:0;

	top:44px;

}

.Hderecha{

	width:299px;

	height:647px;

	float:left;

	position:relative;

}



/* Cabecera */



/* Cuerpo */



.Cuerpo{

	width:930px;

	min-height:300px;

	height:auto!important;

	float:left;

	position:relative;

	padding:0 10px;

}

/*.CIzquierda{

	width:605px;

	min-height:381px;

	height:auto!important;

	float:left;

	position:relative;

	background-color:#f4f4f4;

	padding-left:5px;

	margin-right:30px;

	margin-bottom:10px;

}*/

.CIzquierda {
width: 605px;
min-height: 385px;
height: auto!important;
float: left;
position: relative;
background-color: #F4F4F4;
padding-left: 14px;
margin-right: 17px;
margin-bottom: 10px;
padding-right: 7px;
padding-top: 3px;
}

.CDerecha{

	width:274px;

	min-height:362px;

	height:auto!important;

	float:left;

	position:relative;

	background-color:#f4f4f4;

	padding-left: 13px;

	padding-top: 8px;

}



.Titulo{

	margin-bottom:10px;

	/*border-bottom:1px solid #c4c4c4;*/

}

.Titulo p{float:right;position:relative;margin-top:15px;font-size:13px;line-height:18px;}

.CIImagen{

	width:220px;

	height:100%;

	float:left;

	position:relative;

	margin-right:20px;

}

.CITexto{

	width:370px;

	height:100%;

	float:left;

	position:relative;

}

.CITTexto{

	width:98%;

	height:100%;

	float:left;

	position:relative;

	/*background:url(../images/barrap.jpg) bottom no-repeat;*/ 

	margin-bottom: 20px;

}

.CIImagen img{float:left;position:relative;}





.CITexto p{padding-left:29px;background:url(../images/c1.jpg) 0px 4px no-repeat; padding-bottom:18px;margin:0 0 19px 0;font-size:14px;line-height:25px;}


.CITexto p.verde{padding-left:0px;background:none;color:#499764;font-size:16px;line-height:22px; margin:0;}

.CDerecha .CITexto{width:289px;}

.CDerecha .CITexto p{font-size:13px;line-height:20px;margin:0; padding-bottom:13px;}

.CDerecha .CITexto .verde{color:#51AE4A;font-size:14px;line-height:22px;}

#Acerca .CDerecha .CITexto p{padding-left:0;background:none;font-size:14px;margin-bottom:5px;}

#Acerca .rverde{color:#ffffff;padding:7px 9px;font-size:13px;line-height:16px;background:#499764;text-decoration:none;}

#Acerca .CIzquierda .CITexto p{padding-left:0;background:none;font-size:14px;margin-bottom:5px;}

#Acerca .CIzquierda .CITexto .CITTexto{background:none repeat-x bottom ;width:605px}

#Acerca .CIzquierda .CITexto .CITTexto .Imagenes{width:609px;float:left;position:relative;height:147px;}

#Acerca .CIzquierda .CITexto .CITTexto .Imagenes .divimagen{width:139px;height:147px;float:left;margin-right:10px;}

#Acerca .CIzquierda .CITexto .CITTexto .Imagenes .divimagen p{padding-left:19px;background:url(../images/c1.jpg) no-repeat; margin-top:5px;font-size:13px; line-height:16px;}



#Acerca .CIzquierda .CITexto .CITTexto .maschico {

	width:299px; 

	margin-right:20px

}



#Acerca .pchico {

	width:270px;

}



/* Cuerpo */



/* Clientes */



.escoger{

	width:930px;

	height:80px;

	float:left;

	position:relative;

	border-bottom:1px solid #c4c4c4;

}



#Clientes .Imagenes {

	width:930px;

	float:left;

	position:relative;

	min-height:107px;

	padding-bottom:20px;

	margin-bottom:22px;

	border-bottom:1px solid #c4c4c4;

}



#Clientes .Imagenes .divimagen {

	width:291px;

	min-height:107px;

	float:left;

	margin-right:28px;

}



#Clientes .Imagenes .ultima {

	margin:0;

}



#Clientes .logos {

	width:930px;

	height:80px;

	float:left; 

	clear: both;

	position:relative;

	margin: 0px;

	padding: 0px;

}



#Clientes .logos img{margin-right:139px;}

#Clientes .logos img.ultima{margin:0;}

#Clientes .logos .contacto{position:absolute;right:0;top:0;}



/* Clientes */



/* Footer */



.Footer{

	width:950px;

	height:69px;

	float:left;

	position:relative;

	border-top:3px solid #51ae4a;

}



.Footer p{position:absolute; left:0; top:27px;color:#898989;margin:0;}

.Footer p a{color:#898989;text-decoration:none; margin:0 3px;}

.Footer p a.twitter{margin-left:30px;}



/* Footer */





/* Estilos */



.izpicolor {color:#51ae4a;}

.verde {color:#f20707;}

.verde a{text-decoration:underline;color:#f20707;}

.twit2{position:absolute;left:0;top:56px; width:40px;height:40px;z-index:10}

#Acerca .CIzquierda .CITexto p.paginado {font-size:13px;}

.paginado{float:right;position:relative;margin-bottom:20px;text-align:right;font-size:13px;}

.paginado a{text-decoration:none; margin: 0 3px;}

.factura p{width:100%;}

.cont_fondo{background:url(../images/fondo_contacto.jpg) 0 80px no-repeat;}

.mapa_fondo{background:url(../images/fondo_mapa.jpg) 593px 20px no-repeat;}



/* Formularios */



.Acceso{

	width:294px;

	height:109px;

	float:left;

	position:relative;

	margin:0;

}

.Acceso input{

	width:143px;

	height:26px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:6,5px;

	color:#373737;

	float:left;

	border:none;

}

.Acceso label{float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin-top:10px;margin-bottom:10px;}

.Acceso label a{color:#000;text-decoration:underline;}

.Acceso .boton{ 
	width:119px; color:#ffffff;font-size:12px; 
	background:#499764;border:none; 
	height:27px;
	position:absolute;bottom:16px;left:0;line-height: 27px;padding-left: 10px;text-decoration: none;}


.Acceso .correo{margin-right:3px; text-align: center;}

.Acceso .contra{width:136px; text-align: center;}

.Acceso .check{width:15px;height:15px; margin:0 10px 0 0;}



.Registro{

	width:294px;

	height:261px;

	float:left;

	position:relative;

	margin:0;

}

.Registro input{

	width:294px;

	height:32px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:6,5px;

	color:#373737;

	float:left;

	margin-bottom:7px;

	padding: 0px 0px 0px 3px;

	border:none;

}

.Registro .check{width:15px;height:15px; margin:0 10px 0 0;}

.Registro label{float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin-top:5px;margin-bottom:15px;}

.Registro label a{color:#000000;text-decoration:underline;}

.Registro .boton{width:111px; color:#ffffff;font-size:13px; background:#499764;border:none; height:28px;}



.Registro2 {

	width:294px;

	height:261px;

	float:left;

	position:relative;

	margin:0;

}

	

	.Registro2 input{

		width:294px;

		height:40px;

		font-family:Arial, Helvetica, sans-serif;

		font-size:13px;

		line-height:6,5px;

		color:#373737;

		float:left;

		margin-bottom:3px;

		padding: 0px 0px 0px 3px;

		border: 1px solid #CCC;

	}

	

	.Registro2 .check{width:15px;height:15px; margin:0 10px 0 0; border: none;}



	.Registro2 label{float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin-top:5px;margin-bottom:10px;}

	.Registro2 label a{color:#f20707;text-decoration:underline;}

	.Registro2 .boton{width:111px; color:#ffffff;font-size:13px; background:#499764;border:none; height:40px;}	

	



.Boletin{

	width:930px;

	height:40px;

	float:left;

	position:relative;

	margin:20px 0;

}

.Boletin label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#373737;

	float:left;

	position:relative;

	margin-right:11px;

	margin-top:7px;

}

.Boletin select{

	font-size:13px;

	color:#373737;

	width: 327px; /* With the padding included, the width is 190 pixels: the actual width of the image. */

	height: 40px;

	padding: 10px 5px 0 8px;

	margin-right:10px;

	line-height:22px;

	background:url(../images/fondo_select.jpg) right no-repeat #ebebeb;

}

.Boletin input.boton{

	width:74px;

	height:40px;

	float:right;

	position:relative;

	background:#499764;

	border:none;

	color:#ffffff;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

}



.Contacto{

	width:294px;

	min-height:531px;

	height:auto!important;

	position:relative;

	margin:0 auto;

	float:none;

	margin-bottom:20px;

}

.Contacto input{

	width:294px;

	height:30px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:6,5px;

	color:#373737;

	float:left;

	margin-bottom: 3px;

	border:1px solid #ebebeb;

}

.Contacto textarea{

	width:294px;

	height:200px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:6,5px;

	color:#373737;

	float:left;

	margin-bottom: 10px;

	border:1px solid #ebebeb;

}

.Contacto label.masgrande{font-size:13px;}

.Contacto label{font-size: 11px;margin-bottom:10px;float:left;position:relative;}

.Contacto .check{width:15px;height:15px; margin:0 10px 0 0;}

.Contacto input.boton{

	width:74px;

	height:30px;

	float:left;

	margin-left:100px;

	position:relative;

	background:#499764;

	border:none;

	color:#ffffff;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	margin-bottom:20px;

}





.Perfil{

	width:294px;

	min-height:231px;

	height:auto!important;

	position:relative;

	margin:0;

	margin-bottom:20px;

}

.Perfil input{

	width:294px;

	height:40px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:6,5px;

	color:#373737;

	float:left;

	margin-bottom: 3px;

	border:1px solid #ebebeb;

}

.Perfil input.boton{

	width:104px;

	height:40px;

	float:left;

	margin-left:100px;

	position:relative;

	background:#499764;

	border:none;

	color:#ffffff;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

}



.Update_Perfil{

	width:360px;

	min-height:231px;

	height:auto!important;

	position:relative;

	margin:0;

	margin-bottom:20px;

}

.Update_Perfil input{

	width:220px;

	height:26px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:6,5px;

	color:#373737;

	float:right;

	margin-bottom: 3px;

	border:1px solid #ebebeb;

	margin-top: 6px;

}

.Update_Perfil input.boton{

	width:104px;

	height:30px;

	float:left;

	margin-left:104px;

	position:relative;

	background:#499764;

	border:none;

	color:#ffffff;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

}

.Perfil_Text {

	margin: 0px;

	padding: 13px 0px 0px 0px;

	float: left;

	width: 100px;

	text-align: right;

	height:40px;

	margin-bottom: 5px;

	line-height:6,5px;

	font-size: 14px;

}



#Perfil_Content {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: none;

	width: 630px;

}



#Perfil_Left {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: none;

	width: 330px;

}



#Perfil_Right {

	margin: 0px;

	padding: 10px 0px 0px 10px;

	float: left;

	width: 280px;

}



	#Perfil_Right p {

		margin: 0px;

		padding: 0px 0px 0px 0px;

		float: left;

		clear: both;

		font-size:16px;

		font-weight: bold;

	}

	

.Form_Facturas{

	width:609px;

	height:40px;

	float:left;

	position:relative;

	margin:20px 0;

}

.Form_Facturas label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#373737;

	float:left;

	position:relative;

	margin-right:11px;

	margin-top:2px;

}

.Form_Facturas select{

	font-size:13px;

	color:#373737;

	width: 170px; /* With the padding included, the width is 190 pixels: the actual width of the image. */

	height: 25px;

	padding: 3px 0px 0 8px;

	margin-right:10px;

	line-height:22px;

}

.Form_Facturas input.boton{

	width:74px;

	height:25px;

	float:right;

	position:relative;

	background:#499764;

	border:none;

	color:#ffffff;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

}



/* Mis Estilos */ 

h1 {

	margin-bottom: 10px;

	border-bottom: 1px solid #c4c4c4;

	z-index: 1;	

}



h3 {

	margin-bottom: 5px;

	z-index: 1;	

	width: 220px;

	float: left;

	clear: none;

}



.raya {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	width: 100%;

	float: left;

	clear: both;

	height: 2px;

	border-bottom: 1px solid #c4c4c4;	 

}



#user_profile {

	margin: 0px;

	padding: 28px 0px 0px 0px;

	width: 680px;

	float: right;

	clear: none;

	z-index: 100;

}



	#user_profile p {

		text-align: right;

		width: 670px;

		zindex: 100;

		float: right;

	}

	

	#user_profile span {

		font-size: 14px;

	}



.noticia{

	float:left;

	clear: both;

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 0px 30px;

	width:250px;

	background: url("../images/c1.jpg") no-repeat scroll 5px 0 transparent;		

}

	

	.noticia a {

		padding-left:0px;

		background:none;

		color: #51AE4A;

		font-size:14px;

		margin:0px;

		padding: 0px 0px 5px 0px;

		float: left;

		clear: both;

	}

	

	.noticia a:hover {

		text-decoration: none;

		color: #469867;

	}

	

	.noticia p {

		padding: 0px;

		margin:0 0 19px 0;

		font-size: 13px;

		line-height:20px;

		

	}

	

#user_logged {

	height: 70px;

}



#user_logged_home {

	color: #FFF;

	height: 70px;

}



	#user_logged_home p {

		color: #000;

		margin: 3px 0px 0px 0px;

		padding: 5px 0px 0px px;

	}

	

	#user_logged_home p a {

		color: #3C0;

	}



#boletines {

	margin: 0px;

	padding: 0px;		

	width: 930px;

	float: left;

	clear: both;	

	border: 1px solid #0f0;	

}



.Cuerpo {

	clear: both;

}



.newsletter_group {

	margin: 0px;

	padding: 8px 0px 0px 0px;

	float: left;

	clear: both;

	width: 280px;

	height: 20px;	

}



	.newsletter_group input {

		margin: 0px;

		padding: 0px;

		float: left;

		width: 30px;

		height: 20px;

		border: none;

	}

	

	#newsletter_group em {

		margin: 0px;

		padding: 5px 0px 0px 0px;

		float: left;

		clear: both;

		font-size: 12px;

	}



#Clientes .Imagenes .divimagen {

	float: left;

	clear: none;

	width: 290px;

	margin: 0px 10px 10px 10px;

	padding: 0px;		

}



	#Clientes .Imagenes .divimagen p {

		float: left;

		clear: both;

		margin: 0px;

		padding: 0px;

	}

	

.end {

	clear: both;

	font-size: 1px;

	line-height: 1px;

	height: 1px;

}



.end1 {

	clear: both;

	font-size: 1px;

	line-height: 1px;

	height: 10px;

}



.end2 {

	clear: both;

	font-size: 1px;

	line-height: 1px;

	height: 24px;

}



#csr {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: both;

}



	#csr img {

		margin: 0px;

		padding: 0px 20px 0px 20px;

		float: left;

	}

	

	#csr p {

		margin: 0px;

		padding: 0px 0px 0px 30px;

		float: left;

		width: 380px;

		line-height: 30px;	

		background: url(../images/c2.jpg) no-repeat;

		background-position: 0px 8px;	

	}

	

#rc {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: both;

}



	#rc img {

		margin: 0px;

		padding: 0px 20px 0px 20px;

		float: left;

	}

	

	#rc p {

		margin: 0px;

		padding: 0px 0px 0px 30px;

		float: left;

		width: 480px;

		line-height: 30px;	

		background: url(../images/c2.jpg) no-repeat;

		background-position: 0px 8px;	

	}

	

	#rc form {

		margin: 0px;

		padding: 0px 0px 0px 30px;

		float: left;

	}

	

#remember_form {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: none;

	width: 580px;

}



	#remember_form table tr td {

		color: #50AF49;

		font-size: 14px;

	}



.caja_rc {

	height: 26px;

	bordder: 1px solid #EDEDED;

}



.boton {

    background: none repeat scroll 0 0 #499764;

    border: medium none;

    color: #FFFFFF;

    font-size: 13px;

    height: 33px;

    width: 111px;

}


/*
 *  LEKU
 *  Ocutbre 2014
 */

#botones { overflow: auto; margin: 16px 0px;}

#botones a {
	display: block;
	width: 253px;
	height:29px;
	padding: 18px 18px;
	float: left;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	background-position: top left;
} 


#botones a:hover {
	background-position: bottom left;

}

.bt_accion_obligaciones_legales { background-image: url(./../images/bt_obligaciones_legales.png);margin-right:31px;}
.bt_accion_listado_reciclables  { background-image: url(./../images/bt_listado_reciclables.png);margin-right:31px}
.bt_accion_consejos_practicos   { background-image: url(./../images/bt_consejos_practicos.png)}

body#pg-obligaciones-legales .bt_accion_obligaciones_legales   { background-image: url(./../images/bt_obligaciones_legales_activo.png) }
body#pg-listado-reciclables .bt_accion_listado_reciclables  { background-image: url(./../images/bt_listado_reciclables_activo.png) }
body#pg-consejos-practicos .bt_accion_consejos_practicos   { background-image: url(./../images/bt_consejos_practicos_activo.png) }

body#pg-obligaciones-legales .WArriba,
body#pg-listado-reciclables .WArriba,
body#pg-consejos-practicos .WArriba {background-image: url(./../images/bckindex_corto.png);}

body#pg-obligaciones-legales .Header ,
body#pg-listado-reciclables .Header ,
body#pg-consejos-practicos .Header { height:220px; overflow:hidden; margin: 0px;}

body#pg-obligaciones-legales .Cuerpo ,
body#pg-listado-reciclables .Cuerpo ,
body#pg-consejos-practicos .Cuerpo { background-color: #fff; margin-top:0px;}


div.consejo-practico {
overflow: auto;
clear: both; 
padding-left:4px;
padding-right: 17px;
padding-bottom: 14px;
margin-bottom: 7px;
margin-right:11px;}

div.consejo-practico  h2 {
	margin-top:14px; margin-bottom: 0px;
}

div.consejo-practico  h2 + p {
	margin-top: 0px;
}

div.consejo-practico + div.consejo-practico {
	border-top: 1px dotted #51AE4A ;
}


#indice-letras a {
	display:inline-block;
	padding: 3px 4px 1px 4px;
	color: #fff;
	background-color: #51AE4A;


	text-decoration: none;
}

#indice-letras a:hover { background-color: #676a6a}
#indice-letras a.activo { background-color: #000}

#listado-reciclables li { color: #676a6a;}
#listado-reciclables ul { clear:both; float:none; padding-left: 20px;}

div.letra p.h4 {
	position: relative;
	width: 3em;
	font-size: 28px;
	padding: 44px 20px 8px 40px;
	margin: 28px 0px 28px -42px;
	color: #fff;
	background: url(./../images/letra.png) top left no-repeat !important;
}

span.ocultar-todos,
span.ver-todos {
	display:block;
	margin: 7px 0px 14px 0px;
	font-size: 12px;
}

span.ocultar-todos:before,
span.ver-todos:before {
	content: "» ";
}

span.ocultar-todos:hover,
span.ver-todos:hover { color:#51AE4A; }

div.nota-listado-reciclables {
	overflow: auto;
	margin-top: 32px;
	padding-top: 6px;
	padding-bottom: 24px;
	border-top: 1px solid #ccc;
}


#obligaciones-legales {
	padding-right: 10px;
	counter-reset: section;
}

div.obligacion-legal,
div.obligacion-legal div,
div.obligacion-legal ul
div.obligacion-legal p { clear:both;}

div.obligacion-legal ul {
	margin-top: 0px; margin-bottom: 0px;
	padding-left:14px;
}

div.obligacion-legal li { 
	list-style: square outside;
	color: #676a6a;}

div.obligacion-legal {
	margin-bottom: 4px;
}

div.obligacion-legal .cuerpo {
	padding: 0px 14px 28px 40px;
	overflow: auto;
}

div.obligacion-legal div.titulo {
	position: relative;
	background: #f4f4f4 url(./../images/ampliar.png) left center no-repeat;
	color:#676a6a;
	min-height:24px;
	padding: 4px 16px 4px 40px;
}
div.titulo em { color: #000;}

div.obligacion-legal div.titulo:hover  { background-color:#ddd; cursor:pointer;}
div.obligacion-legal div.titulo.activo { background-color:#e0e0e0; background-image: url(./../images/reducir.png)} /* #bec0e7 */

/*
#pg-obligaciones-legales div.titulo:before {
  position: absolute; top: 4px; left:4px;
  width: 1.5em;
  text-align: right;
  color:#fff;
  counter-increment: section;               // Increment the section counter
  content: counter(section); // Display the counter *counter(section)
}
*/

#pg-obligaciones-legales .CIzquierda {
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    width: 626px;
}

div.advertencia { 
	overflow: auto;
margin: 24px 0px 24px 0px;
padding-top: 7px;
border-top: 1px solid #51AE4A;}

p.piti {
	background:url(../images/c1.jpg) 0px 4px no-repeat; 
	padding: 0px 0px 0px 27px;
	margin:0 0 16px 0;
}

img.ejemplo-boletin {
	padding: 8px 9px 0px 9px;
	background-color: #fff;
	box-shadow: 2px 2px 3px #777;
	margin-bottom: 10px;
	max-width:260px;
}
img.ejemplo-boletin + img.ejemplo-boletin {
	margin-left: 22px;
}

p.ejemplo-boletin {
	float: none;
	clear:both;
	color: #51AE4A;
	text-align: center;
}

.contenidos_interior {
	min-height: 360px;
}