/* CSS Document */
body {
background-color: #000;
background-image:url(media/bg.png);
background-repeat:repeat-x;
background-position:top left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
}
img{
 border:1px solid #860202;
 }
 .underline {text-decoration: underline;}
/* ---------------- struttura ------------ */
#wrapper{
width:760px;
height:10px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#222568;
}
#contenitore, #footer{
width:754px;
float:left;
border:3px solid #ccc;
background-color:#fff;
}
/* ---------------- testata e navigazione -------------- */

#testata{
float: left;
width:754px;
height:140px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
/*background: #fff url(media/logo2.jpg) no-repeat 5px 5px;*/
}
#bordomenu{
float: left;
width:754px;
height:30px;
text-align:center;
background: #860202 url(media/bordomenu2.gif) no-repeat bottom;
color:#fff;
text-align:right;
}

#bordomenu p{
margin-right:30px;
margin-top:2px;
}

#box_navigazione{
position:relative;
width:530px;
height:47px;
margin-left:224px;
margin-top:78px;
background-color: #fff;
background-image: url(media/barramenu2.gif);
background-repeat:no-repeat;
background-position: right bottom;
}

#contenitore_sinistra, #sinistra1, #sinistra2{
float:left;
width:530px;
margin-left:6px;
}
#sinistra1, #sinistra2{
margin-left:0px;
}
div#sinistra1 {
background-image: url(media/riga_or.png);
background-position:bottom left;
background-repeat:repeat-x;
padding-bottom:5px;
}

div#sinistra2 {
margin-bottom:5px;
}

#contenitore_sinistra p{
text-align:justify;
margin-left:4px;
}
#box_mediano1{
float:left;
width:265px;
margin-top:10px;
padding-top:5px;
}
#box_mediano2{
float:left;
width:260px;
margin:10px 0px 0px 5px;
padding-top:5px;
background-image: url(media/riga_vert.png);
background-repeat:repeat-y;
background-position:left top;
}
#box_mediano1 p{
text-align:justify;
margin:2px 6px;
}
#box_mediano2 p{
text-align:justify;
margin:2px 0px 0px 10px;
}
#box_mediano1 span, #box_mediano2 span {}
#riquadro_destra, #riquadro_interna{
float:right;
width:200px;
margin-right:0px;
margin-top:-3px;
background: #fff;
background-image:url(media/sfondo_colonna_ita.jpg);
background-repeat:no-repeat;
padding-bottom:5px;
}
div#riquadro_interna{
float:left;
margin-left:0px;
background-image: url(media/sfondo_colonna.gif);
}

#box1{
width:160px;
margin:0px 20px;
text-align:right;
}

/* --------------- links, footer, menù, titoli ------------------- */

#main_menu li{
text-indent:0px;
margin-top:22px;
list-style-type: none;
font-size:12px;
font-weight:bold;
float:left;
color:#fff;
border-right:1px dotted #fff;
padding:0px 10px;
}

#bordomenu a, #main_menu a{
color:#fff;
text-decoration:none;
}

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

#main_menu a:hover{
color:#fff;
background-image: url(media/hover.gif);
background-position:center;
background-repeat:repeat-x;
}

.hide{
display:none;
}

.titolo_grande, .titolo_medio, .titolo_piccolo{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#860202;
}
.titolo_grande{
font-size:24pt;
margin-left:4px;
}
.titolo_medio{
font-size:16pt;
margin-left:4px;
}
.titolo_piccolo{
font-size:11pt;
text-align:right;
line-height:11pt;
}
#footer{
font-size:10px;
margin:5px 0px;
padding:2px 0px 2px 0px;
letter-spacing:0.1em;
}
div#footer li{
margin-left: -40px;
list-style-type:none;
text-indent:0px;
}

/*--------------------------- PARTE AGGIUNTIVA PER LA PAGINA INTERNA -------------------------------*/

#activelink {
background-image: url(media/hover.gif);
background-position:center;
background-repeat:repeat-x;
}

#colonna_laterale_sx, #colonna_laterale_dx1 {margin-bottom: 2px;}
#colonna_laterale_sx {width: 190px; float: left; background-repeat: repeat-y; background-position: right;}
#colonna_laterale_dx, #colonna_laterale_dx1 {width: 170px; float: right; background-color: #e6e9f7; margin-right: 1px;
background-image: url(media/riga_vert.png);
background-repeat: repeat-y;
background-position: top left;}

#colonna_centrale {
width: 388px;
float: left;
background-image: url(media/riga_vert.png);
background-repeat: repeat-y; 
background-position: left;
margin-bottom:2px;}

