/*@import "./screen.css";*/
/*
** CSS Developed for:
** Liquido CMS System for Segafredo Zanetti Spa
** www.derbau.com
** info@derbau.com
*/

body {
  margin: 0;
  padding: 0;
  background-color:#fff;
  height:auto;
  font-family: "arial", sans serif;
  /*font-family: "Georgia, Times New Roman",  serif;*/
  font-size: 100%;
}
hr {
  border: none;
  background: none;
  height: 1px;
  border-top: 1px solid #ccc;
}

p a {
  color:#990000 !important;
}

form {
  margin: 0; padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Verdana", sans serif; 
  font-weight: normal;
}

input  {
  font-size: 0.7em;
  margin: 2 2 2 0;
	align: left;
	width: 90%;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;	
}

input:focus  {
  background-color: #e6e7d9;
}

ul{ 
	/*padding:0; 
	margin:0; */
  /*font-size: 0.8em;*/
} 
li{ 
	padding:0; 
} 

table { 
	clear: both;
	font-size:0.7em; 
  letter-spacing:0.1em;
}

 td {
	padding:0.2em;
	text-align:right;
}
span .selezionato a {
	color:#999;
	border-bottom: 2px solid #ddd;	
}

a {
  text-decoration: none;
  color: #990000;
}

a:hover {
  text-decoration: none;
  color: #333;
}
.titoletti , .titoletti a{
  /*font-weight:bold;*/
  color:#999 !important;
  font-family: "Verdana";   
  text-transform: uppercase; 
  text-decoration:none
}
.titoletti a:hover {
	display:block;
  text-decoration:none;
  color:#cc0000;
}

.separatore {
	position:relative;
	height:auto;
}

.boxHP {
	position:relative;
	display:inline;
}


.space-line {
  clear: both;
  display:block;
  width: auto;
	padding-bottom:5px;
	margin-bottom:3px;
  border-bottom: 1px solid #c3c88c;
}

.imgFloatThumb {
	float:left;
	margin:0 10px 0px 0;
	padding:2px;
	border:1px solid #ccc;	
	filter:alpha(opacity=100);
	-moz-opacity:100;
	opacity:100; 	
	
}
.imgFloatThumb:hover   {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 
	border:1px solid #333;		 	
}

.imgFloatRight {
	float:right;
	margin:10px;
	margin-top:0px;
}

.imgFloatLeft {
	float:left;
	margin:10px;	
}
.imgCenter {
	display: block;
	margin: 5px auto;
	text-align: center;
}
.evidenziato {
	font-weight: bold;
	color:#ff6633;
}

div#dotted-line {
  clear: both;
}
.calendar {
	display:none;
}
.imagePrincipale {
	display:none;
}
/*****************************************************************
barra con tabs in homepage
*****************************************************************/
#barraHome {
	/*background:#a0966a;*/
	/*background:url(../images/barraHomeDark.jpg) no-repeat top left;	*/
	height:45px;
	width:600px;
	clear:both;
	margin-top:-45px;
}

#barraHome a {
	font-weight: bold;	
  color:#666;
  text-transform: uppercase; 
} 

#barraHome a:hover {
  color:#990000;
} 
#tabEventi {
	display:block;	
	position:relative;
	float:left;
	background:url(../images/bgTab.gif) repeat-x bottom left;
	width:180px;
	font-size:0.7em;
	height:20px;
	text-align:center;
	padding-top:10px;
	top:17px;
	margin-left:10px;
	padding-bottom:5px;
}
#tabSpettacolo {
	display:block;
	float:left;	
	position:relative;
	width:190px;
	font-size:0.7em;
	height:20px;
	text-align:center;
	padding-top:10px;
	top:17px;
	margin-left:5px;	
	padding-bottom:5px;
	background:#fff;		
}
html>body #tabSpettacolo   {
	top:15px;
	padding-bottom:0px;		
}
html>body  #tabEventi    {
	top:15px;
	padding-bottom:0px;		
}
div#homeContent {
	clear:both;
  float:left;
  min-height:400px;
  text-align:justify;
	/*border:1px solid #333; */
  width:100%;
  height:auto;
}
html>body div#homeContent   {
  width:395px;	
}
.homeTotem {
	display:none;
}

/*****************************************************************
Il div container è il contenitore di tutto 
*****************************************************************/
div#container {
  position:relative;
  width:100%;
  height:100%;
	/*background:#e4e4e4;*/
	/*background: url(../images/bgSfumato.gif) repeat-x top left;	 */
}

