
/* content */                 
#middle .content .superior h1{
width:702px;
padding-top:8px;
padding-right:15px;
height:34px;
color:#fff;     
font-size:1.1em;
font-weight: bold;
text-align: right;             
background:url(/img/decoracion/header-middle.jpg) left top no-repeat;   
}                     
#middle .content .superior{ 
height:235px;
width:717px;                                                              
}
.seccion2 #middle .content .superior{background:url(/img/decoracion/cabecera-historia.jpg) left 42px no-repeat;}
.seccion3 #middle .content .superior{background:url(/img/decoracion/cabecera-comollegar.jpg) left 42px no-repeat;}
.seccion4 #middle .content .superior{background:url(/img/decoracion/cabecera-alojamientos.jpg) left 42px no-repeat;}
.seccion5 #middle .content .superior{background:url(/img/decoracion/cabecera-restaurantes.jpg) left 42px no-repeat;}
.seccion6 #middle .content .superior{background:url(/img/decoracion/cabecera-quever.jpg) left 42px no-repeat;}
.seccion7 #middle .content .superior{background:url(/img/decoracion/cabecera-fiestas.jpg) left 42px no-repeat;}
.seccion8 #middle .content .superior{background:url(/img/decoracion/cabecera-galeriafotos-videos.jpg) left 42px no-repeat;}
.seccion9 #middle .content .superior{background:url(/img/decoracion/cabecera-wikiroda.jpg) left 42px no-repeat;}
.seccion10 #middle .content .superior{background:url(/img/decoracion/cabecera-boletin.jpg) left 42px no-repeat;}
.seccion11 #middle .content .superior{background:url(/img/decoracion/cabecera-agendaeventos.jpg) left 42px no-repeat;} 
.seccion12 #middle .content .superior{background:url(/img/decoracion/cabecera-rutas.jpg) left 42px no-repeat;}
.seccion13 #middle .content .superior{background:url(/img/decoracion/cabecera-ocio.jpg) left 42px no-repeat;}
.seccion14 #middle .content .superior{background:url(/img/decoracion/cabecera-productostipicos.jpg) left 42px no-repeat;}
.seccion15 #middle .content .superior{background:url(/img/decoracion/cabecera-sugerencias.jpg) left 42px no-repeat;}
.seccion41 #middle .content .superior{background:url(/img/decoracion/cabecera-enlaces.jpg) left 42px no-repeat;}
#middle .content .superior ul{
padding-left:432px;
padding-top:25px;
position:absolute;
width:285px;

}
#middle .content .superior ul li{
height:21px;
text-align: left;   
padding-left:18px;
margin:0 auto;     
background:url(/img/decoracion/bullet.gif) 7px 4px no-repeat;    
}
#middle .content .superior ul .selected a{
color:#DB1920;   
}
#middle .content .superior .breadcrumb{
margin-top:155px;
display: block;
padding-left:5px;
}

