@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

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, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }
address { font-style:normal; }

/* IE PNG Transparency Fix
-----------------------------------------------------------------------------------*/

img, div, a, h2, ul, b, span, form, li, h1, ul, input { behavior: url(css/iepngfix.htc) }

/*---------------------------------------------------------------------------------*/
/* 1. NORMALIZATION 
/*---------------------------------------------------------------------------------*/

/* Background Color */

html { background:#008BE3 url(../images/bgMain.jpg) no-repeat bottom center; }

/* Typography */

body { 
	font:12px Arial, Helvetica, sans-serif;
	color:#565656;
}

/* Default link styles */

a:link { color:#0682AA; }
a:visited { color:#609;}
a:hover, a:active { color:#e77918;}

/* Classes for clearing floats */
.pusher { clear:both; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*---------------------------------------------------------------------------------*/
/* 2. STRUCTURE 
/*---------------------------------------------------------------------------------*/

#language, #header, #menu, #content, #footer { /* HACK FOR IE6 */
	width:947px;
	margin:0 auto;
}
/* 2.1 Languages
/* --------------------------------------------------------------------------------*/

#language {
	background: url(../images/bgContentTop.png) no-repeat bottom;
	height:33px;
	margin-top:1px;
	position:relative;
	z-index:50;
}

#language ul {
	position:absolute;
	display:block;
	height:23px;
	top:0;
	right:10px;
}

#language ul li {
	display:block;
	float:left;
	color:#fff;
	padding-right:10px;
}
#language ul li a { 
	line-height:23px;
	padding-left:10px; 
	color:#fff; 
}

#language ul li.current {
	display:block;
	float:left;
	background:url(../images/bgLangRight.png) no-repeat right bottom;
}

#language ul li.current a {
	display:block;
	background:url(../images/bgLangLeft.png) no-repeat left bottom;
	color:#000;
	text-decoration:none;
	cursor:default;
	font-weight:bold;

}

* html #language ul li.current a { /* HACK FOR IE6 */
	height:23px;
	width:50px;
}

/* 2.2 Header
/* --------------------------------------------------------------------------------*/

#header {
	background:#FFF;
	min-height:300px;
	position:relative;
	z-index:0;
}
* html #header { height:300px;}

/* 2.3 Menu
/* --------------------------------------------------------------------------------*/

#menu {
	position:relative;
	height:80px;
	background:#36B3EB;
}


/* 2.4 Content
/* --------------------------------------------------------------------------------*/


#content {
	background:#fff url(../images/bgContent.png) top repeat-x;
	min-height:600px;
	position:relative;
	z-index:20;
}
* html #content { height:300px; }

#content #main {
	display:inline;
	float:left;
	width:567px;
	padding:25px 12px 25px 30px;
}
*html #content #main { width:560px; padding-right:5px;}

#content #second {
	display:inline;
	float:left;
	width:300px;
	padding:25px 15px;
}

#content.full { padding:25px 40px; width:867px; }

/* 2.5 Footer
/* --------------------------------------------------------------------------------*/

#footer {
	height:100px;
	background:url(../images/bgContentBottom.png) no-repeat top;
	position:relative;
	z-index:0;
	padding:52px 25px 22px 25px;
}


/*---------------------------------------------------------------------------------*/
/* 3. CONTENT 
/*---------------------------------------------------------------------------------*/

/* 3.1 Languages
/* --------------------------------------------------------------------------------*/

#language #bestPrice {
	display:block;
	width:120px;
	height:119px;
	position:absolute;
	top:0;
	right:225px;
	text-indent:-10000px;
	z-index:100;
}
#language #bestPrice.es { background:url(../images/bestPriceEs.png) no-repeat; }
#language #bestPrice.en { background:url(../images/bestPriceEn.png) no-repeat; }



/* 3.2 Header
/* --------------------------------------------------------------------------------*/

/* /// Hotel Name /// */

#header h1  {
	position:absolute;
	left:0;
	bottom:0;
	text-indent:-10000px;
	background:url(../images/hotelname3.png) no-repeat;
	width:661px;
	height:77px;
}

/* /// Photo /// */

#header p.photo { text-align:center; }

/* /// Motor Engine /// */

#header #motorEngine {
	position:absolute;
	width:234px;
	height:244px;
	top:20px;
	right:28px;
	z-index:100;
}
#header #motorEngine.es { background:url(../images/bgMotorEngineEs.png) no-repeat; }
#header #motorEngine.en { background:url(../images/bgMotorEngineEn.png) no-repeat; }

