/* CONTENT */
#middle .top .breadcrumb,
#middle .top .breadcrumb a{
color:#7f706d;  
}
#middle .content h1{
font-size:5em;
margin-bottom:0px;
line-height:1em;
font-weight:bold;       
color:#000;
}
#middle .content .fichaSimple h1{
width:450px;   
}
#middle .content .fichaTrabajol h2{
font-size:1.4em;
line-height:1em;
font-weight:bold;  
margin-bottom:10px;
color:#000;    
width:260px;
}
#middle .content .fichaTrabajol .intro{
display: block;  
width:260px;
}
#middle .content .fichaTrabajob h2{
width:auto;
color:#0099FF;   
}
#middle .content .fichaTrabajob .fecha{
display:block;
text-align: right;     
}
#middle .content .sub{
font-size:1.5em;
line-height:1.4em;
font-weight:bold;  
color:#000;    
display: block;
margin-bottom:15px;
}
#middle .content .fichaSimple{
padding-bottom:40px;
overflow: hidden;
width:978px;
}
#middle .content .fichaSimple .sub{
width:500px;           
}
#middle .content .fichaSimple .submenu,
#middle .content .fichaSimple .editor{
width:410px;
float: left;
}                                    
#middle .content .fichaTrabajol .imgDer,
#middle .content .fichaSimple .imgDer{
float:right;
padding-bottom:10px;
border-bottom:8px solid #DD0048;
}      
#middle .content .fichaSimple .submenu{
font-weight:bold;
clear: both;
}
#middle .content .fichaSimple .submenu li{
float: left;
padding:0 10px;   
}
#middle .content .fichaSimple .submenu a{
padding-top:10px; 
display: block;  
}
#middle .content .fichaSimple .submenu .selected a{
color:#333;     
padding-top:5px;
border-top:5px solid #0099CC;
}
#middle .content .fichaSimple .submenu a:hover{
border-top:5px solid #0099CC;      
padding-top:5px; 
text-decoration:none;
}
/* ficha listado */
#middle .content .fichaTrabajol{
padding-bottom:40px;
overflow: hidden;
width:978px;
}            
#middle .content .fichaTrabajol{
clear: both;
width:978px;
overflow: hidden;
padding-bottom:50px;
border-bottom:1px solid #000;
margin-bottom:50px;
}                        
#middle .content .fichaTrabajol .editorNormal{
width:260px;
padding-right:10px;
float: left;
}            
#middle .content .fichaTrabajol .imgIzq{
float:left;               
margin-right:10px;          
}             
#middle .content .fichaComentario{
padding-left:32px;
padding-right:13px;
width:933px;
}
#middle .content .fichaComentario img{
float: left;
margin-top:25px;
}
#middle .content .fichaComentario .editor,
#middle .content .fichaComentario h2,
#middle .content .fichaComentario .fecha{
width:405px;
float: right;    
}
#middle .content .fichaComentario .fecha{
font-size:.9em;   
margin-bottom:5px;
}
#middle .content .fichaComentario h2{
font-size:2.4em;  
line-height: normal;     
}              
.fichaTrabajo .imgDer{
float:right;                               
} 
/* trabajo */
#middle .content .superiorG{
padding-top:217px;
height:247px;
padding-bottom:8px;
border-bottom:5px solid #DD0048; 
margin-bottom:30px;
background:left top no-repeat;                                               
}                                                                                 
.seccion7 #middle .content .superiorG{background-image:url(/img/decorado/cab-trabajo.jpg);}
.seccion8 #middle .content .superiorG{background-image:url(/img/decorado/cab-cuestiondiseno.jpg);} 
.seccion9 #middle .content .superiorG{background-image:url(/img/decorado/cab-foto.jpg);}
.seccion10 #middle .content .superiorG{background-image:url(/img/decorado/cab-clientes.jpg);}
#middle .content .superiorG .contenidoSup{
background-color:#fff;
width:490px;
padding:10px 34px 0;
height:232px;      
}
#middle .content .superiorG .contenidoSup p{
text-align: justify;    
font-size:.9em;
}
/* trabajos listado */
#middle .content .galerias,
#middle .content .listadoTrabajos{
overflow:hidden;  
padding-left:5px;
width:973px;
background:url(/img/decorado/listadoTrabajos.gif) 315px 0 repeat-y;
margin-bottom:30px;
}                                           
#middle .content .galerias .galeria,
#middle .content .listadoTrabajos .trabajo1{
float:left;
width:325px;               
}                                          
#middle .content .galerias .galeria2,
#middle .content .listadoTrabajos .trabajo2{
float:left;
width:333px;               
}                                          
#middle .content .galerias .galeria3,
#middle .content .listadoTrabajos .trabajo3{
float:left;
width:312px;               
}                                                        
#middle .content .galerias h3,
#middle .content .listadoTrabajos h3{
font-size:1.4em;
font-weight:bold;
margin-bottom:10px;
padding-left:10px;
color:#000;
}       
#middle .content .listadoTrabajos ul li{
padding-left:10px;
background:url(/img/decorado/bullet2.gif) left 6px no-repeat;
margin-bottom:15px;
padding-right:28px;
}           
#middle .content .listadoTrabajos ul li h4{
font-weight:bold;
}    
#middle .content .listadoTrabajos ul li span,
#middle .content .listadoTrabajos ul li h4 a{
color:#78776D;    
}         
#middle .content .listadoTrabajos ul li span{
font-size:.9em;
}
#middle .content .galerias ul li{
float: left;
margin:0 10px 10px;   
}
/* clientes */
#middle .content .clientes{
overflow: hidden;
width:963px;
padding-left:15px;
background:url(/img/decorado/pixel.gif) 480px 0 repeat-y;
margin-bottom:35px;
}
#middle .content .clientes ul{
 width:480px;
 float: left;   
}
#middle .content .clientes li{
width:430px;
overflow: hidden;
margin-bottom:50px;
}
#middle .content .clientes li .imagen{
float: left;
width:175px;
}
#middle .content .clientes li img{
margin:0 auto;
display:block;
}
#middle .content .clientes li h3{
width:245px;
float: right;
font-size:1.3em;
font-weight:bold;
}
#middle .content .clientes li h3 a{
color:#000;   
}
#middle .content .clientes li p{
width:245px;
float: right;
color:#666;
}
/* editor */   
#middle .content{ 
color:#7f706d;
}
#middle .content .editor p{
line-height:1.4em;
padding-bottom:15px;
text-align:justify;
}
#middle .content .editor a{
text-decoration:underline;
color:#7f706d;
}
#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;                               
list-style:disc;   
}         
#middle .content .editor ul li{   
margin:0 0 5px 15px;
padding:0;               
}
#middle .content .editor em{
font-style: italic;   
}
#middle .content .izq{
float: left;
margin: 10px 20px 10px 0;
}
#middle .content .der{
float: right;
margin: 10px 0 10px 20px;
}
#middle .content .com{
display: block;
float: none;
margin: 10px auto;
clear:both;
}
/* fin editor */ 
#middle .content .editor .listaServicios{
margin-bottom:20px;
}   
/*MAPAS*/
#mapaGM{
margin:0 auto;   
width:534px;
height:354px;
float: left;
}
/*Popup de mapa*/
.infoMapa{
height:180px;
width:230px;
background-color:#fff;
}
.infoMapa img{
display:block;
margin:0 auto;
padding-bottom:10px;
}
.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*/
/* 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 */
/* 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;        
}
form.formulario .campo.requerido label{       
padding-left:18px;                 
background:url(/img/iconos/requerido.gif) left 3px no-repeat;   
}       
form.formulario .campoCaptcha{
display: block;
width:350px;
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:auto;
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 */
#middle .content .conjunto{       
float: left;
width:432px;
}
form.formulario{       
width:400px;
padding:10px 0;
margin:5px auto;
padding-bottom:15px;
text-align:center;
background-color:#e9eae2;    
clear: both;
}         
form.formulario fieldset{       
width:370px; 
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:360px;
height:80px;
clear:both;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo textarea{
width:355px;
height:70px;
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:115px;
}     
form.formulario .btnEnviar{
color:#000;
padding:4px 10px;
border:none;         
font-weight:bold;
cursor:pointer;
clear:both;
margin:5px auto;
width:auto;
background:url(/img/decorado/bullet2.gif) 0 9px 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 .campoDireccion,
form.formulario .campoFecha,
form.formulario .campoEmail,
form.formulario .campoApellidos{
width:247px;
}    
form.formulario .campoDireccion input, 
form.formulario .campoEmail input,
form.formulario .campoApellidos input{
width:238px;
}                          
form.boletin .campoNombre,
form.formulario .campoEmail{
width:360px;
}                                
form.boletin .campoNombre input,
form.formulario .campoEmail input{
width:360px;
}
form.formulario .campoCategorias{
width:360px;
margin-top:10px;
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;
}
/* FORMULARIO POLITICA PRIVACIDAD */
form #campoPolitica{       
padding-top: 20px;   
width: 340px;  
}
form #campoPolitica label{    
width: 295px;
float: right; 
background:none;
padding-left:0; 
}
form #campoPolitica .check{       
float: left; 
width: 10px;   
}
form #campoPolitica  a{
text-decoration: underline;
}

/* FIN POLITICA PRIVACIDAD */