*{
	margin: 0;
	padding: 0;
}

body{
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	background: #999;
	color: #bbb;
}

li{
	list-style: none;
}

a{
	color: #3887a4;
}

a img{
	border: 0;
}

span.destacado{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	background: #fff;
	padding: 1px 4px;
	color: #222;
}


#shadow_top{
	height: 50px;
	background: url(shadow-top.gif) no-repeat center top;
}

#shadow_middle{
	background: url(bg-page.gif) repeat-y center center;
}

#shadow_bottom{
	height: 60px;
	background: url(shadow-bottom.gif) no-repeat center top;
}

#container{
		width: 780px;
		margin: 0px auto;
}

#header{
	padding: 0px 10px;
	margin-bottom: 0px;
	background: url(bg-header.gif) no-repeat 180px 0px;
}

#header h1{
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	width: 740px;
	text-align: right;
	margin-left: 20px;
	margin-top: 44px;
}

/* LOGO */
#logo{
	margin-left: 16px;	
}

/* IDIOMAS */
#langs{
	text-align: right;
	float: right;	
	font-size: 10px;
}
#langs li{
	display: inline;
	margin-left: 8px;
	padding-left: 18px;
}

#langs li#es{
	background: url(flag-es.gif) no-repeat left center;
}
#langs li#en{
	background: url(flag-en.gif) no-repeat left center;
}
#langs li#fr{
	background: url(flag-fr.gif) no-repeat left center;
}
#langs li#it{
	background: url(flag-it.gif) no-repeat left center;
}
#langs li#ca{
	background: url(flag-ca.gif) no-repeat left center;
}

#langs li a{
	color: #555;
	text-decoration: none;
}
#langs li a:hover{
	color: #fff;
}
#langs li.current a{
	color: #fff;
}

/* MENU */
#menu{
	margin-top: 0px;
	height: 25px;
	border-top: 1px #2b2b2b solid;
	border-bottom: 1px #2b2b2b solid;
	background: #222 url(bg-menu.gif) repeat-x top;
	padding: 16px 10px 3px 35px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
#menu li{
	display: inline;
	padding: 4px 8px;
	margin-right: 10px;
}
#menu li a{
	color: #999;
	text-decoration: none;
}
#menu li a:hover{
	color: #fff;
}
#menu li.current{
	background: #fff;
}
#menu li.current a{
	color: #999;
}

/* MENU HOTELES */

#menu_hotels{
	width: 780px;
	position: absolute;
	text-align: left;
}

#menu_hotels ul{
	background: url(bg-submenu.gif) no-repeat;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 6px;
	width: 163px;
	height: 105px;
	margin-left: 50px;
}

#menu_hotels li{
	margin-bottom: 10px;
	padding: 0;
}
#menu_hotels li a img{
	padding: 0px 8px;
}
#menu_hotels li a:hover img{
	background: #1a1a1a;
}
#menu_hotels li.current a img, #menu_hotels li.current a:hover img{
	border-top: 8px #004361	solid;
}
#menu_hotels div.select{
	padding-top: 18px;
}

#menu_hotels_exit{
	margin-top: 30px;
	width: 100%;
	height: 83px;
}


/* --------------------------- VISUAL AREA --------------------------- */

#visualarea{
	height: 150px;
}




/* --------------------------- CONTENT --------------------------- */

/* CONTENT*/
#content{
	padding: 10px;
}

div.leftcolumn, div.maincolumn, div.rightcolumn{
	float: left;
}

/* LEFT COLUMN */
div.leftcolumn{
	width: 240px;
	margin-right: 10px;
}

/* RIGHT COLUMN */
div.rightcolumn{
	width: 240px;
}

/* MAIN */
div.maincolumn{
	margin-right: 10px;
}

div.maincolumn li, div.leftcolumn li, div.rightcolumn li{
	list-style:	disc;
	margin-left: 20px;
}

div.maincolumn, div.leftcolumn, div.rightcolumn{
	margin-bottom: 20px;
}
div.maincolumn div.columna{
	width: 240px;
}

div.main_solo{
	margin-left: 20px;
}

/* HOTELS LIST */
#hotelslist{
	padding: 2px 10px;
	width: 230px;
	height: 265px;
}
#hotelslist p.item{
	margin-left: 50px;
}
#hotelslist p.description{
	margin-left: 50px;
	font-size: 12px;
	margin-bottom: 15px;
}
#hotelslist p.description a{
	color: #fff;
	text-decoration: none;
	line-height: 14px;
}
#hotelslist p.description a:hover{
	color: #3887a4;
}


/* ofertas especiales */

#ofertasespeciales{
	margin-right: 270px;
	margin-left: 20px;
}

#ofertasespeciales h2{
	font-size: 24px;
	font-weight: normal;
	background: #111;
	line-height: 22px;
	padding: 5px;
	border-bottom: 1px #555 solid;
}

#ofertasespeciales div.separador{
	height: 30px;
}

