﻿body {
  background: url(../img/bck.png); 
  background-repeat: repeat; 
  margin: 0;
  color: Gray;
  font: arial;
  font-family: Arial;
  font-size: 14px;
}

#top_container{
  width: 968px; 
  height: 101px; 
  margin: 0 auto 0 auto;
  border: solid 0px red;
}

#top_left{
  width: 358px; 
  height: 101px; 
  float: left; 
  background: #ffffff; 
  margin: 0; 
  border: 0; 
  background: url(../img/logo.png);
  border: solid 0px gray;
}

#top_right{
  width: 610px; 
  height: 101px; 
  float: left; 
  margin: 0; 
  border: 0; 
  text-align: center;
  border: solid 0px green;
}

#body_container{
  width: 970px; 
  margin: 0 auto 0 auto; 
  margin-top: 25px;
}

#body_content{
  float: left; 
  width: 970px; 
}

#slides{
  float: left; 
  width: 579px; 
  height: 457px; 
  margin-top: 25px; 
  margin-left: 25px;
  border: solid 0px #000000;
  overflow: hidden;
}

#box_dx1{
  float: left; 
  width: 316px; 
  height: 59px; 
  margin-top: 2px; 
  margin-left: 25px; 
  border: solid 0px #000000;
}

#box_dx2{
  float: left; 
  width: 313px; 
  height: 352px;
  margin-top: 2px;
  margin-left: 25px; 
  border: solid 0px #000000;
}

.box_dx_title{
  width: 300px; 
  height: 39px; 
  background: url('../img/bck_box_dx_top.png'); 
  margin-bottom: 0px; 
  line-height: 39px; 
  padding-left: 13px; 
  text-align: left; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px; 
  color: #ffffff; 
  font-weight: normal;
}

.box_dx_content{
  padding: 12px 12px 12px 12px;
  text-align: justify; 
  font: arial; 
  font-family: Arial; 
  font-size: 12px; 
  color: #666666; 
  line-height: 18px;
}

#bottone_brochure{
  width: 285px; 
  height: 44px; 
  margin-top: 22px; 
  background: url(../img/bottone_brochure.jpg); 
  background-position: bottom;
  font: arial; 
  font-family: Arial; 
  font-size: 15px; 
  color: #666666;
  cursor: default; 
}

#bottone_brochure:hover{
  cursor: pointer;
  color: #d5d5d5;
}

#bottone_programma{
  width: 314px; 
  height: 52px; 
  margin-top: 15px; 
  background: url(../img/bottone_programma.jpg); 
  font: arial; 
  font-family: Arial; 
  font-size: 18px; 
  color: #666666;
  cursor: default;
}

#bottone_programma:hover{
  cursor: pointer;
  color: #d5d5d5;
}

#bottone_newsletter{
  width: 314px; 
  height: 52px; 
  margin-top: 15px; 
  margin-left: 25px;
  background: url(../img/newsletter.png); 
  font: arial; 
  font-family: Arial; 
  font-size: 15px; 
  color: #666666;
  cursor: default;
  float: left; 
}

#bottone_newsletter:hover{
  cursor: pointer;
  color: #d5d5d5;
}

ul#fotohome02{
  list-style:none;
  margin: 0;
	padding: 0;
}

.fade{
	margin-bottom: 2em;
}

a.bottoneNero{
	      font-family: Verdana; 
	      font-size: 12px; 
	      text-decoration: none;
	      color: #fff;
	      border: solid 1px #fff;
	      padding: 1px 6px 1px 6px;
}

a.bottoneNero:hover{
	      font-family: verdana; 
	      font-size: 12px; 
	      text-decoration: none;
	      color: #000000;
	      background: #ffffff
} 

a.rosso{
	      font-family: Verdana; 
	      font-size: 12px; 
	      text-decoration: none;
	      color: #686868;
	      font-weight: bold;
}

a.rosso:hover{
	      color: #bbbbbb;
} 

a.nero{
	      font-family: Verdana; 
	      font-size: 12px; 
	      text-decoration: none;
	      color: #000000;
}

a.nero:hover{
	      color: yellow;
}   

