/* CSS Document */

/* body class*/
*{margin:0px; padding:0px; }

body{ font-family:Arial, Helvetica, sans-serif;
background: #e7e7e7;
}
.middle_section {
	position: relative;
}
.middle_section .html-header {
	position: absolute;
	left: 0;
	right: 0;
	padding: 10px;
	top: 0;
	background: rgba( 0, 0, 0, .85);
	text-align: center;
	font-weight: bold;
	text-align: center;
}
#layoutholder {
		margin: 0;
		padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
#banner {
	position: absolute;
}
.availability_container {
	width: 530px;
	margin: 0 auto;
}
.captcha {
	display: none;
}
h1{
	margin:0 0 0 0;  
	font-weight: normal; 
	font-size: 38px;
	line-height: 38px;
	padding: 0;
	display: block;
	height: 42px;
	overflow: hidden;
	position: absolute;
	top: 37px;
}
h2{ font-size: 23px; font-weight: normal; margin:10px 0 0 0;
	line-height: 108%;
	padding: 0;
}
h3{ font-weight:normal; margin:10px 0 0 0; line-height: 108%;
	padding: 0;
}

h5{ padding:15px 0 0 0; line-height: 120%;
	margin: 0;
}
h5 a{ text-decoration:underline;}
.clear{clear:both;}
h4{ margin:10px 0 0 0; line-height: 120%;
	padding: 0;
	text-align: left;
}
blockquote {
	text-align: right;
}
p{ font-size: 12px; margin:10px 0 0 0;
	line-height: 120%;
	padding: 0;
}
p a{ text-decoration:underline;}
.clear{ clear:both;}

.image-fullwidth img, .image-halfwidth-right img, .image-halfwidth-left img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.image-fullwidth {
	background: #e7e7e7 url(../images/image-back-fullwidth.jpg) repeat-x;
	border: 1px solid #e7e7e7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
-webkit-box-shadow: 0 5px 10px rgb(90,90,90);
-moz-box-shadow: 0 5px 10px rgb(90,90,90);
box-shadow: 0 5px 10px rgb(90,90,90);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.image-halfwidth-right {
	background: #e7e7e7 url(../images/image-back-fullwidth.jpg) repeat-x;
	border: 1px solid #e7e7e7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 40%;
	float: right;
	margin: 5px 0 5px 10px;
-webkit-box-shadow: 0 5px 10px rgb(90,90,90);
-moz-box-shadow: 0 5px 10px rgb(90,90,90);
box-shadow: 0 5px 10px rgb(90,90,90);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.image-halfwidth-left {
	background: #e7e7e7 url(../images/image-back-fullwidth.jpg) repeat-x;
	border: 1px solid #e7e7e7;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 40%;
	float: left;
	margin: 5px 10px 5px 0;
-webkit-box-shadow: 0 5px 10px rgb(90,90,90);
-moz-box-shadow: 0 5px 10px rgb(90,90,90);
box-shadow: 0 5px 10px rgb(90,90,90);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.image-halfwidth-right img, .image-halfwidth-left img {
	width: 95%;
}
.image-fullwidth .caption, .image-halfwidth-right .caption, .image-halfwidth-left .caption {
	color: #666;
	padding: 1px 4px 4px;
	text-align: right;
	font-size: 7pt;
	font-weight: bold;
}

/* body end*/

/* layout */
#layout{width:954px; height:auto; margin: 10px auto;
	padding-top: 85px;
}
/* menu */

#menu{width:954px; height:50px;  padding:0px;
	margin-bottom: 24px;
}
#menu .leftcorner{width:18px; height:50px; background:url(../images/menu_left_curb.png) left top no-repeat; float:left; }
#menu .middle{background: url(../images/menu_middle_bg.png) left top repeat-x; width:916px; height:50px; float:left; padding:0 0 0 0;}
#menu .navigation{
	height:25px; 
	width: 690px; 
	float:left;
	overflow: hidden;
	margin: 14px 0 0 0;
}
#menu .navigation ul{
	list-style:none; 
font-weight: bold; 
padding:0 0 0 0; 
margin: 0;
line-height: 25px;
height: 25px;
}
#menu .navigation ul li{
	float: left;
	display: inline-block;
}

#menu .navigation ul li a, #menu .navigation ul li a:link, #menu .navigation ul li a:visited {
padding:0 15px 0 15px;
	font-size: 13px;
	line-height: 25px;
	height: 25px;
	 text-decoration:none;
