@charset "utf-8";
/* CSS Document */

body{ background-color: #174d70; padding: 0; margin: 0; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
#main{
	width: 900px; margin: 0 auto;
	-moz-box-shadow: 0px 0px 30px #333;
	-webkit-box-shadow: 0px 0px 30px #333;
	box-shadow: 0px 0px 30px #333;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#barrainf{
	clear: both; background-image: url(../layout/barrasup.png);
	height: 17px; padding-top: 3px;
	text-align: center;
	font-size: 10px;
	color: #333;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
} 

#testata{
	height: 70px;
	margin: 30px 0px 1px 0px;
	padding-top: 130px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius: 20px;
}
#testata.tramontoseneghe{ background-image:url(../testate/tramonto-seneghese.jpg); }
#testata.tramontomadagascar{ background-image:url(../testate/testata-madagascar.jpg); }

#barra-menu{ background-image: url(../layout/barra-menu.png); height: 23px; padding-top: 33px; padding-left: 20px; color: #FFF; } 
#barra-menu a{ color: #FFF; text-decoration: none; margin-right: 20px; height: 22px; display: inline-block; } 
#barra-menu a:hover{ color: #fcce92; }
#barra-menu a.select{ background-image: url(../layout/menu-select.png); background-position: bottom center; background-repeat: no-repeat; color: #fcce92; }
/*#barra-menu a.select{ color: #fcce92; border-bottom: 1px solid #fcce92; }*/

/* ------------------------------------------------------------------------------------------------ CONTENUTI */

#contenuti{ background-color: #fffaed; padding: 20px 20px 20px 20px; margin-bottom: 1px; width: 860px; overflow: hidden; background-repeat: no-repeat; } 
#contenuti p{ line-height: 20px; margin-top: 10px; margin-bottom: 10px; }
#contenuti.autore{ background: url(../titoli/autore.jpg) top center no-repeat; padding-top: 80px !important; height: 428px; }
#contenuti-autore-txt{ float: left; width: 500px; padding-left: 5px; }
#contenuti-autore-img{ float: right; padding-right: 25px; }
#contenuti-autore-img img{
	-moz-box-shadow: 0px 0px 12px #777;
	-webkit-box-shadow: 0px 0px 12px #777;
	box-shadow: 0px 0px 12px #777;
}
#contenuti.contatti{ background: url(../titoli/contatti.jpg) top center no-repeat; padding-top: 80px !important; height: 428px; }
#contenuti hr{
	border-top: 1px solid #fffaed;
	border-left: 1px solid #fffaed;
	border-right: 1px solid #fffaed;
	border-bottom: 1px dashed #174d70;
	margin: 20px 0px 20px 0px;
}

#contenuti label{
	width: 100px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	padding-top: 3px;
}
#contenuti input,textarea{
	width: 390px;
	border: 1px solid #d0c4a3;
	padding: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
#contenuti button{
	margin-left: 100px;
	border: 1px solid #d0c4a3;
	padding: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 50px;
	background-color: #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
#contenuti .errore{ border: 1px solid #F60; }

/* ------------------------------------------------------------------------------------------------ ARTICOLI */

#articoli-titolo{ height: 100px; padding-bottom: 15px; padding-right: 20px; background-repeat: no-repeat; text-align: right; } 
#articoli-titolo img{ border: 0px; margin-left: 1px; }

#articoli-indice{ width: 244px; float: right; margin-top: -75px; } 
#articoli-indice-top{ background-image: url(../layout/indice_01.png); height: 30px; }
#articoli-indice-bottom{ background-image: url(../layout/indice_03.png); height: 30px; }
#articoli-indice-center{ background-image: url(../layout/indice_02.png); }
#articoli-indice a{ display: block; padding: 4px; text-decoration: none; color: #174d70; margin: 0px 13px 0px 13px; font-size: 11px; } 
#articoli-indice a:hover{ background-color: #fcf1e2; }
#articoli-indice a.select{ background-color: #fbe6ca; }