#header #motorEngine h4 { text-indent:-10000px; }

#header #motorEngine form { margin:40px 0 0 30px;}

#header #motorEngine p { margin:15px 0; }

#header #motorEngine p label {
	display:block;
	color:#fff;
	font-weight:bold;
}

#header #motorEngine input.button {
	display:block;
	height:30px;
	width:116px;
	border:none;
}

#header #motorEngine input.button.es { background:url(../images/btBuscarEs.png) no-repeat; }
#header #motorEngine input.button.en { background:url(../images/btBuscarEn.png) no-repeat; }


/* 3.3 Menu
/* --------------------------------------------------------------------------------*/

/* ///  Main menu /// */

#menu .main { 
	display:block;
	height:59px;
	background:#fff url(../images/bgTab.png) bottom repeat-x;
	padding-left:10px;
}

#menu .main li {
	display:block;
	float:left;
	padding-left:12px;
	white-space:normal;
	margin-top:12px;
	text-align:center;
	background:url(../images/bgTab.png) bottom repeat-x;
	font-size:13px;
}

#menu .main li a {
	display:block;
	height:34px;
	padding-top:13px;
	padding-right:18px;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/sep.png) no-repeat right top;
	color:#1499D1;
	float:left;
}

#menu .main li.lines a {
	height:40px;
	padding-top:7px;
}

#menu .main li a:hover, #menu .main li a:active { color:#000; }

#menu .main li.current { background:#36B3EB url(../images/bgTabCurrentLeft.png) left no-repeat; }
#menu .main li.current a { background:#36B3EB url(../images/bgTabCurrentRight.png) right no-repeat; color:#fff; }
#menu .main li.current a:hover, #menu .main li.current a:active { color: #fff; cursor:default; }

/* ///  Submenu /// */

#menu .submenu { margin-left: 10px;}

#menu .submenu li {
	float:left;
	line-height:14px;
	margin:4px 0 0 0 ;
	padding:0 15px;
	border-right: 1px solid #006;
}
#menu .submenu li.first { border-left: 1px solid #006;}

#menu .submenu li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	color:#006;
}
#menu .submenu li a:hover { color:#000; }
#menu .submenu li.current a { color:#fff; cursor:default; }

/* 3.4 Content
/* --------------------------------------------------------------------------------*/

/* /// Parragraph /// */

#content p { 
	margin-bottom:15px;
	line-height:1.5;
}

/* /// Photo Galleries /// */

#content ul.photoGallery li {
	display:block;
	float:left;
}

#content ul.photoGallery li.last { margin-left:0;}

#content ul.photoGallery li a {
	display:block;
	position:relative;
	z-index:20;
}

#content ul.photoGallery li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	cursor:pointer;
}

/* Principal */

#content #main ul.photoGallery li { margin:0 17px 17px 0; }
#content.full ul.photoGallery li { margin:0 25px 25px 0; }

#content #main ul.photoGallery li a, #content.full ul.photoGallery li a {
	width:124px;
	height:124px;
}

#content #main ul.photoGallery li a span, #content.full ul.photoGallery li a span {
	width:124px;
	height:124px;
	background:url(../images/maskMedium.png) no-repeat;
}
#content #main ul.photoGallery li a:hover span, #content.full ul.photoGallery li a:hover span { background:url(../images/maskMediumOver.png) no-repeat; }

/* Lateral */

#content .box ul.photoGallery { margin-left:15px; width:290px;}

#content .box ul.photoGallery li { margin:0 10px 10px 0;}

#content .box ul.photoGallery li a {
	width:84px;
	height:84px;
}

#content .box ul.photoGallery li a span {
	width:84px;
	height:84px;
	background:url(../images/maskSmall.png) no-repeat;
}
#content .box ul.photoGallery li a:hover span { background:url(../images/maskSmallOver.png) no-repeat; }

/* /// Address /// */

#content .box.address { margin-top:20px; }
#content .box.address address { padding:5px 20px 20px 30px; line-height:1.5; }

/* /// Services /// */

#content #services ul.listing {
	display:inline;
	float:left;
	width:140px;
	padding-right:20px;
	margin-left:25px;
}
#content #services ul.listing.last { margin-right:0;}
* html #content #services ul.listing { margin-left:10px;}
*+html #content #services ul.listing { margin-left:10px;}

/* /// Starfish /// */

