/* 

	*****************************************
	*	 www.elvirolangella.com - v. 1.0	*
	*****************************************
	*										*
	*	  Documento CSS realizzato da:		*
	*										*
	*           Giuseppe Pennisi			*
	*										*
	*  		 www.giuseppepennisi.it		    *
	*										*
	*		  giupenni78@gmail.com			*
	*			   							*
	*				2008/2009				*
	*****************************************

*/

body {
	margin:0px auto;
	padding:0px;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	color: #333333;
	position: relative;
	background: #2e2e3d url(../images/bg.png) no-repeat center top;
}
a, strong a {
	color: #734dd1;
	text-decoration:none;
	outline: none;
}
a:visited {
	color: #442e7c; /*#FF9900;*/
}
a:hover {
	text-decoration:underline;
}
p {
	margin: 0px 0px 14px;
	text-align: justify;
}
h3 {
	font-size: 1.25em;
}
h4{
	font-size: 1.05em;
}
h5{
	font-size: 1.03em;
}

ol { text-align: justify; }

li {margin-bottom: 5px;}

ul.item{
	/*list-style:none;*/
	list-style-image: url(../images/item.gif);
}
/*map { border: 0; }*/
.news-color {color:#7c2111}

img {border: 0;}

/**
  * Formattazioni ad hoc;
  */
.grassetto{ font-weight: bold;}
.corsivo { font-style: italic; }
.right { float: left; margin-right: 10px; }
.left { float: right; margin-left: 10px; }
.padding-large { padding-top: 25px; padding-bottom: 25px; }
.clear { clear:both; }
.big { font-size: 1.03em; }
.align-left{ text-align: left;}
.citazione { width: 80%; text-align: justify; margin: 0 auto; }
.evidenzia { color: #6a6aa3; font-weight: bold; }
.evidenzia-light { color: #6a6aa3; font-weight: normal; }
.margin-tb-1 { margin-top: 5px; margin-bottom: 5px;}
.margin-tb-2 { margin-top: 10px; margin-bottom: 10px;}
.margin-tb-3 { margin-top: 15px; margin-bottom: 15px;}
.margin-tb-4 { margin-top: 20px; margin-bottom: 20px;}
.margin-tb-5 { margin-top: 25px; margin-bottom: 25px;}
.padding-tb-1 { padding-top: 5px; padding-bottom: 5px;}
.padding-tb-2 { padding-top: 10px; padding-bottom: 10px;}
.padding-tb-3 { padding-top: 15px; padding-bottom: 15px;}
.padding-tb-4 { padding-top: 20px; padding-bottom: 20px;}
.padding-tb-5 { padding-top: 25px; padding-bottom: 25px;}
.hidden { display: none; }

h3.allert{
	font-size: 1.25em;
	color: #a81900;
}
h3.ok{
	font-size: 1.25em;
	color: #2e2e3d;
}

ul{
	list-style:none;
}

div.blank{
	height: 185px;
}

p.credits {
	margin: 0px auto;
	margin: 0px auto;
	text-align: center;
	color: #f2f2f2;
	font-size: .8em;
}
.titolo_centrato{
	text-align:center;	
}
.titolo_lista{
	font-size: 1.05em;
	margin:0px;
	padding:10px 0px;
}
.didascalia{
	font-style: italic;
	font-size: .8em;
	font-weight:bold;
	padding-top: 8px;
}
.didascalia-centrato{ 
	text-align:center;
	font-style: italic;
	font-size: .8em;
	font-weight:bold; 
	padding-top: 8px;
}
.citazione{
	font-style: italic;
}
img.left{
		float:left;
		padding-right: 20px;
	}
img.right{
		float:right;
		padding-left: 20px;
	}
img.center{
	margin: 0 auto;
}
.center{
	
	text-align:center;
}
p.center{ text-align:center; }

div.avviso-flash{
	font-weight: bold;
	clear: both;
}
div.avviso-flash p{
	padding-top: 15px;
	font-size: 0.8em;
}
div.avviso-flash img{
	border: 0px;
	width: 100px;
}


/**
  * Layout
  */
div#container{
	position:relative;
	margin: 78px auto 0px -4px;
	padding: 0px;
	width: 800px;
	/*height: 500px;*/
	/*border: solid 1px red;*/
}

div#header{
	position:relative;
	margin: 0px 4px 0px auto;
	padding: 0px;
	width: 800px;
	height: 45px;
	/*border: solid 1px green;*/
}

div#navigator{
	position:relative;
	margin: 0px auto;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 760px;
	height: 15px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #f2f2f2;
}

