@charset "utf-8";

/*-----------------------------------------------------------------------------------------
	RESET STYLES
-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, 
acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, 
strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, 
tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline;}
html,body { height:100%; }
:focus { outline: 0; }
body { line-height: 1.7em; background: black; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

	@font-face {
		font-family: Eurofont; src: url(font/eurof35.ttf) format('truetype');
	}

	@font-face {
		font-family: Trajan; src: url(font/TrajanPro.otf) format('opentype');
	}	
/*-----------------------------------------------------------------------------------------
	GLOBALS
-----------------------------------------------------------------------------------------*/
body {
	text-align: center;
	font-family: "Arial Narrow", Geneva, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #747474;
	background:#04254d;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
	width:960px;
}

/*CENTER / CONTAINER*/
#center {
	width: inherit;
	position: absolute;
	left: 50%;
	margin-left: -480px;
}
#container {width: 960px} /*borrable*/

h1,h2,h3,h4,h5,h6 {font-family: "Arial Narrow", Arial, sans-serif}

h2, h3, h4 {font-weight: bold; padding: 20px 0 10px 0}

h1 {font-size: 36px; font-style: italic; color: #FFF}
h2 {font-size: 32px}
h3 {font-size: 28px}
h4 {font-size: 24px}
h5 {font-size: 20px; color: #004E9B}
h6, legend {font-size: 18px; color: #004E9B; padding: 15px 0; font-weight: bold}

p, table, form {padding-bottom: 20px; color: #4f4f4f; font-size: 16px}

th {font-weight: bold}

a, a:visited {text-decoration: none}

.link a, .link a:visited {text-decoration: none; color:#06C}
.link a:hover {text-decoration: underline; color:#39F}

/*bold e italic*/
.bold {font-weight: bold}
.italic {font-style: italic; color: #1591c4}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.language {
	text-align:right;
	margin-right: 5px;
	float:right;
	color:#0059B3;
	padding-top: 50px;
}
	.language a {color:#0059B3}
	.language a:hover {text-decoration: underline}

/*barras grises detalladoras*/
.top_gris1 {width: inherit; height: 5px; background: url(../images/barras/top_gris1.png) no-repeat}
.top_gris2 {width: inherit; height: 10px; background: url(../images/barras/top_gris2.png) no-repeat}
.mid_gris {width: inherit; height: 5px; background: url(../images/barras/mid_gris.png) repeat-y}

/*saltos*/
.salto10px {width: inherit; height: 10px}
.salto20px {width: inherit; height: 20px}
.salto50px {width: inherit; height: 50px}

/*margin20px*/
.margin20px li {margin-left:20px}

/* CAJA BLANCA DONDE VA EL TEXTO */
.top_barText {width: inherit; height: 14px; background: url(../images/barras/top_barText.png) no-repeat}
.mid_barText {width: inherit; height: auto; background: url(../images/barras/mid_barText.png) repeat-y}
	.mid_barText p,  .mid_barText ul, .mid_barText h6, .mid_barText h5, .mid p, .mid h6 {margin: 0 20px 0 20px; text-align:justify}
	.imagen {float:left; border: solid 2px #EBEBEB; margin: 0 20px 0 20px}
	.experiences {float: left; width:480px}
	.media_coverage {float: left; width:300px; margin: 30px 0 30px 100px}
		.media_hr {border-bottom: dotted 1px #CCC}
.bottom_barText {width: inherit; height: 14px; background: url(../images/barras/bottom_barText.png) no-repeat}

.top_2col {width: 530px; height: 14px; background: url(../images/barras/top_2col.png) no-repeat}
.top_1col {width: 410px; height: 14px; background: url(../images/barras/top_1col.png) no-repeat}
.mid {background: url(../images/barras/mid.png) repeat}
.bottom_2col {width: 530px; height: 14px; background: url(../images/barras/bottom_2col.png) no-repeat}
.bottom_1col {width: 410px; height: 14px; background: url(../images/barras/bottom_1col.png) no-repeat}

/* LISTAS */
/* minigalería de cada sección */
#main_slider{ float:left; width:90%; height:100px; }
ul.lista_image li {float: left; display: block; margin: 10px 10px}
	ul.lista_image li img {border: solid 1px #FFF}
	.arrow {float:left; margin:25px 10px;}

/* lista packages.php */
#packages {width: 360px; height: auto; text-align: left; padding-bottom:20px}
.lista1 {font-weight: bold; font-size: 16px; line-height: 2em}
.pckg_link a {color:#2d74a1}
	.pckg_link a:hover {color:#1FA2EF}

/* lista paquetes.php */
#paquetes {width: 420px; height: auto; text-align: left; padding-bottom:20px}

/* lista suites.php, facts.php */
.lista2 li {list-style: disc; color: #4f4f4f; margin-left: 40px; letter-spacing: 1px; padding-bottom:10px}

/* TABLAS */
/* tabla rates.php */
table.rates {
	margin-top: 20px;
	margin-left: 20px;
	border-width: 0px;
	border-spacing: 5px;
	border-style: outset;
	border-color: rgb(204, 204, 204);
	border-collapse: separate;
}
table.rates th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 3px;
}
table.rates td {
	border-width: 1px;
	padding: 3px 5px;
	border-style: inset;
	border-color: rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 3px;
}

/* sitemap.php */
table.sitemap {
	margin-top: 20px;
	border-width: 0px;
	border-spacing: 5px;
	border-style: outset;
	border-color: rgb(204, 204, 204);
	border-collapse: separate;
}

table.sitemap td {
	padding: 0 20px 20px 0;
	border-width: 1px;
	border-style: inset;
	border-color: rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 3px;
}

/* Botones */
.boton, .boton:visited {
	background-color: #1591c4;
	display:inline-block;
	padding:5px 10px 6px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	border:0;
}
.boton:hover {background-color:#333; color:#fff; text-decoration:none}
.boton:active {top:1px}

.caja {
	width: 600px;
	padding: 30px;
	height: auto;
	border: 0;
	background-color: #FFF;
	margin: 30px 0 0 150px;
}

.hr {border-bottom: dotted 1px #666; margin: 0 20px 20px 20px}


/*******MEDIA_COVERAGE CSS**********/
.header_media_div {
	padding-top:10px;
	margin-left:20px;
	margin-right:20px;
	width:920px;
	background-color: #c0c0c0;
	position: relative;
	height:30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 -1px 4px rgba(0,0,0,0.30);
	
}
.header_media_title {
	text-align:left;
	font: arial;
	font-size:18px;
	font-weight:bold;
	float:left;
	display:inline;
	color: #004E9B;
}

.media_row {
	font-size:15px;
	float:left;
	display:inline;
	color: #004E9B;
}

/**************************/

#forma li {margin-left: 20px}
label {display: block}
fieldset {margin: 0 20px; display: block; text-align: left}
input, textarea {font-family: Arial, sans-serif; color: #06C; margin-bottom:10px}

/*******GUESTBOOK**********/
.piccie {width: 76px; height: 76px; float:left; margin: 0 30px 30px 30px; background-color:#FFF; padding:3px}

/*-----------------------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------------------*/
#header {
	height: 130px;
}

#logo {
	float:left;
	width: 367px;
	height: 130px;
	margin-right: 5px;
}

#idioma {
  margin: 90px 0 0px 415px;
  position:absolute;
  float:left;
  /*left:415px;
  top: 90px; */
  
}
/** SECTOR 2: PRESS, SITEMAP, CONTACT US **/
#sector2 { 
	float:left;
	margin: 88px 0 5px 238px;
	background:url(../images/navigation/bg_sector2.png) no-repeat;
	width: 258px;
	height: 38px;
}
	#sector2 li{list-style: none; display: block; float:left}
	
	/*press*/
	ul.press {
		padding:0;
		margin:0;
		list-style:none;
		height: 37px;
	}

	ul.press li {
		position:relative;
	}

		ul.press li ul {
			padding-bottom: 10px;
		}
		
			ul.press li ul li {
				padding: 2px 0;
				display: block;
				text-align: center;
				text-decoration: none;
				float: left;
				border: solid 1px #CCC;
				background: url(../images/barras/submenu_bg.png) bottom;
				width: 110px;
			}
			
				ul.press li ul li a {
					width:100%;
					height:100%;
				}
				
				ul.press li:hover ul {display:block}

	ul.subpress {
		font-size: 16px;
		text-align: center;
		display: none;
		position: absolute;
		top: -67px;
		padding: 0;
		list-style: none;
		width: 100px;
	}
	
/*********************ESPAÑOL ESPAÑOOOOOL****************/
/** SECTOR 2: PRENSA, MAPA DE SITIO, CONTACTANOS ESPAÑOOOOOOL **/
#sector2Esp { 
	float:left;
	margin: 88px 0 5px 218px;
	background:url(../images/navigation/bg_sector2Esp.png) no-repeat;
	width: 278px;
	height: 38px;
}
	#sector2Esp li{list-style: none; display: block; float:left}
	
	/*press*/
	ul.pressEsp {
		padding:0;
		margin:0;
		list-style:none;
		height: 37px;
	}

	ul.pressEsp li {
		position:relative;
	}

		ul.pressEsp li ul {
			padding-bottom: 10px;
		}
		
			ul.pressEsp li ul li {
				padding: 2px 0;
				display: block;
				text-align: center;
				text-decoration: none;
				float: left;
				border: solid 1px #CCC;
				background: url(../images/barras/submenu_bg.png) bottom;
				width:150px;
				left:-14px;
			}
			
				ul.pressEsp li ul li a {
					width:100%;
					height:100%;
				}
				
				ul.pressEsp li:hover ul {display:block}

	ul.subpressEsp {
		font-size: 16px;
		text-align: center;
		display: none;
		position: absolute;
		top: -67px;
		padding: 0;
		list-style: none;
		width: 100px;
	}
/*******************************************************************************/

/*** SECTOR 3: FACEBOOK, TWITTER ***/
#sector3 {
	float: left;
	margin: 88px 0 5px 0;
}
	#sector3 li {list-style: none; float: left; display: block; width: 38px; height: 38px}
	#fb {background: url(../images/navigation/fb.png) no-repeat; margin: 0 0 0 8px}
	#twitter {background: url(../images/navigation/twitter.png) no-repeat; margin: 0 0 0 8px}
		#fb a, #twitter a {display: block; width: 38px; line-height: 38px; text-indent: -9999px}

/* banner promocional */
#promo {
	height: auto;
	background: url(../images/barras/promo_mid.jpg) repeat-x bottom left #03365e;
	text-align:left;
	font-size: 16px;
	padding: 0px 10px 0 10px;
	color: #FFF;
}
#rounded {height: 6px; background: url(../images/barras/promo_bottom.png) no-repeat}

/*-----------------------------------------------------------------------------------------
	MAIN NAVIGATION
-----------------------------------------------------------------------------------------*/
#nav {background: url(../images/navigation/bg_main_nav.png) no-repeat; width: inherit; height: 37px; margin: 10px 0 10px 0}
	#nav li {list-style: none; float: left; display: block} /*centrado del texto*/

ul.menu {
	margin: 0;
	list-style: none;
	height: 37px;
}

ul.menu li {
	position: relative;
	display: block;
	width: 137px;
	margin-top: 7px;
}
	ul.menu li ul {
		padding-top: 10px;
	}
		ul.menu li ul li {
			margin:0;
			padding: 5px 0;
			display: block;
			text-decoration: none;
			float: left;
			border-right: solid 1px #999;
			border-left: solid 1px #999;
			border-bottom: solid 1px #999;
		}	
			ul.menu li ul li a {
				width:100%;
				height:100%;
			}
	
	.sector2_link a, .sector2_link a:visited, .true_link a, .truelink a:visited {text-decoration: none; color: #666}
		.sector2_link a:hover {text-decoration: none; color: #2d74a1}
		.true_link a:hover {text-decoration: none; color: #2d74a1; font-weight:bold}
	.false_link a, .false_link a:visited, .false_link a:hover {text-decoration: none; color: #666}
	ul.submenu li a, ul.submenu li a:visited {text-decoration: none; color: #666}
	ul.submenu li a:hover {text-decoration: none; color: #2d74a1; font-weight:bold}

ul.submenu {
	width: 200px;
	font-size: 16px;
	text-align: center;
	display: none;
	position: absolute;
	top: 1em;
	padding: 0;
	list-style: none;
}

ul.submenu li {
	background: url(../images/navigation/bg_li_menu.gif) repeat-x bottom #FFF;
}

ul.menu li:hover ul {display:block}

.promo_link a:link, .promo_link a:active, .promo_link a:visited {color: #FFF}
.promo_link a:hover {color: #CFF}

/*-----------------------------------------------------------------------------------------
	NAVEGACIÓN PRINCIPAL EN ESPAÑOL
-----------------------------------------------------------------------------------------*/
#navEsp {background: url(../images/navigation/bg_main_navEsp.png) no-repeat; width: inherit; height: 37px; margin: 10px 0 10px 0}
	#navEsp li {list-style: none; float: left; display: block} /*centrado del texto*/
	
/*-----------------------------------------------------------------------------------------
	MAIN IMAGE
-----------------------------------------------------------------------------------------*/
.main_image {width: inherit; height: 635px}
.img_hotdeals {width: inherit; height: 519px}
.img_promo1 {width: inherit; height: 924px}
.img_promo2 {width: inherit; height: 1226px}
.img_promo3 {width: inherit; height: 899px}
.img_promo3_ing {width: inherit; height: 821px}
.img_promo4 {width: inherit; height: 960px; }
.img_promo5 {width: inherit; height: 960px; }

/*-----------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------*/
#footer {
	width: inherit;
	height: 110px;
}

	#left_barFooter {float: left; background: url(../images/barras/left_barFooter.png) no-repeat; width: 15px; height: 110px}
	#mid_barFooter {float: left; background: url(../images/barras/mid_barFooter.png) repeat-x; width: 930px; height: 110px}
		#logo1, #logo3 {margin-top: 30px}
/*		#logo1, #logo3 {margin-bottom: 20px} */
		#logo2 {margin-top: 12px}
		#logo1, #logo2, #logo3 {padding: 0 60px 0 60px}
	#right_barFooter {float: left; background: url(../images/barras/right_barFooter.png) no-repeat; width: 15px; height: 110px}
	
	

	

		#facebox {display:none;}
		#facebox div {
			background-image:url(../images/petrol.png);
			z-index: 9999;
			position: relative;
			padding:40px;
			width:570px;
			height:340px;
			color:#fff;
			margin-left: auto;
			margin-right: auto;
		}
		#facebox .close {
			background-image:url(../images/close.png);
			z-index: 99999;
			position: absolute; right:5px; top:5px;
			cursor:pointer;
			height:35px;
			width:35px;
		}