/* Scroll */
			
		.scroll-pane {
				width: 515px;
				overflow: auto;
				float: left;
				font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
				text-align:justify;
				line-height:17px;
				
							}
			
			#pane2 {
			width: 510px;
				height: 200px;
				text-align:justify;
				padding:0px 5px 0px 25px;
				float: left;
			}
			
			#pane3 {
			width: 510px;
				height: 290px;
				text-align:justify;
				padding:0px 5px 0px 25px;
				float: left;
			}
			
			
			a.jScrollArrowUp {
				background: url(../images/basic_arrow_up.gif) no-repeat 0px 0px;
			}
			
			a.jScrollArrowUp:hover {
				background-position: 0px -15px;
			}
			a.jScrollArrowDown {
				background: url(../images/basic_arrow_down.gif) no-repeat 0px 0px;
			}
			a.jScrollArrowDown:hover {
				background-position: 0px -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0px -30px;
			
			}
			
			.holder {
				padding-top:0px;
				float:left;
				z-index:0;
			}


/* Generali */

a:link 			{font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#3c75aa; border:0px;}
a:hover			{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#eab808; border:0px;}
a:visited		{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#173555; border:0px;}
a:active		{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#000000; border:0px;}

a.bottom:link 			{font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px; text-decoration:none;}
a.bottom:hover			{font:normal 11px Verdana,Arial,Helvetica,sans-serif;color:#eab808; border:0px;}
a.bottom:visited		{font:normal 11px Verdana,Arial,Helvetica,sans-serif;color:#173555; border:0px;}
a.bottom:active		        {font:normal 11px Verdana,Arial,Helvetica,sans-serif;color:#000000; border:0px;}

a.briciole:link 			{font:bold 11px Verdana,Arial,Helvetica,sans-serif; color:#5586b5; border:0px;}
a.briciole:hover			{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#0000ff; border:0px;}
a.briciole:visited		{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#3c75aa; border:0px;}
a.briciole:active		{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#000000; border:0px;}


html,body {
margin:0px; 
padding:0px;
height:100%;
background-image:url(../images/pattern.gif);
background-repeat:repeat-x;
}

.divi { 
margin: 0px 4px -2px 4px;
}

.percorso {font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#173555; border:0px;}

.spacer { 
height: 10px;
font:bold 0px Verdana,Arial,Helvetica,sans-serif;
}

/* Pagina iniziale */


.h1titolo{
font-family: Verdana,Arial,Helvetica,sans-serif;
margin:0px;
font-size: 18px;
font-weight: bold; 
color: #003c79;
text-align: center;
}

.h2titolo{
font-family: Verdana,Arial,Helvetica,sans-serif;
margin:0px;
font-size: 12px;
font-weight: bold; 
color: #003c79;
text-align: center;

}
.h2titolol{
font-family: Verdana,Arial,Helvetica,sans-serif;
margin:22px;
font-size: 12px;
font-weight: bold; 
color: #003c79;
text-align: center;
background-color:#fbb900;
}

.h2titoloc{

font-family: Verdana,Arial,Helvetica,sans-serif;
margin:0px;
font-size: 12px;
font-weight: bold; 
color: #003c79;
text-align: center;
background-color:#fbb900;
float: left;
}


#panectxt{
width: 510px;
height: 200px;
text-align:justify;
padding:0px 5px 0px 25px;
float: left;
}





#container{
position:absolute;
width:334px; 
height:224px;
top:50%;
left:50%;
margin:-174px 0px 0px -167px;
z-index:2;
}

#copy{
position:absolute;
width:800px; 
height:50px;
top:54%;
left:18.8%;


}

#top{
width:100%; 
height:50%;
text-align:center;
}

#bottom{
width:100%; 
height:100%;
background-color:#c3d2e9;
text-align:center;
margin:0px;
padding:0px;
}

#titw{
width:540px;
}

#foto {
width:180px; 
height:250px;
float:left;
margin:32px 15px 20px 15px;
text-align:center;
}

#foto_sin {
width:180px; 
height:250px;
float:left;
margin:45px 15px 20px 15px !important; margin:45px 10px 20px 10px;
text-align:center;
}


.left_pane 
{
width:170px;
height:45px;
text-align:left;
float: left;
display:block;
padding:15px 0px 3px 0px;

}

.right_pane 
{
width:300px;
height:45px;
text-align:left;
float: left;
display:block;
padding:15px 0px 3px 0px;
}

.testo_int 
{
width: 500px;
height:auto;
text-align:justify;
float: left;
display:block;
padding:5px 0px 3px 0px;
}

.img{
vertical-align:bottom;
}

.left{
float:left;
}

#lingua01:hover, #lingua02:hover {background-position:0px -174px;}
#lingua01:active, #lingua02:active {background-position:0px 174px;}

#lingua01 {width:167px; height:174px; background-image:url(../images/ita_off_vacanze-a-vela.gif); float:left;}
#lingua02 {width:167px; height:174px; background-image:url(../images/eng_off_vacanze-a-vela.gif); float:left;}


#gallery {
width:200px;
height:38px;
float:right;
margin-right:5px;
}

#sponsor {
width:200px;
height:66px;
float:right;
margin:-25px 0px 0px 0px;
position:relative;
z-index:15;
}

/* Home */



#h_top{
width:100%; 
height:25%;
text-align:center;
position:static;
z-index:0;
}

#h_bottom{
width:100%; 
height:75%;
background-color:#c3d2e9;
text-align:center;
margin:auto;
position:static;
z-index:-1;
display:block;
}

