/****** STRUTTURA *******/

html, body {
    margin: 0px auto;
    text-align: center;
    height: 100%;
}
#wrapper {
    width: 1000px;
    height: 100%;
    display: block;
    clear: both;
    text-align: left;
    margin: 0px auto;
}
#header {
    display: block;
    clear: both;
    margin: 0px;
    width: 1000px;
}
#header #mini_banner {
    height: 258px;
    width: 295px;
    margin-right: 15px;
    float: right;
    display: block;
    position: relative;
}
#header #mini_banner a#cartina {
    position: absolute;
    top: 121px;
    left: 109px;
    width: 110px;
    height: 24px;
	text-indent: -10000px;
}
#header, #header.golf, #header.attrazioni  {
    height: 258px; 
}
#header.home {
	height: 399px;
}
#header h1.homer {
	display: block; float: left; clear: left; margin: 20px 0px 0px 40px;
}
#header h1.homer a {display: block;  width: 200px; height: 100px; text-indent: -10000px; }
#main_nav {
    width: 1000px;
    display: block;
    clear: both;
    height: 47px;
}
#main_nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#main_nav ul li {
    display: block; float: left; clear: none; height: 47px; 
}
#main_nav ul li a { line-height: 47px; display: block; padding: 0px 10px; }
#main_nav ul li a#home{ width:96px;}
#main_nav ul li a#isola{ width:112px;}
#main_nav ul li a#attrazioni{ width:133px;}
#main_nav ul li a#sanya{ width:101px;}
#main_nav ul li a#golf{ width:79px;}
#main_nav ul li a#mice{ width:109px;}

#main_nav ul li.has_sub ul li, #main_nav ul li.has_sub ul li a{
    height: auto !important;
    padding: 8px 0px;
    display: block;
    float: none;
    clear: both;
}
#main_nav ul li.has_sub ul li {padding: 0px 18px;}
#main_nav ul li ul {
    padding: 15px 0px 21px 0px;
	visibility:hidden;
	position:absolute;
	z-index: 10000;
}
#main_nav ul li:hover ul {
	visibility:visible;
}

#left_col {
    margin: 0px;
    width: 737px;
    display: block;
    float: left;
    clear: left;
}
#home_bd #left_col {width: 1000px; }

#right_col {
    margin: 0px;
    width: 263px;
    display: block;
    float: left;
    clear: right;
}
#left_col .left_col_wrap {
	width: 725px;
	margin: 13px 17px 14px 0px;
}
#home_bd #left_col .left_col_wrap {
	margin: 13px 0px 14px 0px; width: 1000px;
}
#left_col .left_col_wrap .inner {
	padding: 20px 24px; 
}
#left_col .left_col_wrap .inner .subhead {
	height: 97px;
}
#left_col .left_col_wrap .inner .subhead h2 {
	float: left;
	display: block;
	margin: 25px 22px 0px 0px;
	/* width: 385px; @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ RIPRISTINA SE PER CASO RIMETTIAMO LA UI */ 
	clear: left;
}
#left_col .left_col_wrap .inner .subhead .ui {
	width: 270px;
	float: left;
	clear: right;
	margin-top: 25px;
}
#left_col .left_col_wrap .inner .subhead .ui ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#left_col .left_col_wrap .inner .subhead .ui ul li{
	display: block;
	float: right;
	clear: none;
	padding: 0px 11px 0px 23px;
	height: 16px;
}
.breadcrumb {
	height: 32px;
}
#left_col .left_col_wrap .inner .content img {
    padding: 8px; margin: 0px 24px 24px 0px;  float: left; 
}
#left_col .left_col_wrap .inner .content .tab_ref .content_wrap img {
    padding: 8px; margin: 0px 0px 24px 24px;  float: right; 
}
#home_bd #left_col .left_col_wrap .inner .content img {
    padding: 8px; margin: 0px 12px 24px 24px;  float: right; 
}
#left_col .left_col_wrap .inner .content p {
	padding-bottom: 24px; 
}
#left_col .left_col_wrap .inner .gallery {
	float: left;
	display: block; clear: both; 
}
#left_col .left_col_wrap .inner .gallery a {
	display: block;
	margin: 10px 12px 0px 0px;
	float: left; 
}

#left_col .left_col_wrap .inner .gallery img,
.footer_box img
{
    padding: 6px;
	float: left;
}


.footer_box { width: 356px; margin-right: 13px; display: block; float: left; }
.footer_box .inner { padding: 23px 24px; }