font.biancoMI{
        color: #000;
        background: #fff;
        font-family: verdana;
        font-size: 12px;
        padding: 1px 6px 1px 6px;
}   

font.nero{
	      color: Gray; 
	      font-family: verdana; 
	      font-size: 12px; 
	      text-decoration: none;
}

font.neroTitoloList{
	      color: black; 
	      font-family: verdana; 
	      font-size: 14px; 
	      text-decoration: none;
}

font.bianco{
	      color: #ffffff; 
	      font-family: verdana; 
	      font-size: 12px; 
	      text-decoration: none;
}

tr.headerRow { 
	      color: #ffffff;
	      font-family: Verdana;
	      font-size: 8pt;
	      text-align: center;
	      font-weight: bold;
        background: #000;
}

tr.AlternatingRow { 
	      background-color: #e7f1d3;
	      color: #000000;
}
      
div.div_thumb {
	      width:170px; 
        height:120px;
        background-color: #6b6b6b;
        border: solid 1px #6b6b6b;
        background-position:center center;
}  


#case_history{
  float: left; 
  width: 580px; 
  height: 400px; 
  margin-top: 25px; 
  margin-left: 25px;
  margin-bottom: 25px;
  background: url(../img/bck_box_casehistory.jpg);
}

#in_evidenza{
  float: left; 
  width: 313px; 
  height: 400px; 
  margin-top: 25px; 
  margin-left: 25px; 
  background: url(../img/bck_box_dx.jpg);
  margin-bottom: 25px;
}

.li_lista{
  list-style-image: none; 
  list-style: none; 
  margin-top: 10px; 
  margin-left: 0px; 
  padding: 2px;
  line-height: 18px;
}

.li_lista:hover{
  cursor: pointer;
}

.li_lista_check{
  list-style-image: url('../img/icons/square.gif');
  margin-top: 10px; 
  margin-left: 0px; 
  padding: 2px;
  line-height: 18px;
}

.li_lista_check:hover{
  cursor: pointer;
}

.li_lista_concerto{
  list-style-image: url('../img/icons/concerti.png');
  margin-top: 10px; 
  margin-left: 20px; 
  padding-left: 0px;
  line-height: 18px;
}

.idCaseHistoryHide{
  visibility: hidden;
  height: 0px;
  width: 0px;
}

.idEventoHide{
  visibility: hidden;
  height: 0px;
  width: 0px;
  padding: 0;
  margin: 0;
  border: 0;
}

.item_inevidenza{
  position: relative; 
  width: 280px; 
  height: auto !important;  /* per i browser moderni */
  height: 62px;      /* per IE5.x e IE6 */
  min-height: 60px;  /* per i browser moderni */
  border: solid 0px #000000; 
  margin: 16px 12px 12px 12px;
}

.item_inevidenza:hover{
  background: #d5d5d5;
  cursor: pointer;
}

img.icon_inevidenza{
  float:left; 
  margin-right: 5px; 
  width: 60px;
}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }

.dropdown dd { position:relative; }

.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}