/*Paginacion*/
.listado .paginacion{
height:20px;    
padding-right:15px;
padding-bottom:15px;
/*margin-top:-22px;*/
float:right;
}
.listado .paginacion a,
.listado .paginacion span{
margin:0;
margin-left:3px;
display:block;
float:left;
width:15px;
text-align:center;
color:#333;
}    
.listado .paginacion span{
font-weight:bold;
text-decoration:underline;
}
.listado .paginacion .primera{
border:none;
background:url(/img/decoracion/paginacion-prime.gif) no-repeat;
height:6px;
width:12px;
overflow:hidden;
text-indent:100px;
margin-top:4px; 
margin-right:4px;
}                                                                                                       
.listado .paginacion .anterior{
border:none;
background:url(/img/decoracion/paginacion-anterior.gif) no-repeat;
height:6px;
width:6px;
overflow:hidden;
text-indent:100px;
margin-top:4px;
margin-right:4px;
}                                                                                                    
.listado .paginacion .siguiente{
background:url(/img/decoracion/paginacion-siguiente.gif) no-repeat;
height:6px;
width:6px;
overflow:hidden;
text-indent:100px;
margin-top:4px;
margin-right:4px;
}                                                                                                     
.listado .paginacion .ultima{
border:none;
background:url(/img/decoracion/paginacion-ultim.gif) no-repeat;
height:6px;
width:12px;
overflow:hidden;
text-indent:100px;
margin-top:4px;
margin-right:4px;
}              
.listado .paginacion .primera.primeraOff, 
.listado .paginacion .anterior.anteriorOff,
.listado .paginacion .siguiente.siguienteOff, 
.listado .paginacion .ultima.ultimaOff{display:none;}                                                                                          
/*Fin paginacion*/
/* ficha */ 
#middle .content .ficha{
width:682px;
overflow: hidden;
margin:0 auto;
text-align: right;
padding-bottom:25px;
}
#middle .content .ficha h2{
font-size:1.7em;
text-align: left;
font-weight:bold;
padding:10px 0 0px;
margin-bottom:15px;
border-bottom:1px solid #DB1920;
color:#DB1920;  
}
#middle .content .ficha h6{
color:#DB1920;
font-size:1.2em;
font-weight: bold;
padding-bottom: 5px;
}                                                                                                 
#middle .content .ficha .btnBullet{
clear: both;
width:155px;
float: right;
text-align: left;
display: block;   
background:url(/img/decoracion/bullet.gif) left center no-repeat;   
padding-left:10px;
margin:5px 0;
}
#middle .content .ficha .left{
width:260px;
overflow: hidden;
float: left;  
text-align: left; 
padding-bottom:10px;
}
#middle .content .ficha .left h6{
padding-left:15px; 
}
#middle .content .ficha .left img{
display: block;
margin:0 auto 15px;   
}
#middle .content .ficha .left .datos{
border-right:1px solid #ccc;
padding-bottom:55px;
margin-top:15px;
}
#middle .content .ficha .left .cajaDatos{
width:207px;
margin:0 auto;
padding:15px;
background:#E9E7E2;
border:1px solid #ccc;      
color:#333;
text-align: center;         
}
#middle .content .ficha .left .cajaDatos strong{
display:block;  
text-align: left; 
font-size:1.1em;
}
#middle .content .ficha .left .cajaDatos span{
display:block;   
text-align: left;
margin-bottom:10px;
}
#middle .content .ficha .right{
width:409px;
float: right;  
padding-bottom:10px;
text-align: left;
overflow: hidden; 
}
#middle .content .ficha .right .logo{
float: right;   
}
#middle .content .ficha .right h2{
border:none;
padding-left:5px;
margin-bottom:5px;
font-size:1.3em;
}
#middle .content .ficha .right .intro{
font-weight:bold;   
}
#middle .content .ficha .right .elementos{
clear:both;
}             
#middle .content .ficha .left .divGaleria{
width:260px;
height:88px;                
margin-top:0px;
}
#middle .content .ficha .left .divGaleria ul{
width:201px;   
height:62px;
padding:10px 0px 0 5px;
margin:0 auto;        
text-align: center;
}
#middle .content .ficha .left .divGaleria .btn{
display: block;
width:0;
height:0;
padding:28px 0 0 14px;
overflow: hidden;
margin-top:25px;
}
#middle .content .ficha .left .divGaleria .anterior{
float: left;
margin-left:7px;   
background:url(/img/decoracion/flecha-izq.gif) left top no-repeat;
}
#middle .content .ficha .left .divGaleria .anteriorActivo{
float: left;
margin-left:7px;
background:url(/img/decoracion/flecha-izq-activa.gif) left top no-repeat;
}
#middle .content .ficha .left .divGaleria .siguiente{
float: right;
margin-right:7px;
background:url(/img/decoracion/flecha-der.gif) left top no-repeat;
}
#middle .content .ficha .left .divGaleria .siguienteActiva{
float: right;
margin-right:7px;
background:url(/img/decoracion/flecha-der-activa.gif) left top no-repeat;
}
#middle .content .ficha .left .divGaleria #galeriaContenedor{
width:205px;
margin-left:27px;
overflow:hidden;
}
#middle .content .ficha .left .divGaleria #galeriaContenedor ul{
width:4000px;
}
#middle .content .ficha .left .divGaleria li{
width:60px;
height:60px;
margin-right:5px;
float: left;
border:1px solid #999;
}
#middle .content .ficha .left .divGaleria li a{
width:0px;
height:0px;
padding:60px 0 0 60px;
display: block;
overflow: hidden;
}                                                                      
#middle .content .ficha .right .elementos{
margin-bottom:20px;
}                                                                                            
#middle .content .ficha .right .elementos p{
padding-bottom:10px;   
}                                                                           
#middle .content .ficha .right .elementos li{
background:url(/img/decoracion/bullet.gif) left center no-repeat;   
padding-left:10px;
margin:5px 0;
list-style-type:none;   
}
#middle .content .ficha .right .categoria span,
#middle .content .ficha .right .capacidad span{
font-weight: bold;
font-size:1.1em;
}
/* fin ficha */
/* listados */
#middle .content .listado{
padding-left:5px;
padding-top:5px;
}
#middle .content .listado ul{
padding-top:15px;
}
#middle .content .listado li{
width:680px;
padding-left:15px;
overflow: hidden;
clear: both;
padding-bottom:18px;
list-style: none;
color:#333;
}
#middle .content .listado li img{
float: left;
}                                
#middle .content .listado li span,
#middle .content .listado li h3,      
#middle .content .listado li p{
width:590px;
display: block;
float: right;
}            
#middle .content .listado li .editor{
width:550px;
display: block;
float: right;
}
.seccion7 #middle .content .listado li p{
padding-bottom:10px;
padding-top:3px;
}
#middle .content .listado li .btnPdf{
margin-left:20px;   
}
.seccion9 #middle .content .listado li p{
float: left;
}
#middle .content .listado li h3 a{
color:#DB1920; 
}
#middle .content .listado li p{  
text-align:justify;   
}
#middle .content .listado h2,
#middle .content .listado li h3{
border:none;
font-size:1.1em;
color:#DB1920;
font-weight:bold;
padding-top:5px;
padding-bottom:3px;                
}
#middle .content .listadoMedia{
padding-left:5px;      
width:712px;
overflow: hidden;
}         
#middle .content .listadoMedia li{
width:209px;
height:230px;
clear: none;
float: left;
padding-left: 0;
padding-right:28px;
padding-bottom:15px;
}
#middle .content .listadoMedia li a{
color:#000;   
margin-top:12px; 
display: block;
font-size:1.2em;
text-align: center; 
}
/* fin listado */
#middle .content .video h2{
color:#DB1920;
padding-bottom:3px;
font-size:1.1em;
font-weight:bold;
border-bottom:1px solid;
width:692px;
margin-left:5px;
}
#middle .content .video .cajaVideo{
width:687px;
padding-top:20px;
height:463px;
text-align: center;
margin:15px 0 15px 5px;
background:url(/img/decoracion/fondo-video.jpg) left top no-repeat;
}                                   
#middle .content .video .btnBullet{
clear: both;
width:155px;    
text-align: left;
display: block;   
background:url(/img/decoracion/bullet.gif) left center no-repeat;   
padding-left:10px;
margin:5px auto;
}         
#middle .content h2{
color:#DB1920;
padding-bottom:3px;
margin-bottom:5px;
font-size:1.1em;
font-weight:bold;
border-bottom:1px solid;
width:692px;
margin-left:5px;
}     
#middle .content .canal{
padding-left:10px;
}
#middle .content .canal .abc{
height:20px;      
}
#middle .content .canal .abc li{
font-size:1.3em;
font-weight:bold;
float: left;
}
#middle .content .canal .abc li a{
color:#333;   
}
#middle .content .canal .abc .selected a{
color:#DB1920;   
text-decoration: underline;
}
#middle .content .canal .letraAbc{
color:#DB1920;
font-size:2em;
clear: both;
float: left;
margin:20px 0 20px;
border-bottom:1px solid;
}
#middle .content .canal .listado{
clear: both;
width:670px;
overflow: hidden;
margin-top:10px;
margin-bottom:10px;
}
#middle .content .canal .listado li{
clear: both;
background:url(/img/decoracion/bullet.gif) left 6px no-repeat;
padding-left:10px;
margin-bottom:35px;
padding-bottom:0;
text-align: left;
}
#middle .content .canal .listado li h5{
color:#DB1920;
font-size:1.2em;
}      
#middle .content .canal .btnBullet{
clear: both;
width:190px;    
text-align: left;
display: block;   
background:url(/img/decoracion/bullet.gif) left center no-repeat;   
padding-left:10px;
margin:20px auto;
}  
.seccion9 #middle .content .intro{
height:150px;
width:705px; 
background:url(/img/decoracion/wiki-roda.jpg) 20px 0 no-repeat;
}
.seccion9 #middle .content .intro h2{
border:none; 
width:351px; 
float: right; 
}
.seccion9 #middle .content .intro p{
width:351px;
text-align: justify;
float: right;
}
.seccion9 #middle .content .divForm h3{ 
color:#DB1920;
padding-bottom:3px;
margin-bottom:5px;
font-size:1.1em;
font-weight:bold;
border-bottom:1px solid;
width:692px;
margin-left:5px;
}
.seccion9 #middle .content .divForm p{
padding-left:5px;
padding-right:10px;
padding-bottom:10px;
}
/* editor */
#middle .content .editor p{
line-height:1.4em;    
padding-left:5px;
padding-right:10px;
padding-bottom:15px;
color:#333;
text-align: justify;
font-family: Arial;
}
#middle .content .editor em{
font-style: italic;   
}
#middle .content .editor a{
text-decoration:underline;
}
#middle .content .editor a:hover{
text-decoration:none;
}       
#middle .content .editor h3{
font-size:1.1em;
font-weight:bold;
padding:10px 0 0px;
margin-bottom:15px;
border-bottom:1px solid #DB1920;
color:#DB1920;  
}
#middle .content .editor h4{
font-size:1.1em;
font-weight:bold;
padding:10px 0 15px;
color:#DB1920;
}
#middle .content .editor ul{
padding:5px 0 15px 10px;
}
#middle .content .editor ul li{
list-style:disc;
margin-left:10px;
margin-bottom:10px;
padding:1px 0;
text-align: justify;
color:#333;
}
#middle .content .izq{
float: left;
margin: 5px 20px 5px 0;
}
#middle .content .der{
float: right;
margin: 5px 0 5px 20px;
}
#middle .content .com{
display: block;
float: none;
margin: 10px auto;
clear:both;
}
/* fin editor */