#top_int{
width:756px; 
height:100%;
margin:auto;
position:relative;
text-align:center;
z-index:12;
}

#bot_int{
width:756px; 
height:100%;
margin:auto;
position:relative;
text-align:center;
z-index:0;

}

#bot_cont{
width:756px; 
height:400px;
position:absolute; 
top:60px;
left:0px;
margin:auto;
text-align:justify;
}

#titlescont{
width:750px; 
height:38px;
margin:5px;
}

#titles{
width:540px; 
height:38px;
background-color:#f4f7fb;
text-align:left;
float:left;
}

#titlesr{
width:200px; 
height:38px;
float:left;
padding-right:4px;
}

#txt{
width:750px; 
height:295px;
background-color:#f4f7fb;
margin:10px 5px 5px 5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
text-align: justify;
}


.note 
{
font:normal 10px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
line-height:11px;
}


#menuconsigli{
width:695px; 
height:100px;
background-color:#f4f7fb;
padding:10px 25px 0px 25px;
}

#consiglio01, #consiglio02, #consiglio03, #consiglio04, #consiglio05 {
width:680px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
text-align:justify;
padding:5px 5px 25px 45px;
line-height:18px;
float:left;
display:none;
}

#consiglio01 {
display:block;
}



#consiglioe01, #consiglioe02, #consiglioe03, #consiglioe04, #consiglioe05 {
width:680px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
text-align:justify;
padding:5px 5px 25px 45px;
line-height:18px;
float:left;
display:none;
}

#consiglioe01 {
display:block;
}


#txtnobar{
width:750px; 
height:295px;
background-color:#f4f7fb;
margin:10px 5px 5px 5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
padding-top:10px;
}

#txth{

width:750px; 
height:295px;
background-image:url(../images/sfondo_home_grecia-vacanze.jpg);
margin:10px 5px 5px 5px;

}



#txtc{
width:750px; 
height:295px;
margin:10px 5px 5px 5px;
background-image:url(../images/sfondo_contatti-vacanze-grecia_b.jpg);
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
text-align: justify;
}

#txtl{
width:750px; 
height:295px;
margin:10px 5px 5px 5px;
background-image:url(../images/sfondo_contatti-vacanze-grecia.jpg);
font:normal 12px Verdana,Arial,Helvetica,sans-serif; 
text-align: justify;
}


p {
width:520px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
text-align:justify;
padding:25px 0px 0px 25px;
line-height:18px;
float:left;
}

.bullet{
margin:-6px 0px -5px 0px;
}

/* Menù principale */

#menu{
width:756px; 
height:195px;
position:absolute; 
bottom:-55px;
left:0px;
margin:auto;
z-index:12;
}

