img {border:none;}

.menutree {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: small-caps; color: #000000}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #003E00;
	color: #FFFFFF;
	line-height: normal;
	text-transform: none;
	font-size: 11px;

}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-transform: none;

}


a {
	color: #003E00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	text-transform: none;
	text-decoration: none;
}
.grigio {
	font-size: 9px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}


.nomecolonne {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #000099; text-decoration: blink}

.logo {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: oblique; font-weight: lighter; font-variant: normal; color: #009900}

.titolo_pagine
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: 30px;
	width: auto;
	border: medium none #000099;
}
h1 {
	font-family: Tahoma;
	font-size: 10px;
	color: #CCCCCC;
}

.testo_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color:#def;
	color: #0000aa;
	text-decoration: none;
	text-transform: none;
	text-align:justify;
	line-height: 18px;
	width: auto;
	margin-top:30px;
	border: medium none #000099;
}

.nomepagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	font-variant: small-caps;
	color: #000099;
	background-position: center center;
	text-decoration: none;
	border: 1px none #000099;
}

.grassetto {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #000099}


.bordo {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	text-transform: none;
	line-height: normal;
	width: auto;
	border: 1px groove #000099;
}

.bordofoto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-transform: none;
	line-height: normal;
	border: 1px groove #000000;
	font-size: 9px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	font-variant: normal;
	color: #000099;
	background-color:yellow;
	margin:0px;
	text-align:center;
}


/* PROVA NUOVO */

body{
  /*margin: 20px auto;*/
  padding:0;
  background: #fff;
  text-align:center;
  font-family: "trebuchet ms", trebuchet, verdana, arial, sans serif;
  font-size: 80%;
}

.main
 {
   border:solid black;
   border-width:1px;
   width:820px;
   height:600px;
   background-image:url(immagini/sfondo_mare_1.jpg);
   text-align:center;
 }

.div_center
{
	float:left;
	background-color:none;
	height:100px;
	width:650px;
}

.center_main
{
	float:left;
}

.div_right
{
	float:right;
	background-color:#def;
	border:1px solid blue;
	border-style:outset;
	text-align:right;
	padding:0px;
	width:130px;
}

 .top
 {
 	height:90px;
	padding:5px;
 }
 
 .titolo
 {
   /*border:solid black;
   border-width:1px;
   background-color:blue;*/
   /*background-image:url(immagini/sfondo_conchiglie.gif);*/
   float:left;
   width:820px;
 }
 
.sottotitolo
{
	font-weight:bold;
	font-size:14pt;
}

.logo_uisp
{
	float:right;
}
 
.menu {
    font-family: Arial, Helvetica, sans-serif; 
    font-style: bold; 
    font-weight: bold; 
    font-variant: small-caps; 
    color: #000000;
    float:left;
}

.div_menu
{
	padding:3px;
	border:1px solid blue;
	cursor:pointer;
	background-image:none;
	font-size: 12px; 
	color:#000;
	width:160px;
}

.div_menu_over
{
	padding:3px;
	border:1px solid blue;
	cursor:pointer;
	background-image:url(immagini/sfondo_conchiglie.gif);
	font-size: 13px;
	color:#00f;
}


.testo1
{
	float:right;
	background-color:#def;
	height:100px;
	width:150px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}

.testo2
{
	float:left;
	background-color:#def;
	height:100px;
	width:350px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}

.testo3
{
	float:left;
	font-size:13pt;
	background-color:#def;
	height:100px;
	width:350px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}

.testo4
{
	float:left;
	background-color:#def;
	height:100px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}


.scorrimento {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000aa;
	text-decoration: none;
	text-transform: none;
	line-height: 30px;
	width: auto;
	border: medium none #000099;
}



#container {

    width:498px; 
    height:393px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
    background: url(immagini/home_page/home1_sfondo.jpg);
    background-repeat:no-repeat;
}

#ponti-primavera {

    width:498px; 
    height:393px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
    background: url(images/ponti-primavera.jpg);
    background-repeat:no-repeat;
}

#container_ponti {

    width:496px; 
    height:393px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
	margin-top:-320px;
}

#container_foto {
    position:relative;
    width:498px; 
    height:393px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
background: url(immagini/home_page/home1_sfondo.jpg);
background-repeat:no-repeat;
}

#container2 {

    width:498px; 
    height:260px;
    border:1px solid #4a679f;
    margin:0 auto;
	padding:10px;
	text-align:justify
}