/*****************************************************************
Il div wrapper è il contenitore di tutto il resto centrato in pagina
*****************************************************************/
div#wrapper {
	position:absolute;
}

/*****************************************************************
questo è il div che contiene il logo 
******************************************************************/
div#header {
  /*position: relative;*/
  /*float:left;*/
  display: block;
  width: auto;
  /*margin-top:10px;*/
  height: auto;
  border: none;
}

div#logo {
  position: relative;
  display: block;
  width: auto;
  height: 120px;
  border: none;
}
div#logo img {
	margin-top:4px;
}
/*****************************************************************
questo è il div che contiene il Top Bar della Home
******************************************************************/
div#topBarHome {
  display: block;
	padding:0;
	margin:0;
	width:100%;
}
div#topBarHome a img   {
	border:none;
	float:left;
	padding:0;
	margin-left:-6px;	
}
/*div#topBarHome a:hover img   {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;  	
}
*/
html > body div#topBarHome a img   {
	margin-left:0px;	
}
/*****************************************************************
questo è il div che contiene la barra vert in tutte le altre pag
******************************************************************/
div#rightBar {
	display:none;
}


/*****************************************************************
questo è il div che contiene il menu di navigazione principale
******************************************************************/

div#mainNav{
	display:none;
}

/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
	display:none;
}
.sponsor {
	display:none;
}


/*****************************************************************
CONTENUTI PRINCIPALI DELLA HOME PAGE
******************************************************************/
div#spotHP{
  position: relative;
}
div#latestNews {
	display:none;
	margin-top:15px;
	font-size:0.70em;
 	float:left;
  padding-left:10px;   
}
/*****************************************************************
LATEST SHOWS IN HOME PAGE
******************************************************************/
div#latestEvents {
	display:none;
  line-height:1.2em;	
}
/*****************************************************************
LATEST SHOWS IN HOME PAGE
******************************************************************/
div#latestShows {
	display:block;	  
}

/*****************************************************************
questo è il div che contiene il menu delle briciole di pane
******************************************************************/
div#briciole {	
	display:none;;
}
/*****************************************************************
questo è il div che contiene il flash promozionale hp
******************************************************************/
div#flashPromo {
  position: absolute;
  top: 100;
  left: 180;
  width: 600px;
  height:210px;  
  background-color: #fff;
  border: none;
}
div#flashPromo p {
  margin: 5px;
  position: absolute;
  width: 590px;
  height: 200px;
	/*background: url(../images/flash_spot.jpg) no-repeat;*/
  border: none;
}

/*********************************************************
questo è il div che contiene l'area riservata
******************************************************************/
div#areaRiservata {
  position: absolute;
  top: 5;
  right: 0;
  width: 170px;
  height:auto;  
}
div#areaRiservata a {
	font-size:0.8em;
	display:block;
	padding:2 2 2 5;
	width:30%;
	border: 1px solid #1E6099;
	color:#1E6099;
	text-decoration: none;
}
div#areaRiservata a:hover {
	border: 1px solid #999;
	color:#999;
	text-decoration: none;
}


/*****************************************************************
questo è il div che contiene il box a destra menu di servizio hp
******************************************************************/
div#menuServizio {
	display:none;	
}


/*****************************************************************
questo è il div che contiene le news ... che andrà cambiato hp
******************************************************************/

.news  {
  position: relative;
  margin-bottom:10px;
  /*padding-left:10px;*/
  padding-right:10px;  
}

.data, .lancio {
  color: #333;
}
.titolo a {
	display:block;
  color:#990000 !important; 	
  text-align:left;
  /*font-family: "Georgia, Times New Roman",  serif;	*/
  font-size:1em;
  padding:0 0 0 0;
  /*font-weight: bold;*/
	text-transform:uppercase;
}
.titolo a:hover {
  color:#999 !important;  
}
.news  .prec {
	display:block;
  float:left;
}
.news .succ {
	display:block;
  float:right;
	padding-right:5px;  
  text-align:right;
}

/*****************************************************************
SEZIONI E SOTTOSEZIONI
/*****************************************************************
questo è il div che contiene la foto / flash della sezione menù 
principale
******************************************************************/
/*****************************************************************
SEZIONI E SOTTOSEZIONI
/*****************************************************************
questo è il div che contiene la foto / flash della sezione menù 
principale
******************************************************************/
div#Contents {
	float:left;
	display:inline;
  width: 100%;
  background:#fff;  
  /*border:1px solid #333;*/
  margin:0px;
}
div#Sezione {
  float:left;
  height:auto;
  text-align:justify;
}

