/*--------------------------------------------
GENERALI
--------------------------------------------*/
* 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
/*--------------------------------------------
Classi di utilità varia
--------------------------------------------*/
.hidden 
{
	display: none;
}
/*--------------------------------------------
BODY e HTML
--------------------------------------------*/
body 
{
	margin: 0;
	padding: 0;
}
/*--------------------------------------------
DIV PRINCIPALE
--------------------------------------------*/
#mainDiv 
{
	position: relative;
	width: 935px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 13px 0px 12px;
	background: #fff url(immagini/bg.jpg) repeat-y;	
}
/*--------------------------------------------
DIV HEADER
--------------------------------------------*/
#header 
{
	position: relative;
	width: 100%;
	height: 40px;
	color: #000;
	padding: 0px 0px 0px 0px;
	background-color: #000;
}
#menuHeader 
{
	position: relative;
	float: right;
	margin: 0px 20px 0px 20px;
	color: #fff;
}
#lingua 
{
	position: relative;
	float: right;
	margin: 12px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#home:link,
#home:visited,
#home:active
{
	position: relative;
	float: left;
	display: block;
	width: 70px;
	height: 40px;
	background: url(immagini/home.jpg);
}
#home:hover 
{
	background: url(immagini/home-hover.jpg);
}
#contacts:link,
#contacts:visited,
#contacts:active
{
	position: relative;
	float: left;
	display: block;
	width: 70px;
	height: 40px;
	background: url(immagini/contacts.jpg);
}
#contacts:hover 
{
	background: url(immagini/contacts-hover.jpg);
}
#logo 
{
	position: relative;
	float: left;
}
/*--------------------------------------------
COLONNA DI SINISTRA
--------------------------------------------*/
#leftCol 
{
	position:relative;
	float: left;
	width: 150px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*--------------------------------------------
COLONNA DI DESTRA
--------------------------------------------*/
#rightCol 
{
	position: relative;
	float: right;
	width: 200px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightCol a.ourBoats:link,
#rightCol a.ourBoats:visited,
#rightCol a.ourBoats:active
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 22px;
	color: #ff6600;
	letter-spacing: 1.2;
	margin-left: 10px;
	text-decoration: none;
}
/*--------------------------------------------
COLONNA CENTRALE
--------------------------------------------*/
#bodyCol
{
	position: relative;
	width: 555px;
	margin: 14px 200px 0px 160px;
	line-height: 1.3;
}
#bodyCol span 
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 22px;
	color: #000;
	letter-spacing: 1.2;
	margin-left: 10px;
}
#bodyCol p 
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	color: #000;
}
/*--------------------------------------------
MENU
--------------------------------------------*/
#menu-top 
{
	width: 150px;
	height: 16px;
}
#menu-bottom
{
	width: 150px;
	height: 16px;
}
#menu-body 
{
	width: 150px;
	line-height: 1.3;
}
#menu-body span
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 22px;
	color: #000;
	letter-spacing: 1.2;
	margin-left: 10px;
}
#menu-body a:link, #menu-body a:visited, #menu-body a:active
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 12px;
	color: #ff6600;
	margin-left: 10px;
	text-decoration: none;
}
#menu-body a:hover 
{
	text-decoration: underline;
}
/*--------------------------------------------
SLIDE
--------------------------------------------*/
#slide 
{
	position: relative;
	top: -1px;
}

/*--------------------------------------------
BOX RIDIMENSIONABILE
--------------------------------------------*/
div.box
{
	background: url(immagini/box-left.jpg) #fff repeat-y left top;
}

div.boxTop
{
	width: 100%;
	height: 28px;
	background: url(immagini/box-top.jpg) #fff no-repeat left top;
	text-align: left;
	font-family: Tahoma;
	font-size: 80%;
	color: #ffcc00;
	text-indent: 10px;
}

div.boxTop span 
{
	display: block;
	position: relative;
	height: 28px;
	background: url(immagini/box-top-right.jpg) no-repeat right top;
}

