#middle{
background:url(bg-top-right.jpg) right -8px no-repeat;  
width:100%;
overflow: hidden;
}
#middle .content{
width:740px;     
float: left; 
}
#middle .content .superior{ 
padding-top:180px;
width:740px;
background:right top no-repeat;
}                                                                                                           
.seccion2 #middle .content .superior{background-image:url(/img/decorado/fotocab-nuestraempresa.jpg);}
.seccion3 #middle .content .superior{background-image:url(/img/decorado/fotocab-quees.jpg);}  
.seccion4 #middle .content .superior{background-image:url(/img/decorado/fotocab-modelos.jpg);}
.seccion5 #middle .content .superior{background-image:url(/img/decorado/fotocab-sabores.jpg);}  
.seccion6 #middle .content .superior{background-image:url(/img/decorado/fotocab-hagasdistrib.jpg);}    
.seccion7 #middle .content .superior{background-image:url(/img/decorado/fotocab-contacto.jpg);}                                                                                                      
#middle .content .superior h1{
border-left:40px solid #FBF363;
padding-left:15px;
color: #231A5F;
padding-top:20px;
height:46px;
font-size:1.8em;                                   
} 
#middle .content .superior .breadcrumb{
padding-left:40px;
padding-top:18px;
display: block;
padding-bottom:10px;     
font-size:.9em;     
}
#middle .content .superior .breadcrumb a{
color:#000;    
}       
#middle .content .contenido{       
padding-bottom:30px;        
width:100%;         
}              
#middle .content .contenido p{
font-size:1.1em;
color:#333;
}  
#middle .content .mod{
width:666px;
clear: both;
overflow: hidden;   
padding-bottom:20px;                                                  
margin:0 auto;
}
.content .mod a,
.content .mod a:link,
.content .mod a:visited{
color:#231a5f;    
}
.content .mod h2{
font-size:1.5em;
color: #231a5f;
font-weight:bold;
padding:10px 0 0px;   
border-bottom:1px solid #231a5f; 
margin-bottom:15px;
}
.content .mod li h3{        
font-weight:bold;
font-size:1.2em;
margin-bottom:10px; 
}                
.content .mod dt,
.content .mod li h4{
font-size:1.15em;
font-weight:bold;    
margin-bottom:5px;   
color:#000; 
} 
.content .mod li h3 a,
.content .mod li h4 a{
text-decoration: underline;  
line-height:1.4em;   
}  
.content .mod p{
padding-bottom:10px;
}
.content .mod dd p{
padding-left:10px; 
}
.content .mod p a{
text-decoration:underline;
}       
.content .mod p em{
font-style: italic;
} 
.content .mod li .gen{     
display: block;  
margin-bottom:5px;    
} 
                 
/* modulo 4 editor*/   
#middle .mod4{
width:auto;
}                           
#middle .mod4 p{
line-height:1.4em;
padding-bottom:15px;   
text-align:justify;
}
#middle .mod4 h4{
font-size:1.2em;
font-weight:bold;
padding:10px 0 5px;
}
#middle .mod4 h5{   
font-weight:bold;
padding:0px 0 5px;
}
#middle .mod4 p em{
font-style: italic;   
}
#middle .mod4 p a{
text-decoration:underline;
}
#middle .mod4 p a:hover{
text-decoration:none;
}          
#middle .mod4 ul{
padding:0 0 15px 10px;
}
#middle .mod4 ul li{
list-style:disc;
margin-left:10px;
padding:1px 0;
}
#middle .mod4 ul.sabores li{
width:300px;
height:150px;
display:inline-block;
margin:0 10px 0 0;
}
#middle .mod4 ul.sabores li img{
float:left;
}
#middle .mod4 ul.sabores li strong{
font-size:1.4em;
padding-top:5px;
}
#middle .izq{
float: left;
margin: 5px 10px 5px 0;
}
#middle .der{
float: right;
margin: 5px 0 5px 10px;
}
#middle .com{
display: block;
float: none;
margin: 10px auto;
clear:both;
}

