#middle{
background:url(/img/decoracion/bg-middle.gif) left top repeat-y #fff;
}
#middle a{ 
color:#73C827;
}
.portada #middle .content{
float: left;
}
.portada #middle .content .contenido{
padding:0;
}
.portada #middle .content .contenido .portada h2{
color:#73C827;
font-size:1.8em;
padding-left:36px;
padding-right:36px;
padding-top:20px;
border:none;
margin-top:-5px;
background:url(/img/decoracion/deco-portada.jpg) center top no-repeat;
}
.portada #middle .content .contenido .portada .editor{
padding-left:36px;
padding-right:36px;
}
/* breadcrumb */
#middle .content .breadcrumb{
background:#9F9A71;
display:block;
color:#fff;              
height:23px;
padding-left:28px;
padding-top:7px;
font-size:0.9em;
}                        
#middle .content .breadcrumb a{
color:#fff;              
}
/* fin breadcrumb */
/* top */
#middle .content .top{    
overflow: hidden;
width:652px;          
background:url(/img/decoracion/top-cat.jpg) left top no-repeat;
}      
#middle .content .top h1{
padding-top:52px;
text-align:center;
display:block;
height:82px;
color:#fff;
font-family:"Trebuchet MS", Arial;
font-size:2.0em;
font-weight:bold;
letter-spacing:-1px;
float:right;
width:326px;
}                                                                                      
.cat11 #middle .content .top h1 {background:url(/img/decoracion/titulo-puzzles.jpg);}
                       
#middle .content .top div{
clear:both;
padding:15px 0;    
}
#middle .content .top div em{
font-weight:bold;
display:block;
border-bottom:1px solid #333;  
width:630px;
margin:0 auto;
margin-bottom:15px;
}
#middle .content .top div ul{
overflow: hidden;
width:630px;
margin:0 auto;
}
#middle .content .top div ul li{
float:left;
width:200px;
padding-left:10px;
background:url(/img/decoracion/bullet.gif) no-repeat 0 5px;
font-size:.9em;
margin-bottom:5px;
}      
#middle .content .top div ul li a{
color:#000;                                                
}
#middle .content .top div ul .selected{
background-image:url(/img/decoracion/bullet-bis.gif)    
}
#middle .content .top div ul .selected a{
color:#3C6314;    
}
#middle .content .top div ul li span{
background-repeat: no-repeat;
background-position:left;   
}                                           
.seccion2 #middle .content .top h1,                                                                                     
.seccion3 #middle .content .top h1,                                                                                     
.seccion4 #middle .content .top h1,                                                                                     
.seccion5 #middle .content .top h1,                                                                                       
.seccion6 #middle .content .top h1,                                                                                   
.seccion7 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat14.jpg);} 
  
.cat3 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat3.jpg);}                                                                                      
.cat4 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat4.jpg);}                                                                                       
.cat5 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat5.jpg);}                                                                                       
.cat6 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat6.jpg);}                                                                                       
.cat7 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat7.jpg);}                                                                                       
.cat8 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat8.jpg);}                                                                                       
.cat9 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat9.jpg);}                                                                                       
.cat10 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat10.jpg);}                                                                                      
.cat11 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat11.jpg);}                                                                                       
.cat12 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat12.jpg);}                                                                                       
.cat13 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat13.jpg);}                                                                                       
.cat14 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat14.jpg);}                                                                                       
.cat15 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat15.jpg);}                                                                                         
.cat16 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat16.jpg);}                                                                                       
.cat17 #middle .content .top h1 {background:url(/img/decoracion/titulo-h1-cat17.jpg);}                                                 
                                                             
.cat3 #middle .content .top div {background-color:#E6F0F7;}
.cat4 #middle .content .top div {background-color:#CEEDFD;}
.cat5 #middle .content .top div {background-color:#B3DDFF;}
.cat6 #middle .content .top div {background-color:#DDD9EC;}
.cat7 #middle .content .top div {background-color:#DCD8EB;}
.cat8 #middle .content .top div {background-color:#FEE7EC;}
.cat9 #middle .content .top div {background-color:#FDD7E0;}
.cat10 #middle .content .top div {background-color:#FEE6D8;}
.cat11 #middle .content .top div {background-color:#FEE7CD;}
.cat12 #middle .content .top div {background-color:#FBF0D2;}
.cat13 #middle .content .top div {background-color:#E4F4D0;}
.cat14 #middle .content .top div {background-color:#DDF2DB;}
.cat15 #middle .content .top div {background-color:#FBFDD0;}
.cat16 #middle .content .top div {background-color:#E8F5A9;}
.cat17 #middle .content .top div {background-color:#E4D1C2;}
/* fin top */
/* contenido */
#middle .content .contenido{
padding:25px 23px 15px 22px;
clear: both;
}
#middle .content .contenido h2{
font-weight:bold;
font-size:2.0em;
font-family:"Trebuchet MS", Arial;
letter-spacing:-1px;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom:10px;
color:#333;
border-bottom:1px solid;
}
/* ficha */

