@import 'clearfix.css';
@import 'calendario.css';

.grouped {
	background-color: #fff;
}
/*
***************************
	Definiciones generales
***************************
*/
img {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: 9pt verdana;
	background-color: #9F9875;
	margin: 0;
	padding: 0;
}
h3 {
	font: bold 10pt verdana;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
a,a:link,a:visited {
	color: #8D3A51;
}
form {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
tr {
	vertical-align: top;
	height: 20px;
}
td {
	padding: 3px;
}

/* 
	Estilos concretos
*/
#web {
	margin: 0 auto;
	width: 748px; /* 768 - 2 * padding (10px) */
	padding: 10px;
	height: 100%; 
	background: url(../images/background.jpg) ;
}
div#contacto {
	background-color: #fff;
	padding: 5px;
	clear: both;
}

div#contacto p{
	float: left;
	text-align: left;
	margin-right: 12px;
}
div#contacto p.lastitem{
	margin-right: 0px;
}

div#homelogos {
	background: #fff;
	padding: 5px;
	width:
}

div#homelogos p{
	background: url(../images/home/bcn2stay.gif) no-repeat;
	height:  12px;
	width: 81px;
}
div#homelogos span {
	visibility: hidden;
}
div#homelogos a.part1{
	background: url(../images/home/the.gif) no-repeat;
	height:  74px;
	width: 42px;
	display: inline-block; /* si no ho fem aixi el iexplore em suma el doble del marge*/
	float:left;
	text-decoration: none;
	margin: 10px 0 0 127px;
	padding:0;
}
div#homelogos a.part2{
	background: url(../images/home/logo_lrg.gif) no-repeat;
	height:  74px;
	width: 253px;
	display: block;
	float:left;
	text-decoration: none;
	margin: 10px 0 0 0;
}
div#homelogos a.logo{
	background: url(../images/home/strip_img3.jpg) no-repeat;
	height:  120px;
	width: 738px;
	display: block;
	float:left;
	text-decoration: none;	
}
div#introduccion {
	background: #fff;
	width:555px;
	padding: 5px;
	float: left;
}
div.buscador {
	background: #fff;
	width:257px;
	padding: 5px;
	border: 1px solid #A7A6AA; 
	margin-left: 5px;
	float: left;
}
div.camposBuscador p {
	width: 100%;
	margin-bottom:5px;
}
div.camposBuscador p input {
	color: black;
	text-align: center;
}
div.camposBuscador p label{
	width: 110px;
	display: block;
	float: left;
}
div.camposBuscador p input.dia, input.mes{
	width: 20px;
}
div.camposBuscador p input.anyo{
	width: 40px;
}
div.camposBuscador p input.viewcalendar{
	width: 30px;
}

div.horizontal{
	width: 570px;
	padding: 5px;
	margin: 0;
	height: 40px;
	border: 0;
}
div.horizontalhome{
	width: 540px;
	padding: 10px 5px;
	margin: 0;
	height: 40px;
	border: 0;
}

div.camposhorizontal p label{
	float: left;
	display: block;
	border: 1px solid white;
}
div.camposhorizontal p span{
	display: block;
	float: left;
	border: 1px solid white;
}
div.camposhorizontal p.controles{
	clear: right;
	width: 70px;
	margin-top: 20px;
}

div.camposhorizontal p{
	width: 145px;
	float: left;
}

div#ofertas p{
	margin-bottom: 10px;
}
div#izquierda {
	background: #fff url(../images/backizquierda.jpg) no-repeat 5px 60px;
	margin: 0 10px 0 0;
	float: left;
	height: 485px
}

div#izquierda a {
	background: url(../images/logo.gif) no-repeat;
	height: 50px;
	width: 158px;
	display: block;
	text-decoration: none;	
}
div#izquierda span {
	visibility: hidden;
}
div#cabeceraderecha {
	float: left;
	width: 580px;
}

div#derecha {
	float: left;
	width: 580px;
}
div#menu{
	width: 570px;
	padding: 5px;
	background: #fff;
	height: 40px;
}
div#submenu{
	width: 580px;
	margin-top: 10px;
	height: 20px;
}
div#menu a{
	display: block;
	float: left;
	width: 190px;
	height: 40px;
	text-decoration: none;
}

div#menu a span {
	visibility: hidden;
}

div#submenu a{
	display: block;
	float: left;
	padding: 2px 15px 8px 5px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	height: 10px;
	vertical-align: middle;
}

div#submenu a:hover {
	background-color: Black;
}

div#seccion {
	background: #fff;
	padding: 5px;
	width: 570px;
	clear: both;
}
div#seccion p {
	margin: 5px 0 5px 0;
}

div#seccion h3 {
	margin: 10px 0 5px 0;
}

ul.listaimagenes {
	width: 100%;
}
ul.listaimagenes li {
	float: left;
	display: block;
	margin: 5px 5px 0 0;
}
li img.imagen {
	width: 180px;
	height: 130px;
}

div.groupofertas {
	float: left;
	width: 173px;
	padding: 5px;
	background-color: #fff;
}

div#menu a.seleccionado {
	background-color: blue;
	color: white;
}
div#submenu a.seleccionado {
	background-color: green;
	color: white;
}

tr.impar {
	background-color: #8EAACB;
}
tr.cabecera {
	color: white;
	font-weight: bold;
}