/* modulo 5 fichas */ 
.content .mod5 h2{
font-size:1.8em;    
}
.content .mod5 .datos{
padding-bottom:15px;
padding-left:15px;
}
.content .mod5 .gen{
margin-top:-15px;
display: block;
text-align: left;
margin-bottom:15px;    
}                         
.content .mod5 .colImg{
float: left;
width:350px;
padding-right:15px;
text-align:center;
}       
.content .mod5 .colImg img{
margin-bottom:15px;   
}                   
/* ficha t1 y t2 */    
.content .mod5T2 .colImg{
float: right;     
}                      
.content .mod5T1 .datos{
float: right;
width:260px;
padding-left:12px;
}
.content .mod5T2 .datos{
float: left;
width:260px;
padding-right:12px;
font-size:1.1em;
}   

/* enumeracion */
.content .mod2 ul,
.content .mod2 li,       
.content .mod2T3 li .gen,     
.content .mod2T4 li h4,                            
.content .mod2T4 li p,
.content .mod2T4 li .gen{
width:95%;       
overflow: hidden;         
}           
.content .mod2 ul{
margin:0 auto;
}               
.content .mod2T1 li h4,
.content .mod2T1 li p,
.content .mod2T1 li .gen,                   
.content .mod2T1 li .btn,
.content .mod2T2 li h4,
.content .mod2T2 li p,      
.content .mod2T2 li .gen,
.content .mod2T2 li .btn{width:485px;}    
         
.content .mod2T1 li h4{
font-weight:bold;
font-size:1.3em;
}
.content .mod2T1 li h4 a{
text-decoration:none;    
}
.content .mod2T3 li,
.content .mod2T4 li{
width:47%;    
height:165px;
}                      
.content .mod2T3 li p,
.content .mod2T3 li h4,
.content .mod2T3 li .btn{width:197px;}  
 
.content .mod2 li p{margin-bottom:5px;}

/* enumeracion t1 y t2*/                   
.content .mod2T2 li,
.content .mod2T1 li{margin:0 0 15px;}
                        
.content .mod2T1 li h4,
.content .mod2T3 li h4,
.content .mod2T1 li p,   
.content .mod2T1 li .gen,                 
.content .mod2T2 li img{float: right;}

#middle .content .mod2T1 li h4 a{
color:#000;
}
.content .mod2T2 li h4,
.content .mod2T2 li p,
.content .mod2T2 li .gen,
.content .mod2T1 li img{float:left;} 
       
.content .mod2T1 li p,
.content .mod2T2 li p{text-align: justify;}
                
.content .mod2T2 li .btn{   
margin-bottom:3px;
float:left;
text-align: left;                        
}         
/* enumeracion t3 y t4*/
.content .mod2T3 li,        
.content .mod2T4 li{      
float:left;
padding-right:15px; 
margin:0 0 5px;           
}
.content .mod2T3 li h4{
color:#000;
font-size:1.3em;
}
.content .mod2T3 li img{float:left;}         
.content .mod2T3 li p{float:right;}
.content .mod2T4 li p{text-align: justify;}          

/* galeria */
.content .mod3T1 .galeria{
width:569px;
height:103px; 
margin:10px auto;
}
.content .mod3T2 .galeria{    
height:201px;
width:569px; 
}
.content .mod3T1 .galeria .cGaleria{
width:504px;
height:66px;
}
.content .mod3T2 .galeria .cGaleria{
width:504px;
height:170px; 
}  
.content .mod3T2 .galeria li,
.content .mod3T1 .galeria li{
width:107px;
height:75px;
}
/* galeria t1 y t2 y t3*/    
.content .mod3T1 .galeria{          
margin-bottom:10px;        
background:url(/img/decorado/bloque-mod3t1.jpg) center top no-repeat;
}                                
.content .mod3T2 .galeria{                   
margin-bottom:10px;  
background:url(/img/decorado/bloque-mod3t2.jpg) center top no-repeat;
}                                           
.content .mod3T1 .galeria .cGaleria,
.content .mod3T2 .galeria .cGaleria{       
padding:18px 0 0 0px;
margin-left:30px;        
overflow:hidden;              
}                                            
.content .mod3T2  .galeria .cGaleria ul,
.content .mod3T1  .galeria .cGaleria ul{
height:10000px;
padding:0;
}                                     
.content .mod3T1 .galeria .btn,
.content .mod3T2 .galeria .btn{
display: block;
width:0;
height:0;
padding:23px 0 0 12px;
overflow: hidden;   
margin-top:38px;
}                                                                   
.content .mod3T2 .galeria .btn{margin-top:93px;}      
                                    
