body {
  color: black;
  background-color: white;
  text-align: left;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 1003px;
}
a:link {
  color: navy;
  text-decoration: underline;
}
a:visited {
  color: purple;
  text-decoration: underline;
}
a:active {
  color: maroon;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
  color: Teal;
}
#pagina {
  width: 1003px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

/*  ============================================ CABECERA ========================================== */
#cabecera {
  background: transparent url(../graficos/cabeceraPajaHorreos.jpg) no-repeat scroll left top;
  height: 100px;
  width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;

}

#cabecera p.direccion, #cabecera p.biosfera {
  font-family: Verdana;
  font-size: 0.8em;
  color: maroon;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 130px;
  font-weight: bold;
 }
#cabecera p.biosfera {
  color: black;
  font-size: 0.8em;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
 }

img.proximaAperturaIzda {
	float: right;
	position: absolute;
	margin-top: 30px;
	margin-left: 570px;
}


/*  =========================================================================================================== */
 
#menuYcontenido {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../graficos/fondo06.jpg); 
}

/*  ============================================ MENU ========================================== */
#menu {
  background-color: transparent;
  background-image: url(../graficos/barraMaderaEstrecha.jpg);
  width: 100%;
  position: relative;
  background-position: left top;
  background-repeat: repeat-x;
  height: 19px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}
#menu ul {
  padding-left: 0;
  margin-left: 0;
  margin-top: 0px;
  width: 100%;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  float:left;
  position: absolute;
}
#menu ul li {
  display: inline;
}
#menu ul li a {
  padding: 0px 10px 0px 0px;
  border-style:none;
  border-width: 0px 1px 0px 0px;
  background-color: transparent;
  color: White;
  text-decoration: none;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}

#menu ul li a.actual {
	text-decoration: underline;
	color: blue;
	text-transform: uppercase;
}

#menu ul li a:hover {
  color: green;
  /*background-color: blue;*/
}

img.tamanoTexto {
	float: right;
	position: relative;
	cursor: pointer;
	z-index: 99;
}
/*  ============================================================================================= */

/*  ============================================ PIE DE PÁGINA ========================================== */
#piePagina {
  width: 1003px;
}
#piePagina p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  text-align: center;
}
#piePagina img {
  border:  none;
}
#piePagina img.facebook{
	float: right;
}
#piePagina img.wifi{
	float: right;
}
#piePagina img.blogspot{
	float: right;
}


/*  ===================================================================================================== */

/*  ============================================ CONTENIDO - GENERAL ========================================== */
#contenido {
  height: auto;
  width: auto;
  text-align: justify;
  position: relative;
  font-family: Comic Sans MS;
  font-size: 0.9em;
  font-weight: inherit;
}
#contenido p {
  margin-left: 2%;
  margin-right: 2%;
}

#contenido ul.contactar li {
  margin-bottom: 10px;
  list-style-type: circle;
}

b {
  font-weight: bold;
  color: blue;
}

b.azul {
  color: blue;
}

b.negro {
  font-weight: bold;
  color: black;
}

hr {
	float: left;
	width: 100%;
}

#contenido * form a img {
  border-width: 0px;
}

#contenido img.facebook{
	float: right;
	/*margin-right: 10px;*/
}
#contenido img.wifi{
	float: right;
	margin-left: 10px;
}
#contenido img.wifi{
	float: right;
	margin-left: 10px;
}

#contenido img.blogspot{
	float: right;
	margin-right: 10px;
}


#contenido img.facebookPeque{
	width: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

#contenido img.fb-precios{
	margin-right: 0px;
	margin-top: 10px;
}

#contenido img.fb-agenda{
	margin-top: -10px;
}

/*  ============================================ CONTENIDO - LISTAS DE ENLACES+CÓMO LLEGAR ========================================== */
#enlacesNormales {
  float: left;
  width: 100%;
/*  border-top: solid 1px black; */
}

