body {font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;color:#908371;background:#fff url(../images/bg.png) no-repeat 0 125px;padding-bottom:3em}
body.empresa {background-image:url(../images/bg_empresa.png)}
body.servicios {background-image:url(../images/bg_servicios.png)}
body.reciclaje {background-image:url(../images/bg_reciclaje.png)}
body.individuo {background-image:url(../images/reciclaje/individuo/bg.png)}
html, body {height:100%}
p{margin:1.5em 0}
a {color:#BFBD00;text-decoration:none}
a img{border:none}
#header a{color:#fff}
a:hover {text-decoration:underline}
#header a span,hr,h1 span,#nav span,.copyright,.accesibility-link{
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	height: 0;
}
.autoclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.autoclear {display: block;}
/* Hides from IE-mac \*/
* html .autoclear {height: 1%;}
.autoclear {display: block;}
/* End hide from IE-mac */

#container{font-size:.72em;width:861px;min-height:871px;height: auto !important;height:871px;position:relative}
/* Headers */
#header{height:125px;background-image:url(../images/empresa/quienes/bg.jpg)}
.index #header{background-image:url(../images/index/bg.jpg)}
.index h2{font-size:1.3em}
.index h2 strong{font-size:1.1em}
#description .read-more{background:#70854C;color:#fff;padding:.1em .3em;margin-left:1em}
#description .read-more:hover{text-decoration:none;background:#BEBC00}
.donde #header{background-image:url(../images/empresa/donde/bg.jpg)}
.contacto #header{background-image:url(../images/empresa/planta/bg.jpg)}
.infraestructuras #header{background-image:url(../images/empresa/infraestructuras/bg.jpg)}
.contenedores #header{background-image:url(../images/servicios/contenedores/bg.jpg)}
.servicio-reciclaje #header{background-image:url(../images/servicios/reciclaje/bg.jpg)}
.compostaje #header{background-image:url(../images/servicios/compostaje/bg.jpg)}
.inertes #header{background-image:url(../images/servicios/inertes/bg.jpg)}
.individuo #header{background-image:url(../images/reciclaje/individuo/bg.jpg)}
.ayuntamientos #header{background-image:url(../images/reciclaje/ayuntamientos/bg.jpg)}
.clm #header{background-image:url(../images/empresa/donde/bg.jpg)}
.es #header{background-image:url(../images/reciclaje/es/bg.jpg)}
.ue #header,.tierra #header{background-image:url(../images/reciclaje/ue/bg.jpg)}

#description{position:absolute;top:0;left:436px;width:371px;padding:160px 0 2em 54px;font-size:.9em}
#description a{color:#990}
#breadcrumb{position:absolute;top:5px;left:8px;color:#fff;margin:0;font-size:.85em}
#breadcrumb a{color:#fff;text-decoration:underline}
#nav{font-size:.85em}
#contact-info,contact-info li,#nav ul,#nav li{list-style:none;margin:0;padding:0}
#nav a{color:#ADADAD}
#nav a:hover{text-decoration:none;color:#BFBD00 !important}
#nav strong{color:#BFBD00}
.empresa #nav .empresa a{color:#908371}
#nav .empresa{margin:74px 0 0 60px;text-align:right;width:13em;background:#fff}
#nav .servicios{margin:52px 0 0 249px;background:#fff}
#nav .reciclar{margin:98px 0 0 353px}
.about{margin:0;font-size:.85em;position:absolute;top:5px;right:10px}
.about a{color:#fff}

/* Titles */
#description{background-repeat:no-repeat;background-position:0 179px}
.quienes #description{background-image:url(../images/empresa/quienes/title.gif)}
.contacto #description{background-image:url(../images/empresa/contacto/title.gif)}
.infraestructuras #description{background-image:url(../images/empresa/infraestructuras/title.gif)}
.contenedores #description{background-image:url(../images/servicios/contenedores/title.gif)}
.servicio-reciclaje #description{background-image:url(../images/servicios/reciclaje/title.gif)}
.compostaje #description{background-image:url(../images/servicios/compostaje/title.gif)}
.inertes #description{background-image:url(../images/servicios/inertes/title.gif)}
.individuo #description{background-image:url(../images/reciclaje/individuo/title.gif)}
.ayuntamientos #description{background-image:url(../images/reciclaje/ayuntamientos/title.gif)}
.clm #description{background-image:url(../images/reciclaje/clm/title.gif)}
.es #description{background-image:url(../images/reciclaje/es/title.gif)}
.ue #description{background-image:url(../images/reciclaje/ue/title.gif)}
.tierra #description{background-image:url(../images/reciclaje/tierra/title.gif)}
.acerca-de #description{background-image:url(../images/accesibilidad/title.gif)}

.index #description ul{list-style:none;margin:44px 0 0;padding:0;text-align:right}
.index #description li{margin:0;padding:0}
.index #description .castillo{margin-top:49px}
.quienes img,.planta img{margin:1.5em 0}
.donde #description{padding-top:200px;background:url(../images/empresa/donde/title.gif) no-repeat 0 221px}
.donde #description ul{list-style:none;margin:1.5em 0;padding:0}
.donde #description li,.infraestructuras #description li{margin:0;padding:0}
.donde img{position:absolute;top:20px}
.js #map{width:371px;height:300px;margin:3em 0 6em 0}
.infraestructuras #description p{margin-bottom:0}
.infraestructuras #description ul{list-style:none;margin:0 0 1.5em 1.5em;padding:0}
.infraestructuras img{margin:99px 0 0 -69px}
.contenedores .main-image{margin-bottom:.5em}
.servicio-reciclaje #description ul{font-weight:bold}
.servicio-reciclaje #description li span{font-weight:normal}
.servicio-reciclaje img,.ayuntamientos img{margin-left:71px;margin-top:2em}
.servicio-reciclaje img{padding-bottom:2em}
.compostaje img,.inertes .header-image,.clm .header-image{position:absolute;top:30px}
.clm .footer-image{margin-bottom:1.2em}
.clm #description ul{list-style:none;margin:0;padding:0}
.clm #description li{margin:0 0 1.5em 0;padding:0}
.clm #description a{margin-right:.5em}
.contacto #description{min-height:300px;height: auto !important;height:300px;}

.inertes .footer-image{margin-top:2em}
.clm .footer-image{margin-top:1.5em}
.compostaje #description,.inertes #description{padding-top:260px;background-position:0 280px;width:300px}
.clm #description{padding-top:240px;width:300px}
.individuo img{position:absolute;top:30px;left:60px}
.individuo #description{padding-top:260px;width:300px;padding-left:60px;background-position:0 165px}
.es img{position:absolute;top:125px}
.es #description{padding-top:410px;width:320px;background-position:0 323px}
.es #description ol{padding-left:0;margin-left:2em}
.es #description li a{color:#908371}
h2{font-size:1em}
.ue .header-image{position:absolute;top:73px;right:0}
.ue .footer-image,.tierra .footer-image{margin:1.5em 0 0 130px}
.ue #description{padding-top:482px;background-position:0 200px}
.ue #description a{color:#000097}
.ue #description div{padding-left:35px}
.tierra .header-image{position:absolute;top:19px;right:0}
.tierra #description{padding-top:365px;background-position:0 200px}
.tierra #description div{padding:0 20px}
.tierra #description strong{font-size:1.3em}

#contact-info{margin:145px 0 0 48px;font-size:.85em}
address{font-style:normal}
#contact-info a{color:#908371}
#contact-info a:hover{color:#BEBC00;text-decoration:none}
#contact-info .mailto{margin-top:27px;font-size:1.5em;font-weight:bold}
#contact-info .mailto a{margin-right:1.35em}
.property{font-size:.85em;font-weight:bold;padding:16px 0 0 48px}
.property a{color:#908371}
.property a:hover{text-decoration:underline}

.quality-icons {list-style:none;margin:4em 0;padding:0}
.quality-icons li{margin:0 1.5em 0 0;padding:0;display:inline}

dl{margin:2em 0}
dt{padding-left:80px;font-weight:bold;color:#BFBD00}
dd{height:5em;margin:0;padding:0}
dd img{float:left;margin:-1.5em 10px 0 0}
dd span span{display:block}

.premio-ceoe h1{font-size:1.4em}
.premio-ceoe .header{font-size:1.1em;border:1px solid #e9e9e9;border-width:1px 0;padding:1.5em 0}
.premio-ceoe #description .img{margin:3em 0 2.5em 0;font-size:.85em;font-style:italic}

form{margin:4em 0}
input,textarea{font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif}
textarea,.form-field input{width:23em;border:1px solid #ADADAD;padding:.2em;color:#333}
textarea{overflow:auto;height:12em}
.buttons input{width:8em;margin-left:24.5em;border:none;background:#B8B500;color:#fff;height:2em;font-weight:bold}
label{display:block;width:8em;float:left;padding-right:1em;text-align:right}
#errormsg{text-align:right;padding-right:3.3em;color:#900}
