/* CSS Document */
body{margin: 0; padding:0px; background: #FFFFFF url(images/bg.jpg) repeat-x left top; color:#6B6854; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
hr {border: none 0; border-top: 1px dotted #909090; height: 1px; margin: 0px; }
ul{list-style-type:none;}
.clear {clear: both;}

/*----MAIN PANEL----*/
#wrapper {width: 771px; margin: auto; text-align: left; }

#mainPan{width:691px; position:relative; margin:0px; padding: 40px; float: left; }
/*----Left Panel----*/
#leftPan{width:240px; margin-top: 100px; padding-top: 40px; float:left;}
#leftTopPan{display: none; }

#leftPan ul{width:200px; padding: 0px; margin: 0px; display:block;}
#leftPan ul li{height:40px; display:block;}
#leftPan ul li a{width:200px; height:40px; display:block;}

#leftPan ul li.chisiamo a {width: 200px; background-image: url(images/menu_chisiamo.png) !important; background-image: url(images/menu_chisiamo.gif); background-repeat: no-repeat; background-position: -20px 0px; }
#leftPan ul li.chisiamo a span {display: none; }
#leftPan ul li.yacht a {width: 200px; background-image: url(images/menu_loyacht.png) !important; background-image: url(images/menu_loyacht.gif); background-repeat: no-repeat;  background-position: -20px 0px; }
#leftPan ul li.yacht a span {display: none; }
#leftPan ul li.itinerari a {width: 200px; background-image: url(images/menu_gliitinerari.png) !important; background-image: url(images/menu_gliitinerari.gif); background-repeat: no-repeat; background-position: -20px 0px; }
#leftPan ul li.itinerari a span {display: none; }
#leftPan ul li.listino a {width: 200px; background-image: url(images/menu_listino.png) !important; background-image: url(images/menu_listino.gif); background-repeat: no-repeat; background-position: -20px 0px; }
#leftPan ul li.listino a span {display: none; }
#leftPan ul li.contatti a {width: 200px; background-image: url(images/menu_contatti.png) !important; background-image: url(images/menu_contatti.gif); background-repeat: no-repeat; background-position: -20px 0px; }
#leftPan ul li.contatti a span {display: none; }

#leftPan ul li a:hover{background-position: -20px -40px; }

#leftPan ul.linkone{width:240px; padding:0; background:none;}
#leftPan ul.linkone li{width:240px; height: 18px; position:relative; margin:0 auto; background:none; padding:0px;}
#leftPan ul.linkone li a{width:240px; height: auto; display:block; color:#8F8C73; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; text-decoration:underline;}
#leftPan ul.linkone li a:hover{color:#25241E; text-decoration:underline;}

#leftPan h2{height: 25px; color:#25241E; font-size:14px; line-height:16px; font-weight:bold; padding-top: 10px;}
/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:451px; margin-top: 100px; float:left;}
#rightPan h1{width:438px; color:#47423c; font:15px/18px; padding:37px 0 0 13px;}
#rightPan h1 span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#rightPan h2{width:438px; color:#0066cc; font:10px/12px; padding:14px 0 0 10px; }

#rightPan h4{width:240px; height:50px; display:block; color:#8F146E; font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both;}
#rightPan h4 span{color:#9F9D81; background:#F6F4E4; font-size:16px; font-weight:bold; line-height:18px;}

#rightPan p{padding:15px 0 0 9px;}
#rightPan p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#rightPan p span.boldtext{font-weight:bold;}
#rightPan p span.magedacolortext{background:#F6F4E4; color:#8F146E;}
#rightmorePan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorePan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorePan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorePan a:hover{text-decoration:underline;}

#rightmorenextPan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorenextPan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorenextPan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorenextPan a:hover{text-decoration:underline;}


#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}
#rightaddonePan{width:218px; height:110px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}
#rightaddonePan a{width:97px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddonePan a:hover{text-decoration:underline;}

#rightaddtwoPan{width:218px; height:110px; float:left; background:url(images/image2.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; margin:0 0 0 6px;}
#rightaddtwoPan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddtwoPan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}

#rightaddtwoPan a{width:82px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddtwoPan a:hover{text-decoration:underline;}

.modalita {font-family:Arial, Helvetica, sans-serif; float:left; font-size:11px; margin-top:0px; width: 451px; color: #000000; display:none; /* border: 1px solid #000000; border-right:1px solid #333366; margin-right:auto; margin-left:auto;*/ text-align:justify;}
.modalita IMG {border:3px solid #ffffff; cursor:hand; margin: auto;}
.modalita h1 {font-size:18px; line-height:24px; font-weight:normal; }
.modalita a {height: auto;}
.modalita p {font-size:14px; line-height:24px; font-weight:normal; }
#iti0 {display: none}

.PeriodoNo {width: 12%;background-color: #FFFFFF; color: #333333; text-align: center; vertical-align: middle; }
.PeriodoA {background-color: #003399; color: #ffffff; text-align: center; vertical-align: middle; }
.PeriodoB {background-color: #0066cc; color: #ffffff; text-align: center; vertical-align: middle; }
.PeriodoC {background-color: #3399ff; color: #ffffff; text-align: center; vertical-align: middle; }
.PeriodoD {background-color: #99ccff; color: #ffffff; text-align: center; vertical-align: middle; }
.PeriodiTitle {font-size: 12px; line-height: normal;}
.Periodi {font-size: 11px; line-height: normal;}

/*----/Right Panel----*/

/*----Footer Panel----*/
#footermainPan{ color:#fff; margin:auto; height: 180px; background: #6B6854 url(images/footerbg.gif) repeat-x left top;}
#footerPan{width:731px; padding: 20px; margin: auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan p.copyright{width:220px; color:#F3F1DF; float: left;}

#footerPan ul{width:420px; float:right; }
#footerPan li{float:left; }
#footerPan ul li a{padding:0 5px 0; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.epikentros{position: relative; width:220px; color:#fff; float:left; clear: left; }
#footerPan ul.epikentros li{height:20px;}
#footerPan ul.epikentros li a{padding:0 5px 0; display:block; color:#fff; text-decoration:none; }
#footerPan ul.epikentros li a:hover{text-decoration:underline;}

/************ NEWS Articles ************/
/***************************************/

#leftPan ul.news {width:240px; padding:0; background:none; }
#leftPan ul.news li {width:240px; height: 18px; background:none; color: #333333; }
#leftPan ul.news li a {width:240px; height: auto; color: #0066cc; font-size: 11px; padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}
#leftPan ul.news li a:hover {
	width: 237px;
	background-image: url("images/newsArrow.gif");
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f3f3f3;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}