/*------------------------- GENERALES WEB --------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	color: #000;
	background:#FFF;	
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: <%=Application("colgen")%>;
}

.oculto {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

ul li {
  list-style-type: square;
}

/*------------------------- Centrado ---------------------------------*/
.centrado {
	clear: both;
	position: relative;
	width: 59.6875em; /*955px*/
	margin: 0 auto;
  padding: .9375em .9375em 2.5em .9375em;
  overflow: hidden;
  background: #E6E1D9;
  
}

/*------------------------- Centrado ---------------------------------*/
.ficha {
	clear: both;
	position: relative;
	float: left;
	width: 57.8125em;
	margin: 0;
  padding: 0 .9375em 0 .9375em; 
  overflow: hidden;
  background: #FFF url("../imgs/fnd_home.jpg") no-repeat;    
}

/*------------------------- Cabecera ---------------------------------*/
#cabecera {
  background: transparent url("../imgs/cabecera_home.jpg") right bottom no-repeat;      
  position: relative; 
  float: left;
  width: 100%;
  padding: 0 0 5.5em 0;
  margin: 0;  
}
#como_llegar #cabecera{
  background: transparent url("../imgs/cabecera_contacto.jpg") right bottom no-repeat;      
}

#apartamentos #cabecera {
  background: transparent url("../imgs/cabecera_apartamentos.jpg") right bottom no-repeat;      
}

#restaurante #cabecera {
  background: transparent url("../imgs/cabecera_restaurante.jpg") right bottom no-repeat;      
}

#tarifas #cabecera {

  background: transparent url("../imgs/cabecera_tarifas.jpg") -5px bottom no-repeat;      
  width: 23.625em;
  height: 23.1em;
}

#contacto #cabecera {
  background: transparent url("../imgs/imagen_contacto.jpg") -5px bottom no-repeat;      
  width: 23.625em;
  height: 23.1em;
}


#enlaces #cabecera {
  background: transparent url("../imgs/cabecera_tarifas.jpg") -5px bottom no-repeat;      
  width: 23.625em;
  height: 23.1em;
}
/*-------------------------- Menú idiomas------------------------------------*/
.idiomas {   
   position: relative;
   float: left;
   width: 4.5em;
   clear: none;   
   padding: 0 0 0 0;
}

.idiomas li {  
  list-style-type: none;
  float: left;
  position: relative; 
}

.idiomas li a {
  font-size: .625em;
  color: #000;
  text-transform: uppercase;
  padding: 0 .5em 0 1.5em;
}

.idiomas li a.esp {
  background: transparent url("../imgs/icon_lang_es.jpg") no-repeat;
}

.idiomas li a.eng {
  background: transparent url("../imgs/icon_lang_en.jpg") no-repeat;
}


/*-------------------------- Menú ------------------------------------*/

#menu { 
	position: relative;
	float: right;			
	margin: 0;
	padding: 1.75em 0 1em 0;		
	color: #0031A5;
	text-align: right;		
	background: transparent url("../imgs/fnd_menu.jpg") no-repeat right bottom;	
	width: 85%;
}

#menu li {
	list-style-type: none;
	float: left;
	position: relative;
	clear: none;
	padding: 0 1px 0 1px;		
	background: transparent url("../imgs/fnd_li.jpg") 0 .2em no-repeat;
}

#menu li.primero {
  background: none;
	
}

#menu a {
	color: #3F3E3E;	
	/*padding: .3em 3.5em;  */
	padding-top: .2em;
	padding-bottom: .0em;	
	margin: 0;
	width: 10em;
	text-align: center;
	display: block;
	font-size: .625em;
	height:20px;
	background: transparent;	
	/*display: block;*/
}

* html #menu a {
  padding-top: .4em;
}

html>body #menu a {
	height:18px;
}

#menu a.activo {    
  background: transparent url("../imgs/activo_home.jpg") no-repeat center 3px;  
  color:#FFF;    
  position: relative;
}

html>body #menu a.activo {    
  background: transparent url("../imgs/activo_home.jpg") no-repeat center 2px;  	
}


html>body #menu a.activo {
  background: transparent url("../imgs/activo_home.jpg") no-repeat top center;  
}

#menu a:hover {  
	color: <%=Application("colover")%>;
}

/*-------------------------- Logotipo ------------------------------------*/
#logotipo {
	position: relative;
	float: left;
	clear: both;
	width: 207px;
	height: 78px;
	overflow: hidden;
	margin: 0;
	padding: 4em 0 0 1px;
	font-size: 1em;
	z-index: 1;
	clear: both;	
}

#logotipo a {
	color: #000;
}

#logotipo a:hover {
	color: #000;
}

#logotipo span {
	position: absolute;
	top: 4em;
	left: 1px;
	width: 207px;
	height: 78px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/logo_home.jpg") no-repeat top left;
	z-index: 2;
	cursor: pointer;
}

