﻿
.mas {padding-top: 100px;}
.dest {color:#ee7b23; font-weight:bold;}
.yui-b h2 span, .yui-b h3 span, .yui-b h4 span{position: absolute; left: -99999px; overflow:hidden;}
.yui-b table caption, .yui-b table thead th span {position: absolute; left: -99999px; overflow:hidden;}
acronym {border-bottom: 1px dotted #ee7b23;}

/************/
p.seguir, p.subir {text-align:right; float:right; clear:both; margin:0; padding-top:0px; padding-right: 20px;}
p.logo  {float:right; clear:both; width: 90%;}
p.google {float:left; text-align:left; float:left; clear:both; width: 100%;}
p.seguir a {
font-weight:bold; 
float:right;
margin-top:0;
padding: 25px 0 20px 45px; 
text-decoration:underline; 
background: #ffffff url(../imagenes/enlaces.jpg) no-repeat 0% 0%; 
}

p.subir a { 
color:#5db437;
font-weight:bold;
text-decoration:underline; 
background: #ffffff url(../imagenes/enlaces.jpg) no-repeat 100% 45%; 
padding:25px 65px 20px 0; 
display:block; 
margin-right: 20px; 
}

p.subir2 a { 
color:#5db437;
float:right;
font-weight:bold;
text-decoration:underline; 
background-image:none; 
padding:25px 25px 20px 0; 
display:block; 
margin-right: 20px; 
}

p.google a { 
color:#45b5c7; 
margin-top: 10px;
float:left;
display:block;
font-weight:bold; 
padding: 20px 0 20px 65px; 
text-decoration:underline; 
background: #ffffff url(../imagenes/enlaces.jpg) no-repeat 0% 90%; 
}

/*********/
.yui-b a {color:#2c5f83; text-decoration:underline;}
.yui-b a:hover {text-decoration: underline overline;}
.yui-b a:visited {color:#9e1f3a; }

/**********/
.yui-b h2 {
width: 550px;
height:95px;
margin: 0 0 10px -40px; 
overflow: visible;
background:url(../imagenes/h2_casalespedroses.gif) no-repeat 0% 0%;
}

.yui-b h2.lespedroses{ width: 650px; height:115px; background-position: 0% 102%;}

.yui-b h2.tarifas{ background-position: 0% 11%;}

.yui-b h2.avisolegal{ background-position: 0% 22%;}

.yui-b h2.politica{ background-position: 0% 34%;}

.yui-b h2.apart{ background-position: 0% 56%;}

.yui-b h2.fontan{ background-position: 0% 45%;}

.yui-b h2.fuente{ background-position: 0% 68%;}

.yui-b h2.pumarada{ background-position: 0% 79%;}

.yui-b h2.ermita{ background-position: 0% 91%;}

.yui-b h2.localizacion{ background-position: 112% 0%;}

.yui-b h2.contacto{ background-position: 65% 45%;}

.yui-b h2.multimedia2{ background-position: 65% 55%;}

.yui-b h2.libro{ background-position: 65% 67%;}

.yui-b h2.entorno{ background-position: 65% 32%;}

.yui-b h2.noticias{ background-position: 65% 11%; width: 570px; }

.yui-b h2.actividades{ background-position: 65% 21%;}

.yui-b h2.ofertas{ background-position: 55% 0%; width:370px;}

.yui-b h2.quehacer{ background-position: 71% 89%; width: 630px;}

.yui-b h2.boletin{ background-position: 83% 100%; width: 630px; }

.yui-b h2.mapa{ background-position: 65% 11%; width: 580px; }
/***************/
 .yui-b h2.apartamentos{
width: 457px;
height:82px;
margin: 0 0 0 0; 
background:url(../imagenes/h2.jpg) no-repeat 0% 14%;
}
 .yui-b h2.multimedia{
width: 453px;
height:81px;
margin: 0 0 0 0; 
padding:0;
background:url(../imagenes/h2.jpg) no-repeat 0% 0%;
}
/*************************************************/
 .yui-b h3 {
height:41px;
clear:left;
color:#cd100b;
margin: 0; 
background:#ffffff url(../imagenes/h3.jpg) no-repeat 0% 0%;
}

.yui-b h3.ofertas{ background-position: 5% 0%;}
.yui-b h3.noticias{ background-position: 3% 10.5%;}
.yui-b h3.precios{ width: 285px; margin-left:25px; background-position: 4% 21%;}
.yui-b h3.normativas{ width: 285px; margin-left:25px; background-position: 4% 31%;}

.yui-b h3.elfontan{ background-position: -2% 37%;}
.yui-b h3.fuenteovinana{height: 40px;background-position: -2% 45%;}
.yui-b h3.laermita{ background-position: -2% 58%;}
.yui-b h3.lapumarada{ background-position: -2% 67%;}
.yui-b h3.salon{ margin-left: 15px; background-position: 4% 75%;}
.yui-b h3.enlaces{ margin-left: 15px; background-position: 4% 82%;}

.yui-b h3.actividades{background-position: 4% 89%;}
.yui-b h3.masactividades{background-position: 4% 97%; width: 80%;}
.yui-b h3.boletin2{background-position: 120% 97%; width: 40%; height:38px;}
.yui-b h3.boletin{background-position: 130% 97%; width: 90%; height:38px;}

.yui-b h3.legal {
width: 80%;
height:21px;
color:#cd100b;
margin: 0 0 0 25px; 
background:#ffffff;
background-image:none;
}
 
 .yui-b h3.multimedia {
clear:left;
color:#cd100b;
margin: 0 0 0 10px; 
background:#ffffff url(../imagenes/web2.gif) no-repeat 0% 0%;
}

 .yui-b h3.flirck {
clear:left;
color:#cd100b;
margin: 0 0 0 10px; 
background:#ffffff url(../imagenes/web2.gif) no-repeat 0% 33%;
}

 .yui-b h3.twitter {
clear:left;
height: 60px;
color:#cd100b;
margin: 0 0 0 10px; 
background:#ffffff url(../imagenes/web2.gif) no-repeat 0% 60%;
}

 .yui-b h3.facebook {
clear:left;
height: 60px;
color:#cd100b;
margin: 0 0 0 10px; 
background:#ffffff url(../imagenes/web2.gif) no-repeat 0% 90%;
}
 .yui-b h3 a {display:block; width: 100%; height:100%;}
/********************************/
.yui-b h4 {color:#cd100b; margin: 10px 0 5px 25px; width: 100%; font-size:1.2em;}

/********************************/
.yui-b  p {margin-left: 25px; font-size: 1.1em; width: 95%;}
.yui-b  p  img{margin: 25px 0 10px 25px; font-size: 1.1em;}
.yui-b  ul {font-size: 1.1em;width: 90%; margin:5px 0 10px 25px; padding:0;}
.yui-b  ul  li{ margin:3px 0 3px 0; padding:0;}

/**************************************/
/*galerias de imagenes*
.yui-b  .galerias {

}


.yui-b  #s4 , .yui-b  #s5{
width: 480px;
height: 320px;
float:left;
margin-left: 5%;
}
.yui-b  #s4 img, .yui-b  #s5 img {margin: 25px 0 0 30px;}
#nave, #naveg , #navegacion_galeria {width: 80%; float:left; clear:both;  margin: 0 0 0 0; padding:25px 0 0 50px;}
#navegacion_galeria  a, #nave a, #naveg a  { font-weight:bold; font-size: 1.1em;border: 1px solid #ccc; color:#698e27; background: #fff4b7; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#navegacion_galeria  a:hover,  #nave a.activeSlide , #naveg a.activeSlide{ background: #ea0; color:#6d1b24; } */
#album {
width:100%; 
height:410px; 
margin:0 auto 20px 20px;
background: #ffffff url(../imagenes/papel_galeria.jpg) no-repeat 0% 0%;
float:left;
}

#album2 {
width:100%; 
height:410px; 
margin:0 auto 20px 20px;
background: #ffffff url(../imagenes/papel_galeria.jpg) no-repeat 0% 0%;
float:left;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery { padding:0; float:left; width: 500px; height: 410px; margin:410px 0 0 0; list-style-type:none; 
position:relative; 
}
/* remove the default image border */
.gallery img {border:0;}
/* make the list horizontal */
.gallery li {float:left; margin: 410px 0 0 0;}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px; float:left; text-decoration:none; color:#698e27; background: #fff4b7; text-align:center; 
width:26px; height:26px; line-height:24px; border: 1px solid #ccc; margin:2px; font-weight:bold; font-size:1.1em;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; float:left; left:0; visibility:hidden; border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:50px; left: 30px;
}
/* fix the left position for the portrait images */

/* style the hover background color for the text boxes */
.gallery li a:hover {
background: #ea0; color:#6d1b24;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background: #ea0; color:#6d1b24;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

#album_inicio {
margin:15px 0 0px 0px;
float:left;
background: url(../imagenes/papel_portada_galeria.jpg) no-repeat 0% 0%;
width: 95%;
height: 340px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
#album_inicio  .gallery { padding:0; float:left; width: 440px; height: 410px; margin:0 0 0 10px; list-style-type:none; 
position:relative; 
}
/* remove the default image border */
#album_inicio  .gallery img {border:0; margin-left:0;}
/* make the list horizontal */
#album_inicio .gallery li {float:left; margin: 10px 0 0 0px;}

#album_inicio .gallery li a img.landscape {
top:30px; left: 20px; 
}
/**/
#album_libro{
width:100%; 
height:750px; 
margin:30px auto 20px 20px;
background: #ffffff url(../imagenes/papel_galeria_libro.jpg) no-repeat 0% 0%;
float:left;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
#album_libro  .gallery { padding:0; float:left; width: 500px; height: 650px; margin:20px 0 0 30px; list-style-type:none; 
position:relative; 
}
#album_libro .gallery li {float:left; margin: 0px 0 0 0;}
/* remove the default image border */
#album_libro  .gallery img {border:0; margin-left:0;}
/* make the list horizontal */
#album_libro .gallery li {float:left; margin: 20px 0 0 0px;}

#album_libro .gallery li a img.landscape {top:70px; left: 40px;}

/**************************************/
/* ul migas*/
#bd ul.migas{float:right; width: 30%; margin-top: 10px; padding:10px 0; font-size: 1.1em;}
#bd ul.migas li {display:inline;}
#bd ul.migas li a {color:#cd100b;}

/**************************************/
/* ul interiores*/
.yui-b ul.apart {width: 90%; height: auto; margin-left: 70px; float:left; clear:both;}
.yui-b ul.apart  li  {font-family: "Anivers", "Myriad pro", Verdana, Sans-serif;}
.yui-b ul.apart  li  {width: 50%; margin:0;  float:left; height: 180px;}
.yui-b ul.apart   li  p {font-size: 1.1em; margin:0 0 0 20px;}
.yui-b ul.apart   li a.elfontan{color:#4b7f94;}
.yui-b ul.apart   li  a.laermita{color:#831c11;}
.yui-b ul.apart   li  a.fuenteovinana{color:#c95a47;}
.yui-b ul.apart   li  a.lapumarada{color:#da7c46;}
.yui-b ul.apart   li img { padding: 12px 10px 13px 13px ; margin:0; background: url(../imagenes/fondo_foto_portada.jpg) no-repeat 0% 0%;}
.yui-b ul.seguido {margin-left: 10px; width: 100%;}
.yui-b ul.seguido li{ width: 33%;  }
 
/***** ul portada y columna extras ********/
.yui-b ul.second {
width: 100%;
margin:0; padding:0;
font-size: 1.1em
}

.yui-b ul.second li {float:left; clear:none;}
.yui-b ul.second  li.casa {width: 50%;}
.yui-b ul.second  li.casa p {font-size:1em; margin-left: 30px; color:#222222;}
.yui-b ul.second  li.casa p img {margin-left: 30px;}


.yui-b ul.second  li.casa ul {
background: #ffffff url(../imagenes/papel_portada.jpg) no-repeat 0% 0%;
width: 446px;
height:252px;
padding:10px 0 0 0px ;
}

.yui-b ul.second   li.casa ul li {
background: url(../imagenes/li_papel_portada.jpg) no-repeat 0% 2pt;
width: 85%;
margin: 7px 0 5px 20px;
padding-left: 15px;
font-size:0.9em;
}

.yui-b ul.second   li.galeria {
background: url(../imagenes/detallec.png) no-repeat 0% 100%;
width: 48.7%;
height:360px;
float:left;
padding:90px 0 0 0;
}

.yui-b  .galeria_p {
background: url(../imagenes/papel_portada_galeria.jpg) no-repeat 0% 0%;
width: 95%;
height: 340px;
float:left;
margin: 15px 0 0 10px;
}
.yui-b  .galeria_p  #s4 {width: 450px; height: 245px; margin:0; padding:0;}

.yui-b ul.second  li.galeria   img {margin:20px 0 0 10px; float:left; padding:0;}

.yui-b ul.second  li.casas {
width: 48.7%;
padding:0px 0 10px 0;
}

.yui-b ul.second  li.casas  ul { font-family: "Anivers", "Myriad pro", Verdana, Sans-serif;}
.yui-b ul.second  li.casas   ul  li  {width: 48%; }
.yui-b ul.second   li.casas  ul  li  p {font-size: 1.1em; margin:0 0 0 20px;}
.yui-b ul.second   li.casas  ul  li  a.elfontan{color:#4b7f94;}
.yui-b ul.second   li.casas  ul  li  a.laermita{color:#831c11;}
.yui-b ul.second   li.casas  ul  li  a.fuenteovinana{color:#c95a47;}
.yui-b ul.second   li.casas  ul  li  a.lapumarada{color:#da7c46;}
.yui-b ul.second   li.casas  img { padding: 12px 10px 13px 13px ; margin:0; background: url(../imagenes/fondo_foto_portada.jpg) no-repeat 0% 0%;}

.yui-b ul.second   li.quehacer {width: 50%; font-size:0.8em; margin: 0 0 0 10px; }
/*.yui-b ul  li.quehacer */ 
.yui-b ul.second   li.quehacer ul {width: 100%; margin: 10px 0 0 10px; padding:0;}
.yui-b ul.second   li.quehacer ul li {width: 45%; min-height: 320px; padding-right: 10px; background:#ffffff url(../imagenes/detalleguion.jpg) no-repeat 100% 0%;}
.yui-b ul.second   li.quehacer ul li h3 {margin: 0 10px 0 0;}
.yui-b ul.second   li.quehacer ul li h4.ofert {color:#ee7b23; margin-left:0;}
.yui-b ul.second   li.quehacer ul li h4.notic {color:#4D5177; margin-left:0;}
.yui-b ul.second   li.quehacer ul li p {margin: 0 10px 0 0px;}
.yui-b ul.second   li.quehacer  img { padding: 12px 10px 13px 13px ; margin:0 0 0 0; background: url(../imagenes/fondo_foto_portada.jpg) no-repeat 0% 0%;}

.yui-b ul.second   li.interior { width: 98%; font-size:0.8em; margin: 0 0 20px -5px; }
/*.yui-b ul  li.quehacer */ 
.yui-b ul.second   li.interior ul {width: 100%; margin: 20px 0 0 10px; padding:0;}
.yui-b ul.second   li.interior ul li {width: 45%; min-height: 320px; padding-right: 10px; background:#ffffff url(../imagenes/detalleguion.jpg) no-repeat 100% 0%;}
.yui-b ul.second   li.interior  h3 {margin: 0 10px 0 0;}
.yui-b ul.second   li.interior h4 {color:#ee7b23; font-size: 1.3em; margin:0;}
.yui-b ul.second   li.interior h4.notic {color:#4D5177;}
.yui-b ul.second   li.interior p {margin: 10px 0 0 0; font-size: 1.3em;}
.yui-b ul.second   li.interior img { padding: 12px 10px 13px 13px; margin:0 0 0 20px; 
padding:2px; background-color:#cccccc; border :1px solid #8aba52;}

.yui-b ul.second   li.sep{ padding-bottom: 35px; background: url(../imagenes/detallec.png) no-repeat 100% 100%;}

.yui-b ul.second   li.interior p.nubes {text-align:center; background:#f8f8e8;}
.yui-b ul.second   li.interior p.nubes  a {padding: 10px 0; }
.yui-b ul.second   li.interior p.nubes  a:hover {text-decoration:underline;}




  a.naranja {color:#ee7b23;} 
  a.verde {color:#709f27} 
  a.azul {color:#4b7f94;} 
  a.azuloscuro {color:#4D5177;} 
  a.granate{color:#831c11;}
  a.rojo   {color:#bd3927;}
  a.marron {color:#62572d;}
  a.otroazul {color:#415e62;}
  a.morado {color:#81368f;}  
  a.otroverde {color:#2c8930;}
  
  a.grande {font-size:1.5em;}
  a.masgrande {font-size: 2em;}    
  a.masmasgrande {font-size: 2.5em;}

/****************************************/
.yui-b ul.enlaces {
background: url(../imagenes/papel_portada.jpg) no-repeat 0% 2pt;
width: 446px;
height:252px;
padding:10px 0 0 0px ;
}
.yui-b ul.enlaces li {
background: url(../imagenes/li_papel_portada.jpg) no-repeat 0% 2pt;
width: 85%;
margin: 7px 0 5px 20px;
padding-left: 15px;
font-size:1em;
}
/********************************/
.yui-b #contenido {
font-size:1em;
width: 95%;
margin-top: 20px;
margin-left:0;
/*min-height: 700px;*/
padding-right: 20px;
background:#ffffff url(../imagenes/detalleguion.jpg) repeat-y 100% 0%;
}

.yui-b #contenido  li {
margin-bottom: 2px;
}

.yui-b #contenido li h3 {color:#ee7b23; background:transparent; font-size:1.3em; margin: 0px 0 0 -100px ; padding: 20px 0 0 0;  background-image :none;}
.yui-b #contenido li h3 span {position: relative; left: 0px; overflow:visible; margin-right: 15px;} 
.yui-b #contenido li h3 .fecha_etiqueta {float:left;width: 110px; text-align:center; height: 70px; font-size:0.9em; font-weight:bold; color:#573e17; margin-top: -30px; padding-top: 10px; background: url(../imagenes/etiqueta_fecha.png) no-repeat 0% 0%;}

.fecha_etiqueta .dia {font-size:1.2em; width: 110px; float:left; text-align:center;}

.etiq_noticias {color:#4D5177;}

.yui-b #contenido li h3.masactividades{
width: 80%; height:41px;
clear:left;
color:#cd100b;
float:left;
margin: 20px 0 0 30px; 
background:#ffffff url(../imagenes/h3.jpg) no-repeat 4% 100%;}

.yui-b #contenido li h3.masactividades span{position: absolute; left: -99999px; overflow:hidden;}

.yui-b #contenido li h3.ofert {color:#ee7b23; margin-bottom:10px;}
.yui-b #contenido li h3.notic {color:#4D5177; margin-bottom:10px;} 
.yui-b #contenido li h3.activ {color:#bd3927; margin-left: 30px;} 
.yui-b #contenido li .fecha {font-size: 1em; color:#236b77;} 
.yui-b #contenido li  p img {border:2px solid #ee7b23; margin: 0 10px 10px 10px; float:left; clear:left; }
.yui-b #contenido li  p strong {color:#ee7b23;}
.yui-b #contenido li  p .caption {color:#236b77; font-style:italic; clear:both; float:left;}
.yui-b #contenido li  p.limpia {float:left; clear:both; width: 100%;}
.yui-b #contenido ul li{background: url(../imagenes/li_papel_portada.jpg) no-repeat 0% 2pt; padding-left: 15px;}
/**************************************************************************************************/
.yui-b table.tarifas {
background:#ffffff url(../imagenes/papel_tarifas.jpg) no-repeat 0% 0%;
width: 640px;
height: 390px;
margin-left: 5px;
padding:0;
font-family:"Times New Roman", serif;
font-size: 1.3em;
}
.yui-b table th , .yui-b table td  {margin:0; padding:0;}
.yui-b table th{font-weight:normal; width: 19%;}

.yui-b table thead {padding-top: 10px;}
.yui-b table thead  tr  th {height: 75px;}

.yui-b table tbody {text-align:center;}
.yui-b table tbody tr th {text-align: left; padding: 3px 0 3px 40px; margin:0;}
.yui-b table tbody tr th, .yui-b table tbody td{height: 15px;}

.yui-b table tfoot  tr, table tfoot  td{margin:0; padding:0;}
.yui-b table tfoot  td { padding:0 0 0 30px;}
.yui-b table tfoot  td p {margin:5px 0;font-size:0.75em;}

.yui-b table .dest {color:#cd100b;}


 #flickr_badge_uber_wrapper {background:#fff6dc; margin: 10px 0 20px 20px;}
.flickr_badge_image img {margin: 15px;}

.video {margin: 10px 0 20px 100px;}
/**************************************************************************************************/
.yui-b .direccion {
width: 647px;
background:#ffffff url(../imagenes/fondo_donde_estamos.jpg) no-repeat 0% 0%;
height: 257px;
display:block;
padding:80px 0 0 0;
}

.yui-b .fcontacto {
background:#ffffff url(../imagenes/fondo_donde_estamos.jpg) no-repeat 0% 100%;
height: 435px;
padding:60px 0 0 0;
}

.yui-b .direccion  p {
width: 55%;
}
.yui-b form.suscribir {margin:0; padding:0; width: 90%;}
.yui-b form.suscribir  p  { margin-top:0; width: 90%;}
.yui-b form.suscribir  p input{margin-left: 0px; width: 70%; border :1px solid #8ab136 ; font-weight:normal;}
.yui-b form.suscribir label{font-weight:bold; color:#8ab136;}
.yui-b form.suscribir p .boton {border :1px solid #8ab136; width:auto; cursor:pointer; font-weight:bold; padding:3px 10px;}


.yui-b  form {width: 64%; padding-top: 10px; }
.yui-b  .fcontacto   form p { width: 100%; margin-top: 3px;  margin-bottom: 8px; margin-left: 15px;}
.yui-b   form p {}
.yui-b   form p input {margin-left: 5px;}
.yui-b   form p .boton {border :1px solid #45b5c7; cursor:pointer; font-weight:bold; padding:3px 10px;}
.yui-b .direccion  address {
width: 35%;
float:right;
position:relative;
height: 110px;
padding: 80px 0 0 0 ;
font-size: 1.1em;
}
.yui-b .direccion  address span {display:block; margin: 6px 0 6px 10px;}
.yui-b .direccion  address .postal-code, .yui-b .direccion  address .locality {display:inline;}
.yui-b .direccion  p.respuesta {padding-top: 70px; color:#45b5c7; font-weight:bold;}
/***************/

p.advertencia {color:#cd100b;}
p.mapa { margin:0 0 0 10px; padding:8px 8px 15px 0; float:left; clear:both; width: 95%;background:#ffffff url(../imagenes/fondo_mapas.jpg) repeat-x 0% 0%; }
p.mapa a {margin-left:0; padding:10px 0 10px 0; }
p.mapa  img {border: 4px solid #45b5c7; margin-left:10px;}
/**************************************************************************************************/

#contenido_list_counter {
width: 100%;
clear:both;
float:left;
margin-top: 20px;
text-align:center;
}

#contenido_list_counter a {font-weight:bold; 
font-size: 1.1em;border: 1px solid #ccc; 
color:#698e27; background: #fff4b7; 
text-decoration: none; margin: 0 5px; padding: 5px 10px;}
#contenido_list_counter a:hover {color:#6d1b24;}
#contenido_list_counter  a.qp_disabled {
visibility: hidden;
}