#content span.star01 {
	display:block;
	width:109px;
	height:55px;
	background:url(../images/starfish01.png) no-repeat;
	position:absolute;
	bottom:-40px;
	left:-20px;
}
#content span.star02 {
	display:block;
	width:134px;
	height:67px;
	background:url(../images/starfish02.png) no-repeat;
	position:absolute;
	bottom:-90px;
	left:400px;
}

#content p.terms { 
	text-align:right;
	position:absolute;
	right:15px;
	bottom:-30px;
}

/* 3.5 Footer
/* --------------------------------------------------------------------------------*/

#footer p {
	color:#b9a178;
	font-size:11px;
}

#footer p { margin: 6px;}
#footer p a { color:#b9a178;}


/*---------------------------------------------------------------------------------*/
/* 4. STYLES 
/*---------------------------------------------------------------------------------*/

/* 4.1 Box
/* --------------------------------------------------------------------------------*/

.box {
	width:300px;
	min-height:50px;
	background:url(../images/bgBoxBottom.png) bottom no-repeat;
	margin-bottom:20px;
}

.box span {
	display:block;
	width:300px;
	height:14px;
	background:url(../images/bgBoxTop.png) top no-repeat;
}

.box h2 { margin:5px 10px 20px 25px;}

.box p { margin:10px 25px;}
.box ul.listing { margin-left:40px; padding-bottom:20px;}
.box ul.listing.beach { background:url(../images/sandCastle.png) no-repeat bottom right; }
*+html .box ul.listing.beach {background:none;}
.box ul.listing li { padding-right:15px;}

/* 4.2 Headings
/* --------------------------------------------------------------------------------*/

h2 {
	display:block;
	text-indent:-10000px;
	margin:30px 0 20px 0;
	height:18px;
}
h2.first { margin-top:0;}

h2#resort.es { width:495px; height:22px; background:url(../images/txtResortEs.gif); }
h2#resort.en { width:472px; height:22px; background:url(../images/txtResortEn.gif);}


h2#gallery.es { width:173px; background:url(../images/txtPhotoGalleryEs.gif); }
h2#gallery.en { width:141px; height:22px; background:url(../images/txtPhotoGalleryEn.gif); }

h2#chain.es { width:161px; background:url(../images/txtOurChainEs.gif); }
h2#chain.en { width:98px; background:url(../images/txtOurChainEn.gif); }

h2#weOffer.es { width:135px; background:url(../images/txtWeOfferEs.gif); }
h2#weOffer.en { width:95px; background:url(../images/txtWeOfferEn.gif);}

h2#location.es { width:94px; background:url(../images/txtLocationEs.gif); }
h2#location.en { width:85px; background:url(../images/txtLocationEn.gif); }

h2#surroundings.es { width:164px; background:url(../images/txtSurroundingsEs.gif); }
h2#surroundings.en {width:132px; background:url(../images/txtSurroundingsEn.gif); }

h2#map.es { width:58px; height:22px; background:url(../images/txtMapEs.gif); }
h2#map.en { width:45px; height:22px; background:url(../images/txtMapEn.gif); }

h2#address.es { width:92px; background:url(../images/txtAddressEs.gif); }
h2#address.en { width:81px; background:url(../images/txtAddressEn.gif); }

h2#howToArrive.es { width:144px; height:23px; background:url(../images/txtHowToArriveEs.gif); }
h2#howToArrive.en { background:url(../images/txtHowToArriveEn.gif); }

h2#fromAlicante.es { width:491px; height:23px; background:url(../images/txtFromAlicanteEs.gif); }
h2#fromAlicante.en { width:407px; height:23px;background:url(../images/txtFromAlicanteEn.gif); }

h2#fromMurcia.es { width:476px; height:23px; background:url(../images/txtFromMurciaEs.gif); }
h2#fromMurcia.en { width:391px; height:23px;background:url(../images/txtFromMurciaEn.gif); }

h2#fromValencia.es { width:469px; height:22px; background:url(../images/txtFromValenciaEs.gif); }
h2#fromValencia.en { width:352px; height:22px;background:url(../images/txtFromValenciaEn.gif); }

h2#services.es { width:200px; height:22px; background:url(../images/txtServicesEs.gif); }
h2#services.en { width:175px; background:url(../images/txtServicesEn.gif); }

.box h2#gallery.es { width:172px; background:url(../images/txtPhotoGalleryGreyEs.gif); }
.box h2#gallery.en { width:141px; height:22px; background:url(../images/txtPhotoGalleryGreyEn.gif); }

h2#sports.es { width:253px; height:22px; background:url(../images/txtSportsEs.gif); }
h2#sports.en { width:152px; height:22px; background:url(../images/txtSportsEn.gif); }