#middle .content .ficha{
width:605px;
overflow:hidden;
padding-bottom:25px;                
}
#middle .content .ficha img{
float: left;
border:1px solid #bbb;
}
#middle .content .ficha h2{  
color:#3C6314;
margin-bottom:15px;
}
#middle .content .ficha .ref{  
color:#3C6314;
margin-top:-15px;
margin-bottom:15px;
display: block;
}
#middle .content .ficha .editor{
float: right;
width:270px;
}                
#middle .content .ficha .datos{
float: right;    
width:250px;
margin-top:10px;
text-align:right;   
clear: right;    
}             
#middle .content .ficha .datos .precio{
float: left;
padding-top:5px;
padding-right:5px;
}
#middle .content .ficha .precioN{
padding:5px 15px;
margin-left:0;
float:right;
background-color:#dddccc;
}  
#middle .content .ver{
text-align:right;
width:605px;
padding:15px 0;
border-top:1px solid #3C6314;
}
#middle .content .ver a{
padding-right:17px;
color:#000;
font-weight:bold;
line-height:2em;
background:url(/img/decoracion/bullet2.gif) right center no-repeat;   
}     
/* GALERIA ARCHIVOS */
#middle .content .divGaleria{
width:555px;
height:88px;                
margin-top:0px;
}
#middle .content .divGaleria #galeriaRecurso{
width:504px;
height:66px;         
padding:10px 0px 0 0px;
margin-left:20px;
overflow:hidden;          
}
#middle .content .divGaleria #galeriaRecurso ul{
width:5000px;
padding:0;
}
#middle .content .divGaleria .btn{
display: block;
width:0;
height:0;
padding:15px 0 0 12px;
overflow: hidden;
margin-top:33px;
}
#middle .content .divGaleria .anterior{
float: left;
margin-left:0px;   
background:url(/img/decoracion/flecha-izq-off.gif) left top no-repeat;
}
#middle .content .divGaleria .anteriorActivo{
float: left;
margin-left:0px;
background:url(/img/decoracion/flecha-izq.gif) left top no-repeat;
}
#middle .content .divGaleria .siguiente{
float: right;
margin-right:0;
background:url(/img/decoracion/flecha-der-off.gif) left top no-repeat;
}
#middle .content .divGaleria .siguienteActiva{
float: right;
margin-right:0;
background:url(/img/decoracion/flecha-der.gif) left top no-repeat;
}
#middle .content .divGaleria #galeriaContenedor{
width:205px;
margin-left:27px;    
overflow:hidden;
}
#middle .content .divGaleria #galeriaContenedor ul{
width:4000px;
}
#middle .content .divGaleria li{
width:91px;
height:63px;
margin:0 3px 0 4px; 
float: left;
border:1px solid #999;
}
#middle .content .divGaleria li a{
width:0px;
height:0px;
padding:63px 0 0 91px;
display: block;
overflow: hidden;
}
/* FIN GALERIA */
/* paginacion */
#middle .content .paginacion{
display:block;
width:605px;
margin-bottom:30px;
text-align:right;
color:#68CA1F;
font-weight:bold;
}
#middle .content .paginacion span{
color:#000;
}
#middle .content .paginacion a,
#middle .content .paginacion a:hover{
margin:0 5px;
color:#68CA1F;
text-decoration:underline;
}
/* subcat-listado */
#middle .content .subcat-listado{
padding-top:15px;
}
#middle .content .subcat-listado li{
margin-bottom:40px;
width:605px;
overflow: hidden;
}          
#middle .content .subcat-listado li img{
float:left;
}                                     
#middle .content .subcat-listado li h3,
#middle .content .subcat-listado li .ref,
#middle .content .subcat-listado li p,
#middle .content .subcat-listado li .datos{
float: right;
width:499px;    
}
#middle .content .subcat-listado li h3{
color:#3d6415;
border-bottom:solid 1px #3d6415;
font-size:1.3em;
font-weight:bold;
}
#middle .content .subcat-listado li h3 a{
color:#3d6415;     
}
#middle .content .subcat-listado li h3 a:hover{
text-decoration:none;    
}
#middle .content .subcat-listado li .ref{
color:#3d6415;
font-weight:bold;
display:block;
margin:3px 0;
}
#middle .content .subcat-listado li .datos{
float:right;    
width:375px;
margin-top:10px;
text-align:right;       
}     
#middle .content .subcat-listado li .datos .precio{
float: left;
padding-top:5px;
padding-right:5px;
}
#middle .content .subcat-listado li .datos .precioN{
padding:5px 15px;
margin-left:0;
float:left;
background-color:#dddccc;
}                      
#middle .content .subcat-listado li .datos .btn{
float: right;
clear: none;
}
/* fin contenido */
/* editor */
#middle .content .editor p{
line-height:1.4em;
padding-bottom:15px;   
text-align:justify;
}
#middle .content .editor a{
text-decoration:underline;
}
#middle .content .editor a:hover{
text-decoration:none;
}
#middle .content .editor h4{
font-size:1.1em;
font-weight:bold;
padding:10px 0 5px;
}
#middle .content .editor ul{
padding:5px 0 5px 10px;
}
#middle .content .editor ul li{
list-style:disc;
margin-left:10px;
padding:1px 0;
}
#middle .content .editor em{
font-style: italic;   
}
#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 */