ul.enlaces li {
  margin-bottom: 10px;
  list-style-type: circle;
}
ul.enlaces li ul {
  margin-right: 10px;
}
ul.enlaces li ul li {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}
ul.enlaces li ul li img {
  margin-right: 5px;
}

img.video{
	height: 95px;
}

ul.comollegar li {
  margin-bottom: 10px;
  list-style-type: circle;
  margin-right: 2%;
}
ul.comollegar li ul li {
  display: inline;
  margin-left: 5px;
}
ul.comollegar li ul li img {
  margin-right: 5px;
}

/*  ======================================================================================================================================= */


/*  ============================================ CONTENIDO - GLOBOS DE AYUDA ========================================== */
a.ayudaPalabra, a.ayudaPalabra:visited {
  font-style: italic;
  font-weight: inherit;
}
a.ayudaPalabra:hover {
  border-bottom: medium solid blue;
  background: olive none repeat scroll 0% 50%;
  color: white;
  text-decoration: none;
}
a.ayudaPalabra span {
  padding: 10px;
  display: none; 
  margin-left: 4px;
  color: white;
  font-style: normal;
  text-align: justify;
  font-weight: normal;
  font-family: Comic Sans MS;

}
a.ayudaPalabra:hover span {
  display: inline;
  background: olive none repeat scroll 0% 50%;
  position: absolute;
}

/*  ====================================================================================================================== */

/*  ============================================ CONTENIDO - GLOBOS-FOTO DE AYUDA ========================================== */
a.ayudaPalabraFoto, a.ayudaPalabraFoto:visited {
  font-style: normal;
}
a.ayudaPalabraFoto:hover {
	background: transparent;
}
a.ayudaPalabraFoto span {
  padding: 0px;
  display: none; 
  margin-left: 4px;
}
a.ayudaPalabraFoto:hover span {
  display: inline;
  background: transparent;
  position: absolute;
  border: solid 1px black;
}


/*  ====================================================================================================================== */

/*  ============================================ CONTENIDO - ENLACES DE VIDEO  ========================================== */
a.enlaceVideo, a.enlaceVideo:visited {
  font-style: normal;
  text-decoration: none;
}
a.enlaceVideo:hover {
  background: transparent;
}

/*  ====================================================================================================================== */



/*  ============================================ CONTENIDO - FORMULARIO Y CALENDARIO ========================================== */
p.textoAyudaFormulario {
	font-size: 87%;	
	color: maroon;
	margin-top:-1.2em;
}

#calendarioLlegada {
  border-style: groove;
  border-width: 3px;
  background-color: #ffff99;
  height: 21em;
  position: absolute;
  display: block;
  color: navy;
  font-size: 10px;
  font-family: Tahoma,Arial;
  width: 25em;
  text-align: right;
}
#calendarioLlegada table {
  margin: 0 auto ! important;
  width: 100%;
  font-size: 1.5em;
  font-family: Tahoma,Arial;
}
#calendarioLlegada tr {
  width: 100%;
}
#calendarioLlegada td {
  width: 14.28%;
  text-align: center;
}
#calendarioLlegada td a {
  color: #000099;
}
#calendarioLlegada td a:hover {
  background-color: #99ff99;
}
#calendarioLlegada td a:link {
  text-decoration: none;
  color: black;
}
#calendarioLlegada td a:visited {

  text-decoration: none;
}
#calendarioLlegada td.domingo, #calendarioLlegada td.domingo a {
  color: red;
  font-weight: bold;
}
#calendarioLlegada td.noValido {
  text-decoration: line-through;
}
#calendarioLlegada td.festivo {
  border-style: solid;
  border-color: red;
}
#calendarioLlegada td.festivo a {
  color: red;
  font-weight: bold;
}
#calendarioLlegada td.hoy {
  border-bottom: 3px solid blue;
}
#calendarioLlegada td.diaOtroMes {
  color: gray;
}
#calendarioLlegada td.TA {
  background-color: #c3d9ff;
}
#calendarioLlegada th {
  width: 14.28%;
  text-align: center;
  color: navy;
  background-color: silver;
}
#calendarioLlegada th.domingo {
  color: red;
  font-weight: bold;
}
/*  ==================================================================================================================== */