.content .mod3T2 .galeria .anterior,
.content .mod3T1 .galeria .anterior,
.content .mod3T2 .galeria .anteriorActivo,
.content .mod3T1 .galeria .anteriorActivo{
float: left;
margin-left:0px;   
background:url(/img/decorado/flecha-izq-off.jpg) left top no-repeat;
}                                                
.content .mod3T2 .galeria .anteriorActivo,
.content .mod3T1 .galeria .anteriorActivo{
background-image:url(/img/decorado/flecha-izq.jpg);
}                                           
.content .mod3T2 .galeria .siguiente,
.content .mod3T1 .galeria .siguiente,
.content .mod3T2 .galeria .siguienteActiva,
.content .mod3T1 .galeria .siguienteActiva{
float: right;
margin-right:0;
background:url(/img/decorado/flecha-der-off.jpg) left top no-repeat;
}                                                
.content .mod3T2 .galeria .siguienteActiva,
.content .mod3T1 .galeria .siguienteActiva{
background-image:url(/img/decorado/flecha-der.jpg);
}                         
.content .mod3T3 li,
.content .mod3T2 .galeria li,
.content .mod3T1 .galeria li{
padding:0 7px 20px 8px; 
float: left;            
}                                    
.content .mod3T2 .galeria li a,
.content .mod3T1 .galeria li a{               
display: block;
overflow: hidden;
}                      
            
.content .mod3T3 ul{padding-left:30px;} 
                                                                    
                                                                    

/*Mapa GM*/
.contenido .video{
float:left;
margin:30px 0 0 100px;
text-align:center;
}
.contenido .mapa{
display: block;
margin:10px auto;
}


/* formularios */
/* FORMULARIOS BASE */
.content .obligatorio{     
float: right;           
margin:0px;
padding: 0px 150px 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-right:18px;                 
background:url(/img/iconos/requerido.gif) right 3px no-repeat;   
}       
form.formulario .campoCaptcha{
display: block;
width:472px;             
float:left;
clear:both;         
padding-bottom:10px;  
overflow: hidden;  
}
form.formulario .campoCaptcha label{
float: left;
display:block;
margin-bottom:10px;
margin-left:0;
width:220px;   
}
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*/
/* FORMULARIO POLITICA PRIVACIDAD */
form #campoPolitica{       
padding-top: 20px;   
width: 380px;  
}
form #campoPolitica label{    
width: 340px;
float: right; 
background:none;
padding-left:0;  
}
form #campoPolitica .check{       
float: left; 
width: auto;   
}
form #campoPolitica  a{
text-decoration: underline;
}
/* formularios */
form.formulario{       
margin:30px auto 0;          
width:559px;   
padding:0; 
padding-bottom:30px;
overflow: hidden;   
background-color:#f6f6f6;
text-align: center;
}         
form.formulario fieldset{       
padding:40px 35px 0;     
width:489px;
margin:0;
text-align: left;
}             /*
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:455px;
clear:both; 
float:none;  
margin:0 auto 10px;
}
form.formulario .campoTextoLargo{
width:455px;
height:220px;
clear:both;     
float:none;
margin:0 auto 10px;
}
form.formulario .campoTextoLargo textarea{
width:275px;
height:210px;
float: right;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #d0cab7;
border-top:1px solid #d0cab7;  
}
form.formulario fieldset input,
form.formulario fieldset select{
width:275px;
float: right;                
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #d0cab7;
border-top:1px solid #d0cab7;       
padding:2px;
}

form.formulario .btnEnviar{
color:#000;
width: auto;
height: auto;
padding:8px 20px 8px 0;
border:none;         
font-weight:bold;
cursor:pointer;
clear:both;
margin:25px auto 5px;
display: inline-block;    
background:url(/img/decorado/bullet-btn.gif) center right no-repeat transparent; 
}          
form.formulario .campoCheck label{
text-align:left;
float:left;
width:auto;
padding-right:15px;
}
form.formulario label{
float: left;            
}     
form.formulario .check{
width:auto;
float:left;
border:none;
}                
form.formulario .campoFecha select{
width:72px;
margin-right:10px;
}