div#content{
	position:relative;
	margin: 0px auto;
	padding: 20px;
	width: 760px;
	min-height: 400px;
	background-color: #f2f2f2;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

div#footer{
	position:relative;
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	height: 21px;
	/*border: solid 1px red;*/
	/*background: #2e2e3d url(../images/footer.png) no-repeat top center;*/
	background-color: #0e1217;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

div#toolbar{
	position:relavite;
	margin: 0px auto;
	padding: 0px auto;
	width: 800px;
}
div#toolbar p{
	text-align: center;
	color: #000;
}
div#toolbar a{
	color: #f2f2f2;
}
div#toolbar a:hover{
	color: #f2f2f2;
	text-decoration: underline;
}

#menu{
	position:relative;
	width:	800px;
	height: 33px;
	margin: 0 auto;
	/*border:1px solid red;*/
}



#menu ul{
	/*border:1px solid green;*/
	margin: 0px 0px 0px 550px;
	padding: 0px;
	list-style: none;
	text-align: center;
	/*float:left;*/
	/*font: 1.1em/16pt "Sans Serif";*/
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	width:auto;
	height:auto;
	padding-top: 13px;
	padding-left: 13px;
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	float:left;
}

#menu ul li a:hover{
	/*background: #fff url('images/bg_menu_hover.jpg') top left no-repeat;*/
	color: #c6c6c6;
}
/*
#menu ul li a#active{
	background: #fff url('images/bg_menu_hover.jpg') top left no-repeat;
	color: #54A2E0;
}
*/

/**
  * Contenuti
  */