#articoli-testo{ width: 580px; text-align: justify; padding-left: 10px; }
#articoli-testo p.centra{ text-align: center; } 
#articoli-testo p.capitolo{ font-weight: bold; font-size: 14px; color: #174d70; } 
#articoli-testo p.sottocapitolo{ font-weight: bold; border-top: 1px dashed #174d70; padding-top: 10px; margin-top: 15px; color: #174d70; } 
#articoli-testo p.data{ color: #174d70; font-style: italic; text-align: right; } 
#articoli-testo p.separatore{ border-top: 1px dashed #174d70; }
#articoli-testo img{ border: 1px solid #000; padding: 0px; } 
#articoli-testo img.destra{ float: right; margin-right: -250px; } 
#articoli-testo img.sinistra{ float: left; margin: 5px 10px 5px 0px; } 
#articoli-testo blockquote{ font-style: italic; line-height: 20px; margin: 10px 35px 10px 35px; padding: 0px 0px 0px 0px; } 
#articoli-testo a{ color: #174d70; }
#articoli-testo a:hover{ text-decoration: none; }

#articoli-testo-chiudi{ border-top: 1px dashed #174d70; margin-top: 25px; padding-top: 10px; text-align: center; } 
#articoli-testo-chiudi a{ border: 1px solid #174d70; display: inline-block; width: 20px; text-decoration: none; font-size: 9px; padding-bottom: 2px; padding-top: 2px; } 
#articoli-testo-chiudi a:hover{ background-color: #fbe6ca; }
#articoli-testo-chiudi a.select{ background-color: #fed49b; font-weight: bold; }

/* ------------------------------------------------------------------------------------------------ SCHERMATURA */

#scherma{ z-index: 60; width: 100%; height: 100%; background-color: #000; position: absolute; padding: 0; opacity: 0; filter:alpha(opacity=0); top: 0; visibility: hidden; overflow: visible; }

/* ------------------------------------------------------------------------------------------------ RIQUADRO VISUALIZZAZIONE IMMAGINI */

#slideshow{ z-index: 85; width: 100%; height: 100%; position: absolute; margin-top:-30px; padding: 0; color: #000; visibility: hidden; }

#slideshow-frame{
	z-index: 90;
	margin: 20px auto;
}

#slideshow-img{
	border: 10px solid #fff;
	background-image: url(../layout/sh_loading.gif);
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	width: 650px;
	height: 530px;
	margin: 0 auto;
	overflow: hidden;
	text-align: justify !important;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius: 10px;
}

#slideshow-img a{ border: 1px solid #000; color: #000; padding: 0px; margin: 3px; display: inline-block; width: 55px; height: 55px; background-position: center; background-repeat: no-repeat; }
#slideshow-img a:hover{ background-color: #efa849; }

#slideshow-txt{
	width: 650px;
	margin: 0px auto;
	background-color: #fff; overflow: hidden;
	padding: 0px 10px 3px 10px;
	visibility: hidden;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius: 10px;
}

#slideshow-didascalia{ float: left; padding: 5px 0px 0px 0px; }

#slideshow-cmd{ float: right; }

#slideshow-indietro{ width: 15px; height: 16px; background-image: url(../layout/sh_prev.png); }
#slideshow-indietro:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-avanti{ width: 15px; height: 16px; background-image: url(../layout/sh_next.png); }
#slideshow-avanti:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-chiudi{ width: 16px; height: 16px; background-image: url(../layout/sh_close.png); }
#slideshow-chiudi:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-play{ width: 16px; height: 16px; background-image: url(../layout/sh_play.png); border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#slideshow-play:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-pause{ width: 16px; height: 16px; background-image: url(../layout/sh_pause.png); border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#slideshow-pause:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-thumbs{ width: 16px; height: 16px; background-image: url(../layout/sh_thumbs.png); }
#slideshow-thumbs:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-exif{ width: 16px; height: 16px; background-image: url(../layout/sh_exif.png); }
#slideshow-exif:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-exif.off{ width: 16px; height: 16px; background-image: url(../layout/sh_exif_off.png); }
#slideshow-exif.off:hover{ opacity: 1; filter:alpha(opacity=100); }