div#izquierda.corto {
	background: #fff url(../images/backizquierda.jpg) no-repeat 5px 60px;
	margin: 0 10px 0 0;
	float: left;
	height: 50px;
}
div#derecha.ancho {
	width: 738px;
}
div#submenu.ancho {
	width: 748px;
}
div.buscador.ancho {
	width: 738px;
}
div#seccion.ancho {
	width: 738px;
}
div.piso img.imagen {
	width: 180px;
	float: left;
	padding: 5px;
}
div.piso a {
	color: black;
}
label.tituloCaracteristica {
	font-weight: bold;
	float: left;
	margin-right: 5px;
	width: 150px;
	display: block;
}
a#ID0001 { /* 2STAY */
	background-image: url(../images/menu/stay_off.jpg);
}
a#ID0002 { /* 2TRAVEL */
	background-image: url(../images/menu/travel_off.jpg);
}
a#ID0003 { /* 2EXPLORE */
	background-image: url(../images/menu/explore_off.jpg);
}
a#ID0001.seleccionado,a#ID0001:hover { /* 2STAY */
	background-image: url(../images/menu/stay_on.gif);
}
a#ID0002.seleccionado,a#ID0002:hover { /* 2TRAVEL */
	background-image: url(../images/menu/travel_on.gif);
}
a#ID0003.seleccionado,a#ID0003:hover { /* 2EXPLORE */
	background-image: url(../images/menu/explore_on.gif);
}
.menu0001 {
	background-color: #C9A0CC;
}
div#submenu.menu0001 .seleccionado, div#submenu.menu0001 .seleccionado:hover {
	background-color: #9E629E;
}
.menu0002 {
	background-color: #88B1E2;
}
div#submenu.menu0002 .seleccionado, div#submenu.menu0002 .seleccionado:hover {
	background-color: #1F5697;
}
.menu0003 {
	background-color: #73E7B4;
}
div#submenu.menu0003 .seleccionado, div#submenu.menu0003 .seleccionado:hover {
	background-color: #16B66E;
}

div.disponibilidad {
	clear: left;
}
div.situacion {
	clear: left;
}
div.alrededores {
	clear: left;
}
ul.pisocaracteristicas {
	clear: left;
}
div.resumenreserva {
	padding: 0;
}
div.resumenreserva p{
	margin-bottom:5px;
}
div.resumenreserva p label{
	display: block;
	width: 120px;
	clear: left;
	float: left;
}

.centrado {
	text-align: center;
}
.derecha {
	text-align: right;
}

div.formularioreserva div.resumenreserva p {
	float:left;
	width: 80px;
}
div.formularioreserva div.resumenreserva p label {
	width: 80px;
	height: 30px;
}
div.formularioreserva div.resumenreserva form {
	width: 100%;
	text-align: right;
	background-color: blue;
}
div.formularioreserva div.resumenreserva p span {
	width: 80px;
}

div.resumenreserva p span.amount{
	width: 80px;
	display:block;
	float: left;
	text-align: right;
}
div.camposDatosPersonales {
	clear:both;
}
div.camposDatosPersonales p{
	margin-bottom:5px;
}
div.camposDatosPersonales p label{
	display: block;
	width: 150px;
	clear: left;
	float: left;
}
div.camposDatosPersonales p span{
	display: block;
	width: 150px;
	float: left;
}
div.additionalinformation {
	clear:both;
}
div.additionalinformation p{
	margin-bottom:5px;
}
div.additionalinformation p label{
	display: block;
	width: 200px;
	clear: left;
	float: left;
}
div.additionalinformation p span{
	display: block;
	width: 150px;
	float: left;
}

div.formularioDatosPersonales {
	clear: both;
}

div.formularioreserva{
	text-align: center;
	margin-top: 20px;
}
div#webalone {
	background: url(../images/background.jpg);
	margin: 0 auto;
	width: 580px;
	padding: 10px;
}
table#mainTable{
	width: 768px;
	margin: 0 auto;
}
table#mainTable td{
	height: 100%;
}
div.condiciones {
	margin: 0 0 10px 0;
}
div.comentarios {
	margin: 10px 0 10px 0;
}
h5.titular {
	margin: 5px 0 5px 0;
	padding: 0;
}
div#listadoofertas {
	background: #fff;
	width: 95%;
	margin: 0 auto;
}
div#listadoofertas p.titulo {
	background: #975697;
	margin: 5px;
	padding: 5px;
	color: white;
}
div#listadoofertas table {
	margin: 5px;
}
div#listadoofertas p.accionespie {
	text-align: center;
}

p.discount{
	color: red;
}
p.finalcost {
	font-weight: bold;	
}
div.mapa {
	clear:left;
	text-align: right;
	padding:5px;
}
div.mapa a, a:visited, a:link{
	color: #8D3A51;
}

img.icono {
	margin: 1px;
}

div.Central{
	font: 10px Verdana;
	top: 10px;
	left: 10px;
	position: relative;
}
div.Central input {
	font: 10px Verdana;
}

div.Central textarea {
	font: 10px Verdana;
}

ul.minioferta li {
	line-height: 150%;
}
p.moreinformation {
	padding-top:10px;
	width: 173px;
}

div.enter {
	text-align: center;
	background-color: #F7C7D3;
	padding: 2px;
	clear: both;
}
div.enter a {
	text-decoration: none;
}

#homelogos div.enter span {
	display: inline;
	visibility: visible;
	color: black;
}

div.details {
	text-align: right;
	padding: 2px;
}
div.details a {
	text-decoration: none;
}

div.diasminimos
{
border: 1px dotted black;
padding: 5px;
text-align: center;
}