body {
	color: #000000;
	background-color:#FFFFFF;
	}


*{
border:0px;
margin:0px;
padding:0px;
text-indent:0px;
list-style-type:none;
}


hr{
clear:both;
visibility:hidden;
}

p, li, dd, dt{
font: 0.7em/140% Arial, Helvetica, sans-serif;
}
h2{
margin:0px 0px 8px 5px;
}
h2 img, h3 img{
vertical-align:top;
}

h3{
	margin:0 0 0 5px;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003366;
	text-decoration: none;
	font-weight:bold;
	display:block;
	clear:both;

}

#contents a, #contents a:visited{
	color:#FF0099;
	text-decoration: none;
	border-bottom:1px #FF0099 dotted;
	padding:0 2px;
}

#contents h4 a, #contents h4 a:visited{
	color:#FF0099;
	text-decoration: none;
	border-bottom:1px #FF0099 dotted;
	padding:0 0;
}

#contents a:hover, #contents focus{
color:#003366;
background-color:#D4EAFF;
border-bottom:1px dotted #003366;
}


p li, li ul li {
font-size:1em;
}


#container{
background: #ffffff url(../img/background.jpg) no-repeat right bottom;
max-width:1000px;
padding-right:50px;
display:block;

padding-bottom:400px;
position:relative;
min-height:450px;
height:460px;
height:auto !important;


}
#home #container {
height:520px !important;
min-width:1000px;
}
#logo{
float:left;
}

#mainmenu{
margin-top:57px;
float:right;
}
#mainmenu li{
float:left;
}

#contents{
clear:both;
width:100%;
display:block;
padding:40px 0px 0px 14px;
}
.colonna1terzo, .colonnascroll{
width:33%;
float:left;
}
.fixed{
width:333px;
}

.colonna1terzo p, .colonna1terzo ul,  .colonnascroll p,  .colonnascroll ul, .colonna1mezzo p, .colonnasingola p, .colonna1mezzo ul, .scroller, .colonnascroll2 p{
padding:0px 0px 5px 0px;
margin-left:5px;

}

.colonna1terzo ul,  .colonnascroll ul, .colonnascroll2 ul{
	padding-bottom:0px;
	
}
.colonna1terzo ul ul,  .colonnascroll ul ul, .colonnascroll2 ul ul{
	border:0px;
	margin-left:0px;
}
.colonna1terzo li,  .colonnascroll li{
	margin-bottom:0.5em;
	padding-left:8px;
	background-image: url(../img/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

.colonna1terzo li li,  .colonnascroll li li, .colonnascroll2 li li {
	background-image: url(../img/bullet2.gif);
	margin-bottom:0;
}

 .colonnascroll,  .colonnascroll2{
 max-height:260px;
 overflow:auto;
 }
  .colonnascroll h3,  #home .colonna1terzo h3 , #archivio .colonna1terzo h3 , .archivio2 .colonna1terzo h3 , .colonnascroll2 h3{
  border-bottom:1px solid #FF0099;
  padding-bottom:6px;
  margin-bottom:8px;
  position:relative;
  background-color:#FFFFFF;
  
  }
  #home .scroller h3{
  border-bottom:1px solid #FF0099;
  padding-bottom:2px;
  margin-bottom:8px;
  position:relative;
  background-color:#FFFF;
  
  }
  
   .colonna1terzo h3{
   color:#ff0099;
   }
  .colonna2terzi{
  width:auto;
 float:left;
 margin-left:1%;
  }
  .colonnascroll2{
  width:100%;
 float:left;
 margin-left:0;
  }
  .colonnascroll2 h4, .colonnascroll2 p{
  float:left;
  width:50%;}
  
  .colonna2terzi img{
 margin-top:7px;

  }
  .scroller{
  height:10.8em;
  margin-top:1em;
  overflow:auto;
  margin-left:-5px;
  }
  
  #eventiprodottipage  .colonnascroll h3, #eventiprodottipage  .colonna1terzo h3 {
  border-bottom:1px solid #FF0099;
  padding-bottom:0px;
  margin-bottom:8px;
  position:relative;
  background-color:#FFFFFF;
  
  }
  
  #contents a.linkarchivio{
position:absolute;
right:0px;
top:1em;
	font-size:xx-small;
	border:0px;
	text-transform: lowercase;
  }

  
   #eventiprodottipage #contents a.linkarchivio{
position:absolute;
right:0px;
top:0.4em;
	font-size:xx-small;
	border:0px;
	text-transform: lowercase;
  }
   #eventiprodottipage #contents h3{
   min-height:0.8em;
   }
  
   .colonnascroll p{
   border-bottom:0px;
   margin-bottom:10px;
   }
   
  .dettaglinews{
	margin-left:0.2em;
	white-space: nowrap;

  }
  
   .colonnascroll h4, .colonna1mezzo h4, .colonnasingola h4, .scroller h4, .colonna1terzo h4, .colonnascroll2 h4{
	color:#FF0099;
	
	margin-left:5px;
	margin-top:2px;
	font: bold 0.8em Arial, Helvetica, sans-serif;

   }
    .colonnascroll h4 a, .colonna1mezzo h4 a, .colonnasingola h4 a, .scroller h4 a, .colonna1terzo h4 a, .colonnascroll2 h4 a{
		text-transform: uppercase;
	}
   
   .colonna1mezzo{
width:49%;
float:left;
}

   .colonnasingola{
width:98%;
float:left;
}
ul.thumbs {
margin-top:1.4em;
}
#eventiprodottipage ul.thumbs{
margin-top:0em;
}