h2#coach.es { width:255px; height:22px; background:url(../images/txtCoachEs.gif); }
h2#coach.en { width:182px; height:22px; background:url(../images/txtCoachEn.gif); }

h2#roomsAparts.es { width:308px; height:22px; background:url(../images/txtRoomsApartsEs.gif); }
h2#roomsAparts.en { width:239px; height:22px; background:url(../images/txtRoomsApartsEn.gif); }

h2#rooms.es { width:135px; background:url(../images/txtRoomsEs.gif); }
h2#rooms.en { width:140px; background:url(../images/txtRoomsEn.gif); }

h2#aparts.es { width:143px; height:22px; background:url(../images/txtApartsEs.gif); }
h2#aparts.en { width:116px; height:22px; background:url(../images/txtApartsEn.gif); }

h2#restaurant.es { width:132px; background:url(../images/txtRestaurantEs.gif); }
h2#restaurant.en {  width:111px;background:url(../images/txtRestaurantEn.gif); }

h2#rates.es { width:246px; height:22px; background:url(../images/txtRatesEs.gif); }
h2#rates.en { width:228px; height:22px;background:url(../images/txtRatesEn.gif); }

h2#terms.es { width:241px; background:url(../images/txtTermsEs.gif); }
h2#terms.en { width:223px; background:url(../images/txtTermsEn.gif); }

h2#SpecialOffers.es { width:197px; background:url(../images/txtSpecialOffersEs.png); }
h2#SpecialOffers.en { width:145px; background:url(../images/txtSpecialOffersEn.png); }

h2#superior.es { width:250px; height:22px; background:url(../images/alojasuperiorEs.gif); }
h2#superior.en { width:180px; height:22px; background:url(../images/alojasuperiorEn.gif); }

h2#BestPrice.es { width:270px; height:22px; background:url(../images/txtBestPriceEs.gif); }
h2#BestPrice.en { width:235px; height:22px; background:url(../images/txtBestPriceEn.gif); }


#content h3, #content h4 {
	font:16px "Trebuchet MS";
	color:#000;
	margin:15px 0 10px 0;
	font-weight:bold;
}



/* 4.3 Image Masks
/* --------------------------------------------------------------------------------*/

#content a.photo {
	display:block;
	height:184px;
	width:184px;
	float:left;
	margin:5px 15px 5px 0;
	position:relative;
}
#content a.photo span {
	display:block;
	height:184px;
	width:184px;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	background:url(../images/maskBig.png) no-repeat;
	cursor:pointer;
}

#content a.photo:hover span { background:url(../images/maskBigOver.png) no-repeat; }


/* 4.4 Lists
/* --------------------------------------------------------------------------------*/

ul.listing { margin-left:35px; }
#content ul.listing li { 
	list-style:url(../images/icoStar.png);
	margin:10px 0;
	line-height:1.4;
 }

/* 4.5 Misc
/* --------------------------------------------------------------------------------*/

strong { color:#000; }
a.zoom {
	float:right;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	margin-top:5px;
	padding:0 30px 20px 0;
	background:url(../images/icoZoom.png) no-repeat right 0;
}
iframe { border:solid 1px #ccc; }

/* /// Photo List /// */

#content .photoList li {
	position:relative;
	margin-bottom:29px;
	min-height:124px;
	padding-left:139px;
}

* html #content .photoList li { height:124px; }

#content .photoList .photo {
	position:absolute;
	top:0;
	left:0;
}

#content .photoList p { margin-bottom:8px;}
#content .photoList p.newWindow a {
	display:block;
	background:url(../images/icoNewWindow.gif) no-repeat right;
	padding-right:26px;
	line-height:19px;
	width:167px;
}
#content .photoList p.newWindow.en a { width: 125px;}

#content #second .photoList h3 { font:12px Arial, Helvetica, sans-serif; font-weight:bold;}

#content #second .photoList p.link a {
	text-align:right;
	background:url(../images/icoNext.gif) no-repeat right;
	padding-right:8px;
}

#content .photoList ul li {
	min-height:0;
	margin:6px 0;
	padding:0;
}

.badge {
	display:block;
	height:102px;
	width:104px;
	background:url(../images/badge.png) no-repeat;
	text-align:center;
	color:#fff;
	font:30px "Trebuchet MS";
	padding-top:25px;
	position: absolute;
	top:-40px;
	left: -50px;
}
.badge em { 
	font-size:14px;
	font-style:normal;
	display:block;}