body {
	margin: 0px;
	width: 100%;
	height: 100%;
}

form {
	margin: 0px;
	padding: 0px;
}

/* CAPAS */

/* CONTENEDOR GENERAL */
h1.titulo-pagina {
	display: none;
}

div.contenedor {
	width: 700px;
	height: 500px;
	position: absolute;
	margin-left: -350px;
	left: 50%;
	margin-top: -250px;
	top: 50%;
	background: url(/imagenes/html/foto-hotel-tirol.png) 213px 107px no-repeat;
}

div#contenedor-texto {
	padding: 78px 5px 5px 5px;
	position: absolute;
	top: 68px;
	left: 233px;
	width: 419px;
	height: 215px;
	border: 1px solid #000000;
	background: url(/imagenes/html/fondo-hotel-tirol.png) #FFFFFF -20px -78px no-repeat;
	clip: rect(0px 0px 0px 0px);
}

div.contenedor-presentacion {
  top: 68px;
  left: 233px;
  position: relative;
}

div.contenido {
	margin-left: 10px;
	margin-top: -40px;
}

/* CAPAS DEL MENU */
div.contenedor-menu {
	width: 206px;
	height: 100%;
	position: absolute;
	margin-left: -344px;
	left: 50%;
	top: 0px;
	background: url(/imagenes/html/fondo-contenedor-menu.png) #FFFFFF left top repeat-y;
	z-index: 100;
}	

div.titulo-menu {
	width: 34px;
	height: 154px;
	position: absolute;
	margin-top: -250px;
	top: 50%;
	background: url(/imagenes/html/menu.png) #FFB365 left top no-repeat;
}

div.menu {
	position: absolute;
	margin-top: -182px;
	top: 50%;
	margin-left: 45px;
	z-index: 400;
}

div.menu p {
	display: inline;
}