#container3 {

    width:496px; 
    height:260px;
    border:1px solid #4a679f;
    margin:0 auto;
	padding:10px;
	text-align:justify
}

#container4 {

    width:496px; 
    border:1px solid #4a679f;
    margin:0 auto;
	padding:10px;
	text-align:justify
}

#container_foto2 {

    width:498px; 
    height:373px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
background: url(immagini/home_page/home_foto1.jpg);
background-repeat:no-repeat;
}

#container_foto3 {

    width:498px; 
    height:331px;
    background:#fff; 
    border:1px solid #4a679f;
    margin:0 auto;
background: url(immagini/home_page/ponte25aprile0151.jpg);
background-repeat:no-repeat;
}

.testo_main2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color:#def;
	color: #0000aa;
	text-decoration: none;
	text-transform: none;
	text-align:justify;
	line-height: 18px;
	width: auto;
	margin-top:0px;
	border: medium none #000099;
}


#head{
margin-top:360;
padding:10;
background:#00f;
height:70px;
}



#head h4{
margin:0;
color:red;
padding:0;
color:#fff;
line-height:50px;
}

a
{
	text-decoration:none;
	border=0px;
}

a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden; 
background:#000;
}


a.galleria, a.galleria:visited {
display:block; 
color:#4a679f;
font-weight:bold;
text-decoration:none;
/*border:1px solid #fff;*/ 
width:75px; 
height:47px; 
float:left; 
margin:3px;
z-index:100;
}


a.mini1 {background:url(immagini/home_page/m_charter-vela.jpg);}
a.mini2 {background:url(immagini/home_page/m_charter-vela-corsica.jpg);}
a.mini3 {background:url(immagini/home_page/m_charter-vela-sardegna.jpg);}
a.mini4 {background:url(immagini/home_page/m_charter-vela-capraia.jpg);}
a.mini5 {background:url(immagini/home_page/m_charter-vela-elba.jpg);}

a.fotomini1 {background:url(immagini/foto/mini/capraia.jpg);}
a.fotomini2 {background:url(immagini/foto/mini/charter-vela.jpg);}
a.fotomini3 {background:url(immagini/foto/mini/barca.jpg);}
a.fotomini4 {background:url(immagini/foto/mini/crociera-vela.jpg);}
a.fotomini5 {background:url(immagini/foto/mini/prua2.jpg);}
a.fotomini6 {background:url(immagini/foto/mini/foto-barca.jpg);}
a.fotomini7 {background:url(immagini/foto/mini/foto-barca-vela.jpg);}
a.fotomini8 {background:url(immagini/foto/mini/foto-barche-vela.jpg);}
a.fotomini9 {background:url(immagini/foto/mini/vacanze-barca-vela.jpg);}
a.fotomini10 {background:url(immagini/foto/mini/via_1.jpg);}
a.fotomini11 {background:url(immagini/nuove1/mini/tavola.jpg);}
a.fotomini12 {background:url(immagini/nuove1/mini/gente.jpg);}
a.fotomini13 {background:url(immagini/nuove1/mini/porto.jpg);}
a.fotomini14 {background:url(immagini/nuove1/mini/timone.jpg);}

a.galleria:hover {
border:1px solid #ddd;
}

a.galleria:hover img {
/*border:1px solid #ddd;*/ 
position:relative; 
z-index:100;
}

a.galleria:active img, a.galleria:focus img {
/*border:1px solid #ddd;*/ 
position:relative; 
z-index:50;
}

a.galleria:hover span {
display:block; 
position:absolute; 
width:402px; 
height:300px; 
top:175px;
left: 5px;
padding:5px;
background:transparent; 
z-index:100;
}


a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:402px; 
height:300px; 
top:175px;
left:5px; 
padding:5px; 
color:#4a679f;
font-weight:bold;
background:#fff;
z-index:200;
}

@import url(galleria_foto.css);



.image {
display:block; 
position:absolute; 
width:400px; 
height:250px;
top:200px;
left:10px;
padding:0; 
}

.offerta
{
	float:left;
	background-color:#def;
	height:100px;
	width:150px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
	border-style:outset;
}

.contatti
{
	float:right;
	line-height: 16px;
	background-color:#def;
	height:100px;
	width:150px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}

.offerte
{
	float:right;
	line-height: 20px;
	background-color:#def;
	height:80px;
	width:150px;
	border:1px solid blue;
	border-style:outset;
	text-align:left;
	padding:3px;
}


.tabella
{
	color:blue;
}

.titolo_news
{
	color:green;
	font-size:10pt;
	font-weight:bold;
}