div#Sezione #imageProdotto {
	display:inline;
	float:right;
  height:auto;
  margin-top:15px;
  margin-left:15px;
  margin-right:15px;  
  clear:both;
}
#imageProdotto:after { content: ""; display: block; height: 0; clear: both; }
div#Sezione a {
  text-decoration: none;
  color: #666 ;
}

div#Sezione a .testoh1 {
  text-decoration: none;
  color: #ff6633 ;
  font-size: 1.6em;  
}

div#Sezione a img  {
	border:none;
}
div#Sezione a:hover {
  text-decoration: none;
  color: #ff6633 !important;
}


div#Sezione #icone img {
	float:right;
  margin: 5px;
  position: relative;
  border: none;
}

div#Sezione #titoloSezione  {
  /*text-transform: uppercase;*/
  font-family: "Georgia", serif; 
	padding-top:5;	
  position: relative;
  font-size: 1.8em;
  color: #660000;
}

div#Sezione #testoSezione  {
  font-size: 0.70em;    
  font-family: "Verdana", serif;   
  /*letter-spacing:0.04em;*/
  line-height:1.4em;
  margin-top:0px;
  color:#666;
  padding-top:10px; 
  /*clear:left;*/
}

/*****************************************************************
questo è il div che contiene le gallery
******************************************************************/
.gallery {	
	z-index:5;	
  position: relative;
  float:right;
  font-size: 0.7em;  
  top:20px;
  width:150px;
	text-align:center;
	clear:both; 
	margin: 0 0px 10px 10px;	
	background: url(../images/bgCalendar.gif) repeat-x;		
	background-position: 20px 10px;
}
html > body .gallery {
	margin: 0 0px 30px 10px;	
}
.gallery img {
	margin-left:0px !important;
	margin-right:5px;
	border:0;
}
.gallery .files { 
  padding:5px;
	text-align:left;  	
}
.gallery .titolo { 
  color:#333;
}

/*****************************************************************
questo è il div che contiene il menu dei prodotti
******************************************************************/


#prodotti {
	position: relative;
  float:left;
  font-size: 0.7em;
  padding-top:3px;
  padding-left:5px;  
  /*margin-left:10px;*/
  top:50px;
  width:160px;
  height:auto;  
  clear:both; 
  border-left:10px solid #990000;
  /*background:#ddd; */ 
}
#elencoSpettacoli {
	position: relative;
  /*display:none;*/
  height:auto;  
  clear:both; 
  /*border-right:10px solid #990000;*/
}
#elencoSpettacoli ul {
	margin: 0;
	padding:0;
}
#elencoSpettacoli ul li {
  list-style-type: none;	
	padding-right: 10px;
  text-decoration: none;	
  color: #333;
}

#elencoSpettacoli ul li a , .current_prodotti{
  text-align: left;
  text-decoration: none;
  color: #999;
}
#elencoSpettacoli ul li a:hover , .current_prodotti{
  color: #CC9933;
  text-decoration: none;  
}

/*****************************************************************
questo è il div che contiene la lista delle categorie di spettacolo
******************************************************************/

#listaCategorie {
	clear:both;
  position: relative;
  font-size: 0.60em;  
  display: block;
  margin-top:15px;
  margin-left:20px;
  width:100%;
  height:20px;
	/*background:url(../images/bgTabCategorie.gif) repeat-x bottom left;  */
}
#listaCategorie ul  {
	margin:0;
	padding:0;
}
#listaCategorie ul li {
  display: block; 	
  list-style-type: none;
  float: left;
  text-align: center;  
  margin-right:15px;     
}
#listaCategorie ul li a {
  display: block;
  height:auto;  
  /*width:70px;   */
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  padding-left:5px;    
	border-left:8px solid #999;      
	/*background:url(../images/bgTabCategorie.gif) repeat-x bottom left;*/
	
}
#listaCategorie ul li a:hover {
  text-decoration: none;
  /*background: url(../images/separatore_bottom.gif) no-repeat bottom center;     */
  color: #333 !important;
	border-left:8px solid #333;  
 /* border:1px solid #ddd;  */
  border-bottom:none;  
}
#listaCategorie .selected  {
  list-style-type: none;
  float: left;  
  padding-left:5px;   
  text-transform: uppercase;
  color: #990000;
  /*border:1px solid #ddd;*/
	border-left:8px solid #990000;     
  background:#fff;
	/*background:url(../images/bgTabOn.gif) repeat-x top left;   */
}
/*****************************************************************
questo è il div che contiene la lista degli spettacoli
******************************************************************/
.listaSpettacoli {
	clear:both;
  position: relative;
  display: block;	
  margin-top:15px; 
  height:auto; 
}
.spettacolo  {
  display: block;	
  position: relative;  
  clear:both;	
  width:auto;
	padding-left:10px;
	padding-right:10px;	
  font-size: 0.7em;  	
  /*min-height:120px;*/
}
.datiSpettacolo  {
  margin-top:5px; 
  margin-bottom:10px;  	   	
  display: block;			
	float:left;	
  width:60%;
}
.titoloSpettacolo a {
  font-family: "Georgia", serif; 
  font-size:1.8em;
  text-align: left;
  text-decoration: none;
  color: #676a43;	 
}
.titoloSpettacolo a:hover {
  text-decoration: none;  
  color: #333;
}
.lancio {
  text-align: left;
}
.dateSpettacoli {
	float:right;
	display:block;
  width:205px;
  margin:3px 0px 0 5px; 
  padding-left:5px;
  border-left:2px solid #ddd;
  /*background:#eee;*/
}
.dateSpettacoliHome {
	float:left;
  /*width:100%;*/
  margin:5px 0px 0 0;  
}
.lancioHome {
	clear:both;
  text-align: left;
  /*background:#eee;*/
}
.dataEvento {
	display:block;
  margin:0px 10px 5px 0px; 
  /*padding-left:20px;*/
  /*background: url(../images/clock.gif) no-repeat 0 0px ;*/
 	color:#666;
}