#colonna_laterale_sx p {text-align: left; margin: 10px 18px 10px 10px;}
#colonna_laterale_dx p, #colonna_laterale_dx1 p{text-align: left; margin: 10px 10px 10px 18px; }
#colonna_centrale p {text-align: justify; margin: 10px;}
#testo {text-align: justify; margin: 0px 0px 0px -10px;}
 
#colonna_laterale_sx ul li, #colonna_laterale_dx ul li, #colonna_centrale ul li {list-style: none; text-align: left;}
#colonna_centrale li {margin-left: -20px;}
#colonna_centrale ul {margin-top: -5px;}
#colonna_laterale_dx ul li {margin-left:-20px; width: 120px;}
#colonna_laterale_sx ul li {margin-left:-30px;width: 160px;}
#colonna_laterale_sx ul {margin-top:-5px;margin-bottom: 0px;}
#colonna_laterale_dx ul {margin-top:-5px;margin-bottom: 10px;}
#colonna_laterale_sx li {line-height:16px;}

.divisione_laterale, .divisione_middle {
height: 10px;
margin:10px;
background-image: url(media/riga_or.png);
background-repeat: repeat-x;
background-position: center;}
.divisione_laterale {width:150px}
.divisione_middle {width: 370px;}

.titolo_interno_laterale, .titolo_box_blu, .titolo_interno_middle, .titolo_interno_dx, .titolo_interno_sx {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#860202;
text-align: left;}
.titolo_interno_laterale {font-size: 15px;margin: 10px 10px 0px 10px;} 
.titolo_interno_laterale img {border: none; margin-right: 3px;}
.titolo_interno_middle {font-size: 20px; margin: 10px 20px 20px 15px; padding-left: 5px;}
.titolo_interno_dx, .titolo_interno_sx {font-size: 18px;  padding-left: 20px;}
.titolo_interno_sx {margin: 10px 5px 20px  10px; background: url(media/bandiera.jpg) left no-repeat;}
.titolo_interno_dx {margin: 10px 5px 20px 6px; background: url(media/lente.jpg) left no-repeat;}

.testo_orientamento {color: #222568;}

.box_blu {width: 150px; border: 1px solid #222568; text-align: left; margin-bottom:8px; margin-left: 10px;}

/*--------- link e link frecce -------------*/

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

#footer a{color: #860202; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#colonna_laterale_sx a {display: block; padding-left: 15px; text-decoration: none; color: #000;}
#colonna_laterale_sx a:hover {text-decoration: underline;}
#colonna_laterale_dx a {color:#000; text-decoration:none;}
#colonna_laterale_dx a:hover {color:#000; text-decoration: underline;}
#colonna_laterale_dx1 a {color: #860202; text-decoration: underline; }
#colonna_laterale_dx1 a:hover {color: #860202; text-decoration: none;}

#colonna_laterale_sx ul.gialla a:hover {background:url(media/freccia_gialla_hover.gif) left no-repeat;}
#colonna_laterale_sx ul.blu a:hover {background:url(media/freccia_blu_hover.gif) left no-repeat;}
#colonna_laterale_sx ul.verde a:hover {background:url(media/freccia_verde_hover.gif) left no-repeat;}
#colonna_laterale_sx ul.viola a:hover {background:url(media/freccia_viola_hover.gif) left no-repeat;}
#colonna_laterale_sx ul.rosso a:hover {background:url(media/freccia1_hover.gif) left no-repeat;}

#activegialla, #activeblu, #activeviola, #activeverde, #activerosso {
display: block; 
margin-left: -15px; 
padding-left: 15px; 
background-repeat: no-repeat; 
background-position: center left;
}
#activegialla {background-image: url(media/freccia_gialla.gif);}
#activeblu {background-image: url(media/freccia_blu.gif);}
#activeviola {background-image: url(media/freccia_viola.gif);}
#activeverde {background-image: url(media/freccia_verde.gif);}
#activerosso {background-image: url(media/freccia1.gif);}

/*---------------------- TOURISTIC INFORMATION -----------------*/
#blocco_infoturistiche {
width: 580px;
float: left;}
#blocco_infoturistiche p {text-align: justify; margin:5px;}

#box_infoturistiche_verticale_sx, #box_infoturistiche_verticale_dx  {margin-bottom: 10px;width: 290px; float: left;}