.generico{
	margin-bottom: 35px;
	/*padding: 0 auto;*/
	/*clear: both;*/
}
.generico-hr { border-bottom: 2px solid #4a517f; }

.indice {	
	border: 1px solid #6a6aa3;
	border-top: 3px solid #6a6aa3;
	padding: 5px 15px 5px 15px;
	/*float: right;*/	
}
.indice ul { margin: 0px; padding: 0px; }
.indice h1 { 
	font-size: 1.00em; 
	margin: 0px auto 7px auto; 
	padding: 0px 0px 7px 0px; 
	text-align: center; 
	border-bottom: 1px solid #6a6aa3; 
}

div.galleria_fotografica{
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	/*border: 1px solid #000;*/
	clear: both;
	text-align:center;
}
img.galleria_fotografica{
	margin: 10px;
	/*float:left;*/
	border: 1px solid #6a6aa3;
	padding: 3px;
}

div.galleria_multimediale{
	margin: 0 auto;
}
div.galleria_multimediale h3{
	margin:0 0 25px 0; padding:0;
}

div.multimedia_jump{
	margin: 0 auto;
	width: 300px;
	text-align: center;	
}
div.multimedia_jump img{
	margin: 0 auto;
	border: 0; 
}
div.multimedia_jump p{
	font-weight: bold;
	font-size: .8em;
}
div.multimedia_jump a{
	display:block;
	background-image: url('../images/play.png');
	width:44px; height:44px;
	/*border: 1px solid black;*/
	margin:0 auto;
}
div.multimedia_jump a:hover{
	display:block;
	background-image: url('../images/play_over.png');
	width:44px; height:44px;
}
 
.recensione{
	margin-bottom: 35px;
	font-style: italic;
}
.recensione h3{
	text-align: right;
	/*width:100%;
	border:1px solid #000;*/
}
.recensione p{}

.riquadro{
	/*border: 1px solid #7c2111;*/
	padding: 10px;
	color: #7c2111;
	background-color: #e5e2ea;
}

.news-calendar { 
	width: 100%; 
	border-top: 1px solid #4a517f; 
	border-bottom: 1px solid #4a517f; 
	color: #3B3B4E; 
	margin-top: 75px;
	/*background-color: #C1C1FF;*/
	background: #f2f2f2 url('../images/news-calendar.png') center no-repeat;
	text-align: center;
}
.mini-news { padding-bottom: 5px; height: 130px; }
.news-hr { border-bottom: 1px dashed #4a517f; }
.news-img-thumb { width: 120px; }
div.news{
	margin: 0px auto;
	/*padding: 20px auto;*/
	/*border-bottom: 1px dashed #aaa0c6;*/
	clear: both;
	text-align: center;
}
div.news h3{ }
div.news h4, div.news p, div.news ul{ text-align: left;}
div.news-img{ float:left; margin: auto 20px auto auto;}
div.news img{padding-top: 15px;}
div.news-txt{ margin-bottom: 25px; }
div.news-txt p { text-align: justify; }

div.newsContainer { position: relative; margin: 50px auto; }
div.newsLeft { width: 270px; /*border: 1px solid #000;*/ padding: 5px; 
	float: left;	
}
div.newsLeft img { margin: 10px auto; }
div.newsRight { 
	float: left;
	/*border: 1px solid #a81900;*/
	width: 460px;
	padding: 5px; 
}
div.newsRight img { margin: 10px auto; }
div.newsFooter { /*border: 1px solid green;*/ clear: both; padding-top: 25px; }

div.link{
	clear:both; 
	padding: 25px 100px; 
	width: 500px; 
	margin: 0 auto; 
	/*border: 1px solid #000;*/
}
div.link-left{
	float:left;
	margin-right: 95px;
}
div.link-right{}



/** INIZIO: layout per tabelle **/
.tabella{
  position: relative;
  margin: 10px auto 35px auto;
  clear: both;
}

.tabella table {
	  margin: 0 auto;
	  /*width: 700px;*/
      /*border: 1px solid black;*/
}

.tabella tr{
	/*margin: 10px auto;*/
}

.tabella td{
	padding: 7px 7px 0px 7px;	
}
.tabella td img{
	margin:0 auto;
	padding: 0 auto;
}
.tabella h3{
	text-align:center;
}

   .cella_nocomment {
      width: 150px;
      text-align:center;
   }
   .cella_nocomment2 {
      width: 230px;
      text-align:center;
   }
/** FINE: layout per tabelle **/


/**
  * Contenuti - ad hoc
  */
 
.appunti { border-bottom: 1px solid #2e2e3d; padding-bottom: 15px; margin-bottom: 15px; }

#nijinsky_blank{
	margin-bottom: 35px;
}

#fabula {
	background: url(../images/ilviaggioinsogno/bg_fabula.png) top right no-repeat;
	/*height: 1100px;*/
	padding-right: 320px;
	/*border: 1px solid #000;*/
}

img.lanterna-magica {
	width: 700px;
	margin: 5px;
}
div#lanterna-content {
	margin: 5px auto 25px auto;
	padding: 0px;
	width: 695px;
	height: 193px;
	background: #e5e2ea;
}
div#lanterna-left {
	width: 210px;
	padding-top:3px;
	float: left;
}
div#lanterna-center {
	width: 275px;
	float: left;
}
div#lanterna-right {
	width: 200px;
	padding-left: 10px;
	float: left;
}

#myaudio { margin-bottom: 25px; }

/**
  * Stile per i Contatti
  */
  
 #contatti{
	margin: 0 auto;
	width: 450px;
	padding:15px;
	/*border: 1px dashed #2e2e3d;*/
}
#contatti fieldset {
	border: 1px solid #2e2e3d;
	padding: 20px;
}
#contatti legend {
	border: 1px solid #2e2e3d;
	font-weight: bold;
	font-size: 1.03em;
	background-color: #aaa0c6;
}
#contatti input {
	width: 180px; 
	height: 17px;
	border: 1px solid #2e2e3d;
}