border-right:1px solid #FFFFFF;
	display: block;
	float: left;
}
#menu .navigation ul li a:hover{ text-decoration:none;
	background-color: #fff;
}
#menu .navigation ul li a.active, #menu .languages ul li a.active {
-moz-opacity:.50; 
filter:alpha(opacity=50); 
opacity:.50;
}
#menu .languages{width: 222px; float:right; border:none;
	overflow: hidden;
	margin-top: 14px;
}
#menu .languages ul{list-style:none; padding:0 0 0 0; width: 220px;
}
#menu .languages ul li{
	display:inline-block;
	float: right;
	line-height: 0;
	width: 35px;
	overflow: hidden;
  }
#menu .languages ul li a, #menu .languages ul li a:link, #menu .languages ul li a:visited {
	border-left:1px solid #FFFFFF; 
	margin: 0;
	float: right;
}
#menu .languages ul li a:hover {
	background-color: #fff;
}
#menu .languages img{ 
border:none;
	margin: 7px 8px 6px;
}
#menu .rightcorner{width:17px; height:50px; background:url(../images/menu_right_curb.png) right 0 no-repeat; float:left; }
/* menu end */

/* bottom menu */
#bottom_menu {
	width: 528px;
	position: absolute;
	top: 186px;
}

#bottom_menu ul {
	float: left;
	width: auto;
	height: 10px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	list-style: none;
}

#bottom_menu ul li {
	float: left;
	display: inline;
	margin: 0px;
	line-height: 15px;
}

#bottom_menu ul li a {
	padding: 0px 12px;
	margin: 0px 3px 0 0;
	color: #666;
	text-decoration: none;
	background: url(../images/bottomnevigation_bg_active.png) left top repeat-x;
	border: 1px solid #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#bottom_menu ul li a:hover {
	color: #000;
	text-decoration: none;
}

#bottom_menu ul li a.active {
	color: #333;
	text-decoration: none;
	font-style: italic;
}

#bottom_menu ul li span {
	background: url(../images/white_bullet.gif) no-repeat 3px center;
	float: left
}

#bottom_menu ul li span.active {
	background: url(../images/white_bullet.gif) no-repeat 3px center;
	float: left;
	width: auto;
}/* tottom menu */

/* body container */
#body_container{width:954px; height:auto;}
/* left box */
#body_left_container{width:604px; height:auto; }
#body_left_container .topcorner{width:604px; height:37px; background:url(../images/content_curb_top.png) left top no-repeat;}
#body_left_container .image{width:604px; height:390px; margin:0px; float:left; background:url(../images/body_image.png) no-repeat 0 0;}
#body_left_container .image img{float:left;}
#body_left_container .content{width:526px; height:auto; float:left; padding:0px 39px 5px 39px; margin:0px; background:url(../images/content_bg_middle.png) left top repeat-y;}
.imageclass{margin:5px; float:right; width:auto; height:auto;}


.content ul{line-height:normal; list-style:none; margin: 9px 0 0 20px;}
.content ul li{font-size: 11px; padding: 0 0 0 20px; background:url(../images/listitem_bullte.jpg) left 4px no-repeat;
	margin-bottom: 10px;
	color: #333;
}
.content ul li a{ color:#666; text-decoration:underline;  }
.content ul li a.active{ text-decoration:underline;}
.content ul li a:hover{text-decoration:underline;}


/* image gallery */
#imagegallery{float:left; width:528px; margin: 30px 0;}
#imagegallery .page_list{float:left; width:528px;}
#imagegallery .page_list ul{float:right; list-style:none;}
#imagegallery .page_list ul li{text-align:right; display:inline;
	background-image: none;
	margin: 0;
	padding: 0;
}
#imagegallery .page_list ul li strong{ padding-left: 15px;}
#imagegallery .page_list ul li a{text-align:right; border:1px solid #CCCCCC; text-decoration:none; background-color:#FFFFFF; color:#999999; padding:1px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#imagegallery .page_list ul li a:hover{text-align:right; border:1px solid #CCCCCC; text-decoration:none; background-color:#CCCCCC; color:#fff;}
#imagegallery .page_list ul li a.active{text-align:right; border:1px solid #000; text-decoration:none; background-color:#666;  color:#fff;}
#imagegallery .image_box{width:528px; float:left; margin:5px 0 5px 0; padding:5px 0 5px 0pc; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