#slideshow-exif, #slideshow-exifoff, #slideshow-thumbs, #slideshow-indietro, #slideshow-avanti, #slideshow-play, #slideshow-pause, #slideshow-chiudi{ opacity: 0.6; filter:alpha(opacity=60); display: inline-block; margin: 5px; padding: 5px; background-repeat: no-repeat; background-position: center; }

#slideshow-timer{ width: 0px; height: 2px; background-color: #c0def2; margin: 0px; padding: 0px; clear: both; }

#slideshow-exifdata{ background-image: url(../layout/sfondo_exif.png); height: 35px; position: relative; z-index: 10; margin-top: -35px; color: #fff; font-size: 10px; padding: 4px; opacity: 0; filter: alpha(opacity=0); }

#slideshow-menu{ position:absolute; left:-250px; top:50px; width:300px; padding:0px; margin: 0px; }

#slideshow-menu-elenco{ float:left; width: 250px; }
#slideshow-menu-elenco img{ margin-left:-250px; }
#slideshow-menu-elenco a{ background-color:#fff; display: block; padding: 6px; text-decoration: none; color: #174d70; margin: 0px; } 
#slideshow-menu-elenco a:hover{ background-color: #fcf1e2; }
#slideshow-menu-elenco a.attivo{ background-color: #fbe6ca; }
#slideshow-menu-links{ min-height: 75px; background-color: #FFF; }
#slideshow-menu-pulsante{ float:left; padding-top: 20px; }
#slideshow-menu-pulsante img{ border: 0px; }

#slideshow-preload{ width: 0px; height: 0px; display: none; visibility: hidden; }

/* ------------------------------------------------------------------------------------------------ FOTO FRAMES */

#foto{ background-image: url(../layout/foto.jpg); background-color: #fffaed; padding: 0px; margin-bottom: 1px; width: 900px; height: 528px; overflow: hidden; }

#backcat{ margin: 0px 0px 0px 0px; padding: 0px 30px 0px 0px; height: 65px; text-align: right; }
#backcat-mondo,#backcat-italia,#backcat-eventi{ background-repeat: no-repeat; display: inline-block; width: 120px; height: 35px; margin: -35px -10px 0px 0px; padding: 0px; }
#backcat-mondo{ background-image: url(../polaroid/polaroid-mini-mondo.png); }
#backcat-italia{ background-image: url(../polaroid/polaroid-mini-italia.png); }
#backcat-eventi{ background-image: url(../polaroid/polaroid-mini-eventi.png); }

#framesmain{ width: 900px; height: 428px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#frames{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 10000px; height: 10000px; }
#frames .galleria-foto{ witdh: 380px; float: left; padding-left: 20px; margin-right: 20px; }
#frames .galleria-menu{ text-align: left; font-weight:bold; overflow: hidden; height: 400px; width: 450px; padding-top: 20px; }
#frames .galleria-menu p{ line-height: 20px; }
#frames .galleria-menu p.intro{ padding-top: 25px; }
#frames .galleria-menu a{ color: #174d70; }
#frames .galleria-menu a:hover{ text-decoration: none; }
#frames .galleria-menu-links { text-align: left; }
#frames .galleria-menu-links a{ border: 1px solid #699dbf; width: 210px; padding: 4px; text-decoration: none; color: #174d70; margin: 0px 5px 3px 0px; display: inline-block; text-align: center; }
#frames .galleria-menu-links a:hover{ background-color: #fbe6ca; }

/* ------------------------------------------------------------------------------------------------ GALLERIE */

#categorie{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 428px; overflow: hidden; clear: both; float: left; }

#viaggimondo{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 428px; overflow: hidden; clear: both; float: left; }
#viaggimondo-madagascar,#viaggimondo-namibia,#viaggimondo-tunisia{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 413px; overflow: hidden; float: left; }

#viaggiitalia{ padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 428px; overflow: hidden; clear: both; float: left; }