div.menu a,div.menu span {
	display: block;
	width: 150px;
	border: 2px solid #FF9110;
	margin: 0px 0px 2px 0px;
	padding: 2px;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

div.menu a {
	background: #FFF2E2;
	color: #FF9110;
}

div.menu a:hover {
	background: #FF9110;
	color: #FFF2E2;
}

div.menu a.seleccionado {
	background: #FF9110;
	color: #FFF2E2;
}

div.menu a.inactivo {
	color: #FFB365;
	background: #FCDEBE;
}

div.menu a.inactivo:hover {
	color: #FFB365;
	background: #FCDEBE;
}

div.menu span {
	background: #FF9110;
	color: #FFF2E2;
}

div.opcion {
	display: none;
}

div.opcion a {
	display: block;
	width: 126px;
	color: #FFF2E2;
	background: #FFB365;
	margin: -2px 0px 0px 20px;
	padding: 2px;
	font-family: Arial;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	border: 0px;
}

div.opcion a:hover {
	background: #FF9110;
	color: #FFF2E2;
}

/* INTRO */

div.contenedor-intro {
	width: 500px;
	height: 300px;
	position: absolute;
	margin-left: -350px;
	left: 50%;
	margin-top: -250px;
	top: 50%;
	padding: 107px 0px 0px 213px;
}

div.contenedor-saltar-intro {
	position: absolute;
	margin-top: 104px;
	top: 50%;
	margin-left: -299px;
	left: 50%;
	z-index: 400;
}	

div.contenedor-saltar-intro a {
	display: block;
	width: 150px;
	border: 2px solid #FF9110;
	margin: 0px 0px 2px 0px;
	padding: 2px;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: #FFF2E2;
	color: #FF9110;
}

div.contenedor-saltar-intro a:hover {
	background: #FF9110;
	color: #FFF2E2;
}

/* FRANJA HORIZONTAL QUE CONTIENE EL TEXTO "HOTEL TIROL" */
div.izquieda-hotel {
	width: 55%;
	height: 92px;
	position: absolute;
	left: 0px;
	margin-top: 156px;
	top: 50%;
	background: url(/imagenes/html/fondo-capa-izquierda.png) #045179 left top repeat-x;
	z-index: 200;
}	

div.derecha-hotel {
	width: 50%;
	height: 92px;
	position: absolute;
	margin-left: 0px;
	left: 50%;
	margin-top: 156px;
	top: 50%;
	background: url(/imagenes/html/fondo-capa-derecha.png) #7BC1FE left top repeat-x;
	z-index: 200;
}	

div.autor {
	width: 100%;
	position: absolute;
	margin-top: 246px;
	top: 50%;
	z-index: 2000;
	left: 0px;
	padding: 0px;
}

div.autor p {
	padding-right: 5px;
	text-align: right;
	font-family: Arial;
	color: #FFB365;
	font-size: 8pt;
}	

div.autor p a {
	color: #FF9137;
	text-decoration: none;
}

div.logo-hotel {
	width: 101px;
	height: 116px;
	position: absolute;
	margin-left: -375px;
	left: 50%;
	margin-top: 140px;
	top: 50%;
	background: url(/imagenes/html/logo.png) left top repeat-x;
	z-index: 200;
}	

div.contenedor-hotel-tirol {
	width: 698px;
	height: 92px;
	position: absolute;
	margin-left: -350px;
	left: 50%;
	margin-top: 156px;
	top: 50%;
	background: #7BC1FE left top no-repeat;
	z-index: 200;
}

/* CALENDARIO */
p.calendario-mes {
	text-align: center;
}

p.calendario-mes span {
	color: #033E5B;
	border: 2px solid #033E5B;
	background: #69AADD;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding: 2px;
}

p.calendario-mes  a {
	font-weight: bold;
	text-decoration: none;
	background: #FFF2E2;
	color: #FF9110;	
	width: 40px;
	border: 2px solid #FF9110;
	margin: 1px;
	padding: 0px 2px 0px 2px;
}

p.calendario-mes  a:hover {
	text-decoration: none;
	color: #FFF2E2;
	background: #FF9110;	
	width: 40px;
	border: 2px solid #FF9110;
	margin: 1px;
	padding: 0px 2px 0px 2px;
}

div.contenedor-mes {
	position: relative;
	width: 136px;
	margin-left: 50%;
	left: -93px;
	margin-top: 6px;
}

div table {
	border-collapse: collapse;
	border: 2px solid #033E5B;
	margin: 2px;
}

div td {
	padding: 1px;
	border: 1px solid #033E5B;
	text-align: center;
	color: #033E5B;
	font-family: Arial;
	font-size: 11px;
}

div.contenedor-mes td {
	width: 20px;
	height: 15px;
	padding: 0px;
}

td.separador {
	color: #033E5B;
	border: 2px solid #033E5B;
	background: #69AADD;
	text-transform: uppercase;
	font-weight: bold;
}

div th {
	padding: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #033E5B;
	text-align: center;
	color: #033E5B;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

div.contenedor-mes th {
	width: 15px;
	height: 15px;
	padding: 0px;
}

div.calendario-tipo-temporada {
	position: absolute;
	left: -130px;
	margin: 2px;
	color: #033E5B;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	width: 120px;
}

div.bloque-mes {
	position: absolute;
	display: none;
	width: 200px;
}

td.cabecera-tabla {
	font-weight: bold;
}

.O {
	background: #cc99ff;
}

.P {
	background: #F8F3C8;
}

.A {
	background: #EFBE69;
}

.FA {
	background: #EE6D46;
}

.M {
	background: #B3E1A5;
}

.B {
	background: #69AADD;
}

div.leyenda {
	position: absolute;
	left: 340px;
	margin-top: 7px;
}

#leyenda {
	font-size: 9px;
	width: 70px;
	padding: 2px;
	margin: 1px;
}

/* TEXTO */
p.titulo {
	background: #033E5B;
	color: #69AADD;
	position: absolute;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	width: 250px;
	xheight: 30px;
	border: 1px solid #000000;
	vertical-align: center;
	padding: 10px; /*12px 0px 4px 6px;*/
	text-transform: uppercase;
	margin-left: -137px;
	left: 50%;
	margin-top: -200px;
	top: 50%;	
	z-index: 100;
}	

p.center {
	text-align: center;
}

div.contenido p {
	font-family: Arial;
	font-size: 14px;
	color: #022D40;
	margin: 5px;
}

h2 {
	font-family: Arial;
	font-size: 16px;
	color: #4798CF;
	font-weight: bold;
	margin: 4px;
}

ul {
	list-style-type: disc; 
	margin: 0px 0px 0px 20px;
}

li {
	font-family: Arial;
	font-size: 14px;
	color: #022D40;
}

img.right {
	border: 2px solid #033E5B;
	padding: 0px;
	float: right;
	margin: 2px;
}

img.top {
	vertical-align: top;
}

img.middle {
	vertical-align: middle;
}

a img {
	border: 0px;
}

/* PESTAÑAS */

ul.pestanas {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
}

ul.pestanas li {
	display: inline;
	padding: 0px;
}

ul.pestanas li a {
	text-decoration: none;
	display: inline;
	padding: 0px;
	font-weight: bold;
	background: #FFF2E2;
	color: #FF9110;	
	border: 2px solid #FF9110;
	border-bottom: 0px;
	width: 40px;
	margin: 0px 1px 0px 0px;
	padding: 0px 5px 0px 5px;
}

ul.pestanas li a:hover {
	color: #033E5B;
	border: 2px solid #033E5B;
	border-bottom: 0px;
	background: #69AADD;
	width: 40px;
}

ul.pestanas li a.pestana-seleccionada {
	color: #033E5B;
	border: 2px solid #033E5B;
	border-bottom: 0px;
	background: #69AADD;
}

div.contenedor-pestana {
	border: 1px solid #033E5B;
	padding: 3px;
	height: 230px;
}

div.contenido-pestana {
	display: none;
}

/* FORMULARIOS */

div.contenedor-formulario {
	position: relative;
}

label,input.reservas,select {
	display: block;
	float: left;
	margin: 2px;
}

form img  {
	display: block;
	float: left;
	margin: 2px;
}	

form code {
	display: block;
	float: left;
	margin: 2px;
	color: #033E5B;
	font-size: 0.8em;
	width: 85px;
}

input.reservas {
	height: 15px;
	font-weight: bold;
	color: #033E5B;
	font-size: 0.75em;
	padding-top: 2px;
	margin-right: 5px;
	width: 100px;
	border: 1px solid #69AADD;
}

label {
	width: 80px;
}

label.sin-ancho {
	width: 60px;
	padding-right: 5px;
}

br {
	clear: left;
	margin-top: -7px;
}

span.resaltar {
	color: #DD0000;
}

a.boton {
	display: block;
	background: #4798CF;
	color: #FFFFFF;
	border: 1px inset #033E5B;
	font-weight: bold;
	padding: 2px;
	padding-left: 8px;
	text-decoration: none;
	height: 28px;
	width: 80px;
	margin: 0px 0px 0px 150px;
}

a.boton:hover {
	background: #3287C0;
}

a.boton img {
	vertical-align: middle;
	display: inline;
	float: none;
}

/* INPUT SELECTOR */

div.contenedor-input-selector {
	float: left;
	width: 10px;
	height: 12px;
	background: pink;
}

a.aumentar-input-selector {
	width: 10px;
	height: 6px;
	background: url(/imagenes/html/aumentar.gif) no-repeat;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
	margin-left: -4px;
	margin-top: 5px;
	font-size: 1px;
}

a.aumentar-input-selector:hover {
	background: url(/imagenes/html/aumentar.gif) no-repeat 0px -6px;
}

a.disminuir-input-selector {
	width: 10px;
	height: 6px;
	background: url(/imagenes/html/disminuir.gif) no-repeat;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
	margin-left: -10px;
	margin-top: 13px;
	font-size: 1px; /* IE necesita esto para que tenga el tamaño correcto */
}

a.disminuir-input-selector:hover {
	background: url(/imagenes/html/disminuir.gif) no-repeat 0px -6px;
}

div.barra-input-selector {
	position: relative;
	height: 3px;
	border: 1px solid #69AADD;
	float: left;
	margin-top: 21px;
	font-size: 1px; /* IE necesita esto para que tenga el tamaño correcto */
}

div.progreso-input-selector {
	height: 3px;
	border: 0px;
	background: #69AADD;
	font-size: 1px; /* IE necesita esto para que tenga el tamaño correcto */
}

/* CALENDARIO */

div.contenedor-calendario {
	position: absolute;
	width: 110px;
	height: 112px;
	background: #033E5B;
	z-index: 100;
}

table.calendario {
	width: 106px;
	border: 0px;
}

table.calendario th {
	color: #FF9110;
	padding: 0px;
	font-size: 9px;
	width: 15px;
}

table.calendario th a {
	color: #FF9110;
	font-weight: bold;
	text-decoration: none;
}

table.calendario td {
	padding: 0px;
	background: #EFF8FF;
	font-size: 9px;
	width: 15px;
}

table.calendario td a {
	color: #033E5B;
	text-decoration: none;
	width: 100%;
}

table.calendario td.sel {
	background: #DD0000;
}

table.calendario td.sel a {
	color: #EFF8FF;
}

table.calendario td.cab {
	background: #3287C0;
	color: #EFF8FF;
}	

table.calendario td.inactivo {
	color: #317B9F;
	font-style: italic;
}	

div.pie	{
	font-size: 0.7em;
	font-family: Arial;
	top: 280px;
	position: absolute;
	width: 95%;
	text-align: right;
}

div.flexiesqui {	
  padding-top: 134px;
}

div.flexiesqui p {
  margin: 1px;
}

div.flexiesqui p, div.flexiesqui li {
  font-size: 10px;
}

div.flexiesqui ul {
  padding: 0px;
  margin: 0px;
}

div.flexiesqui li {
  padding: 0px;
  margin: 0px;
  display: block;
  width: 201px;
  float: left;
}