/*  ============================================ CONTENIDO - CALENDARIO DE TEMPORADAS ALTA Y BAJA  ========================================== */
#calendarioTBTA {
  border-style: none;
  height: auto;
  width: 100%;
  position: relative;
  float: left;
  color: navy;
  font-size: 12px;
  font-family: Tahoma,Arial;
  text-align: left;
}
#calendarioTBTA p.cabecera {
  font-size: 1.5em;
  text-align: center;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  color: red;
}
#calendarioTBTA table {
  /*margin: 0 auto ! important;*/
  margin-bottom: 1em;
  margin-left: 0.2em;
  margin-right: 0.15em;
  width: 16%;
  /*font-size: 1.5em;*/
  font-family: Tahoma,Arial;
  float: left;
  background-color: #ffff99;
}
#calendarioTBTA tr {
  width: 100%;
}
#calendarioTBTA td {
  width: 14.28%;
  text-align: center;
}

#calendarioTBTA td.domingo {
  color: red;
  font-weight: bold;
}
#calendarioTBTA td.hoy {
  border-bottom: 3px solid blue;
  padding: 0px;
}
#calendarioTBTA td.festivo {
  border-style: solid;
  border-color: red;
}
#calendarioTBTA td.TA {
  background-color: #c3d9ff;
}

#calendarioTBTA th {
  width: 14.28%;
  text-align: center;
  color: navy;
  background-color: silver;
}
#calendarioTBTA th.domingo {
  color: red;
  font-weight: bold;
}
#calendarioTBTA  td.hoy {
  border-bottom: 3px solid blue;
}
#calendarioTBTA table.leyendaTBTA {
  width: 15em;
  margin:0px;
  padding: 0px;
  background-color: transparent;
}
#calendarioTBTA table.leyendaTBTA td.dia {
  width: 10%;
  border-width: 1px;
  background-color: #ffff99;
}
#calendarioTBTA table.leyendaTBTA td.TA {
  background-color: #c3d9ff;
}
#calendarioTBTA table.leyendaTBTA td.dia.hoy {
  border-bottom: 3px solid blue;
}
#calendarioTBTA table.leyendaTBTA td.texto {
  width: 90%;
  text-align: left;
  padding-left: 4%;
}	
/*  ==================================================================================================================== */


/*  ============================================ CONTENIDO - MAPAS GOOGLE Y ESQUEMA ========================================== */

#mapas {
	float: right;
	width: 350px;
	margin-left: 1.5em;
}

#google {
	float:right;
	width:350px;
	height:200px;
}

#google object {
  color: #0000ff;
  text-align: left;
  width:350px;
  height:200px;
  margin-bottom: 0px;
}

p.notaGoogle {
  text-align: right;
  font-size: 0.8em;
  margin-top: 0.1em;
  margin-bottom: 1em;
}
#esquema {
	float:right;
	width: 350px;
	margin-top: 2.5em;
}

/*  ==================================================================================================================== */

#contenido p.nota {
  font-size: 80%;
}

#contenido p.tituloAp {
  font-size: 1.5em;
  color: blue;
  margin-bottom: -0.5em;
}
img.imagenMin {
}
img.imagenPeq {
  margin-left: 1px;
  margin-right: 0px;
  margin-top: 2px;
  height: 113px;
}

/* sólo funciona con IE */
img.masFotos {
	cursor: url(graficos/camara.ico), pointer ;  
}

a.masFotos {
  float: right;
  clear: right;
  margin-right: 2%;
}
hr.lineaSepAptos {
}
img.imagenGra {
}
img.dcha {
  border-style: none;
  border-width: 0px;
  float: right;
  margin-left: 10px; 
  margin-right: 2%;
  }
