/* CONTENT */
#middle{
float: left;
width:740px;
overflow: hidden; 
margin-bottom:50px;  
font-size:1.1em;  
background:url(/img/decoracion/decoracion-top-right-middle.gif) 500px 300px no-repeat;
}
#middle .header .submenu{
padding-top:68px;  
padding-left:460px;  
}
#middle .header .submenu li{
text-align: center;
width:180px;
font-size: 1.1em;
font-weight:bold;
margin-bottom:8px;
}
#middle .header .submenu .selected a{ 
color:#0D6A31;
}
#middle .content{
width:475px;  
padding-left:10px; 
}
#middle .content .superior .breadcrumbs{
color:#9D8C7B;
display: block;
padding:10px 0 14px;
font-size:1.1em;   
}
#middle .content .superior h1{
margin-bottom:7px;
clear: both;
border-bottom:1px solid #6E8F71;
}                         
#middle .content .superior h1 span{
display: block;
background-position:left top;
background-repeat:no-repeat;
width:0px;
height:0px;
padding:35px 0 0 465px;
overflow: hidden;     
}                                                                                                   
.seccion2 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-rquer.gif);}
.seccion7 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-servicio-recogida.gif);}
.seccion12 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-tiendas-segunda-mano.gif);}
.seccion17 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-educacion-ambiental.gif);}
.seccion23 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-insercion-laboral.gif);}
.seccion28 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-noticias.gif);}            
.seccion30 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-galeria-fotografica.gif);} 
.seccion32 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-links.gif);} 
.seccion31 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-contacto.gif);}                
.seccion29 #middle .content .superior h1 span{background-image:url(/img/decoracion/cab-boletin.gif);}
#middle .content .superior h2{
color:#106723;  
text-align: right;
display: block;
font-weight:bold;
font-size:1.3em;
margin-bottom:15px; 
}
#middle .content .modulo h3{
color:#106723;
font-size:1.1em;
font-weight:bold;
padding-bottom:2px;
padding-left:20px;
margin-bottom:10px;
border-bottom:1px solid #6E8F71;
background:url(/img/decoracion/bullet-verder.gif) 4px center no-repeat;
}
#middle .content .moduloMenu li{
text-align: center;
margin-bottom:5px;
}
#middle .content .moduloMenu li a{
font-size:1.1em;
font-weight:bold;   
}
#middle .content .btn{
color:#0E6828;
padding-bottom:11px;
display: block;
background:url(/img/decoracion/border-btn.gif) left bottom no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica; 
}
#middle .content .btn2{
color:#0E6828;
padding-bottom:11px;
display: block;
background:url(/img/decoracion/border-btn.gif) center bottom no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica; 
width:120px;
overflow: hidden;
float: right;
margin:10px 0;    
clear: both;                 
}
#middle .content .btn:hover,
#middle .content .btn2:hover{
text-decoration:none;
color:#885F44;
} 
/* HEADER */
#middle .header{
background:url(/img/decoracion/top.jpg) left top no-repeat;
height:300px;
width:740px;
}
.seccion2 #middle .header{background-image:url(/img/decoracion/cabfoto-rquer.jpg);}
.seccion7 #middle .header{background-image:url(/img/decoracion/cabfoto-serviciosrecogida.jpg);}
.seccion12 #middle .header{background-image:url(/img/decoracion/cabfoto-tiendas.jpg);}
.seccion17 #middle .header{background-image:url(/img/decoracion/cabfoto-educacionambiental.jpg);}
.seccion23 #middle .header{background-image:url(/img/decoracion/cabfoto-insercionlaboral.jpg);}
.seccion28 #middle .header{background-image:url(/img/decoracion/cabfoto-noticias.jpg);}            
.seccion30 #middle .header{background-image:url(/img/decoracion/cabfoto-galeriafotos.jpg);} 
.seccion32 #middle .header{background-image:url(/img/decoracion/cabfoto-links.jpg);} 
.seccion31 #middle .header{background-image:url(/img/decoracion/cabfoto-contacto.jpg);}                
.seccion29 #middle .header{background-image:url(/img/decoracion/cabfoto-boletin.jpg);}
#middle .header .flash{
width:210px;
height:45px;
}
/* FIN HEADER */ 
/* listados */
#middle .contenido .listado ul li{
clear:both;
width:475px;
overflow: hidden;
text-align:left;
padding-bottom:20px;
margin-bottom:20px;
font-family:"Trebuchet MS", Arial, Helvetica; 
}
#middle .contenido .listado ul img{
float:left;
}
#middle .contenido .listado ul span{
text-align: justify;  
display:block;
float:right;
width:355px;
font-size:.9em;       
margin-bottom:3px;                          
}
#middle .contenido .listado ul h3{
text-align:left;  
display:block;
float:right;
width:355px;       
color:#0E6828;
font-size:1.4em;
margin-bottom:5px;                              
}
#middle .contenido .listado ul h3 a{
color:#0E6828;
}
#middle .contenido .listado ul p{
text-align: justify;  
display:block;
float:right;
width:355px;  
padding-bottom:5px;                                 
}
#middle .contenido .listado ul .btn{
clear: both;
float: right;
width:100px;
margin-right:255px;
}

