/* CONTENT */
 .content{
float: right;
width:800px;
}
#middle{
background-color: #c1c1c1;
overflow: hidden;
width:1000px;
}
#middle .content{
background-color:#fff;
}
#middle .content .tipos{
clear: both;
width:602px;
margin:20px auto;
}     
#middle .content .tipos ul{
border:1px solid #333;
width:600px;     
}
#middle .content .tipos ul li{
padding-left: 15px;          
margin:5px;            
background-color: #eee;   
padding-top:2px;
height: 18px;
font-size:1.1em;
}
#middle .content .tipos ul li a{  
padding-right:8px;
}
#middle .content .tipos ul li span{
font-size:.8em;
color:#666;   
}
/* SIDEBARLEFT */
#middle .sideBarLft{
width:200px;
height:605px;
padding-bottom:15px;
background:#C1C1C1; 
overflow:hidden;
float: left;
font-size:1.1EM;
}
#middle .sideBarLft .bloque ul{
padding:3px 0;
}   
#middle .sideBarLft .bloque ul li{
width:180px;
margin:0 auto;    
font-weight:bold;
}
#middle .sideBarLft .bloque ul li.selected{
background:url(/img/decorado/flecha.gif) 4px 5px no-repeat #fff;
}
#middle .sideBarLft .bloque ul a{
padding:2px 5px;
padding-left:20px;
display: block;     
}                
#middle .sideBarLft .bloqueMenu{
background:#E1E1E1; 
height:200px;
}
#middle .sideBarLft .bloqueSubMenu ul li.selected{
background:url(/img/decorado/flecha.gif) 16px 5px no-repeat #fff;
}
#middle .sideBarLft .bloqueSubMenu ul li a{
padding-left:30px;
}           
#middle .sideBarLft ul.nivel3 li a{
padding-left:40px;   
font-size: 0.9em;
font-weight: normal;
}          
#middle .sideBarLft .bloqueSubMenu ul.nivel3 li.selected{
background:url(/img/decorado/flecha.gif) 34px 5px no-repeat #fff;
} 
#middle .sideBarLft .zonaPrivada{
width:145px;
display: block;
margin:0 auto;    
font-weight:bold;
padding-left:45px;
margin-top:8px;
}
#middle .sideBarLft .falloLogin{
padding:5px 10px 20px;
font-size:.9em;
text-align: center;
color:#990000;
}

           
#middle .sideBarLft .bloqueZonaPrivada{
background:#ddd;    
margin-top: 50px; 
padding: 10px;   
}
#middle .sideBarLft .bloqueZonaPrivada .desconectar{
padding-left:25px;
color:#555;   
}     
#middle .sideBarLft .bloqueZonaPrivada .usuario{
background:url(/img/iconos/p/user1.gif) 6px 0px no-repeat;
padding-left:24px; 
height: 30px;
}
#middle .sideBarLft .bloqueZonaPrivada .zona{              
padding-left:24px;  
}

/* FIN  SIDEBARLEFT */
/* galeria */
#middle .galeria{
background:#000;
color:#DADADA;     
}
#middle .galeria a{
color:#fff;   
}
#middle .galeria .superior{
padding-top:10px;
height:45px;
}
#middle .galeria .superior .portada{
width:800px;
height:192px;
overflow: hidden;   
}
#middle .galeria .superior .titulos{
width:380px;
padding:10px;
display: block;
float:left;
}
#middle .galeria .superior .titulo{
text-align: left;
}          
#middle .galeria .superior .subTitulo{
text-align: right;
}
#middle .galeria .superior .barra{
width:780px;
height:45px;
border-top:1px solid #535353;
border-bottom:1px solid #535353;
background:#373737;
clear: both;
padding:2px 10px;
overflow: hidden;   
display: none;
} 
#middle .galeria .superior .barra .titColumnaIzq{
float: left;
width:95px;
}
#middle .galeria .superior .barra .titColumnaDer{
float:right;
width:680px;
}
#middle .galeria .columnaIzq{
width:106px; 
height:605px;        
float: left;                                                              
margin-left:5px;                                                                
background:#666;  
clear: left;
}
#middle .galeria .columnaIzq ul{
width:106px;
/*height:565px;     */
height:605px;     
overflow: auto;
} 
#middle .galeria .columnaIzq ul li{
margin:15px auto;
display: block;
text-align: center;   
}
#middle .galeria .columnaIzq img{
border:1px solid #666;
}
#middle .galeria .columnaDer{
width:685px;
height:605px;                                                                   
background:#999;
float: right;       
}
#middle .galeria .columnaDer .imagenGrande{
text-align: center;                                                  
padding-top:10px;
height:490px;    
}

#middle .galeria .columnaDer .textoInicial{
font-size: 1.4em;        
font-weight: bolder;
text-align: center;                                                  
padding-top:80px;  
}


