/* CSS*/

p, h1, h2, h3, h4, h5, div, form {margin:0; padding:0;}

/* Generiche */
body {font-family: Verdana, Arial,  Helvetica, sans-serif; font-size:12px; color:#ffffff; position: relative; margin:0; height:100%;background-color:#000000; background-image: url(img/sf-onde.jpg); background-position:right top; background-repeat:no-repeat;}

.clear {clear: both;}
img {border:0;}

/* Principali */
div#contenitore {width:100%; margin:0 auto 0 auto; padding:0; position:relative;}

div#principale {width:980px; margin:0 auto 0 auto; padding:0;}


/* =================== HOME PAGE ===================== */

/* ==============ALTO=========== */

div#fullscreen {width: 100%; text-align: right; margin: 5px 0 0 0; border: 0;}

div#alto{width:100%; margin:10px auto 0 auto; padding:0;}
/* Parte Sinistra */
div#alto-sx{width:43%; float:left; margin:0px auto 0 auto; padding:0;}
div#alto-sx img{margin:0px auto 0 20px; padding:0; }

/* Parte Destra */
div#alto-dx{width:56%; float:left; margin:0px auto 0 auto; padding:0;}

/* menù Istituzionale */
div#menu-alto {width:70%; margin:20px  auto 20px  auto; padding:0;}
div#menu-alto ul{margin:0; padding:0;}
div#menu-alto li{ float:left; list-style-type:none; color:#ffffff; padding:0 8px 0 8px; margin:0 0 0 0; font-weight:bold;}
div#menu-alto li a{text-decoration:none; color:#ffffff;}
div#menu-alto li a:hover{text-decoration:none; color: #FF0000;}


/* Fotografie Animate  */
div#fotoani {width: 404px; height: 314px; margin: 30px auto 0 auto; padding: 25px 0 0 0; background-image: url(img/sfondo-trans.png); background-repeat: no-repeat;  background-position: center middle;}
div.fotografie {width: 350px; height:280px; margin: 0 27px 0 27px; padding: 0; border:1px solid #ffffff;}
div.fotografie ul#fotografie {width: 340px; list-style-type: none; margin: 0; padding: 0;}
div.fotografie ul#fotografie img {border: 0;}

/* Strillo */
div#strillo {width: 404px; margin: 10px auto 0 auto; text-align: center; font-size: 14px; line-height: 16px;}
div#strillo a {color: #ffffff; text-decoration: none;}
div#strillo a:hover {color: #ffffff; text-decoration: underline;}


/* ==============BASSO=========== */

div#basso{width:100%; margin:10px auto 0 auto; padding:0;}

/* Parte Sinistra */
div#basso-sx{width:43%; float:left; margin:0px auto 0 auto; padding:0;}

div#logo-home { margin:0px auto 0 20px; padding:0; }

/* Parte Destra */
div#basso-dx{width:56%; float:left; margin:0px auto 0 auto; padding:0;}


/* menù Colorato */
div#menu-sotto {width:100%; margin:18px auto 0 auto; padding:0;}
div#menu-sotto ul{margin:0; padding:0;}
div#menu-sotto li{ float:left; width:136px; list-style-type:none; padding:0; margin:0 1px 0 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff; text-align:center;}

div#menu-sotto li.sf-1 { background-image:url(img/sf-1.jpg); background-repeat: repeat-x; padding-top:20px; height:51px;}
div#menu-sotto li.sf-1 a{text-decoration:none; color:#ffffff;}
div#menu-sotto li.sf-1 a:hover{text-decoration:none; color:#ffffff;}

div#menu-sotto li.sf-2 { background-image: url(img/sf-2.jpg); background-repeat: repeat-x;padding-top:20px; height:51px;}
div#menu-sotto li.sf-2 a{text-decoration:none; color:#ffffff;}
div#menu-sotto li.sf-2 a:hover{text-decoration:none; color: #ffffff;}

div#menu-sotto li.sf-3 { background-image: url(img/sf-3.jpg); background-repeat: repeat-x;padding-top:20px; height:51px;}
div#menu-sotto li.sf-3 a{text-decoration:none; color:#ffffff;}
div#menu-sotto li.sf-3 a:hover{text-decoration:none; color: #ffffff;}

div#menu-sotto li.sf-4 { background-image: url(img/sf-4.jpg); background-repeat: repeat-x;padding-top:20px; height:51px;}
div#menu-sotto li.sf-4 a{text-decoration:none; color:#ffffff;}
div#menu-sotto li.sf-4 a:hover{text-decoration:none; color: #ffffff;}


/* ==============CODA=========== */

/* CODA  */
div#coda {width:100%; margin:20px auto 0 auto; padding:0; text-align:center; color:#e5e5e5;}


/* =================== PAGINE ===================== */

div#testo-pag {width:80%; margin:40px auto 0 auto; padding:0; text-align:justify; }
div#testo-pag a {color: #ffffff; text-decoration: underline;}
div#testo-pag a:hover {color: #ffffff; text-decoration: none;}

.tit-pagine{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#ff0000;}



/* =================== FOTOGALLERY ===================== */

div#alto-gallery{width:100%; margin:10px auto 0 auto; padding:0;}
/* Parte Sinistra */
div#alto-gallery-tit{width:52%; float:left; margin:0px auto 0 auto; padding:0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
div#alto-gallery-tit a {color: #ffffff; text-decoration: none;}
div#alto-gallery-tit a:hover {color: #ffffff; text-decoration: underline;}

div#alto-gallery-menu{width:40%; float:right; margin:5px auto 0 auto; padding:0;}
div#alto-gallery-menu ul{margin:0; padding:0;}
div#alto-gallery-menu li{ float:left; list-style-type:none; color:#ffffff; padding:0 8px 0 8px; margin:0 0 0 0; font-weight:bold;}
div#alto-gallery-menu li a{text-decoration:none; color:#ffffff;}
div#alto-gallery-menu li a:hover{text-decoration:none; color: #FF0000;}


div#gallery{width:100%; margin:0 auto 0 auto; padding:0;}


/* ===================ALBUM X + FOTOGALLERY IN UNA CATEGORIA===================== */
div#alto3{width:100%; margin:30px auto 0 auto; padding:0;}

div#alto-tit3{width:45%; float:left; margin:0px auto 0 auto; padding:0 0 0 20px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px;}
div#alto-menu{width:50%; float:left; margin:5px auto 0 auto; padding:0;}
div#alto-menu ul{margin:0; padding:0;}
div#alto-menu li{ float:left; list-style-type:none; color:#ffffff; padding:0 8px 0 8px; margin:0 0 0 0; font-weight:bold;}
div#alto-menu li a{text-decoration:none; color:#ffffff;}
div#alto-menu li a:hover{text-decoration:none; color: #FF0000;}



div#album{width:100%; min-height: 400px; margin:10px auto 30px auto; padding:0;}

div#testo-album{width:80%; margin:0 ; padding:30px 0 0 20px;}

div#foto-album { width:80%; margin:30px auto 30px auto; padding: 0px;}
div#foto-album ul{margin: 10px 0 0 20px; padding: 0px;}
div#foto-album li{float:left; list-style-type:none; margin:10px 10px 0 0; padding:0; width:142px; height:152px; text-align:center;}
div#foto-album li a {border:0;}
div#foto-album li a:hover {border:0;}
div#foto-album li a:visited {border:0;}
div#foto-album li img {border:0; margin:5px auto 0 auto;}

div.tx-album {padding:20px 0 0 0;}

a.mappa {color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none;}
a.mappa:hover {color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: underline;}

#gMapModal-box{
	border:2px #FFF solid;
	background:#FFFFFF url(images/ajax-loader.gif) center no-repeat;
}

#gMapModal-text{
	border:2px #FFF solid;
	background:#FFFFFF;
	font-size: 12px;
}

#gMapModal-text p{
	position:relative;
	float:left;
	margin:10px 0 10px 5px;
	width:60%;
	color:#666666;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
}

#gMapModal-closeButton{
	position:relative;
	float:right;
	margin:10px 5px 10px 0;
	width:66px;
	height:22px;
	border:0;
	background: url(images/btn-close.gif) no-repeat;
	cursor:pointer;
}