/* CSS Document */

body,html{
	margin:0;
	padding:0;
	width:760px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

a,
a:link,
a:active,
a:visited{
	text-decoration:none;
	color:#666666;
}

a:hover{
	text-decoration:underline;
	color:#666666;
}

.clear{
	clear:both;
	height:0px;
	overflow:hidden;
}

img{
	border:0px;
}	

#wrapper{
	position:relative;
	margin:0 auto;
	padding:0;
}

.header{
	position:absolute;
	top:0px;
	left:0px;
	margin:0 auto;
	padding:0;
	height:142px;
	display:block;
	z-index:0;
}

ul.principal{
	margin:0;
	padding:0;
	position:absolute;
	top:37px;
	right:0px;
	height:49px;
	border-right:1px solid #CCCCCC;
	text-transform:uppercase;
	font-size:1em;
	z-index:1;
}

ul.principal li{
	margin:0;
	padding:8px 14px 0 14px; 
	height:41px;
	list-style:none;
	float:left;
	border-left:1px solid #CCCCCC;
}		

ul.principal li a{
	color:#726668;
	text-decoration:none;
	font-weight:bold;
}

.logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.lang{
	position:absolute;
	top:5px;
	right:2px;
	font-size:0.9em;
	z-index:25;
}

.lang a{
	color:#192D57;
	text-decoration:none;
}

.lang a.curr{
	color:#999999;
	text-decoration:none;
}

#content{
	position:absolute;
	top:350px;
	left:0px;
	margin:0 auto;
	padding:0;
	display:block;
}

#content #left,
#content #right{
	position:absolute;
}

#content #left{
	top:0px;
	left:0px;
}

#content #left .clear,
#content .clear{
	height:12px;
	overflow:hidden;
	clear:both;
}

.visual{
	position:absolute;
	top:142px;
	left:0px;
	margin:0 auto;
	padding:0;
	display:block;
}

.visual .img{
	margin:0;
	padding:0;
	z-index:0;
}

#content #left #container{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	z-index:0;
	width:630px;
	background-color:#EAF1F1;
}

#content #container{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	z-index:0;
	width:760px;
	background-color:#EAF1F1;
}

#content #container .intro{
	float:left;
	padding:15px 30px;
	width:140px;
}	

#content #container .intro img{
	display:block;
	margin:0;
	padding:0 0 5px 0;
}	

#content #container h1,
#content #container h2{
	margin:0;
	padding:0;
	display:block;
	font-size:1em;
	line-height:13px;
}	

#content #container #leftcolumn h1,
#content #container #leftcolumnflotta h1{
	margin:0;
	padding:0 0 0 5px;
	display:block;
	font-size:1em;
	line-height:13px;
}	

#content #container h1{
	color:#192D57;
}	

#content #container h2,
#content #container #leftcolumn h1.itinerari,
#content #container #leftcolumnflotta h1.itinerari{
	color:#FF2121;
}	

#content #container #leftcolumn h1.imbarco{
	color:#006633;
}	

#content #container h1 a{
	color:#192D57;
	text-decoration:none;
}	

#content #container h2 a{
	color:#FF2121;
	text-decoration:none;
}	

#content #container h1 a:hover,
#content #container h2 a:hover{
	text-decoration:underline;
}

#content #container p{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height:12px;
}

#content #container ul{
	margin:0;
	padding:30px 0 0 0;
	list-style:none;
	font-size:0.9em;
}

#content #container ul li{
	margin:0;
	padding:0 10px 0 0;
	float:left;
	height:14px;
	overflow:hidden;
	color:#FF2121;
}

#content #container ul li a{
	text-decoration:underline;
	color:#FF2121;
}

#content #container .sep{
	float:left;
	width:15px;
}

#content #container .sep .clear{
	height:0px;
	overflow:hidden;
	clear:both;
}

#content #container #leftcolumnflotta,
#content #container #centercolumnflotta,
#content #container #rightcolumnflotta,
#content #left #container #leftcolumn,
#content #left #container #rightcolumn{
	position:absolute;
}

#content #left #container #leftcolumn,
#content #container #leftcolumnflotta{
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	width:150px;
	padding:20px 20px 20px 15px;
}

#content #left #container #leftcolumn ul,
#content #container #leftcolumnflotta ul{
	margin:0;
	padding:15px 0 0 0;
	list-style:none;
}