#newsdettaglio ul.thumbs{
margin-top:0.5em;
}
ul.thumbs li{
position:relative;
float:left;
font-size:0.9em;

}
ul.thumbs span.didascaliathmb{

height:1.1em;
/*dovrà essere height:2.1em;*/
overflow:hidden;
line-height:100%;
font-size:0.8em;
display:block;
width:100px;
position:absolute;
top:112px;
padding-top:2px;
left:6px;
z-index:10;
}
ul.gallery span.didascaliathmb{
height:2.1em;
}

ul.thumbs li img{
padding:12px 0px 0 6px;


}
ul.gallery span.imgcropper{
display:block;
height:115px;
width:123px;
overflow:hidden;
}

 ul.thumbs span.imgcropper{
display:block;
height:111px;
width:123px;
overflow:hidden;
}

.bordinithumbs{
position:absolute;
top:0px;
left:0px;
}
#contents ul.thumbs li a{
padding:0;
margin:0;
border-bottom:0px solid;
display:block;
height:133px;
overflow:hidden;
width:115px;
background: transparent url(../img/sfondo-thumbnail.gif) no-repeat -2px 0px;
}
 #contents .colonna1mezzo ul.thumbs li a img{
 
 }

#contents ul.thumbs li a img{
width:100px;

}
#contents ul.thumbs li a img.bordinithumbs{
width:auto;
}

#contents ul.thumbs li a:hover{

background: url(../img/sfondo-thumbnail-h.gif) no-repeat  -2px 0px;
}
#contents ul.gallery li a, #contents ul.gallery li a:visited{
background: url(../img/sfondo-thub-gall.gif) no-repeat  -2px 0px;
height:160px;
}

#contents ul.gallery li a img.bordinithumbs{
clip:rect(auto, auto, auto, auto);
}

#contents ul.gallery li a:hover{
background: url(../img/sfondo-thub-gall-h.gif) no-repeat  -2px 0px;
}

.committente, .luogo, .serviziforniti, .artisti, .ruolo, .descrizione{
color:#003366;
font-weight:bold;
}
.logoevento{
float:left;
margin:0.3em 10px 0px 0px;
}
#contents h2 {
position:relative;
}
#contents h2 a.back{
display:block;
position:absolute;
border-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.5em;
top:11px;
left:160px;
}

#footer{
position:absolute;
bottom:10px;
right:40px;

}
#footer address{
	color:#003366;
	font: normal xx-small Arial, Helvetica, sans-serif;
	text-decoration: none;
	float:left;
	border-left:1px solid #003366;
	margin-left:15px;
	padding-left:5px;
}
address em{
	color:#FF0099;
	font-style: normal;
}
#sv{
position:absolute;
right:40px;
bottom:70px;

}
.newsdate{
	
	font-size:xx-small;
	vertical-align:top;
	margin:0.3em 0 0 0.5em;
}

#mailinglist{
position:absolute;
bottom:115px;
right:560px;
}

#database{
position:absolute;
bottom:166px;
right:0px;

}

.scheda{

width:400px;
float:left;
}

.schedajs{
position:absolute;
top:12%;
right:32%;
width:400px;
z-index:220;
float:none;
}

.scheda .top{
	background: url(../img/bkg-scheda-top.png) no-repeat;
	height:25px;
	margin:0;
	width:400px;
}
.scheda p{
	display:block;
	background: url(../img/bkg-scheda.png) repeat-y;
	padding: 10px 16px 10px 10px;
	min-height:14em;
}
.scheda strong{
	margin-bottom:5px;
	text-transform: uppercase;
	font-size:1.2em;
	
}

.scheda img{
float:left;
margin:0 0px 10px 6;
}

.scheda .bottom{
	height:71px;
	background: url(../img/bkg-scheda-bottom.png) no-repeat left bottom;
	width:400px;
}
.scheda .bottom a{
float:right;
margin:18px 20px 0 0;
}
.resizingimage{
width:97%;
max-width:inherit;
padding:1%;
margin-top:10px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

ul.minithumbs{
float:left;
clear:right;

}
ul.minithumbs li{
	float:left;
	list-style: none;
}
#contents ul.minithumbs li a, ul.minithumbs li a:visited{
	height:40px;
	display:block;
	background-color:transparent;
	border:0px;
	width:36px;
	background: url(../img/sfondo-minithumb.gif) no-repeat;
}
#contents ul.minithumbs li a:hover, ul.minithumbs li a:focus{
background: url(../img/sfondo-minithumb-h.gif) no-repeat;

}
ul.minithumbs li a img{
margin:7px 0px 0px 5px;
}

.colonna1terzo  #mycarousel *{
	
	list-style: none;
}
.jcarousel-scope {
	position: relative;
	width: 279px;
	height:120px;
	display:block;
	padding:5px 0 30px 0;
	background: url(../img/bkg-carousel.gif) no-repeat;
	
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
ul.jcarousel-list {
    overflow: hidden;
    margin:0;
	margin-left:10px;
	padding:0;
	
	
}

.jcarousel-list li {
    float: left;
    list-style: none;
	position:relative;
}
.jcarousel-list .bordinithumbs{
top:3px;
 left:13px;
}

.colonna1terzo #mycarousel li {
background-image:none;

}

#mycarousel li a {
border:3px solid #FFFFFF;
display:block;
width:100px;
height:100px;
background-color:#FFFFFF;
overflow:hidden;

}

#mycarousel li a img {
width:100px;

}

#mycarousel li a:hover, #mycarousel li a:focus  {
border:3px solid #D4EAFF;

}


/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
    display: none;
    position: absolute;
    top: 35px;
    right: 14px;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    display: none;
    position: absolute;
    top: 58px;
    right: 14px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}