#home_bd .footer_box { width: 324px; margin-right: 13px; display: block; float: left; }
#home_bd .footer_box .inner { padding: 23px 24px; }
#home_bd .footer_box .footer_box_content {float: none; clear: none; margin-left: 0px; width: 100%; }
#home_bd .footer_box img
{
    padding: 0px;
	float: none;
}
.footer_box .footer_box_content {float: left; clear: none; margin-left: 26px; width: 180px; }
.footer_box .footer_box_content h4 {margin: 0px 0px 10px; }
a.knowmore, a.toplink { display: block; padding: 6px 10px; float: right; margin: 10px 0px;}
a.knowmore_left {display: block; padding: 6px 10px; float: left; clear: both; margin: 10px 0px;}
.side_menu .sub_menu_top{height: 82px; width: 262px; display: block; clear: both; }
.side_menu .sub_menu_body{ width: 262px; display: block; clear: both; }
.side_menu .sub_menu_bottom{height: 68px; width: 262px; display: block; clear: both;}

#footer { padding: 22px 21px; margin-top: 24px;}

.right_box_wrap {margin: 13px 0px 14px; }
.right_box_wrap .inner {padding: 25px; }

.cartina {
	width: 676px;
	height: 542px;
	position: relative;
	z-index: 0;
}
.cartina a { position: absolute; height: 22px; background: url(images/ct.png) no-repeat; display: block; text-indent: -10000px;  }
.cartina #cartina_paragraph { position: absolute; display: block; top: 391px; left: 414px; color: #645644; font-size: 1.5em;  line-height: 120%;}

.cartina a#haikou{width: 61px; background-position: 0 0; top: 48px; left: 348px;}
.cartina a#haikou:hover{ background-position: 0px -22px; }

.cartina a#dingan{width: 62px; background-position: -61px 0px; top: 105px; left: 355px;}
.cartina a#dingan:hover{ background-position: -61px -22px; }

.cartina a#wenchang{width: 84px; background-position: -124px 0px; top: 135px; left: 462px;}
.cartina a#wenchang:hover{ background-position: -124px -22px; }

.cartina a#danzhou{width: 70px; background-position: -208px 0px; top: 166px; left: 224px;}
.cartina a#danzhou:hover{ background-position: -208px -22px; }

.cartina a#thunchang{width: 87px; background-position: -279px 0px; top: 198px; left: 297px;}
.cartina a#thunchang:hover{ background-position: -279px -22px; }

.cartina a#changjiang{width: 90px; background-position: -366px 0px; top: 212px; left: 95px;}
.cartina a#changjiang:hover{ background-position: -366px -22px; }

.cartina a#qionghai{width: 71px; background-position: -457px 0px; top: 218px; left: 390px;}
.cartina a#qionghai:hover{ background-position: -457px -22px; }

.cartina a#boao{width: 48px; background-position: -585px 0px; top: 238px; left: 418px;}
.cartina a#boao:hover{ background-position: -585px -22px; }

.cartina a#wanning{width: 70px; background-position: -633px 0px; top: 325px; left: 374px;}
.cartina a#wanning:hover{ background-position: -633px -22px; }

.cartina a#wuzhishan{width: 82px; background-position: -704px 0px; top: 346px; left: 194px;}
.cartina a#wuzhishan:hover{ background-position: -704px -22px; }

.cartina a#lingshui{width: 70px; background-position: -786px 0px; top: 350px; left: 319px;}
.cartina a#lingshui:hover{ background-position: -786px -22px; }

.cartina a#boating{width: 67px; background-position: -856px 0px; top: 374px; left: 232px;}
.cartina a#boating:hover{ background-position: -856px -22px; }

.cartina a#sanya{width: 55px; background-position: -923px 0px; top: 436px; left: 204px;}
.cartina a#sanya:hover{ background-position: -923px -22px; }

/****** TABS *********/
div#tab_1, div#tab_2 {height: 89px; display: block; clear: both; }
 div#tab_2 { height: 45px; }
ul.tab_cnt {display: block; clear: both; padding: 0px; margin: 0px; }
ul.tab_cnt li {display: block; clear: none; float: left; padding: 0px 28px; margin: 0px; line-height: 44px; }
ul.tab_cnt li.last {width: 100%; }

.tab_ref {margin: 0px 20px; }

/**** TABELLE ***/
table {width: 100%; border-collapse: collapse; margin: 15px 0px; }

h5.cartina_guide { font-size: 1.3em; padding-bottom: 5px; border-bottom: 1px solid #e5e5e6; color: #b0b0b0; font-weight: normal;}
dl dt, dl dd { float: left; clear: none; display: block; }
dl dt {width: 49px; height: 49px; margin-right: 12px; }
dl dd {color: #59b5c6; font-size: 1.3em; line-height: 49px; margin-right: 12px; margin-left: 0px; }