/*****************************************************************
FOOTER PER LE PAGINE != DA HOME PAGE
/****************************************************************/
.footer {
  display:none;  
}

/*****************************************************************/

/*****************************************************************
Il div lista contiente una lista di div annidati utile per la 
mappa del sito e per qualsiasi altro usa ne si voglia fare
*****************************************************************/

#testoSezione .liv0 {
	padding:0px;
	margin:0px;
	/*margin:0 10px 0 0;*/
	width:auto;
  display:block;
  clear:both;	
}
/*#testoSezione li {
	list-style: url(../images/bullet.gif) circle outside;
}*/

.liv0 img {
	border:none !important;;
}

#testoSezione .liv0 a {
	padding-top:2px;	
  display:block;	
  color:#333;
  height:20px;
}

#testoSezione .liv0 a:hover {
  text-decoration:none; 
  color:#666;   	  
}


.liv1 {
	margin-right: 13px;
	float:left;
	width:130px;
	border-top: 3px solid #dd0000;
  margin-bottom:15px;	
  /*clear:right;	   */
}

.liv1 a {
  color:#333;	  
		
}
.liv1 a:hover {
  background:#eee; 	  
}
.liv2 a {
	padding-left:5px;
  display:block;
  color:#990000 !important;; 
  height:auto !important;;  	
}
.liv2 a:hover {
  color:#fff !important;; 
  background:#990000;  	
}
/*****************************************************************
Fine DIV LISTA
*****************************************************************/
/*****************************************************************
UL LI DENTRO TESTO SEZIONE
*****************************************************************/

div#elencoLink  {
	position:relative;
  display: block;
  min-height:30px;
  font-size: 0.7em;
  margin-top:10px;
}
div#elencoLink ul {
  margin:0;
  padding:0; 
  margin-left:5px; 
  margin-top:10px;
  margin-bottom:40px;  
}

div#elencoLink ul li {
  display: block;
  margin:0;
  padding:0;  
	float:left;
  width:195px;
  height:auto;
  margin-right: 10px;
	/*list-style: url(../images/bullet.gif) circle outside;  */
}
div#elencoLink ul li a {
  display: block;
  height:auto;
  text-decoration: none;
  color: #999;  
  padding: 0px 0px 0px 5px;
  margin-bottom:5px;
  border-left: 4px solid #999;  
}

div#elencoLink ul li a:hover {
  display: block;
  /*background-color: #990000;*/
  color:  #333 !important;
  text-decoration: 
 }
 
 /*****************************************************************
questo è il div che contiene i contenuti multipli
******************************************************************/
#pages {
	/*font-size:0.70em;*/
	z-index:5;
  position: relative;
  float:right;
  padding-top:3px;
	text-align:left;
	/*letter-spacing:0.05em;*/
	clear:both; 
	top:15px;
	margin-bottom:35px;
	text-align:right;
	background-color: #fff;
	margin: 0 -10px 10px 10px;	
	background-color: #eee;	
}
html > body #pages {
	margin: 0 -20px 10px 10px;	
}