#imagegallery .image_box td.gallery_td a {
	display: block;
}

#imagegallery .image_box td.gallery_td img {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.7);
-moz-box-shadow:  0 5px 10px rgba(0,0,0,0.5);
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
border: 4px solid #fff;

}
#imagegallery .image_box td.gallery_td {
	padding: 8px 0 0 8px;
	margin: 0;
}

#imagegallery .image_box table {
	margin: 0;
	padding: 0;
}


/* image gallery end */

/* contact_us */
#contact_us{width:526px; height:auto;}
#contact_us form{margin:10px 0 0 0; display:block;}
#contact_us fieldset{width:auto; border:none; display:block;}
#contact_us label{ float:left; width:139px; font-size:12px; color:#000000; line-height:12px; text-align:right; vertical-align:middle;}
#contact_us .name_leble{margin:7px 0 0 0;}
#contact_us input{ float:left;  margin:0 0 0 5px; height:20px; display:inline; }
#contact_us .name{ width:380px; height:20px; border:1px solid #999999; padding-top:4px;}
#contact_us .email{ width:189px; height:20px; border:1px solid #999999; padding-top:4px;}
#contact_us .textarea{ width:360px; height:70px; border:1px solid #999999; margin:0 0 0 5px; padding-top:4px; display:inline;}
#contact_us .security_image{ float:left; width:186px; height:41px; background:url(../images/security_image.gif) left top no-repeat; margin:0 0 0 5px; display:inline;}
#contact_us .security_text{ width:189px; height:20px; border:1px solid #999999; margin:0 0 0 5px; padding-top:4px; display:inline;}
#contact_us .form_row{float:left; width:528px; padding-bottom:6px;}
#contact_us .box{width:390px; height:auto; padding: 0 0 0 138px;}
#contact_us .box1{width:99px; height:auto; float:left; font-size:11px; vertical-align:bottom;}
#contact_us .box2{width:240px; height:auto; float:left; font-size:11px;}
#contact_us .box_text{ padding:0px 0 0 5px; height:20px; vertical-align:baseline; line-height:20px;}
#contact_us .submit{ float:left; width:88px; height:29px; border:none; margin:10px 0 0 5px ; display:inline;}
#body_left_container .content .bottom_image{width:528px; height:85px; float:left;}

/*contact us end */

.bottom_image {
	margin-top: 20px;
	text-align: center;
}

/* left body bottom corner */
.bottom_corner{width:604px; height:15px; background:url(../images/content_curb_bottom.png) left top no-repeat; float:left;}

/* right container */
#body_right_container{width:319px; height:auto;overflow-x:hidden; }

/* right container box classes */
#body_right_container .top {width:319px;  background:url(../images/right_corner_top.png) 0 0 no-repeat; float:left; height:14px; font-size:4px;}
#body_right_container .bottom{width:319px; background:url(../images/right_corner_bottom.png) 0 bottom no-repeat; float:left; height:17px; font-size:3px; }
#body_right_container .repeat_bg{ float:left;background:url(../images/right_bg_middle.png) 0 0 repeat-y; width:319px;  }
#body_right_container .repeat_bg .middle_section_ad{ float:left; width:285px; padding:0 10px 0 10px;}
#body_right_container .repeat_bg .middle_section{ float:left; width:285px; padding:0 17px 0 17px;}

/* right container search box */
.searchbox{ }
.searchbox input{ float:left; border:none;  font-size:16px;
}
.searchbox .search_text_box{height:25px; width:164px; background:url(../images/search_box.png) 0 0 no-repeat;padding:5px 0 0 30px; 
}

/* right container quick links box */
.quicklinks{ margin: 0 17px 0 0;}
.quicklinks .link_box{width: 68px; float:left; display:inline;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	height: 49px;
	overflow: hidden;
}
.quicklinks .link_box .quicklinks_image{width: 61px; margin: 0; display:inline;}
.quicklinks .link_box .quicklinks_text{width:61px; font-size:10px; text-align:center; font-weight:bold; position: relative; top: -5px;}
.quicklinks .link_box .quicklinks_text a {
	text-decoration: none;
	color: #000;
}