/* lista ofertas */
#ofertasespeciales div.oferta_lista{
	border-bottom: 1px #555 solid;
	padding: 5px 10px;
}
#ofertasespeciales div.oferta_lista p.oferta{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
#ofertasespeciales div.oferta_lista a{
	color: #f90;
}
#ofertasespeciales div.oferta_lista a:hover{
	color: #f90;
}
#ofertasespeciales div.oferta_lista p.fecha{
	color: #999;
}
#ofertasespeciales div.oferta_lista p.info{
	float: right;
	padding: 4px 8px;
	color: #999;
	background: #333;
	text-align: center;
	vertical-align: middle;
}
#ofertasespeciales div.oferta_lista p.info a{
	text-decoration: none;
	color: #999;
}

#ofertasespeciales div.oferta_lista p.info a:hover{
	color: #f90;
	text-decoration: underline;
}

/*oferta */
#ofertasespeciales div.oferta{
	padding: 5px 10px;
}
#ofertasespeciales div.oferta p.oferta{
	font-size: 26px;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #fff;
}
#ofertasespeciales div.oferta a{
	color: #fff;
}
#ofertasespeciales div.oferta a:hover{
	color: #f90;
}
#ofertasespeciales div.oferta p.fecha{
	font-size: 14px;
	color: #f90;
}
#ofertasespeciales div.oferta p.info{
	float: right;
	padding: 4px 8px;
	color: #999;
	background: #333;
	text-align: center;
	vertical-align: middle;
}
#ofertasespeciales div.oferta p.info a{
	text-decoration: none;
	color: #999;
}

#ofertasespeciales div.oferta p.img img{	
	margin-top: 20px;
	border: 8px #555 solid;
}

#ofertasespeciales p.reserva_hotel{
	float: right;
}

#ofertasespeciales p.ofertas_hotel{
	padding: 5px;
	border: 1px #555 solid;
}

div.oferta_lista_mini{
	border-left: 1px #333 dotted;
	padding: 10px;
}

div.oferta_lista_mini h3{
	border-bottom: 0 !important;
	margin-bottom: 20px !important;
	background: #ddd;
	color: #555;
	padding: 3px;
}

div.oferta_lista_mini h2{
	margin-top: 20px;
}

div.oferta_lista_mini p.oferta{
	border-bottom: 1px #333 solid;
}

div.oferta_lista_mini a{
	font-weight: bold;
}

/* reserva oferta */

#reserva_oferta{

}

#reserva_oferta p{
}

/* aviso legal */

#avisolegal{
	padding: 40px;
}

#avisolegal h2, #contacto h2{
	font-size: 28px;
	font-weight: normal;
	color: #3887a4;
	letter-spacing: -2px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* contacto */

#contacto{
	padding: 40px;
}

#contacto{
	padding: 10px;
}

#contacto fieldset{
	padding: 20px;
	margin-top: 20px;
	border: 1px #555 dotted;
}

#contacto legend{
	background: #222;
	padding: 0px 10px;
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
}

#contacto td.nomcampo{
	text-align: right;
	padding: 4px 10px 4px 0;
}

#contacto input.textbox{
	background: 0;
	border: 1px #999 solid;
	color: #fff;
	font-size: 11px;
	padding: 1px 3px;
}

#contacto textarea{
	background: 0;
	border: 1px #999 solid;
	color: #fff;
	font-size: 11px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

#contacto input.button{
	background: #3887a4;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	width: 200px;
	height: 30px;
}

#contacto div.gracias{
	padding: 20px 0px 150px 0px;
}

/* FOOTER */
#footer{
	clear: both;
	background: url(bg-footer.gif) repeat-x top;
	padding: 10px 10px 0px 10px;
	height: 50px;
	background: #171717;
	color: #aaa;
}

#footer a{
	color: #999;
}

#footer div.leftcolumn{
	padding-top: 5px;
}

#footer div.maincolumn{
	width: 258px;
	padding-top: 6px;
	text-align: center;
	border-left: 1px #222 solid;
	border-right: 1px #222 solid;
}

#footer div.maincolumn a{
	font-size: 13px;
}

#footer div.rightcolumn{
	text-align: right;
	background: url(icyesa.gif) no-repeat right center;
	width: 195px;
	padding-right: 45px;
	height: 29px;
	padding-top: 11px;
}

#footer div.rightcolumn p{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 0;
	color: #fff;
}

#footer a:hover{
	color: #fff;
}

#footer a.grup{
	color: #fff;
	text-decoration: none;
}

#footer a.grup:hover{
	color: #3887a4;
}

/* ERROR 404 */

div#error404{
	border: 1px #fff dotted;
	margin: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	padding: 20px;
	color: #fff;
	line-height: 24px;
}

/* ESTILOS EN PÁGINA DE TEXTO NORMAL */
div.normal{
	margin: 20px;
	font-size: 12px;
}

div.normal h2{
	font-size: 24px;
	color: #3887a4;
	margin: 18px 0px 12px 0px;
}

div.normal h3{
	font-size: 18px;
	margin: 8px 0px 6px 0px;
}

div.normal p{
	margin: 8px 0px;
}