.dropdown a:hover { color:#5d4617;}

.dropdown dt a:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #5d4617;}

.dropdown dt a {background:#e4dfcb url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
 border:1px solid #d4ca9a; width:150px;}

.dropdown dt a span {cursor:pointer; display:block; padding:5px;}

.dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
 left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}

.dropdown span.value { display:none;}

.dropdown dd ul li a { padding:5px; display:block;}

.dropdown dd ul li a:hover { background-color:#d0c9af;}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }

img.flag { width: 40px; height: 40px; }

.flagvisibility { display:none;}

.link_home{
  width: 122px; 
  height: 36px; 
  float: left; 
  background: url(../img/home_up.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 25px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_home:hover{
  height: 40px; 
  background: url(../img/home_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  cursor: pointer;
}

.link_home_down{
  width: 122px; 
  height: 40px; 
  float: left; 
  margin: 0; 
  padding: 0; 
  background: url(../img/home_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}


.link_struttura{
  width: 122px; 
  height: 36px; 
  float: left; 
  background: url(../img/struttura_up.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 25px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_struttura:hover{
  height: 40px; 
  background: url(../img/struttura_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  cursor: pointer;
}

.link_struttura_down{
  width: 122px; 
  height: 40px; 
  float: left; 
  margin: 0; 
  padding: 0; 
  background: url(../img/struttura_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_eventi{
  width: 122px; 
  height: 36px; 
  float: left; 
  background: url(../img/eventi_up.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 25px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_eventi:hover{
  height: 40px; 
  background: url(../img/eventi_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  cursor: pointer;
}

.link_eventi_down{
  width: 122px; 
  height: 40px; 
  float: left; 
  margin: 0; 
  padding: 0; 
  background: url(../img/eventi_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_storia{
  width: 122px; 
  height: 36px; 
  float: left; 
  background: url(../img/storia_up.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 25px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_storia:hover{
  height: 40px; 
  background: url(../img/storia_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  cursor: pointer;
}

.link_storia_down{
  width: 122px; 
  height: 40px; 
  float: left; 
  margin: 0; 
  padding: 0; 
  background: url(../img/storia_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_info{
  width: 122px; 
  height: 36px; 
  float: left; 
  background: url(../img/info_up.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 25px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}

.link_info:hover{
  height: 40px; 
  background: url(../img/info_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  cursor: pointer;
}

.link_info_down{
  width: 122px; 
  height: 40px; 
  float: left; 
  margin: 0; 
  padding: 0; 
  background: url(../img/info_down.png); 
  background-position: top left; 
  background-repeat: no-repeat; 
  padding-top: 61px; 
  color: #ffffff; 
  font: arial; 
  font-family: Arial; 
  font-size: 15px;
}















.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 490px;
	height:136px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../img/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:490px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 2px 10px 2px;
	background-color:#fff;

	border:1px solid #ccc;
	width:154px;

	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

font.bianco{
	font: verdana; 
	color: #ffffff; 
	font-size: 12px;
	font-weight: bold;
	line-height: 12px; 
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.page_scroll{
  margin-left: 5px;
  margin-top: 1px;
}

.page_scroll div{
  width: 152px; 
  height: 126px; 
  margin: 4px 4px 4px 4px;
}

.page_scroll div:hover{
  cursor: pointer;
}

.item_lista_eventi{
  float: left; 
  margin-bottom: 12px;
  padding: 4px 4px 1px 4px;
}

.item_lista_eventi:hover{
  background: #e6e6e6;
  cursor: pointer;
}

.link_IT
{
    float: left; 
    width: 60px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_IT_out.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
    margin-left: 100px;
}

.link_IT_OVER
{
    float: left; 
    width: 60px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_IT_over.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
    margin-left: 100px;
    cursor: pointer;
}

.link_EN
{
    float: left; 
    width: 54px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_EN_out.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
}

.link_EN_OVER
{
    float: left; 
    width: 54px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_EN_over.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
    cursor: pointer;
}

.link_DE
{
    float: left; 
    width: 59px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_DE_out.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
}

.link_DE_OVER
{
    float: left; 
    width: 59px; 
    height: 59px; 
    margin-left: 0px; 
    border: solid 0px #000000; 
    background: url(../img/icons/lingua_DE_over.jpg); 
    background-position: left top; 
    background-repeat: no-repeat; 
    cursor: pointer;
}


#cookie{
	background-color: #fff;
	border-top: 2px solid #000;
	bottom: 0;
	left: 0;
	margin: 0;
	position: fixed !important;
	width: 100%;
	z-index: 99999;
	display:none;
}

#cookie>.testo{
	float: left;
	width: 80%;
	font-size: 13px;
	margin-left: 5%;
	padding: 8px 0 4px 0;
}

#cookie>.testo>a{
	color: #6E6E6E;
}

#cookie>.testo>a:hover{
	color: #cecece;
}

#cookie>.bottone{
	float: left;
	width: 10%;
}

.nascondi{ 
	float: right; 
	right:5%; 
	padding: 2px 2px 2px 2px;
	background: #000;
	color: #fff;
}

.nascondi:hover{ 
	background: #fff;
	color: #000;
	cursor: pointer;
}