/* right container other properties */
.other_properties{
	margin: 0;
}
.other_properties .header{ font-size:15px; font-weight:bold; margin:0px; }
.other_properties .list{width:220px; height:18px; font-size:11px; color:#2E5274; margin:10px 0 0 0}

/* right container more information */
.more_information{ margin:0 0 0 0;}
.more_information .header{ font-size:15px; font-weight:bold; margin:0px; }
.more_information .list_left{width:140px; float:left; margin:10px 0 0 0}
.more_information .list_left ul{float:left; list-style:none;}
.more_information .list_left ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.png) left 6px no-repeat; }
.more_information .list_left ul li a{ text-decoration:underline; font-size:11px  }
.more_information .list_left ul li a:hover{font-size:11px;  text-decoration:none; }
.more_information .list_right{width:140px; float:right; margin:10px 0 0 0}
.more_information .list_right ul{float:left; list-style:none;}
.more_information .list_right ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.png) left 6px no-repeat; }
.more_information .list_right ul li a{ text-decoration:underline; font-size:11px  }
.more_information .list_right ul li a:hover{font-size:11px; text-decoration:none; }

/* right container local info */
.local_info{ margin:0 0 0 0;}
.local_info .header{ font-size:15px; font-weight:bold; margin:0px; }
.local_info h5{line-height:10px;}
.local_info p{font-size:11px; line-height:12px;
	padding-top: 0;
	padding-bottom: 5px;
}
.local_info ul{float:left; list-style:none;}
.local_info ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.png) left 6px no-repeat;
	margin-top: 0;
}
.local_info ul li a{  text-decoration:underline; font-size:11px  }
.local_info ul li a:hover{font-size:11px; text-decoration:none; }
.local_info .header a {
	color: inherit;
}
.local_info .scroller-holder .header a {
	font-size: 12px;
	line-height: 11px;
	margin: 5px 0 0;
	padding: 0;
	display: block;
}
.local_info .scroller-holder {
	height: 200px;
	overflow: auto;
}
.local_info .scroller-holder .header {
	border-top: 1px dotted #ccc;
}

/* right container playa del */
.travel{ margin:0 0 0 0;}
.travel .header{ font-size:15px; font-weight:bold; margin:0px; }
.travel .travel_image_box{width:110px; float:left; margin-top:10px;}
.travel .travel_text_box{width:160px; float:right; margin-top:10px;}
.travel .travel_text_box p{font-size:11px; line-height:12px;}
.travel .travel_text_box ul{float:left; list-style:none; margin:10px 0 0 0;}
.travel .travel_text_box ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.png) left 2px no-repeat; font-size:11px }
.travel .travel_text_box ul li a{ text-decoration:underline; font-size:11px; }
.travel .travel_text_box ul li a:hover{font-size:11px;  text-decoration:none; }


/* right container weather */
.weather{ margin:0 0 0 0;}
.weather .header{ font-size:15px; font-weight:bold; margin:0px; width:285px; float:left;}
.weather .weather_image_box{width:60px; float:left; margin-top:10px; padding:0 0 0 50px}
.weather .weather_text_box{width:170px; float:right; margin-top:10px; font-size:48px; padding:8px 0 0 0;}
.weather .weather_text_box span{font-size:35px; vertical-align:baseline;}
.weather ul{float:left; list-style:none; width:220px; margin:0; padding:0;}
.weather ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.jpg) left 6px no-repeat; float:left;}
.weather ul li a{  text-decoration:underline; font-size:11px  }
.weather ul li a:hover{font-size:11px; text-decoration:none; }