#middle .galeria .columnaDer .control{
padding-left:298px;
width:387px;
overflow: hidden;
}
#middle .galeria .columnaDer .control .btn{
display:block;
width:0;
height:0;
overflow: hidden;  
float: left;
margin:2px 7px 0; 
}
#middle .galeria .columnaDer .control .anterior{
background:url(/img/decorado/flecha-anterior-blanco.gif) left top no-repeat;
padding-left:11px;
padding-top:8px;
}
#middle .galeria .columnaDer .control .play{
background:url(/img/decorado/flecha-blanco.gif) left top no-repeat;  
padding-left:8px;
padding-top:8px;
}
#middle .galeria .columnaDer .control .pausa{
background:url(/img/decorado/pause.gif) left top no-repeat;  
padding-left:8px;
padding-top:8px;
}
#middle .galeria .columnaDer .control .siguiente{
background:url(/img/decorado/flecha-siguiente-blanco.gif) left top no-repeat;  
padding-left:11px;
padding-top:8px;
}
#middle .galeria .columnaDer .control .progreso{
float: left;
color:#fff;
margin-left:5px;
} 
/* fin galeria */
/* editor */
#middle .content .editor{
padding:0 30px;
font-size:1.1em;             
}
#middle .content .editor p{
line-height:1.3em;    
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 .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 */
/* formularios */
form.login{
padding:50px 0 10px;
font-size:.9em;
} 
form .legend{
background-color:#fff;
display: block;
margin:0px auto 8px;
padding:2px 5px;
width:170px;
text-align: center;
}
form.login .campo{
height:25px;
padding-right:10px;
}
form.login label{
float: left;      
display: block;
width:70px;
padding-left:10px;
padding-top:2px;
}
form.login input{
width:100px;
float: right;
}   
form.login .btnSubmit{     
width:100px;
display:block;      
border:none;
float: none;     
font-weight:bold;
cursor:pointer;
clear:both;
margin:5px auto 0; 
background-color:#e0dfe3;                                                       
}

form.formulario{
border:1px solid #333;
width:545px;
padding:10px;
margin:15px auto 15px auto;
padding-bottom:20px;
text-align:center;
}
form.formulario legend{
padding:25px 0;
font-weight:bold;
color:#000;
}
form.formulario .campo{
text-align:left;
height:40px;
float:left;
width:auto;
}
form.formulario .campoCheck,
form.formulario .campoFecha,
form.formulario .campoSelect,
form.formulario .campoTextoCorto{
width:136px;
height:40px;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo{
width:547px;
height:80px;
clear:both;
float:left;
margin-bottom:10px;
}
form.formulario .campoTextoLargo textarea{
width:535px;
height:55px;
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:125px;
}
form.formulario input.btnSubmit{
color:#fff;
width:126px;
display:block;
height:30px;
padding:0 30px 0 0;
border:none;
font-size:1.2em;
font-weight:bold;
cursor:pointer;
clear:both;
margin:15px auto 0;
background:url(/img/decoracion/popup-btn-porcaja.jpg) top left 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 .campoDireccion,
form.formulario .campoEmail,
form.formulario .campoFecha{
width:273px;
}
form.formulario .campoDireccion input,
form.formulario .campoEmail input{
width:260px;
}
form.formulario .campoFecha select{
width:55px;
margin-right:10px;
}   /*
form.formulario .campoDireccion{
width:547px;
clear:both;
float:left;
margin-bottom:10px;
}
form.formulario .campoDireccion input{
width:535px;
}                 */
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 .campo.campoCaptcha label{
clear:both;
display:block;
margin-bottom:10px;
margin-left:0;
width:auto;
}
form.formulario .campo.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;
}
.content .aviso{
width:500px;
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;
}

/* GALERIA */ 
/* Thumbails */
#middle .content .divGaleria li{
width:70px;
height:70px;
margin-right:5px;
float: left;
border:1px solid #999;
}
#middle .content .divGaleria li a{
width:0px;
height:0px;
padding:60px 0 0 60px;
display: block;
overflow: hidden;
}

/* FIN GALERIA */   
/* enlaces */
#middle .content .enlaces {
padding-left:25px; 
padding-top:15px;
}
#middle .content .enlaces li{
width:692px;
padding-right:25px;
padding-bottom: 15px;
overflow: hidden;
clear: both;
}      
#middle .content .enlaces img{
margin-bottom:15px; 
margin-left:30px;
border:1px solid #999;
float: left;
}    
#middle .content .enlaces .titulo a{
float: right;
width:570px;
color:#333;
font-weight:bold;
font-size:1.1em;
margin-bottom:5px; 
}
#middle .content .enlaces p{
color:#333;                   
float: right;
width:570px;
padding-bottom:5px;
}
#middle .content .enlaces p a{
color:#333;
text-decoration: underline;   
}
#middle .content .enlaces .btn{
color:#666;    
font-size:.9em;               
float: right;  
width:570px;
}
/* enlaces */

form.formulario .campo.requerido label{       
padding-left:10px;                 
background:url(/img/iconos/requerido.gif) left 3px no-repeat;   
} 
.content .obligatorio{    
float: right;         
margin:0pt;
padding-right: 120px;  
padding-left: 10px;  
padding-bottom: 20px;  
padding-top: 0px; 
background-color: transparent;  
background-image: url(/img/iconos/requerido.gif);   
background-repeat: no-repeat;         
background-attachment: scroll;       
background-position: left 3px;    
text-align: left;     
}

/* nivel 3 en content */  
.contentSubnivel{
    padding: 0px 40px;     
    font-size: 1.1em;       
    font-weight:normal;
}
.contentSubnivel h5{
    padding: 5px 20px;
    font-size: 1.1em;       
    font-weight: bolder;
}
.contentSubnivel li {     
    padding-left: 50px;  
}

/*galeria jQuery*/
.content .bannerTop{ 
width:800px;
height:200px;
overflow:hidden;          
margin-bottom:12px;
}
.content .bannerTop .imagenes{
display:none;
}
.content .bannerTop .imagenes li{
position:absolute;
}