/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-image:url(../../imagenes/portalpublico/fondo_pagina.gif);
 background-repeat:repeat-y;
 background-color:#7a7662;
 background-position:center;
}
#capada
{
background-color:#FFFFFF;
width: 758px;
 margin: 0 auto;
 /*border:1px solid #000000;*/

}
#wrapper { 
 margin: 0 auto;
 width: 99%;
/* border:1px solid #000000;*/
 background-image:url(../../imagenes/portalpublico/fondo1.gif);
 background-position:center;
 height:451px;
 background-repeat:no-repeat;



}

#center_column
{
 margin: 0 auto;
 width: 756px;


}

#faux {
 background: url(../../imagenes/portalpublico/Fondos_columnas.gif);
 background-repeat:repeat-y;
 /*margin-bottom: 10px;*/
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 /*border: #000000 1px solid;*/
 /*min-height:400px;*/
 /*min-height:630px;
 #min-height:687px;
 height:auto !important;*/
margin-left:0px;
#margin-left:1px;
background-color:#FFFFFF;


}
#header {
 color: #333;
 width: 756px;
 #width: 757px;
 height: 183px;
 background-image:url(../../imagenes/portalpublico/cabecera.gif);
 /*background-position:center;*/
 background-repeat:no-repeat;
 margin-left:0px;
#margin-left:1px;

}

#idiomas
{
float:right;
margin-right:20px;
margin-top:10px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin-left: 20px;
 margin-top:5px;
 padding: 0px;
 width: 160px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #333;
/* margin: 10px;*/
  margin-top:1px;
  margin-right:15px;
 padding: 0px;
 width: 535px;
 display: inline;
 position: relative;
  /*border:1px solid #000000;*/
}

#flash_cabecera
{
width:535px;
}
.clear { clear: both; background: none; }

h1{
	font-size:1.6em;
	color:#fc0122;
	text-align:left;
	margin-top:15px;
	display:block;
	margin-bottom:5px;
}

h2{
	font-size:1.3em;
	color:#8A9BAD;
	text-align:left;
	margin-top:-5px;
/*	padding-top:0px;*/
	/*margin-bottom:-8px;*/
}

#linea_separacion
{
	background-image:url(../../imagenes/portalpublico/linea_separacion.gif);
	background-repeat:no-repeat;
	width:535px;
	height:24px;
	margin-bottom:15px;
}

#contenido_pagina
{
	margin-top:5px;
	/*border:1px solid #000000;*/
}

p{
font-size: 0.8em;
text-align:left;
padding-bottom:15px;
}