/* right container guestbook */
.guestbook{ margin:0 0 0 0;}
.guestbook .header{ font-size:15px; font-weight:bold; margin:0px; }
.guestbook .title_guestbook{ font-size:15px; width:284px; font-weight:bold; }
.guestbook p{width:284px; font-size:17px; font-style:italic; line-height:16px;}
.guestbook .guest_name{ width:284px; color:#000; font-size:12px; font-style:normal; line-height:16px; text-align:right; margin:10px 0 0 0;}
.guestbook ul{float:left; list-style:none; width:220px;}
.guestbook ul li{ padding: 0 0 0 20px; background:url(../images/listitem_bullte.jpg) left 8px no-repeat; }
.guestbook ul li a{  text-decoration:underline; font-size:11px  }
.guestbook ul li a:hover{font-size:11px; text-decoration:none; }

/* right container advertosemenst box */
.advertisement{width:319px; float:right; margin:0 0 0 0;}
.advertisement .title_advertisement{ width:284px; font-size:15px; font-weight:bold;}
.advertisement .image_advertisement{width:284px; margin:0px; padding:0px; }

/* right container footer menu*/
#footer_menu{width:954px; height:52px;  padding:0px; float:left; margin:10px 0 0 0;}
#footer_menu .leftcorner_footer{width:15px; height:52px; background:url(../images/footer_menu_left_cornor.png) left top no-repeat; float:left; }
#footer_menu .middle_footer{background:url(../images/footer_menu_middle_bg.png) left top repeat-x; width:924px; height:52px; float:left; padding:10px 0 0 0;}
#footer_menu .navigation_footer{ width:auto; float:left; }
#footer_menu .navigation_footer ul{list-style:none; font-weight:bold; padding:4px 0 0 0; }
#footer_menu .navigation_footer ul li{display:inline; font-size:12px; margin:0 10px 0 5px ;}
#footer_menu .navigation_footer ul li a{ text-decoration:underline;}
#footer_menu .navigation_footer ul li a:hover{ text-decoration:none;}
#footer_menu .rightcorner_footer{width:15px; height:52px; background:url(../images/footer_menu_right_cornor.png) right top no-repeat; float:left; }


/* right container footer text links */
#footer_link{width:954px; height:auto; float:left; margin:10px 20px 20px 0 }
#footer_link .top_corner {width:954px;  background:url(../images/footer_text_top_cornar.png) 0 0 no-repeat; float:left;height:16px; line-height:0; font-size:0;}
#footer_link .bottom_corner{width:954px;  background:url(../images/footer_text_bottom_cornar.png) no-repeat 0 bottom; height:16px; float:left; line-height:0; font-size:0;}
#footer_link .repeat_bg_footer{ float:left; background:url(../images/footer_text_middle_bg.png) 0 0 repeat-y; width:954px;  }
/*
#footer_link .repeat_bg_footer .middle_section_footer{ float:left; width:924px; padding:0 15px 0 15px; font-size:13px; color:#FFFFFF;}
#footer_link .repeat_bg_footer .middle_section_footer a{color:#FFFFFF; font-weight:normal; text-decoration:underline; background:none}
#footer_link .repeat_bg_footer .middle_section_footer a:hover{text-decoration:none;}
*/

#html_slideshow {width: 285px;	height: 200px;	position: relative;overflow: hidden;}
#html_slideshow div {	position: absolute;	top: 0;	left: 0;	width: 285px;height: 200px;background: #EEE;}
#html_slideshow div img {min-width: 285px; width: auto;min-height: 200px; height: auto; width: 100%;}
#html_slideshow div.first{position:relative;z-index:11;}
#html_slideshow div.active{z-index:10;}
#html_slideshow div{width:auto;height:auto;float:none;padding:0;margin:0;position:absolute;top:0;left:0;}

.weather {
	padding: 15px 0;
}
.weather .c_weather strong {
	font-size: 50px;
	line-height: 110px !important;
	color: #CCCCCC;
}
.weather .weahter_item {
	float: left;
	padding: 10px 14px 0 0;
}
.weather .weahter_item img {
	display: block;
	width: 78px;
	margin: 0 0 4px 0;
}
.weather .weahter_item em {
	color: #666666;
	font-size: 11px;
	display: block;
}
.weather .weahter_item strong {
	color: #444444;
	font-size: 14px;
	display: block;
	margin: 3px 0 0 0;
}
.weather .c_weather img {
	width: 120px;
	float: left;
	margin: 0 30px 0 0;
	display: block;
}
.weather .c_weather {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

.widget {
width:319px; height:auto; float:left;margin: 0 0 10px 0;
}

.logofooter {
	margin: 0;
	padding: 0;
	height: 30px;
}
.logofooter li {
	height: 30px;
	display: block;
	color: #fff;
	font-size: 10px;
	line-height: 35px;
	cursor: pointer;
}
.logofooter li a{
	color: #fff;
	text-decoration: none;
}
.logofooter li.left {
	float: left;
	background:  url(../images/logo-io.png) no-repeat;
	padding-left: 110px;
	margin-left: 20px;
}
.logofooter li.right {
	float: right;
	background: url(../images/logo-vp.png) no-repeat 0;
	padding-left: 105px;
	margin-right: 20px;
}