#middle .content .infoEmpresa{
width:400px;
margin:15px auto;
}
#middle .content .infoEmpresa span{
display: block; 
padding-bottom:3px;  
}
#middle .content .infoEmpresa .titulo{
font-weight:bold;
font-size:1.2em;
margin-bottom:5px;    
}
/*MAPAS*/
#mapaGM{
margin:15px auto 0;
width:500px;
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*/

/* FORMULARIO POLITICA PRIVACIDAD */
form #campoPolitica{       
padding-top: 20px;   
width: 380px;  
}
form #campoPolitica label{    
width: 320px;
float: right;  
}
form #campoPolitica .check{       
float: left; 
width: 10px;   
}
form #campoPolitica  a{
text-decoration: underline;
}

/* FIN POLITICA PRIVACIDAD */

/* FORMULARIOS BASE */
.content .obligatorio{     
float: right;           
margin:0px;
padding: 0px 70px 20px 17px;
background-color: transparent;         
background-image: url(/img/iconos/requerido.gif);   
background-repeat: no-repeat;               
background-position: left 3px;    
text-align: left;
}
form.formulario .campo.requerido label{       
padding-left:18px;                 
background:url(/img/iconos/requerido.gif) left 3px no-repeat;   
}                
form.formulario .campoCaptcha{
display: block;
width:400px;
height:45px;            
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 .mensaje{
width:400px;
margin:150px auto 150px;
font-size:1.2em;  
font-style: italic;                                                                  
text-align:center;
}
/* FIN FORMULARIOS BASE*/
/* formularios */
form.formulario{       
width:514px;
padding:10px 0;
margin:5px auto;
margin-top:15px;
padding-bottom:15px;
text-align:center;
background-color:#EFEFE7;
}         
form.formulario fieldset{       
width:494px; 
margin:0 auto 5px;   
overflow: hidden;
}
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:484px;
height:70px;
}
form.formulario .campoPedido{
height:250px
}
form.formulario .campoPedido textarea{
height:240px
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:115px;
}      
form.formulario .btnEnviar{
color:#000;
padding:0px 20px;
border:none;         
font-weight:bold;
cursor:pointer;
clear:both;
width:auto;
margin:5px auto;
color:#78050A;
background:url(/img/decoracion/flecha-derecha.gif) right 2px no-repeat;
}          
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 .check{
width:auto;
float:left;
border:none;
}                
form.formulario .campoFecha select{
width:72px;
margin-right:10px;
}  
form.formulario .campoContacto,
form.formulario .campoDireccion,
form.formulario .campoFecha,
form.formulario .campoEmail,
form.formulario .campoApellidos{
width:247px;
}    
form.formulario .campoContacto input,
form.formulario .campoDireccion input, 
form.formulario .campoEmail input,
form.formulario .campoApellidos input{
width:238px;                  
} 
form.formulario .campoWeb{
width:492px; 
} 
form.formulario .campoWeb input{
width:485px;           
}
form.formulario .campoCategorias{
width:360px;
height:auto;
}
form.formulario .campoCategorias li label{
width:340px;              
float: right;
}
form.formulario .campoCategorias li{
display:block;
clear:both;
}
form.formulario .campoCategorias li input{
width:16px;
float:left;
border:none;
}