/*
** 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: "Verdana", 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;	
}
.bloccoSx {
  display: block;
	font-size:0.7em;
	height:35px;
	margin:20px 0 0 15px;
	/*background:#333;*/
}
.floatLeft {
	float:left;
	/*padding:3px 5px 0 0;*/
	color:#999;
}
.titBianco{
  font-weight:bold;
  color:#ffff;
  font-family: "Arial";   
  font-size:1.5em;
  padding:5 0 0 0;
  letter-spacing:0em;
  text-transform: uppercase;  
}

.calendar {
	/** configure the width **/
	display:block;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-top:5px;
	padding:0px;
	text-align:center;
	width:160px;
	background: url(../images/bgCalendar.gif) repeat-x top left;	
}


.calendar .header {
	/*background-color: #eee;*/
	font-size:0.8em;
	height: 24px;
	color: #666;
	width:160px;
	background: url(../images/bgCalendar.gif) repeat-x top left;			
}
.calendar .footercal {
	background-color: #eee;
	font-weight: bold;
	font-size:0.8em;
	color: #FFFFFF;
	width:100%;
}
.calendar td {
	text-align: center;
	font-size:0.8em;
	padding: 0.2em;
}
.calendar .today {
	background-color: #efd943;
	border: 1px solid #ccc;
}

.calendar .link {
	background-color: #dbdcbb;
	border: 1px solid #ccc;
	text-decoration: none;
}

.calendar a, .calendar a:link, .calendar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #333;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
	color: #666;
	text-decoration: none;	
}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
	width: 100%;
	color: #666;
}
/*img a {
	border:none;
	margin:0;
}*/
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;
}

/*label {
	position: absolute;
	left: 0px;
	width: 90px;
	height: 30px;
	margin: 5 5 5 0;
  text-align: right;
} */

.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;
}
/*****************************************************************
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:380px;
  height:auto;
}
html>body div#homeContent   {
  width:395px;	
}
.homeTotem{
  float:right;
  padding-top:20px;
	font-size:0.7em;  
  height:auto;
  text-align:justify;
	/*border:1px solid #333;  */
	background: url(../images/bgSfumaNews.jpg) no-repeat top left;	
	background-color:#dee0cb;	
  width:200px;
  min-height:400px;  
}

/*****************************************************************
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;
	display:block;
	left:50%;
	margin-left: -470px;
  width: 980px;
  height:auto;
  background: url(../images/sfumaLeft.gif) no-repeat top right;  
  background:#fff;
  /*padding-left:10px;*/
  /*border-right:10px solid #eee;  
  border-left:10px solid #eee;   
  border-bottom:10px solid #eee; */    
  /*padding-right:10px;  */
	/*border: 1px dotted #ccc; */
}
html>body #wrapper  {
  width: 980px;
	margin-left: -470px;  
}
/*****************************************************************
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 {
	float:left;
	display:block;
	height:600px;
  min-height: 600px;
  width:180px;
  background: url(../images/sfumaRightDark.gif) no-repeat top left;
	display: block;
  /*border:1px solid #ddd;	*/
}
html > body div#rightBar {
	height:auto;
}
div#leftBar {
  float:left;	
  height:auto; 
	height:600px;   
  min-height: 600px;
  width:170px;
  background: url(../images/sfumaLeftDark.gif) no-repeat top right;
	display: block;
}
html > body div#leftBar {
	height:auto;
}
.calendarioEventi {
	display:block;	
	width:160px;
	text-align:center;
	margin-top:10px;

}
.sponsor {
	display:block;	
	width:180px;
	text-align:center;
	margin-top:10px;

}
.banner {
	display:block;	
	width:180px;
	text-align:center;
	margin-top:20px;
}
.banner img {
	border:none;
}

div#subMenu {
	position:relative;	
  display: block;
  width: 170px;
  height: auto;
  margin-bottom:10px;
  /*background:#fff;*/
}

div#subMenu ul {
  margin: 0px;
  padding: 0px;
}

div#subMenu ul li {
  list-style-type: none; 
}
div#subMenu ul li a {
  display: block;
  height:15px;
  text-decoration: none;
  color: #333;
}

div#subMenu  a:hover {
  display: block;
  color: #945c00 !important;
}

div#subMenu ul li.subMenu_active {
  display: block;
  height:15px;
  list-style-type: none;
  color: #945c00 !important; 
  border-bottom:1px solid #ddd;
}
.subMenu_link a {
  display: block;
  height:10px;
  list-style-type: none;
  font-weight: bold; 
}

