/* CSS Document */

/* ------------------------ESTILOS DEL FRAME ------------------------ */

/*  .frame --> estilo de fondo del frame
	.book --> estilo de la tabla que contiene el formulario
	.cell --> estilo de las celdas que contienen los elementos del formulario de reservas  */
.frame, .cell { background-color: white; }
.frame { color:#009933; }

/* 	.txtinput --> Estilos cajas de texto en el frame, 
	.txtinput2 --> Estilos cajas de texto en el sistema de reservas */
.txtinput{
		color:#009933;
        background-color:#EBEBEB;
        border: inset 2px black;
}
.txtinput2 {
        background-color:white;
        border: inset 2px black;
}
/* Estilos listas desplegables: 
	.nights en el frame, 
	select, .rooms en el sistema de reservas */
select,  .rooms {
        color: #009933;
        background-color: #EBEBEB;
        font-weight:normal;
}
.nights {
        color: #009933;
        background-color: #EBEBEB;
        font-weight:normal;
}
/*Estilos botones: 
	#button1, #button2 en el frame
	.button1, .button2 en el sistema de reservas */
#button1, .button1 {
        color: white;
        background-color: #009933;
        font-weight:bold;
		border:outset 2px #009933;
}
#button2, .button2 {
        color: white;
        background-color:#009933;
		font-weight:normal;
		border:outset 2px #009933;
}

/* estilo de la fuente en el frame */
#checkin, #nights { color: #009933;  }
#day, #checkout, #date { color: #009933;  }
#checkin, #nights { font-weight:bold; }

/* -------------------- ESTILOS SISTEMA DE RESERVAS ----------------- */

/*  .bodyres --> color de fondo del sistema de reservas
	.address --> estilo de la direccion (fondo y color de la fuente) */
.bodyres { background-color: white; }
.address { color:#009933;}

/* .fondo --> color de fondo de las tablas en sistema de reservas */
.fondo { background-color: white; }

/* Color de fondo de las celdas */
td { background-color:#EBEBEB; }

/* table -> estilo del borde de las tablas del sistema de reservas */
table { border:solid 1px #009933; }

/* Estilos encabezados de las tablas:
	.header: encabezado de la tabla de detalles
	.header2: encabezado de la tabla de precios de las habitaciones
	.header3: encabezado lateral de la tabla de informacion de la persona que hace la reserva */
th, .header { 
        background-color: #009933;
        color: white;
}

.header, .header a:link, .header a:visited, .header a:hover, .header a:active { color: #fff; }

.header2 {
        color: #FFF;
        border: solid 1px #009933;
        background-color: #009933;
}
.header3 {
		color: #FFF;
        border-bottom: solid 1px #009933;
        background-color: #009933;
}

/* .details -> Estilo caja de detalles de la reserva */
.details {
        border: solid 1px #009933;
        background-color: white;
}

/* Estilo total de la reserva */
.total { border-top: solid 1px #009933; }


/* ESTILOS QUE SE PUEDEN CAMBIAR :

Enlaces : a:link, a:visited, a:hover, a:active 
Fondos de: 
.red { background-color: red }
.green { background-color: green }
.detailsred, .policy { background-color: pink; }

*/
.policy { background-color: pink; }