#box_porto, #box_citta, #box_escursioni, #box_appuntamenti {
float: left;
margin-top: 10px;
width: 245px;}
#box_porto {margin-left: 20px; border-left: 2px solid #abc9f1; border-bottom: 2px solid #abc9f1;}
#box_citta {margin-left: 10px;border-left: 2px solid #f9d73b; border-bottom: 2px solid #f9d73b;}
#box_escursioni {margin-left: 20px; border-left: 2px solid #7be07b; border-bottom: 2px solid #7be07b;}
#box_appuntamenti {margin-left: 10px;border-left: 2px solid #d08aed; border-bottom: 2px solid #d08aed;}

/*---------------------- GALLERIA FOTOGRAFICA  -----------------*/

.bloccostriscia {
width: 378px;
height: 165px;
float: left;}

#photogallery {
position:relative; 
width:378px; 
height:385px; 
float: left;
margin-left: 5px;}

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

a.galleria, a.galleria:visited {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
font-size: 13px;
color : #333333;
text-decoration:none; 
width:70px; 
height:40px; 
float:left; 
margin:2px;
z-index:100;
}

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

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

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

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

.image {
display:block; 
position:absolute; 
width:300px; 
height:190px;
top:175px;
left:40px;
padding:0;
background: transparent;
}

#boxlink {
width: 200px;
text-align: right;
margin-left: 100px;
}


a.mini1 {background: url(media/gallery/1.jpg); background-repeat:no-repeat;}
a.mini2 {background: url(media/gallery/2.jpg); background-repeat:no-repeat;}
a.mini3 {background: url(media/gallery/3.jpg); background-repeat:no-repeat; }
a.mini4 {background: url(media/gallery/4.jpg); background-repeat:no-repeat; }
a.mini5 {background: url(media/gallery/5.jpg); background-repeat:no-repeat; }
a.mini6 {background: url(media/gallery/6.jpg); background-repeat:no-repeat; }
a.mini7 {background: url(media/gallery/7.jpg); background-repeat:no-repeat; }
a.mini31 {background: url(media/gallery/31.jpg); background-repeat:no-repeat;}
a.mini32 {background: url(media/gallery/32.jpg); background-repeat:no-repeat;}
a.mini33 {background: url(media/gallery/33.jpg); background-repeat:no-repeat;}

a.mini8 {background: url(media/gallery/8.jpg); background-repeat:no-repeat;}
a.mini9 {background: url(media/gallery/9.jpg); background-repeat:no-repeat; }
a.mini10 {background: url(media/gallery/10.jpg); background-repeat:no-repeat; }
a.mini11 {background: url(media/gallery/11.jpg); background-repeat:no-repeat; }
a.mini12 {background: url(media/gallery/12.jpg); background-repeat:no-repeat;}
a.mini13 {background: url(media/gallery/13.jpg); background-repeat:no-repeat; }
a.mini14 {background: url(media/gallery/14.jpg); background-repeat:no-repeat; }
a.mini15 {background: url(media/gallery/15.jpg); background-repeat:no-repeat; }

a.mini16 {background: url(media/gallery/16.jpg); background-repeat:no-repeat; }
a.mini17 {background: url(media/gallery/17.jpg); background-repeat:no-repeat; }
a.mini18 {background: url(media/gallery/18.jpg); background-repeat:no-repeat; }
a.mini19 {background: url(media/gallery/19.jpg); background-repeat:no-repeat; }
a.mini20 {background: url(media/gallery/20.jpg); background-repeat:no-repeat; }
a.mini21 {background: url(media/gallery/21.jpg); background-repeat:no-repeat; }
a.mini22 {background: url(media/gallery/22.jpg); background-repeat:no-repeat;}
a.mini23 {background: url(media/gallery/23.jpg); background-repeat:no-repeat; }
a.mini24 {background: url(media/gallery/24.jpg); background-repeat:no-repeat; }
a.mini25 {background: url(media/gallery/25.jpg); background-repeat:no-repeat; }
a.mini26 {background: url(media/gallery/26.jpg); background-repeat:no-repeat; }
a.mini27 {background: url(media/gallery/27.jpg); background-repeat:no-repeat;}
a.mini28 {background: url(media/gallery/28.jpg); background-repeat:no-repeat; }
a.mini29 {background: url(media/gallery/29.jpg); background-repeat:no-repeat; }
a.mini30 {background: url(media/gallery/30.jpg); background-repeat:no-repeat;}

a.mini34 {background: url(media/gallery/34.jpg); background-repeat:no-repeat;}
a.mini35 {background: url(media/gallery/35.jpg); background-repeat:no-repeat;}
a.mini36 {background: url(media/gallery/36.jpg); background-repeat:no-repeat;}