.subMenuPrincipaleLink, .subMenuPrincipaleLink a {
  display: block;
	height:15px;
  min-height:15px;
  margin-top:5px;  
  list-style-type: none;
  color: #999;  
  /*background-color: #f4f4f4;  */
}
.subMenuPrincipale {
	height:15px;
  display: block; 
  list-style-type: none;
}
div#subMenu ul li.subMenuPrincipaleActive, ul li.subMenu_active_mese {
	height:15px;
  min-height:15px;
  display: block;
  border-bottom:1px solid #ddd;
  list-style-type: none;
  color: #999;
  /*background-color: #fff;*/
}
/*****************************************************************/
/*mozilla e opera */

html>body #subMenu ul li a  {
  height:auto;
}
html>body  #subMenu ul li.subMenu_active  {
  height:auto;
}
html>body  #subMenu ul li.subMenuPrincipaleActive  {
  height:auto;
}
html>body  #subMenu ul li.subMenuPrincipaleLink  {
  height:auto;
}
html>body #subMenu ul li   {
  clear:both
}


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

div#mainNav{
	display:block;
	position:relative;
	font-size:0.7em;
  width:auto;
  height:auto;   
  margin-top:15px;
	text-transform:uppercase;  
}
div#mainNav ul {
  padding: 0;
  margin: 0;
}
div#mainNav ul li {
  list-style-type: none;
  /*border-bottom:1px solid #ddd;     */
}
div#mainNav ul li a {
  display: block;
  text-align: left;
  text-decoration: none;
  color: #333;
  border-bottom:1px solid #ddd;
  height:15px;  
  padding-right:2px;      
}

div#mainNav ul li a:hover{
  display: block;
  text-align: left;
  text-decoration: none;
  color: #cc9900; 
  /*border-bottom:1px solid #ddd;   */
}
div#mainNav ul li.firstLetter {
  color: #cc9900; 
  border-bottom:2px solid #ddd;  
	/*background-color: #eee;	*/
  padding-top:5px;
  padding-left:2px;   	
}

html > body div#mainNav ul li a {
  height:auto;  
}
/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
	clear:both;
  display: block;	
  position: relative;
  width: auto;
  height: 50px;
  margin-top:10px;
}


/*****************************************************************
questo è il div che contiene il menu delle lingue
******************************************************************/
div#languages {
	display:block;
	position:relative;
	width: 170px; 	
	/*border-bottom:1px solid #ddd;*/
}

div#languages ul {
  padding: 0;
  margin:0;
}
div#languages ul li {
  list-style-type: none;
  float: left;
  display: block;    
}

div#languages ul li a , .current_lang{
  display: block;
  border-right: 1px solid #BABFC5;
  padding: 1px 4px 2px 4px;
  font-size: 0.7em;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #BABFC5;
}
div#languages ul li a:hover , .current_lang{
  color: #990000;
}

/*****************************************************************
questo è il div che contiene il campo ricerca
******************************************************************/

div#siteSearch {
	clear:both;
	display:block;
	position:relative;
	width: 180px; 	
	margin-top:5px;
}

div#siteSearch input  {
  font-size: 0.7em;
	margin-right:3px;
	padding-left:3px;
	width: 135px;
}

div#siteSearch input:focus  {
  background-color: #eee;
}

div#siteSearch img {
	cursor:hand;
	margin-top:0px;
}



/*****************************************************************
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:after { content: ""; display: block; height: 0; clear: both; }
div#briciole {	
  position: relative;
  width: 600px;
}
div#briciole ul {
	float: right;
	font-size: 0.75em; 	
  padding: 0;
  margin: 0 10;
}
html > body div#briciole ul {
  margin: 0 10;
}

div#briciole ul li {
  list-style-type: none;
  float: left;
  padding-right:5px;
}

div#briciole ul li a , .current_briciola{
  text-align: left;
  text-decoration: none; 
  color: #999;
}
div#briciole ul li a:hover , .current_briciola{
  /*display: block;*/
  color: #990000;
}


