/*
----------Content------------------------------
1. Standards
2. Page
3. Header
4. Content
5. Footer
6. Form
*/

/*
---------- 1. Standards ------------------------------
Importent colors: 

*/

/*
----------2. Page ------------------------------
*/
img, div { behavior: url(../iepngfix/iepngfix.htc) }

body {
  padding:20px;
  margin:0px;
  text-align: center;
  background: url(../imagenes/bg.jpg);
  font: 13px/18px Tahoma, Geneva, Arial, Helvetica, sans-serif;
  color: #666666;
}

#page { 	
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  width: 900px;
  text-align: left;
}

h1,
.titulos {
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	color: #FF9900;
	padding-bottom: 24px;
}

h2 {
font-size: 16px;
color: #FF9900;
}

h3 {
font: bold 13px/18px Tahoma, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

.text-color {
color: #FF9900;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #FF9900 ;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}

ul {
margin: 0px 0px 16px 15px;
padding: 0px 0px 0px 15px;
list-style-position: outside;
}

ul li { 
margin-bottom: 8px;
}

span.marked{
color:#FF9900;
}

.center{
text-align:center;
}

table.lines {
background: #ccc;
}

table.lines table th,
table.lines table td {
background: #fff;
padding: 5px;
}

/*
----------3. Header ------------------------------
*/
#header { 	
  width: 900px;
  float: left;
}

/*
----------4. Content ------------------------------
*/
#content { 	
  width: 900px;  
  background: url(../imagenes/contenidos.png) repeat-y;
  float: left;
}

/* ------- 4.1. Content left ------- */
#content-left {
width: 500px;
margin: 30px 20px 40px 68px;
float: left;
}

* html body #content-left { /* for IE 6 */
margin-left: 35px;
}

dl.checkin {
margin: 16px 0px 0px 0px;
width: 280px;
}

dl.checkin dt {
float: left;
width: 100px;
}

dl.checkin dd {
float: right;
width: 120px;
}

/* Pagina Precios */
table.cancellation, 
table.precios {
background:#e4e6e5;
}

table.precios {
float: left;
margin: 0px 5px 32px 0px;
}

table.precios.right {
clear: right;
margin-right: 0px;
}

table.cancellation td, 
table.precios td {
background:#FFFFFF;
padding:5px;
width:200px;
}

table.cancellation td {
width:350px;
}

table.precios td {
width: 70px;
}

table.precios th {
border: 1px solid #fff;
text-align: center;
background: #f4f4f4;
}

table.precios th span {
font-weight: normal;
}

table.precios td.header {
color: #FF9900;
}

table.cancellation th {
border: 1px solid #fff;
background: #f4f4f4;
}

table.cancellation td.width{
width:248px;
}

* html body table.cancellation td.width { /* --- for IE 6 --- */
width:248px !important;
}

* + html table.cancellation td.width { /* --- for IE 7 --- */
width:242px !important;
}

/* Promociones */
dl.facts-promociones {
width: 500px;
}

dl.facts-promociones dt {
width: 80px;
color: #FF9900;
float: left;
margin: 0px;
padding-bottom: 16px;
}

dl.facts-promociones dd {
width: 420px;
float: left;
margin: 0px;
padding-bottom: 16px;
}


/* ------- 4.1. Content right ------- */
#content-right {
width: 250px;
margin: 30px 60px 40px 0px;
float: right;
text-align: center;
}

* html body #content-right { /* for IE 6 */
margin-right: 30px;
}

/* Menu */
div#menu-ofertas {
margin: 0px 0px 8px 0px;
float: left;
background: #fff;
}

div#menu-ofertas dl {
width: 200px;
padding: 0px;
margin: 0px 0px 0px 30px;
float: left;
color: #FF9900;
}

div#menu-ofertas dl dt {
float: left;
width: 19px;
margin-bottom: 8px;
}

div#menu-ofertas dl dd {
float: left;
width: 180px;
margin: 0px;
margin-bottom: 8px;
}

div#menu-ofertas dl a {
color: #FF9900;
text-decoration: underline;
}

div#menu-images {
background: url(../imagenes/menu_02.jpg); 
float: left;
text-align: center;
margin-bottom: 20px;
} 

div#menu-images img {
margin-bottom: 10px;
}

div#btonIdioma {
width: 200px !important;
text-align: right;
margin: 0px 0px 0px 25px;
float: left;
}

* html body div#btonIdioma { /* for IE 6 */
margin: 0px 0px 0px 13px;
}

div#btonIdioma a:hover img{
border:solid 1px #FF9900;
margin:0px;
}

div#btonIdioma a img{
border:none;
margin:1px;
}

ul.menue {
list-style:none;
padding:0px;
margin: 0px 0px 20px 25px;
width: 200px;
float: left;
text-align: left;
}

* html body ul.menue { /* for IE 6 */
margin: 0px 0px 0px 13px;
}

ul.menue li a,
ul.menue li a:hover{
height: 16px;
margin: 2px;
display:block;
font-size:14px;
padding-bottom:4px;
border-bottom: solid 1px #FF9900;
}
ul.menue li a:hover{
border-bottom: none;
height:17px;
}

ul.menue li a span,
ul.menue li a:hover span{
font-size:12px;
margin:0 5px 0 5px;
}


/*
----------5. Footer ------------------------------
*/
#footer { 	
  clear: both;
  width: 900px;
  height: 120px;
  background: url(../imagenes/pie_pagina.jpg);
  text-align: center;
}

/*
----------6. Form ------------------------------
*/
label {
display: block;
margin: 20px 0px 4px 0px;
}

input {
	width:180px;
	border: 1px solid #cccccc;
	background-color:#F9F9F9;
	color:#666666;
}

textarea {
	width:400px;
	height:150px;
	border:1px solid #999999;
}

button { 
width: auto; 
margin-right: 10px;
}

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */
#transparencia
{
	background-color: #ffffff; 
	z-index:1; 
	position:absolute;
	width:100%;
	height:1200px;
	display:none;
	opacity:0.70; 
	filter:alpha(opacity=70);
	top:0%;
	left:0%;
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-100px;
	margin-left:-150px;
	top:40%;
	left:50%;
	font-weight:bold;
	color:#333333;
}
/* Mensajes de ayuda */
#mensajesAyuda
{
	width:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #666666;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
	opacity:0.60; 
	filter:alpha(opacity=60);
}

#ayudaTitulo
{
	background-color: #999999;
	color:#FFFFFF; 
	padding:1px;
	font-size:12px;
	font-weight:bold;
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
	background-color:#FFFFFF;
}