/*MAPAS*/
#mapaGM{
margin:0 auto;
width:500px;
height:400px;
}
/*Popup de mapa*/
.infoMapa{
height:150px;
width:230px;
background-color:#2D2D2D;
}
.infoMapa img{
display:block;
margin:0 auto;
}
.infoMapa span{
display:block;
background-repeat:no-repeat;
background-position:20px 0px;
font-size:13px;
color:#fff;
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 */
.formularioWikiroda,
.formulario{
width:591px;
margin:5px auto;
text-align: center;
padding-bottom:15px;
background:url(/img/decoracion/bottom-form.gif) left bottom no-repeat #E9E7E2;
}
.formulario fieldset{
width:566px;
display:block;
overflow:hidden;
text-align: left;  
color:#333;
padding:15px 0 0 25px;  
background:url(/img/decoracion/top-form.gif) left top no-repeat;
}
.formularioWikiroda .btnEnviar, 
.formulario .btnEnviar{
background-color:#fff;
color:#AE1524;   
padding:2px 6px;   
border:0;
}     
form legend{
display: none;
}
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 .campoNombre,                 
form.formulario .campoDireccion,
form.formulario .campoEmail,
form.formulario .campoFecha{
width:273px;
}
form.formulario .campoNombre input,
form.formulario .campoDireccion input,
form.formulario .campoEmail input{
width:260px;
}
form.formulario .campoFecha select{
width:55px;
margin-right:10px;
}
form.formulario .campoTextoLargo textarea{
width:535px;
height:55px;
}
form.formulario input,
form.formulario select{
border:1px solid #999;
height:1.6em;
width:125px;
}

.formularioWikiroda fieldset{
width:495px;
text-align: left;
color:#333;
padding:15px 45px 0;
background:url(/img/decoracion/top-form.gif) left top no-repeat;
}
.formularioWikiroda .campo{
padding-bottom: 15px;
}
.formularioWikiroda label{
display: block;   
padding-bottom:5px;
}
.formularioWikiroda fieldset input,
.formularioWikiroda fieldset select{
width:500px;
}
.formularioWikiroda .campo.campoNombre{       
    float: left;
    width: 250px;
}  
.formularioWikiroda .campo.campoEmail{           
    float: left;  
    width: 250px;
}    
.formularioWikiroda fieldset .campoNombre input,
.formularioWikiroda fieldset .campoNombre select{
width:230px;
}
.formularioWikiroda fieldset .campoEmail input,
.formularioWikiroda fieldset .campoEmail select{
width:250px;
}
.formularioWikiroda fieldset textarea{
height:100px;
}    
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: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;
}

/* POLITICA PRIVACIDAD */
form #campoPolitica{       
padding-top: 20px;   
width: 240px;  
}
form #campoPolitica label{    
width: 220px;
float: right;  
}
form #campoPolitica .check{       
float: left; 
width: 10px;   
}
/* FIN POLITICA PRIVACIDAD */

/* texto formulario */
.textoFormulario{
    padding-left: 68px;
    width: 580px;
    text-align: justify;
}