#nome {margin-bottom: 7px;}
/*#nome input:focus {
	border: 2px solid #442e7c;
}*/
#nome label {
	margin-right: 50px;
}
#oggetto {margin-bottom: 7px;}
/*#oggetto input:focus {
	border: 2px solid #442e7c;
}*/
#oggetto label {
	margin-right: 38px;
}
#mail {margin-bottom: 7px;}
/*#mail input:focus {
	border: 2px solid #442e7c;
}*/
#mail label {
	margin-right: 52px;
}

#messaggio textarea {
	width: 265px;
	height: 100px;
	border: 1px solid #2e2e3d;
}
/*#messaggio textarea:focus {
	border: 2px solid #442e7c;
}*/
#messaggio input {
	width: 180px; 
	height: 23px;
	border: 1px solid #2e2e3d;
	color: #2e2e3d;
	margin: 5px auto auto auto;
	background-color: #aaa0c6;
}
/*#messaggio input:focus {
	border: 2px solid #442e7c;
}*/



/**
 *  #### TABS - JQUERY ####
 */
div.tabs {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	border-bottom: 2px solid #32324c;
	/*border: 1px solid #000;*/
}
ul.tabNavigation {
	margin: 0 auto;
	padding: 0;	
	/*border: 1px solid #000;*/
}
ul.tabNavigation li {
	float: left;
	margin: 0 auto 25px auto;
	padding: 0 11px;
	border-bottom: 2px solid #32324c;	
}
ul.tabNavigation li a {
	display: block;
	padding: 0px; 
	height: 23px;
	line-height: 23px;
	width: 230px;
	color: #fff;
	font-size: .9em;
	font-weight: bold;	
	margin: 0 auto;
	text-align:center;
	background: #a1a1f7;
	/*border-bottom: 2px solid #32324c;*/
}
ul.tabNavigation li a:hover {
	background: #32324c;
	text-decoration: none;
	/*height: 21px;*/
	/*border-bottom: 2px solid #f2f2f2;*/
}
ul.tabNavigation li a.selected{
	background: #32324c;
}
#latempesta,#sogni,#lalanternamagica,#tab1,#tab2,#tab3{
	clear:both;
}


/**
 *  #### SLIDE  JQUERY ####
 */

