/* CSS Document */

body#pag_index, body {
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
text-align: center;
margin:0;
color: #858383;}
body#pag_index {background: url(media/sfondo.jpg) top repeat-x;}
body {background: url(media/sfondo_interno.jpg) top repeat-x;}

p {margin: 5px;}
a:focus {outline:0;}

#wrapper {
width: 695px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;}

#contenitore {
width: 695px; 
margin-top: 0px;}

#testata {
width: 695px;
height: 150px;
margin-top: 0px;
padding-top: 0px;}

#foto_index {
width: 695px;
height: 230px;
margin-top: 0px;
padding-top: 0px;
background: url(media/foto_index3.jpg) center no-repeat;}

/*------------------------ MENU --------------------*/

#menu {
width: 390px;
height: 60px;
float: right;
margin-right:5px;
margin-top:90px;}
#ita a {width: 50px; height: 60px; margin-left:10px; float: left; background: url(media/immagini/ita1.jpg) left no-repeat;}

#index a {width: 92px; height: 60px; float: left; background: url(media/immagini/menu_01.jpg) left no-repeat;}
#index a:hover {width: 92px; height: 60px; float: left; background: url(media/immagini/menu_h_01.jpg) left no-repeat;}
#aboutus a { width: 130px; height: 60px; float: left; background: url(media/immagini/menu_02.jpg) left no-repeat;}
#aboutus a:hover {width: 130px; height: 60px; float: left; background: url(media/immagini/menu_h_02.jpg) left no-repeat;}
#contact a {width: 114px; height: 60px; float: left; background: url(media/immagini/menu_03.jpg) left no-repeat;}
#contact a:hover {width: 114px; height: 60px; float: left; background: url(media/immagini/menu_h_03.jpg) left no-repeat;}

#logo {
width: 212px;
height: 150px;
float: left;
background-image: url(media/logo.jpg);
background-position: right;
background-repeat: no-repeat;}

/*------------------------------------ BOX HOME -------------------*/
#contenitore_box {
float:left;
width: 582px;
height: 150px;
margin-top: 5px;
margin-left:58px;
display:inline;
}
.box_sinistra, .altri_box{
float:left;
width: 188px;
height:30px;
margin-top: 5px;
border: 1px solid #ccc;
background-image:url(media/1.jpg);
background-position:center left;
background-repeat:no-repeat;
}
.altri_box{
margin-left:5px;
}
.box_sinistra p, .altri_box p{
font-family: tahoma, arial;
font-size: 12px;
color: #51708d;
font-weight: normal;
padding-top:3px;
}

/*------------------------------- FOOTER ------------------*/
#contenitore_footer {
width: 695px;
height: 30px;
float: left;}
#bordi_footer, #bordi_footer_index {
width: 582px;
height: 26px;
border: 1px solid #cacaca;}
#bordi_footer {margin:auto;}
#footer {
margin: 2px;
width: 578px;
float: left;
height: 22px;}
#footer {background-color: #123d60;}
#footer p {color: #fff;}
#footer a {color: #fff; text-decoration:underline;}
#footer a:hover {color:#cacaca; text-decoration: none;}

/*------------------------------------ PAGINE INTERNE ---------------------------*/

.box_interno, #box_interno_privacy, #box_interno_siteinfo {
/*width: 695px;*/
width: 580px;
float: left;display: inline;
margin-left:56px;
background-image: url(media/1.jpg);
background-position: 5px 5px;
background-repeat: no-repeat;
border: 2px solid #cacaca;
margin-bottom: 10px;}
#box_costruzione {width: 580px;margin-left: auto;margin-right: auto;border: 2px solid #cacaca; margin-bottom: 10px;}
.box_interno p, #box_interno_privacy p {text-align: justify; margin: 10px;}
#box_interno_siteinfo p {text-align: justify; margin: 10px; padding-right: 250px;}
#box_interno_privacy li {text-align: left;padding-right: 10px;}
#box_interno_privacy a, #box_interno_siteinfo a {text-decoration:underline; color:#046cc5;}
#box_interno_privacy a:hover, #box_interno_siteinfo a:hover {text-decoration: none; color:#74b7ec;}

.titolo_interno, .titolo_interno1{
font-family: tahoma, arial;
color: #51708d;
font-weight: bold;
padding-left: 30px;}
.titolo_interno {font-size: 13px; text-align: left;}
.titolo_interno1 {font-size: 20px;}
li.contact {list-style: none; text-align: left;}
ul.contact {margin-bottom: 10px; margin-top: 10px;}

#box_barca {
position: absolute;
width: 195px;
height: 260px;
margin-top: 144px;
margin-left: 460px;
background: url(media/barca.gif) center no-repeat;}

#box_elica {
position: absolute;
width: 215px;
height: 219px;
margin-top: 284px;
margin-left: 460px;
background: url(media/elica.gif) center no-repeat;}

.arrow {
width: 695px;
height: 18px;
float:left;
margin-right:30px;
margin-top: -27px;}

.arrow img {float: right; margin-right: 30px;}
/*--------------------------- JS --------------------*/

#dhtmltooltip {
position: absolute; 
max-width: 300px; 
height: 35px;
background-color: #efefef; 
color: #555; 
padding:2px 5px 2px 35px;
visibility: hidden;
z-index: 100; 
font-size: 14px;
font-weight: bold;
font-family: tahoma, arial;
}

#dhtmlpointer{
position:absolute; 
left: -300px; 
margin-top: 15px;
z-index: 101; 
visibility: hidden;}