#eventi{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 428px; overflow: hidden; clear: both; float: left }
#eventi-concerti,#eventi-eventi{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 900px; height: 428px; overflow: hidden; float: left }

#submenu{ margin: 35px 0px 0px 0px; padding: 0px 30px 0px 0px; height: 35px; text-align: right; }
#submenu img{ border: 0px; margin-right: -10px; }

#submenu-mondo{ display: none; }
#submenu-eventi{ display: none; }

/* ------------------------------------------------------------------------------------------------ FOTO - POLAROID CON EFFETTO */

#polaroid-mondo{ background-image: url(../polaroid/polaroid-mondo.png); width: 372px; height: 413px; z-index: 30; position: relative; margin-top: 0px; margin-left: 20px; }
#polaroid-italia{ background-image: url(../polaroid/polaroid-italia.png); width: 372px; height: 413px; z-index: 20; position: relative; margin-top: -413px; margin-left: 280px; }
#polaroid-eventi{ background-image: url(../polaroid/polaroid-eventi.png); width: 372px; height: 413px; z-index: 10; position: relative; margin-top: -413px; margin-left: 510px; }

#polaroid-mondo a{ width: 372px; height: 413px; display: block; }
#polaroid-italia a{ width: 372px; height: 413px; display: block; }
#polaroid-eventi a{ width: 372px; height: 413px; display: block; }

#polaroid-madagascar{ background-image: url(../polaroid/polaroid-madagascar.png); width: 372px; height: 413px; z-index: 30; position: relative; margin-top: 0px; margin-left: 20px; }
#polaroid-namibia{ background-image: url(../polaroid/polaroid-namibia.png); width: 372px; height: 413px; z-index: 20; position: relative; margin-top: -413px; margin-left: 280px; }
#polaroid-tunisia{ background-image: url(../polaroid/polaroid-tunisia.png); width: 372px; height: 413px; z-index: 10; position: relative; margin-top: -413px; margin-left: 510px; }

#polaroid-madagascar a{ width: 372px; height: 413px; display: block; }
#polaroid-namibia a{ width: 372px; height: 413px; display: block; }
#polaroid-tunisia a{ width: 372px; height: 413px; display: block; }

#polaroid-concerti{ background-image: url(../polaroid/polaroid-concerti.png); width: 372px; height: 413px; z-index: 20; position: relative; margin-top: 0px; margin-left: 125px; }
#polaroid-eventi-2{ background-image: url(../polaroid/polaroid-eventi-2.png); width: 372px; height: 413px; z-index: 10; position: relative; margin-top: -400px; margin-left: 400px; }
#polaroid-concerti a{ width: 372px; height: 413px; display: block; }
#polaroid-eventi-2 a{ width: 372px; height: 413px; display: block; }

.polaroid-icone-menu{
	width:100px;
	height:115px;
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	margin:0px 0px 10px 10px;
	border:1px solid #CCC;
	-moz-box-shadow: 0px 0px 7px #777;
	-webkit-box-shadow: 0px 0px 7px #777;
	box-shadow: 0px 0px 7px #777;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	opacity: 0.90;
	filter:alpha(opacity=90);
}
.polaroid-icone-menu:hover{
	border:1px solid #999;
	-moz-box-shadow: 0px 0px 7px #333;
	-webkit-box-shadow: 0px 0px 7px #333;
	box-shadow: 0px 0px 7px #333;
	opacity: 1;
	filter:alpha(opacity=100);
}

/* ------------------------------------------------------------------------------------------------ HOME DIARI DI VIAGGIO */

#diari-sx{ height: 418px; padding-top: 70px; float: left; width: 420px; font-style: italic; font-weight: bold; margin-right: 40px; padding-left: 10px; }
#diari-dx{ padding-top: 70px; float: left; }
#diari-dx img{ border: 0px; }

#diari-namibia{
	position: relative;
	z-index: 20;
	margin-left: -150px;
}
#diari-madagascar{
	position: relative;
	z-index: 10;
	margin-left: 0px;
}