#content #left #container #leftcolumn ul li,
#content #container #leftcolumnflotta ul li{
	margin:0;
	padding:13px 5px 13px 5px;
	width:140px;
	line-height:13px;
	color:#192D57;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #96C7EA;
	font-size:1em;
}

#content #left #container #leftcolumn ul li a,
#content #container #leftcolumnflotta ul li a{
	display:block;
	text-decoration:none;
	color:#999999;
}

#content #left #container #leftcolumn ul li a.imbarco{
	display:block;
	text-decoration:none;
	color:#192D57;
}

#content #container #centercolumnflotta{
	top:0px;
	left:190px;
	width:370px;
	border-right:3px solid #FFFFFF;
	min-height:386px;
}

#content #container #rightcolumnflotta{
	top:0px;
	left:563px;
	width:197px;
	min-height:386px;
}

#content #container #rightcolumnflotta .gallery{
	margin:0 auto;
	padding:20px 0 0 0;
	width:175px;
}

#content #container #rightcolumnflotta .gallery .img{
	margin:0;
	padding:0;
	width:85px;
	float:left;
}

#content #container #rightcolumnflotta .gallery .sep{
	margin:0;
	padding:0;
	width:5px;
	float:left;
}

#content #container #rightcolumnflotta .gallery .img img{
	margin:0;
	padding:0;
	border:0;
}

#content #container #rightcolumnflotta .gallery .clear{
	clear:both;
	height:5px;
	overflow:hidden;
}

#content #left #container #rightcolumn{
	top:0px;
	left:190px;
	width:440px;
	min-height:386px;
}

#content #left #container #gallery{
	width:430px;
	padding:0 5px;
}

#content #left #container #gallery p{
	padding:5px;
	display:block;
}

#content #left #container #gallery .img{
	float:left;
	width:100px;
	padding:0 3px;
}

#content #left #container #gallery .clear{
	overflow:hidden;
	height:0px;
	clear:both;
}

#content .text{
	margin:0;
	padding:20px 10px;
}

#content .text .form{
	margin:0;
	padding:10px 0;
}

#content .text .form .label{
	margin:0;
	padding:0;
	float:left;
	width:150px;
}

#content .text .form .input,
#content .text .form .submit{
	float:left;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
	background-color:#FFFFFF;
}

#content .text .form .clear{
	height:5px;
	overflow:hidden;
	clear:both;
}	

#content #right{
	top:-233px;
	left:630px;
	width:130px;
}

#content #right h2{
	margin:0;
	padding:0 0 9px 18px;
	display:block;
	text-transform:uppercase;
	font-size:1em;
}

#content #right .payoff{
	position:absolute;
	top:248px;
	left:0px;
	width:130px;
	height:140px;
	background-color:#4D8AB7;
	z-index:1;
}

#content #right ul{
	position:relative;
	width:114px;
	margin:0;
	padding:0;
	float:right;
	z-index:0;
}

#content #right ul li{
	margin:0;
	padding:0;
	width:114px;
	height:105px;
	list-style:none;
	display:block;
}

#content #right ul li#flotta0,
#content #right ul li#flotta3{
	border-bottom:11px solid #FFFFFF;
}

#content #right ul li#flotta1,
#content #right ul li#flotta2{
	border-bottom:23px solid #FFFFFF;
}

#content #right ul li#flotta0{
	background:url('../images/first.jpg') top left no-repeat;
}

#content #right ul li#flotta1{
	background:url('../images/second.jpg') top left no-repeat;
}

#content #right ul li#flotta2{
	background:url('../images/third.jpg') top left no-repeat;
}

#content #right ul li#flotta3{
	background:url('../images/fourth.jpg') top left no-repeat;
}

#content #right ul li#flotta4{
	background:url('../images/fifth.jpg') top left no-repeat;
}

#content #right ul li a{
	height:20px;
	width:104px;
	padding:85px 0 0 0;
	display:block;
	color:#174B83;
	font-size:1em;
	text-decoration:none;
	overflow:hidden;
	z-index:1;
}

.footer{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	width:620px;
}

.footerfleet{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	width:750px;
}

.footer .left,
.footer .right,
.footerfleet .left,
.footerfleet .right{
	margin:0;
	padding:2px 0 0 0;
	font-size:0.9em;
}

.footer .left,
.footerfleet .left{
	float:left;
	line-height:10px;
}

.footer .right,
.footerfleet .right{
	padding:4px 0 0 0;
	float:right;
	text-align:right;
}

#content #container .evidence{
	color:#FF2121;
	text-transform:capitalize;
}