p img.dcha {
  margin-right: 0px;
}
img.sinMargenDcho {
  margin-right: -2%;
}
img.margenSup {
	margin-top: 1em;
}
img.margenIzq {
  margin-left: 1.5em;
}
img.izda {
  border-style: none;
  border-width: 0px;
  float: left;
  margin-right: 10px;
}
img.icono {
  margin-top: -15px;
  margin-left: 5px;
}
sup {
  font-size: 80%;
}
sup a:visited, sup a:link {
  text-decoration: none;
}
#contenido img {
  border-width: 0px;
}
b.rojo {
  color: red;
}
img.tfno {
  width: 24px;
  height: 24px;
}
table.tarifasNormales, table.tarifasEspeciales {
  margin-left: 20px;
  margin-bottom: -10px;
}
table.tarifasEspeciales {
  margin-top: 40px;
}
table.tarifasNormales, table.tarifasEspeciales {
  width: 80%;
  border-collapse: collapse;
  empty-cells: show;
  text-align: center;
}
table.tarifasEspeciales {
  width: 90%;
}
table.tarifasNormales caption, table.tarifasEspeciales caption {
  text-align: left;
  font-family: verdana;
  font-size: 1.5em;
  font-weight: bold;
  color: maroon;
  padding-bottom: 5px;
}
table.tarifasNormales col.apartamento {
  width: 28%;
}
table.tarifasEspeciales col.apartamento {
  width: 25%;
}
table.tarifasNormales th.apartamento, table.tarifasNormales td.apartamento, table.tarifasEspeciales th.apartamento, table.tarifasEspeciales td.apartamento {
  font-weight: bold;
}
table.tarifasNormales th, table.tarifasNormales td, table.tarifasEspeciales th, table.tarifasEspeciales td {
  border: 1px solid black;
}
table.tarifasNormales th, table.tarifasEspeciales th {
  background-color: orange;
}
table.tarifasNormales th.diaVerde, table.tarifasNormales td.diaVerde, table.tarifasEspeciales th.diaVerde, table.tarifasEspeciales td.diaVerde {
  color: green;
  font-weight: bold;
}
table.tarifasNormales tbody tr:hover, table.tarifasEspeciales tbody tr:hover {
  background-color: silver;
  font-weight: bold;
  font-style: italic;
}
p.separar {
  margin-top: 50px;
  margin-bottom: 10px;
}

/*  ============================================ AGENDA ========================================== */
#contenido p.tituloAgenda {
  text-align: left;
  font-family: verdana;
  font-size: 1.5em;
  color: blue;
}
ul.agenda li.mes {
  color: blue;
  list-style-type: none;
  margin-top: 10px;
  margin-left: -2%;
}
ul.agenda li.mes ul li {
  color: black;
  font-weight: bold;
  list-style-type: circle;
  margin-left: 0;
}
ul.agenda li.mes ul li p {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.4em;
}
/*  =========================================================================================================== */

/*  ============================================ ALREDEDORES Y ACTIVIDADES ========================================== */
ul.alrededores li {
  color: black;
  font-weight: bold;
  margin-left: 0;
  list-style-type: circle;
}
ul.alrededores li p {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.4em;
}
ul.actividades li {
  color: black;
  font-weight: bold;
  list-style-type: circle;
  margin-left: 0;
}
ul.actividades li li {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.4em;
  list-style-type: square;
}
ul.actividades li li p {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.4em;
}
/*  ====================================================================================================================== */