/*-------------------------- CONTENIDO ------------------------------------*/
#contenido {
  position: relative;
  float: left;
  width: 100%;
  margin: .625em 0 0 0;
  padding: 0;
  background: transparent url("../imgs/fnd_contenido.jpg") repeat-x;
}

#tarifas #contenido ,
#contacto #contenido,
#enlaces #contenido {
  width: 31.4375em;
  float: right;  
  padding: .8125em .625em .6875em 0.5em;
  background: #F3F0EC;  
}


/*-------------------------- FORMULARIOS ------------------------------------*/
form {
  position: relative;
  float: left;
  width: 13.0625em;
  padding: 0 0 .875em 0 ;
  margin: 0;
  background: #F3F0EC;
  text-align: center; 
}

fieldset {
	border: none;
	margin:0;
	padding:0;
}

legend {
  position: relative;
  float: left;
  font-weight: bold;
  font-size: .6875em;
  text-transform: uppercase;
  color: #83202D;  
  padding: 18px 0 2em 3em; 
  width:80%; 
  text-align:left;
}  

form label {
  font-size: .625em;
  position: relative;  
  width: 10em;
}

form p {  
  margin: 0;
  padding: 0 0 0 1.3125em;
  text-align: left;
  vertical-align: top;
}

form p.nota {  
  font-size: .625em;
  padding: 1em;
  text-align: justify;
}


form select {
  margin: 0 0 1em 0;
}

form input.texto {
  font-size: 0.625em;
  width: 15em;
}

form textarea {  
  font-size: 0.625em;
  width: 16em;
  margin: 0 0 1em 0;
}

#form_contacto {  
  width: 100%;
}

#form_contacto legend {
  position: relative;
  float: left;
  clear: both;
  font-weight: bold;
  font-size: .6875em;
  text-transform: uppercase;
  text-align: left;
  color: #83202D;  
  padding: 18px 0 2em 3em;  
  width: 100%;
}  

#form_contacto label {
  font-size: .625em;
  position: relative;  
  width: 15em;
}


#form_contacto input.texto {
  font-size: 0.625em;
  width: 30em;
}

#form_contacto textarea {  
  font-size: .625em;
  font-family: verdana,sans-serif;
  width: 30em;
  margin: 0 0 1em 0;
}

/*------------------------------ CENTRO ------------------------------------*/
.centro {
  position: relative;
  float: left;
  margin: 0 ;
  padding: 0 0 1em 1em;
  position: relative;
  float:left;
  width: 27.25em;    
}

.centro h2 {
  padding: 0;
  margin: 0;
}

.centro p {
  position: relative;
  float: left;
  clear: both;
  font-size: .625em;
  color: #656463;
  padding: 13px 0 0 0;
  margin: 0;
  width: 100%;
}

.centro p.destacado {
  color: #DA5818;
}


/*------------------------------ CENTRO ------------------------------------*/
.izquierda {
  position: relative;
  float: left;
  margin: 0 ;
  padding: 0 0 1em 0em;
  position: relative;
  float:left;
  width: 37.5em;   
}

.izquierda h2 {
  padding: 0;
  margin: 0;
}
.info_bloque_texto,
.izquierda p {
  position: relative;
  float: left;
  clear: both;
  font-size: .625em;
  color: #656463;
  padding: 13px 0 0 0;
  margin: 0;
  width: 100%;
}

.info_bloque_texto p {
  font-size: 1em;
}

.izquierda p.destacado {
  color: #DA5818;
}

.izquierda p.grande {
  font-size: 13.27px;
  color: #842530;
  padding: 1em;
  font-weight: bold;
}

.izquierda div.texto_tarifas {
  position: relative;
  float: left;
  clear: both;
  font-size: .625em;
  color:#83212E;
  padding: 13px 0 0 0;
  width:80%;
}

.izquierda div.texto_tarifas p {
  font-size: 1em;
}

/*-------------------------------- H2 ------------------------------------*/

h2 {
	position: relative;
	float: left;
	clear: both;
	width: 219px;
	height: 33px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1em;
	z-index: 1;
	clear: both;	
}

h2 a {
	color: #000;
}

h2 a:hover {
	color: #000;
}

h2 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 219px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: transparent url("../imgs/titulo_home.jpg") no-repeat top left;
	z-index: 2;	
}

#h2 {
  width: 261px;
	height: 66px;
}

#como_llegar h2 span,
#contacto h2 span {
  width: 261px;
	height: 66px;
	background: transparent url("../imgs/titulo_contacto.jpg") no-repeat top left;
}

#apartamentos h2 {
  width: 177px;
	height: 30px;
}

#apartamentos h2 span {
  width: 177px;
	height: 30px;
	background: transparent url("../imgs/titulo_apartamentos.jpg") no-repeat top left;
}

#restaurante h2 {
  width: 182px;
	height: 30px;
}