#middle .contenido .listadoLink ul li{
clear:both;
width:450px;
overflow: hidden;
text-align:left;
padding-left:25px;
padding-bottom:20px;
margin-bottom:20px;
font-family:"Trebuchet MS", Arial, Helvetica; 
background:url(/img/decoracion/bullet-verder.gif) left 6px no-repeat;
}      
#middle .contenido .listadoLink ul h3{
text-align: left;  
display:block;   
color:#0E6828;
font-size:1.4em;
margin-bottom:5px;                              
}
#middle .contenido .listadoLink ul h3 a{
color:#0E6828;
}
#middle .contenido .listadoLink ul p{
text-align: justify;  
display:block; 
padding-bottom:5px;                                 
}

#middle .listadoGaleria ul{
overflow: hidden;
width:475px;
margin:15px 0 10px;
clear: both;
}
#middle .listadoGaleria ul li{
float: left;
padding:5px 4px;
} 
/* fichas */      
#middle .contenido .ficha h2{
display: block;
clear: both;
font-size:1.4em;
font-weight:bold;
color:#0E6828;
margin:12px 0;
font-family:"Trebuchet MS", Arial, Helvetica; 
}
#middle .contenido .ficha .fecha{
display:block;
margin-bottom:5px;
font-size:.9em; 
font-family:"Trebuchet MS", Arial, Helvetica; 
}
#middle .contenido .intro{
font-weight:bold;
}
/* fin fichas */
/*Paginacion*/
.paginacion{
height:20px;    
padding-right:15px;
padding-bottom:15px;
/*margin-top:-22px;*/
float:right;
font-family:"Trebuchet MS", Arial, Helvetica;
}
.paginacion a,
.paginacion span{
margin:0;
margin-left:3px;
display:block;
float:left;
width:15px;
text-align:center;
color:#333;
}    
.paginacion span{
font-weight:bold;
text-decoration:underline;
}
.paginacion .primera{
border:none;
background:url(/img/decoracion/paginacion-prime.gif) no-repeat;
height:6px;
width:12px;
overflow:hidden;
text-indent:100px;
margin-top:5px; 
margin-right:4px;
}                                                                                                       
.paginacion .anterior{
border:none;
background:url(/img/decoracion/paginacion-anterior.gif) no-repeat;
height:6px;
width:6px;
overflow:hidden;
text-indent:100px;
margin-top:5px;
margin-right:4px;
}                                                                                                    
.paginacion .siguiente{
background:url(/img/decoracion/paginacion-siguiente.gif) no-repeat;
height:6px;
width:6px;
overflow:hidden;
text-indent:100px;
margin-top:5px;
margin-right:4px;
}                                                                                                     
.paginacion .ultima{
border:none;
background:url(/img/decoracion/paginacion-ultim.gif) no-repeat;
height:6px;
width:12px;
overflow:hidden;
text-indent:100px;
margin-top:5px;
margin-right:4px;
}              
.paginacion .primeraOff, 
.paginacion .anteriorOff,
.paginacion .siguienteOff, 
.paginacion .ultimaOff{display:none;}                                                                                          
/*Fin paginacion*/
/* editor */
#middle .content .editor{
padding-bottom:15px;
}
#middle .content .editor p{
line-height:1.4em; 
font-size:1.1em;    
text-align: justify;
color:#333;
font-family:"Trebuchet MS", Arial, Helvetica;
padding-bottom:15px;
}
#middle .content .editor a{
text-decoration:underline;
}
#middle .content .editor a:hover{
text-decoration:none;
}
#middle .content .editor h3{
color:#106723;
font-size:1.1em;
font-weight:bold;
padding-bottom:2px;
padding-left:20px;
margin-bottom:10px;
border-bottom:1px solid #6E8F71;
background:url(/img/decoracion/bullet-verder.gif) 4px center no-repeat;
}
#middle .content .editor h4{
font-size:1.1em;     
font-weight:bold;
padding:12px 0;
color:#106723;      
}
#middle .content .editor h5{
font-size:1.1em;     
font-weight:bold;
padding:10px 0 5px;
color:#000;
}
#middle .content .editor ul{
padding:10px 0 0px 10px;
color:#333;
}
#middle .content .editor ul li{
margin-left:10px;
padding:1px 0 0 15px;
margin-bottom:20px;
background:url(/img/decoracion/bullet-gris.jpg) left 4px no-repeat;
}
#middle .content .izq{
float: left;
margin: 5px 10px 5px 0;
}
#middle .content .der{
float: right;
margin: 5px 0 5px 10px;
}
#middle .content .com{
display: block;
float: none;
margin: 10px auto;
clear:both;
}
/* fin editor */