div.boxContent
{
	position: relative;
	background: #fff url(immagini/box-right.jpg) repeat-y right top;
	padding: 1px 0px 1px 0px;
	margin: -1px 0 0px 20px;
	text-align: left;
}

div.boxBottom
{
	height: 20px;
	background: #fff url(immagini/box-bottom.jpg)  no-repeat left bottom;
}

div.boxBottom span 
{
	display: block;
	position: relative;
	height: 20px;
	background: url(immagini/box-bottom-right.jpg) no-repeat right top;
}
/*--------------------------------------------
FOOTER
--------------------------------------------*/
#footerDiv 
{
	position: relative;
	width: 960px;
	margin: 0px auto 0px auto;
	height: 50px;
}
#bottom 
{
	background: url(immagini/bg-bottom.jpg) no-repeat left top;
	width: 100%;
	height: 20px;
	clear: both;
}
#copyright 
{
	position: relative;
	float: left;
	font-family: Arial;
	font-size: 10px;
	color: #000;
	padding-left: 20px;
}

#redeye 
{
	position: relative;
	float: right;
	font-family: Arial;
	font-size: 10px;
	color: #000;
	padding-right: 20px;
}

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

#redeye a:hover
{
	color: #ff0000;
}

/*--------------------------------------------
FRIENDS
--------------------------------------------*/
#friends 
{
	position: relative;
	margin: 10px 10px 10px 10px;
}
/*--------------------------------------------
MENU BARCHE
--------------------------------------------*/
#barcheCol
{
	position: relative;
	float: right;
	width: 300px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.menu_barche
{
	width: 150px;
	line-height: 1.5;
}
div.menu_barche span
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 22px;
	color: #000;
	letter-spacing: 1.2;
}
a.linkBarca:link, 
a.linkBarca:visited, 
a.linkBarca:active
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 12px;
	color: #ff6600;
	text-decoration: none;
}
a.linkBarca:hover 
{
	text-decoration: underline;
}
/*--------------------------------------------
BARCHE
--------------------------------------------*/
div.photoNav 
{
	position: relative;
	left: -58px;
	text-align: left;
}
a.boatPhoto 
{
	position: relative;
	background-color: White;
	padding: 2px;
}

a.boatPhoto img 
{
	position: absolute;
	display: block;
	margin: auto auto auto auto;
	padding: 0px;
	width: 70px;
	height: 47px;
	border: 0px;
}

a.boatPhoto:hover img
{
	border: solid 1px orange;
}
/*--------------------------------------------
CONTATTI
--------------------------------------------*/
#bodyColContatti
{
	position: relative;
	float: right;
	margin: 14px 200px 0px 0px;
	line-height: 1.3;
}
p.contatti
{
	position: relative;
	clear: both;
	font-family: Lucida Sans, Arial;
	font-size: 16px;
	text-align: center;
}
img.contatti
{
	position: relative;
	clear: both;
}
a.contatti:link,
a.contatti:visited,
a.contatti:active 
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 12px;
	text-decoration: none;
	color: #ff6600;
}

a.contatti:hover 
{
	text-decoration: underline;
}
/*--------------------------------------------
VILLE
--------------------------------------------*/
div.menu_ville span
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 22px;
	color: #000;
	letter-spacing: 1.2;
	margin-left: 10px;
}
div.menu_ville a:link, div.menu_ville a:visited, div.menu_ville a:active
{
	font-family: Lucida Sans, Arial, Tahoma;
	font-size: 12px;
	color: #ff6600;
	margin-left: 10px;
	text-decoration: none;
	line-height: 1.5;
}
div.menu_ville a:hover 
{
	text-decoration: underline;
}
#villa 
{
	font-family: Lucida Sans;
	font-size: 12px;
	font-weight:lighter;
}
/*--------------------------------------------
AMICI
--------------------------------------------*/
td.amici 
{
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
}
/*--------------------------------------------
CONTATTI
--------------------------------------------*/
img.contatti 
{
	position: relative;
	clear: both;
}