#restaurante h2 span {
  width: 182px;
	height: 30px;
	background: transparent url("../imgs/titulo_restaurante.jpg") no-repeat top left;
}

h2.primero, h2.segundo , h2.tercero {
  width: 483px;
	height: 35px;
}

h2.primero span {
  width: 483px;
	height: 35px;
  background: transparent url("../imgs/tarifas1.jpg") no-repeat top left;
}

h2.segundo span {
  width: 483px;
	height: 35px;
  background: transparent url("../imgs/tarifas2.jpg") no-repeat top left;
}

h2.tercero span {
  width: 483px;
	height: 35px;
  background: transparent url("../imgs/tarifas3.jpg") no-repeat top left;
}



/*------------------------------ CENTRO ------------------------------------*/
#disposicion {
  position: relative;
  float: right;  
  width: 16.1875em;
  background: transparent url("../imgs/fnd_disposicion.jpg") no-repeat top right;
  margin: .5625em 0 0 0;
  padding: 0 0 2.7em 0;
}

#apartamentos #disposicion {
 background: transparent url("../imgs/fnd_disposicion_apartamentos.jpg") no-repeat top right;
 height: 12.5em;
}

#restaurante #disposicion {
  background: transparent url("../imgs/fnd_disposicion_restaurante.jpg") no-repeat top right;
  height: 12.5em;
}

#disposicion h3{
  display:none;
}

#disposicion ul {
  position: relative;
  float: left;
  margin: 0;  
  font-size: .625em;
  padding: 6.5em 0 0 3em;
  color: #FFF;
  list-style-image: url("../imgs/detalle_lista.jpg") ;
}

#disposicion ul li {
  padding: .2em 0 0 0;
  margin: 0 0 0 0;
}

#apartamentos #disposicion ul{
  display:none;
}

#restaurante #disposicion ul{
  display:none;
}
/*------------------------------ FOTOS ------------------------------------*/

.fotos {
  position: relative;
  float: left;
  clear: both;
  
}

/*------------------------------ TABLAS ------------------------------------*/
.contendor_tabla {
  position:relative;
  width: 30.1em;
  clear: both;
}
.tabla {
  position: relative;
  float: left;
  border: 2px solid #C9C7C3;  
  border-collapse: collapse;  
}

.tabla td, .tabla th{
  font-size: 10px;
  font-weight: normal;
  border: 2px solid #C9C7C3;
  padding: .8em 1em .8em 1em;
  text-align: center;
}

.comentario_tabla {
  border: 2px solid #C9C7C3;
  border-left: none;
  width: 29.4em;
  position: relative;
  float: left;
  font-size: 10px;
  text-align: center;
  padding:  3.45em 0 
}

/*------------------------------ FOTOS ------------------------------------*/
.galeria {
  position: relative; 
  float: left;
  margin: 0 ;
  padding: 1em 0 0 0;
  clear: both;
  width: 27.25em;
}

#apartamentos .galeria, #restaurante .galeria {  
  width: 38em;
}

.foto {
  position: relative; 
  float: left;  
  padding:  0 1.2em 1.2em 0;
}

#apartamentos .foto, #restaurante .foto {
  padding:  0 .4em 1.2em 0;
}

.foto img{
border:1px solid #D5D3D3;
  padding: .25em;
}

.mas_fotos {
  position: relative;
  float: left;
  padding: .5em 0 0 0;
  margin: 0;
  width: 100%;  
  font-size: 0.625em;
  font-weight: bold;
  color:#656463;
}

#mapa {
  position: relative;
  float: right;  
  width: 16.1875em;  
  height: 250px;  
  padding: 0;
  margin: 0;  
}

.lista_enlaces {
  position: relative;
  float:left;
  width: 100%;
}

.lista_enlaces li a{
  font-size: .75em;
  color: #000; 
 }
 
 
#logos {
  position: relative; 
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 0 4em;   
}

#logos img {
  padding: 0;
  margin: 0 2em 0 0;
}

/* --------------------Estilos para carrusel------------------------- */

/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 610px;
  width: 691px;
  height: 103px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 500px;
  width: 594px;
  height: 103px;
  padding-left:3px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}                      

#horizontal_carousel ul li {
  width: 250px;
  width: 198px;
  height: 240px;
  height: 97px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../../imgs/boton_anterior.jpg);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(../../imgs/boton_anterior.jpg);
}

#horizontal_carousel .previous_button_disabled {
  background: url(../../imgs/boton_anterior_disabled.jpg);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../../imgs/boton_siguiente.jpg);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../../imgs/boton_siguiente.jpg);
}

#horizontal_carousel .next_button_disabled {
  background: url(../../imgs/boton_anterior_disabled.jpg);
  cursor: default;
}
.telefono {
  float:left;
  position:relative;
  width:99%;
   font-size: .625em;
   text-align:right;
   padding: .6em .5em 0 0;
   color:#656463;
}