/*****************************************************************
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:block;	
	z-index:1;
	clear:both;
  position: relative;
  right: 10px; 
  width:100%; 
  border: none;
  height:25px;

}

div#menuServizio ul {
  float:right;	
  position: relative;
  margin: 5px 2 0 2px;
  padding: 0;
}

div#menuServizio ul li {
  list-style-type: none;
  padding-left: 18px;
  float:left;  
  margin-left:10px;
  height:18px;  
  width:auto;
}

div#menuServizio ul li a {
  text-decoration: none;
  color: #333 !important;
}

div#menuServizio ul li a:hover {
  color: #990000 !important;
  text-decoration: 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: 600px;
  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-left:10px;
	padding-right:10px;	
	padding-top:5;	
  position: relative;
  font-size: 1.8em;
  color: #660000;
}

div#Sezione #briciole {
  margin: 5px 0 5px 0;
  position: relative;
  font-size: 0.9em;
  color: #990000;
}
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;
  padding-left:10px; 
  padding-right: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:170px;
	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:center;
	margin-bottom:10px;  	
}
.gallery .titolo { 
  color:#333;
  text-transform:uppercase;
}
.galleryImg {
	display:block;
	float:left;
  text-decoration:none;
  color:#cc0000;
  margin-top:5px;
}
.galleryFile {
	display:block;
  text-decoration:none;
  color:#cc0000;
  border-bottom:1px solid #ccc;
  font-size:0.8em;
  margin-top:5px;
  height:20px;
}
.imgFile {
	display:block;
  text-decoration:none;
  float:left;
  /*font-size:0.8em;*/
}
.nomeFile {
	display:block;
  text-transform:lowercase;
  color:#cc0000;
  float:left;
  width:100px;
  font-family:tahoma;
}
/*****************************************************************
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:10px;
  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; 

 	color:#666;
}


/*****************************************************************
FOOTER PER LE PAGINE != DA HOME PAGE
/****************************************************************/
.footer {
	clear:both;
  position: relative;
  width: 100%;
  display:block;  
  font-size: 0.7em;
  color: #999;  
  background:#fff;
  border-top:1px solid #ddd;
	top:15px;
}

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

/*****************************************************************
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 #afa182;
  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 ul  {
  margin: 0;
  padding: 0;
}

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

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

#pages a.current {
	color: #990000 !important;
	padding-left: 2px;
	padding-top:0px;
	background: url(../images/icoFrecciaDown.gif) no-repeat top right ;  
	background-color: #eee;		
}
*/
#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: 150px;}   
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;
}
/********************************************************************************/
/* formattazione login                                                          */
/********************************************************************************/
div#boxLogin {
	position:relative;
  width:100%;
  height:auto;	
	display:block; 
	/*border:1px solid #333;	*/
}
.blockLogin {
	float:left;
	position:relative;	
	display:block;
  width:275px;
  height:auto;	
	margin:0 5px 0 0;
	/*border:1px solid #333;*/
}
div#loginUtente {
	position:relative;
	float:left;
	/*background: #e4e4e4;*/
	background: url(../images/bgCalendar.gif) repeat-x top left;		
  width:560px;
  margin-right:5px;  
  margin-top:5px;  
  height:auto;
	padding:10px;  
  margin-bottom:5px;
  color:#333 !important;  			
}

div#regUtente {
	position:relative;
	float:left;
	/*background: #d1d8de;*/
	background: url(../images/bgCalendar.gif) repeat-x top left;			
  width:560px;
  margin-right:3px;    
  margin-top:5px;  
  height:auto;
	padding:10px;
}

.datiUtente {
	position:relative;
	padding:5px;
	float:left;	
	width:220px;
  margin:5px; 
  height:150px; 
  /*font-size:0.7em;*/
  background: #e4e8eb;  
}

.datiUtente a {
	font-weight:bold;
	color:#cc0000 !important; 
}

.datiUtente a:hover {
	font-weight:bold;
	color:#990000 !important; 
}


div#boxLogin fieldset{
	width:270px;
	float:left;
  margin: 1em 0;
  padding: 0;
  border: none;
  border-top: 1px solid #ddd;
}

div#boxLogin fieldset.noborder {
  border: none;
}
    


div#boxLogin  label{
	float:left;
	text-align: left; 
	width:100px;
  display: inline;
  margin-left: 10px;
  padding-right:5px;
}



    
div#boxLogin  input.button {
	border:1px outset #cc0000;
	background: url(../images/bgBtn2.gif) repeat-x top left;
	cursor:hand;
	width:auto;
	color:#fff;
	/*float:right;*/
	margin-top:15px;
	margin-right:10px;
	padding:2px;
	margin-left:0px;

} 


#formBtn {
  position: relative;
	background: url(../images/bgBtn.gif) repeat-x top left;
	width:auto;
	float:right;
	padding:2px;
	text-align:center;
	border:1px thin #cc0000;
	margin-top:15px;
	margin-right:10px;	
	font-size:0.7em;
}
div#formBtn a {
	color:#fff;
}
div#formBtn a:hover {
	color:#cccc00;
	text-decoration:none;	
}

.pulsanteRosso {
	clear:both;
  position: relative;	
  height:33px;
  color:#fff;  
  text-transform:uppercase;
  /*margin:0 23px;*/
}
.btnSx {
	float:left;
  position: relative;
  width:9px;
  height:33px;  
	background: url(../images/bgBtnSx.gif) no-repeat top left ;
}
.btnDx {
	float:left;
  position: relative;
  width:9px;
  height:33px;  
	background: url(../images/bgBtnDx.gif) no-repeat top left ;
}
.btnProd {
	float:left;
  position: relative;
  width:auto;
  height:33px;
  padding:10 3 0 3;
  font-size:9px;	
  background: url(../images/bgBtnNew.gif) repeat-x top left ;
}