#m01:hover, #m02:hover, #m03:hover, #m04:hover, #m05:hover, #m06:hover, #m07:hover {background-position:-92px 0px; cursor:auto;}

#m01 {width:92px; height:115px; background-image:url(../images/01-vacanze-barca-a-vela-in-grecia.gif); float:left;}
#m02 {width:92px; height:115px; background-image:url(../images/02-charter-barca-a-vela-in-grecia.gif); float:left;}
#m03 {width:92px; height:115px; background-image:url(../images/03-isole-ioniche-grecia.gif); float:left;}
#m04 {width:92px; height:115px; background-image:url(../images/04-charter-grecia.gif); float:left;}
#m05 {width:92px; height:115px; background-image:url(../images/05-crociera-a-vela.gif); float:left;}
#m06 {width:92px; height:115px; background-image:url(../images/06-grecia-crociere.gif); float:left;}
#m07 {width:92px; height:115px; background-image:url(../images/06-grecia-crociere.gif); float:left;}


#me01:hover, #me02:hover, #me03:hover, #me04:hover, #me05:hover, #me06:hover, #me07:hover {background-position:-92px 0px; cursor:auto;}

#me01 {width:92px; height:115px; background-image:url(../images/01-vacanze-barca-a-vela-in-grecia_eng.gif); float:left;}
#me02 {width:92px; height:115px; background-image:url(../images/02-charter-barca-a-vela-in-grecia_eng.gif); float:left;}
#me03 {width:92px; height:115px; background-image:url(../images/03-isole-ioniche-grecia_eng.gif); float:left;}
#me04 {width:92px; height:115px; background-image:url(../images/04-charter-grecia_eng.gif); float:left;}
#me05 {width:92px; height:115px; background-image:url(../images/05-crociera-a-vela_eng.gif); float:left;}
#me06 {width:92px; height:115px; background-image:url(../images/06-grecia-crociere_eng.gif); float:left;}
#me07 {width:92px; height:115px; background-image:url(../images/06-grecia-crociere_eng.gif); float:left;}

 ul{
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
list-style-type:none;
margin:10px 0px 10px 25px;
}

li{
background-image: url(../images/sailing-alou-logo.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left:15px;
height:22px;
}

 ul.interno{
margin:-6px 0px -5px 0px;
}
 li.interno{
margin:auto
}
#consigli01, #consigli02, #consigli03, #consigli04 {height:100px; float:left;}
#consigli01			{width:173px; background-image:url(../images/bagaglio-barca-a-vela.jpg); background-repeat: no-repeat;}
#consigli02			{width:173px; background-image:url(../images/abbigliamento-vacanze-grecia.jpg); background-repeat: no-repeat;}
#consigli03			{width:173px; background-image:url(../images/cambusa-barca-a-vela.jpg); background-repeat: no-repeat;}
#consigli04			{width:173px; background-image:url(../images/varie-vacanze-in-grecia.jpg); background-repeat: no-repeat;}

#consiglie01, #consiglie02, #consiglie03, #consiglie04 {height:100px; float:left;}
#consiglie01			{width:173px; background-image:url(../images/bagaglio-barca-a-vela_eng.jpg); background-repeat: no-repeat;}
#consiglie02			{width:173px; background-image:url(../images/abbigliamento-vacanze-grecia_eng.jpg); background-repeat: no-repeat;}
#consiglie03			{width:173px; background-image:url(../images/cambusa-barca-a-vela_eng.jpg); background-repeat: no-repeat;}
#consiglie04			{width:173px; background-image:url(../images/varie-vacanze-in-grecia_eng.jpg); background-repeat: no-repeat;}



#musica {
width:250px; 
height:30px;
float:left;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
padding:0px 0px 0px 25px;
}

#musicacont {
width:100%; 
height:100%;
background-color:#C3D2E9;
margin: auto;
text-align:center;
padding:25px 10px 10px 10px;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
}


#sound_e {
width:206px;
height:24px;
background-image:url(../images/sound-vacanze-barca-grecia_eng.jpg);
border:0px;
float:left;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
margin-left:5px;
}

#sound_e:hover {
width:206px;
height:24px;
background-position:0px -24px; cursor:pointer;
}