#footer
{
	background-image:url(../../imagenes/portalpublico/linea_separacion.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	/*border:1px solid #000000;*/
	/*vertical-align:bottom;*/
	height:50px;
	width:535px;
	margin-top:15px;
	margin-right:15px;
	height:35px;
	text-align:right;
	
	/*position: absolute;*/
	margin-left:205px;
	#margin-left:198px;
	
}

.enlace_aviso_legal
{
	font-size:0.8em;
	color:#fc0122;
	text-align:left;
	font-weight:bold;
	padding-right:15px;
	text-decoration:none;
}

/***************************************************ESTILOS BUSCADOR RÁPIDO*************************************************/
#buscador_rapido_content
{
	/*height:205px;
	#height:100px;
	_height:205px;*/
	/*background-color:#002C5B;*/
	/*margin-bottom:10px;*/
	width:160px;
	
}

#titulo_buscador_rapido
{
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	/*padding-left:10px;*/
	/*padding-top:15px;*/
	background-image:url(../../imagenes/portalpublico/cabecera_buscador.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:46px;
	font-weight:bold;
	padding-left:5px;
	border-bottom:3px solid #FFFFFF;
	width:156px;
}
#buscador_rapido
{
	background-position: top;
	/*background-image: url(../../imagenes/portalpublico/fondo_buscador.gif);
	background-repeat: repeat-x;*/
	background-color:#fa8080;
	height:118px;
	#height:115px;
	width:156px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:3px;*/
	padding-left:0px;
	padding-right:5px;
	_padding-left:0px;
	_padding-right:0px;
	border-bottom:3px solid #FFFFFF;
}

.boton_buscador_rapido
{
	background-image: url(../../imagenes/portalpublico/boton_comprobar.gif);
	background-color:#2a4664;
	border:1px solid #FFFFFF;
	background-repeat: repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.7em;
	/*text-align:left;*/
	/*padding-left:2px;*/
	margin-right:5px;
}
.fechas_buscador_rapido
{
	font-size:0.7em;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:2px;
	

}

.td_buscador
{
	padding-bottom:2px;
}
.input_fecha_buscador_rapido
{
	font-size:0.7em;
	margin-top:6px;
	background-image:url(../../imagenes/portalpublico/fondo_imputs.gif);
	background-repeat:repeat-x;
	margin-right:5px;
}

.input_select
{
	width:70px;
	margin-left:7px;
}

.input_select_buscador_grande
{
width:120px;
}
.padding_left_textobuscador
{
padding-left:12px;
}

.imagen_calendario
{
	padding-top:11px;
	#padding-top:7px;
	
}

#fondo_debajo_buscador
{
background-image:url(../../imagenes/portalpublico/fondo_columna_abajo_buscador.gif);
	background-repeat:no-repeat;
	height:77px;
/*	border:1px solid #000000;*/
	width:161px;
}


/*************************************************FIN ESTILOS BUSCADOR RÁPIDO***********************************************/


/*************************************************ESTILOS BUSCADOR GRANDE**************************************/
.mensaje_buscador_grande
{
	padding:15px;
}
.fondo_buscador_grande
{
	background-color:#f5b7b7;
}
#buscador_grande_content
{
	width:250px;
	padding-bottom:15px;
	
}

#titulo_buscador_grande
{
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	background-image:url(../../imagenes/portalpublico/cabecera_buscador.gif);
	background-repeat:repeat-x;
	height:23px;
	font-weight:bold;
	padding-left:5px;
	border-bottom:3px solid #FFFFFF;
	width:246px;
	padding-top:3px;
}

#buscador_grande
{
	background-position: top;
	background-color:#fa8080;
	height:118px;
	#height:115px;
	width:246px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left:0px;
	padding-right:5px;
	_padding-left:0px;
	_padding-right:0px;
	border-bottom:3px solid #FFFFFF;
}
/*************************************************FIN ESTILOS BUSCADOR GRANDE**********************************/

/*************************************************ESTILOS DATOS CONTACTO DESTACADO*****************************************/
#datos_contacto p
{
color:#FFFFFF;
text-align:center;
padding-bottom:5px;
font-size:0.7em;
}

#datos_contacto p.telefono_contacto
{
font-size:1.2em;
font-weight:bold;
}
/********************************************FIN ESTILOS DATOS CONTACTO DESTACADO******************************************/

/*****************************************ESTILOS PÁGINAS ALQUILERES************************************************************************/
#content_alquiler
{
	/*border:1px solid #000000;*/
	width:99%;
	margin-top:15px;
}
.aviso_ultimos_aticos
{
	color:#FF0000;
	font-size:0.8em;
	font-weight:bold;
}

.imagen_tipovivienda
{
	width:99%;
	float:left;
	margin:10px 0px 10px 10px;
	/*border:1px solid #000000;*/
	
}

.detalles_reserva
{
	width:99%;
	float:left;
	margin:10px 0px 10px 10px;
	/*border:1px solid #000000;*/
}

.detalles_reserva p
{
	margin-right:5px;
	
}

.resumen_reserva
{
	background-color:#FFFFFF;
	padding:10px;
	color:#000000;
}

.boton
{
	background-color:#fc0122;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.7em;
	margin-bottom:10px;
}

.cabecera_complementos
{
	background-color:#fc0122;
	height:30px;
	padding:5px 20px 5px 20px;
	color:#FFFFFF;
	/*font-weight:bold;*/
	font-size:0.9em;
	
}

.complemento
{
	background-color:#f5b7b7;
	/*padding:10px 0px 10px 0px;*/
}

.descripcion_complemento
{
	color:#002c5b;
	font-size:0.8em;
	/*padding-right:10px;
	padding-top:10px;*/
	
	padding:10px 10px 10px 10px;
}

.forma_de_pago
{
	font-size:0.8em;
	/*padding-right:10px;
	padding-top:10px;*/
	text-align:left;
	
	padding:10px 10px 10px 10px;
}

.precio_complemento
{
	color:#002c5b;
	text-align:right;
	padding:10px 25px 10px 10px;
	font-size:0.8em;
}

.texto_formulario
{
padding:5px 5px 5px 10px;
color:#000000;
text-align:right;
font-size:0.8em;
vertical-align:text-top;
}

.input_formulario
{
color:#000000;
border:0px;
overflow:auto;
}

.boton_formulario
{
	margin:5px 0px 5px 10px;
	
	
}

.enlace_formulario
{
	
	padding:5px 0px 10px 10px;
	
}
.enlace_formulario a
{
	text-decoration:underline;
	font-size:0.7em;
	/*color:#002c5b;*/
	color:#000000;
}


.texto_resumen_reserva
{
padding:10px 5px 10px 20px;
color:#000000;
text-align:left;
font-size:0.8em;

}

.descripcion_tipo_vivienda
{
    padding-top:20px;
}

.descripcion_tipo_vivienda p
{
    color:#000000;
}

.cabecera_formulario
{
    padding:10px;
    font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#fc0122;
	font-weight:bold;
	font-size: 0.9em;
}


/*****************************************FIN ESTILOS PÁGINAS ALQUILERES********************************************************************/

/*******************************ESTILOS FORMULARIOS***************************************************************/
input.error, select.error { border: 1px solid red; }
label.error  
{
    color:red; 
    margin-right: 5px;
    font-size:0.6em;
    
}

p.error  
{
    color:red; 
}
/*td  
{
    padding: 5px; 
}*/

#form_identificarse
{
    width:42%;
    float:left
}

#form_crearcuenta
{
    width:55%;
    float:right
}

/*******************************************ESTILOS OFERTAS ESPECIALES************************************************************************/
.titulo_oferta
{
	background-color:#fc0122;
	height:15px;
	padding:5px 20px 5px 20px;
	color:#FFFFFF;
	font-size:1.2em;
	border-bottom:5px solid #FFFFFF;
}

.oferta
{
	background-color:#f5b7b7;
	
}
.descripcion_oferta 
{
	color:#FFFFFF !important;
	padding:15px 10px 10px 10px !important;
}

.descripcion_oferta  p
{
	color:#FFFFFF !important;
}


.imagen_oferta
{
	padding:18px 5px 10px 10px;
	margin-bottom:-3px;
	#margin-bottom:-5px;
	/*margin-bottom:-5px;*/
}

/***************************************FIN ESTILOS OFERTAS ESPECIALES************************************************************************/

/***************************************ESTILOS CUADRO TARIFAS*********************************************************/
.cabecera {
background-color:#fc0122;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
font-weight:bold;}

.columna_izquierda
{background-color:#f5b7b7;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
padding-left:5px;

}

.precio
{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align:center;
vertical-align:middle;
font-weight:bold;
background-color:#EEEEEE;
}

.fecha
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}
/***************************************FIN ESTILOS CUADRO TARIFAS*********************************************************/

/*LINKS PUBLICTARIOS PIE*/
#linkpublicitario
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 1.5em 0px 1.5em 0px;
	width: 500px;
	text-align: center;
	font-size: 0.6em;
	color: #000000;
	font-weight: normal;
	margin-left:220px;
	#margin-left:215px;
	/*border:1px solid #000000;*/
}

a.linkpublicitario
{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.linkpublicitario:hover
{
	text-decoration: underline;
}

#AtnovaLogo
{
	padding: 3px;
	margin-left:220px;
	#margin-left:215px;
}
.Atnova
{
	top: 3px;
	font-size: 0.6em;
	font-weight: bold;
	color: #FF6000;
	text-decoration: none;
}
a.Atnova:hover
{
	color: #000000;
}

.AtnovaImagenLogo
{
	width: auto;
	height: auto;
}

.AtnovaComercio
{
	top: 3px;
	font-size: 0.6em;
	color: #000000;
	text-decoration: none;
}
a.AtnovaComercio:hover
{
	color: #FF6000;
}