/*  ============================================ MINICALENDARIO Y RELOJ DE LA CABECERA ========================================== */
/* opacity es css3. IE7 no lo reconoce. Puesto sólo para FF y Opera */
#fechaActual {
  float: left;
  position: absolute;
  margin-left: 968px;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  color: #3333ff;
  background-color: #ffcc66;
  width: 35px
}
#fechaActual span.diaSem {
  float: left;
  width: 35px;
  font-size: 0.7em;
  margin-bottom: -5px;
}
#fechaActual span.dia{
  float: left;
  font-size: 1.4em;;
  font-weight: bold;
  width: 35px;
}
#fechaActual span.mes{
  background-color: black;
  color: white;
  float: left;
  font-size: 0.7em;
  width: 35px;
}
#fechaActual span.hora{
	float: left;
	width: 35px;
	font-size: 0.8em;
	color: black;
}
/*  =========================================================================================================== */



/*  ============================================ GALERIAS DE FOTOS ========================================== */

img.info {

	cursor: pointer;
}

div.marcoMasGaleria {
	margin-top: 5px;
	width: 100%;
	height: 380px;
	margin-bottom: 7px;
	/*border: solid red 1px;*/
}

div.marco {
  float: left;
  width: 640px;    /* 4:3=480px     16:9=640px*/
  height: 380px;
  text-align: center;
  background: url(../graficos/cargando.gif) no-repeat center center;
}
div.marco img {
	/*width: 480px;*/
	height: 360px;  
	cursor: pointer;
}



div.galerias {
	float: right;
	width: 350px;       /* 4:3=510px     16:9=350px*/
	height: 380px; 
	/*border: solid blue 1px;*/
}

div.miniaturas {
  /*visibility: hidden;*/
  display:none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 2px 0px 0px 0px;
  white-space: nowrap;
  background-color: #cc9933;
  /*border: solid 1px;*/
}

div.activa {
	/*visibility: visible;*/
	display: block;
}

div.conBarra {
  overflow: auto;
  height: 75px;
}
div.sinBarra {
	overflow:visible;
	height: 59px;    /* 56px + 3*/
}


span.tituloMarco {
  text-align: center;
  float: left;
  width: 100%;
  color: green;
  font-weight: bold;
  background-color: silver;
}

div.presentacion {
	float: left;
	width: 48px;
}
div.presentacion img{
	width:48px;
	cursor: pointer;
}
#lapsoFotos{
	float:left;
	width:100%;
	font-size: 91%;
}
#cambiarLapso {
	float: left;
	width:100%;
}
#cambiarLapso img {
	cursor: pointer;
	width: 16px;
}

div.miniaturas img {
/*  margin-bottom: 0px;
  margin-top: 3px; */
  cursor: url(graficos/lupa.cur), pointer ;  
}

div.miniaturas ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}
div.miniaturas li {
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  list-style-type: none;
  display: inline;
  font-size: 8px;  /* no quitar*/
}
div.miniaturas li:hover {
	background: red;
}

div.miniaturas li.actual {
	background: red;
}

div.galerias p {
	margin-bottom: 0px;
}

div.fotoGaleria {
  float: left;
  width: 100px;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color: orange;
}
div.fotoGaleria:hover {
  background-color: red;
}
div.fotoGaleriaActual {
  background-color: red;
}

span.tituloGaleria{
  float: left;
  width: 100px;
  height: 20px;
  text-align: center;
  font-size: 90%;
  padding:0px;
}
div.fotoGaleria img {
	cursor: pointer;   
}

#galeriaLoureiro {
	width: 55.5%;
}
#galeriaNogueira {
	width: 51.5%;
}
#galeriaTeixo {
	width: 90.5%;
}
#galeriaVS {
	width: 90.5%;
}
#galeriaAlrededores {
	width: 90.5%;
}
#galeriaDetalles {
	width: 90.5%;
}
#galeriaGastronomia {
	width: 67%;
}
	
/*  ========================================================================================================= */
div.marcoProyPagPrincipal {
	width: 210px;
	float: right;
	margin-right: 2%;
	margin-top: 0px;
}
div.marcoProyPagPrincipal a {
	text-decoration: none;
}
div.marcoProyPagPrincipal img {
	float: right;
}

/*  ========================================================================================================= */
div.eltiempo {
  margin-left: auto;
  margin-right: auto;
}