#pages img  {
 	border:0;
 	margin-bottom:5px;
}
#pages ul  {
  margin: 0;
  padding: 0;
}
#pages li {
	/*list-style: url(../images/icoFrecciaRight.gif) circle outside;*/
}
#pages ul li {
	display: block; 
	/*float:left;*/
	width:150px;	
}	

#pages a {
	display: block; 
	text-decoration: none;
	color: #333 !important;
	border-bottom: 1px solid #ddd;
	padding: 0px 0px 0px 18px;
	/*background-color: #fff;*/
	margin: 0 10px 0 0;
	/*background: url(../images/icoFrecciaRight.gif) no-repeat top left;  */
}

#pages a:hover {
	/*background-color: #eee;*/
	color: #990000 !important;
	text-decoration: none !important;	
}

#pages a.current {
	color: #990000 !important;
	padding-left: 18px;
	/*background: url(../images/icoFrecciaDown.gif) no-repeat top left ; */
	/*background-color: #eee;	 	*/
}
/*********************************************************
questo è il div che contiene la form di registrazione
******************************************************************/
/*********************************************************
questo è il div che contiene la form di registrazione
******************************************************************/
div#formRegistrazione {
  position: relative;
  top: 0;
  right: 0;
  width: auto;
  height:auto;  
}

div#formRegistrazione div {
  background: transparent;
  /*padding-left:5px;*/
}
div#formRegistrazione a {
	display:block;
	padding:2 2 2 5;
	width:15%;
	border: 1px solid #cccccc;
	color:#666;
	text-decoration: none;
}
div#formRegistrazione a:hover {
	/*border: 1px solid #999;*/
	color:#999;
	text-decoration: none;
}

#formRegistrazione br {
	clear:left;
}
#formRegistrazione form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 500px;
 
}

#formRegistrazione fieldset {
  padding: 3px;
  margin-bottom: 10px;      /* padding in fieldset support spotty in IE */
 	color:#333;
	/*margin-left:150px; 		*/
}

/*
#formRegistrazione fieldset.noborder {
  border: none;
}

fieldset input.large{width: 270px;}
fieldset input.small{width: 50px;}
fieldset input.checkbox {
	width: 15px;
	height: 15px;	
}
fieldset textarea {float:left;width:300px;border: 1px solid #cccccc;	font-size:0.6em;}
fieldset select { font-size:0.6em;}


label { 
	display: block;  
	float: left; 
	width: 150px; 
	padding-right: 3; 
	margin: 5px 0 0;
	text-align: right; 
	font-size:0.6em;
}

*/
fieldset{
		float:left;
		width:500px;
    margin: 1em 0;
    padding: 0;
    border: none; 
    /*border-top: 1px solid #ddd;*/
}
    
legend{color: #cc0000;background:#FFF;font-size:0.7em;}
form b{color:#F00}
form p{margin:0.5em 10px}

fieldset div {
	float:left;
	width:100%;
  padding: 2px 0px 0px 0px;
  font-size:11px;
  /*border-bottom:1px solid #ddd;*/
}

fieldset div .help{
  padding: 5px 0 0px;
  font-size:10px;
  color:#990000;
  margin-left:80px;
  width:auto;
  display:none;
  /*border-bottom:1px solid #ddd;*/
}
html > body fieldset div .help{
  margin-left:165px;
}

fieldset textarea {
	padding-left:5px;
	width:320px;
	height:50px;
	border: 1px solid #cccccc;	
	margin-left:165px;
  font-family: "arial",  serif;	
  font-size:1em;
	background-color: #eee; 
	margin-bottom:20px;	
}
.privacy {
	height:150px;
}

fieldset select { font-size:1em;}

label{
		float:left;
		text-align: right; 
		width:150px;
    display: inline;
    margin-left: 10px;
    padding-right:5px;
}

fieldset input{font-size : 1.1em;}
    
fieldset input.large{width: 270px;}
fieldset input.small{width: 50px;}    
fieldset input.medium{width: 100px;}   
fieldset .radio{width: 10px;border:none;} 
fieldset .checkbox{width: 15px;border:none;} 

fieldset img{padding-left:5px;cursor:hand;}

div#domicilio label,div#anagrafica label{
    margin-left:150px;
 }
 
label.radio{margin-left:0px;}

   
input.button {
	border:1px outset #ccc;
	background: #fff;
	cursor:hand;
	width:100px;
	margin-left:160px;
	float:left;
	font-size : 1.1em;	
} 


#errori {
  position: relative;
  top: 5;
  width: auto;
  height:auto; 
  margin-bottom:15px; 
  color:#cc0000;
}