.panel {
	background: #e5e2ea;
	min-height: 350px;
	padding: 7px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #32324c;
	background: url(images/btn-slide.gif) no-repeat center top;
	text-align: justify;
}
.btn-slide {
	background: #a1a1f7;
	text-align: center;
	width: 125px;
	height: 25px;
	line-height: 25px;
	padding-bottom: 3px;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	/*font: bold 120%/100% Arial, Helvetica, sans-serif;*/
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/**
 * ##### PLAYER MULTIMEDIALI #####
 */
.videoplayer {
	width: 350px;
	height: 266px;
	text-align: center;
	margin: 10px auto 20px auto;	
}
.videoplayer img { border: 3px solid #6a6aa3; }

/**
 * ######### MAPPA CLICCABILE ########
 */
.mappa { margin: 0 auto; padding-left: 35px; text-align: center;}


/**
 * ########## BANNER ##########
 */
/*ORIG*/
.banner-wrapper { position: relative; height: 250px; }

.banner-gaza {
	position: absolute;
	width: 100%;
	/*height: 100px;*/
	color: #7f1919;
	border-top: 1px dashed #4a517f;
	padding-top: 10px;
	top: 10px;
	
}
.banner-gaza h2 { color: #7f1919; }
#gaza {
	position: relative;
	float: left;
    /*border: 2px solid #555;*/
    width: 200px;
    height: 133px;
	margin-right: 50px;
}

.banner-gazzettino {
	position: absolute;
	top: 180px;
	/*height: 100px;*/
	width: 100%;
	border-top: 1px dashed #4a517f;
	padding-top: 10px;
}
.banner-gazzettino img { border: 0px; }
#gazzettino-left {
	position: relative;
	float: left;
	width: 300px;
	margin-left: 300px;
}

/**
 * ######### TABELLA CASTELLA URSINO ##########
 */
.tab-ursino {
	width: 95%;
	margin: 0 auto;
	display: none;
}
.tab-ursino th {
	background-color: #b9b9ef;
	height: 1.1em;
}
.tab-ursino td {
	border: 1px solid #6a6aa3;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding: 1px 3px;
}
.tab-ursino tr:hover { background-color: #b9b9ef;}
.tab-ursino td#col_1 { width:175px; }
.tab-ursino td#col_2 { width:215px; }

/*
 * ######## RAIMONDO DI SANGRO NEWS ########
 */
.raimondo_di_sangro_news{
	margin: 0px auto;
	padding: 0px 5px;
	width: 684px;
}
.raimondo_di_sangro_news h4{
	
}
.raimondo_di_sangro_news dl{
	margin: 0px;
	text-align: justify;
}
.raimondo_di_sangro_news dl dt{
	font-weight: bolder;
}
.raimondo_di_sangro_news dl dd{
	margin-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 7px;
}
.raimondo_di_sangro_news ul{
	margin: 2px 5px;
	padding: 0px;
}
.raimondo_di_sangro_news ul li{
	margin: 0px 5px;
}

/**
 * ########### OPUS MINIMUM ############
 */
.opus-minimum{
	margin: 0px auto;
}
.opus-minimum h1{
	font-size: 1.9em;
	color: #808080;
	padding-bottom: 10px;
}
.opus-minimum h2{
	color: #7C2111;
	padding-bottom: 10px;
	line-height: 1.5em;
}
.opus-minimum h2.data{
	color: #7C2111;
	padding-bottom: 10px;
	font-size: 1.0em;
}
.opus-minimum-indice{
	margin: 35px auto 25px;
}
.opus-minimum-indice h3{
	color: #7C2111;
}
.opus-minimum-indice ul{
	margin: 0px 0px 0px 40px;
	width: 600px;
}
.opus-minimum-indice ul li{
	margin: 7px 0px;
	padding: 5px;
	background-color: #e0e2fe;
}
.opus-minimum-indice div{
	color:#7c2111;
	padding-top: 3px;
}
.opus-minimum-autori{
	margin: 30px auto;
}
.opus-minimum-autori h3{
	color: #7C2111;
}
.opus-minimum-extra{
	overflow: hidden;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	width: 600px;
}
.opus-minimum-extra h3{
	color: #7C2111;
}
.opus-minimum-extra div.box{
	clear: both;
	padding-top: 7px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.opus-minimum-indice-extra{
	margin: 0px;
	padding: 0px;
	width: 426px;
}

.opus-minimum-indice-extra ul{
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.opus-minimum-indice-extra ul li{
	margin: 7px 0px;
	padding: 5px;
	background-color: #e0e2fe;
}

/**
  * Pozzuoli presentazione.
  */
.pozzuoli-presentazione{
  margin: 0 auto;
}
.pozzuoli-presentazione h3{
  color: #7c2111;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: .5em;
}
.pozzuoli-presentazione h4{
  color: #7c2111;
  margin-top: 2.5em;
  text-align: center;
}
.pozzuoli-presentazione p.sottotitolo{
  margin: 0;
  padding: 0 0 1.1em 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #7c2111;
}
.pozzuoli-presentazione p.sottotitolo em{
  color: #333333;
} 
.pozzuoli-presentazione .citazione{
  text-align: right;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: 0px;
}
.pozzuoli-presentazione .citazione em{
  color: #7c2111;
}
.pozzuoli-presentazione p.footer{
  font-size: 1.1em;
  text-align: center;
  margin: 2em auto;
}
.pozzuoli-presentazione .note{
  background-color: #e5e2ea;
  padding: 2em;
  font-style: italic;
}
.pozzuoli-presentazione .note ol{
  margin: 0 0 0 2em;
  padding: 0;
}