#sound_e:active {
width:206px;
height:24px;
background-position:0px -48px; cursor:pointer;
}

#sound {
width:206px;
height:24px;
background-image:url(../images/sound-vacanze-barca-grecia.jpg);
border:0px;
float:left;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#173555; border:0px;
margin-left:5px;
}


#sound:hover {
width:206px;
height:24px;
background-position:0px -24px; cursor:pointer;
}

#sound:active {
width:206px;
height:24px;
background-position:0px -48px; cursor:pointer;
}


#foto01, #foto02, #foto03, #foto04, #foto05, #foto06
{float:left; height:100px; border:2px solid #0a3e76; margin:0px 0px 20px 13px; }

#foto07, #foto08, #foto09, #foto10, #foto11, #foto12
{float:left; height:199px; border:2px solid #0a3e76; margin:0px 0px 20px 13px; }

#foto01	{width:149px; background-image:url(../images/foto02-grecia-vacanze.jpg);}
#foto02	{width:149px; background-image:url(../images/foto01-barca-a-vela.jpg);}
#foto03	{width:149px; background-image:url(../images/foto03-barca-a-vela-grecia.jpg);}
#foto04	{width:149px; background-image:url(../images/foto04-vacanze-barca-vela.jpg);}
#foto05	{width:149px; background-image:url(../images/foto05-vacanze-grecia.jpg);}
#foto06	{width:149px; background-image:url(../images/foto06-grecia.jpg);}
#foto07	{width:149px; background-image:url(../images/foto07-barca.jpg);}
#foto08	{width:149px; background-image:url(../images/foto08-vela.jpg);}
#foto09	{width:149px; background-image:url(../images/foto09-vacanze.jpg);}
#foto10	{width:149px; background-image:url(../images/foto10-crociera-vela.jpg);}
#foto11	{width:149px; background-image:url(../images/foto11-crociera-grecia.jpg);}
#foto12	{width:149px; background-image:url(../images/foto12-vacanze-crociera.jpg);}

#fotogr01 {background-image:url(../images/grandi/foto02-grecia-vacanze.jpg); background-repeat:no-repeat;}
#fotogr02 {background-image:url(../images/grandi/foto01-barca-a-vela.jpg); background-repeat:no-repeat;}
#fotogr03 {background-image:url(../images/grandi/foto03-barca-a-vela-grecia.jpg); background-repeat:no-repeat;}
#fotogr04 {background-image:url(../images/grandi/foto04-vacanze-barca-a-vela.jpg); background-repeat:no-repeat;}
#fotogr05 {background-image:url(../images/grandi/foto05-vacanze-grecia.jpg); background-repeat:no-repeat;}
#fotogr06 {background-image:url(../images/grandi/foto06-grecia.jpg); background-repeat:no-repeat;}
#fotogr07 {background-image:url(../images/grandi/foto07-barca.jpg); background-repeat:no-repeat;}
#fotogr08 {background-image:url(../images/grandi/foto08-vela.jpg); background-repeat:no-repeat;}
#fotogr09 {background-image:url(../images/grandi/foto09-vacanze.jpg); background-repeat:no-repeat;}
#fotogr10 {background-image:url(../images/grandi/foto10-crociera-vela.jpg); background-repeat:no-repeat;}
#fotogr11 {background-image:url(../images/grandi/foto11-crociera-grecia.jpg); background-repeat:no-repeat;}
#fotogr12 {background-image:url(../images/grandi/foto12-vacanze-crociera.jpg); background-repeat:no-repeat;}

#fotogr01, #fotogr02, #fotogr03, #fotogr04, #fotogr10
{
border:3px solid #0a3e76;
width:600px;
height:450px;
position:absolute; 
top:50%;
left:50%;
margin:-225px 0px 0px -300px;
z-index:13;
display:none;
}

 #fotogr05, #fotogr06, #fotogr07, #fotogr08, #fotogr09, #fotogr11, #fotogr12
{
border:3px solid #0a3e76;
width:450px;
height:600px;
position:absolute; 
top:50%;
left:50%;
margin:-250px 0px 0px -225px;
z-index:13;
display:none;
}

.vela {
float:right;
}