/*MAPAS*/
#mapaGM{
margin:0 auto;
width:465px;
height:400px;
}
/*Popup de mapa*/
.infoMapa{
height:150px;
width:230px;
background-color:#fff;
}
.infoMapa img{
display:block;
margin:0 auto;
}
.infoMapa span{
display:block;
background-repeat:no-repeat;
background-position:20px 0px;
font-size:13px;
color:#000;
padding:0 0 0 20px;
}
.infoMapa span.loc{
font-weight:bold;
}
.infoMapa span.tel{
background-image:url(/img/iconos/p/telephone.gif);
padding-left:38px;
}
.infoMapa span.email{
background-image:url(/img/iconos/p/at.gif);
padding-left:38px;
}
/*FIN MAPAS*/
/* formularios */
form.formulario{       
width:514px;
padding:10px 0;
margin:5px auto;
padding-bottom:20px;
text-align:center;
background-color:#fff;
border:1px solid #6E8F71;
font-family:"Trebuchet MS", Arial, Helvetica;
}       
.formulario fieldset{       
width:494px; 
margin:0 auto 5px;
padding-bottom:10px;
overflow: hidden;
}
.formularioTalleres fieldset{
padding-bottom:0;
margin-bottom: 0;
}
form.formulario legend{
padding:25px 0;
font-weight:bold;
color:#000;
}
form.formulario .campo{
text-align:left;
height:40px;
float:left;  
}            
form.formulario .campoSelect,     
form.formulario .campoTextoCorto{
width:123px;
height:40px;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo{
width:492px;
height:80px;
clear:both;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo textarea{
width:492px;
height:70px;
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:115px;
}

form.formulario .bntEnviar{
color:#000;                 
border:1px solid #6E8F71;
background-color:#FFF;        
font-weight:bold;
cursor:pointer;
clear:both;
margin:15px auto 5px;                                                    
}
form.formulario .btnSubmit.taller{
width:auto;
font-size:1em;
}
form.formulario .campoCheck label{
text-align:left;
float:left;
width:auto;
padding-right:15px;
}
form.formulario label{
text-align:left;
display:block;
color:#333;
font-weight:bold;  
}                    
form.formulario .campo.requerido label{       
padding-left:10px;                 
background:url(/img/iconos/requerido.gif) left 3px no-repeat;   
} 
form.formulario .check{
width:auto;
float:left;
border:none;
}        
form.formulario .campoFecha select{
width:72px;
margin-right:10px;
}  
form.formulario .campoTematica,
form.formulario .campoEdad,
form.formulario .campoDireccion,
form.formulario .campoFecha,
form.formulario .campoEmail,
form.formulario .campoApellidos,
form.formulario .campoNombre{
width:247px;
}    
form.formulario .campoTematica select,
form.formulario .campoEdad select,
form.formulario .campoDireccion input, 
form.formulario .campoEmail input,
form.formulario .campoApellidos input,
form.formulario .campoNombre input{
width:238px;
}         
           
form.recomiendaTaller .campoTextoCorto{
width:247px; 
}     
form.recomiendaTaller .campoTextoCorto input{
width:238px;
}

form.formulario .campoCaptcha{
display: block;
width:400px;
height:55px;            
float:left;
clear:both;  
padding-top:15px;
padding-bottom:20px;
margin-bottom:10px;
overflow: hidden;  
}
form.formulario .campoCaptcha label{
clear:both;
display:block;
margin-bottom:10px;
margin-left:0;
width:auto;
}
form.formulario .campoCaptcha img{
float:left;
clear:left;
margin-right:5px;
}
form.formulario .campoCaptcha .ayuda{
padding-top:5px;
width:350px;
}
form .mensajesError{
width:400px;
margin:0 auto;
padding:10px;
padding-bottom:20px;
color:#990000;
}
form .mensajesError li{
padding-left:6px;
margin:1px 0;
}
.content .recuadro .aviso{
border:1px solid #666;
background-color: #f3f3f3;
padding: 10px 20px;
}
.content .aviso{
width:480px;
margin:50px auto;
font-size:1.2em;
text-align:center;
}
.content .mensaje{
width:400px;
margin:150px auto 150px;
font-size:1.2em;  
font-style: italic;                                                                  
text-align:center;
}