html{  
  height:100%; 
}

body {
  background: url(../images/sfondo.gif) #E8E8DE repeat-y;
	FONT-SIZE: 14px;
	COLOR: #bfbfbf;
	FONT-FAMILY: "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px;  
  height:100%; 
}

a:link{
 color: #762512;
}
a:visited{
  color:#696961;
}

a:hover,
a:focus,
a:active{
  color:#ff9933;
}

div#extraDiv{
 width:100%;
 background: url(../images/sfondoOriz.gif) #E8E8DE repeat-x;
}

h1{
  display:none;/* solo per seo, non mostrato causa rollover menu */
}

#titolo{
  color: #762512;
	font-size: 24px;
  font-weight: bold;
	margin:0;
  padding:20px 0;
  width:650px;
}

#titolo span{
	font-size: 16px;
	font-weight: normal;
}

h2 {
	color: #A49B72;
	font-size: 24px;
	margin-top: 20px;
}

h5 {
	color: #A49B72;
	font-size: 22px;
	margin-top: 0px;
	padding-top:10px;
	margin-bottom: 0px;
}

div#container{
  margin:0;
  padding:0;
  width:952px;
  height:100%;
}

div#top{
  border-top: solid #FF9933 5px;
  height:135px;
  margin-left:20px;
  background:#E8E8DE;
}

#smusso {
	width: 200px;
	height: 19px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/smusso_neg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 1px;
}

#smusso2 {
	width: 95px;
	height: 19px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/smusso_neg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 1px;
}

#documento div#twoCols{
  background-image: url(../images/falsa_col3Doc.gif);
  background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #f8f9f4;
 /* float:left;*/
  /*height:100%;
  height:880px;*/
  border-left:20px solid #E8E8DE;
}


#testo div#twoCols, #ricerca div#twoCols{
  background: url(../images/falsa_col3.gif);
  background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #f8f9f4;
 /* float:left;*/
 /* height:100%;
  height:880px;*/
  border-left:20px solid #E8E8DE;
}

/*div#twoCols{ 
  height:100%;
  padding-bottom:30px;
}*/
#twoCols{
  margin-top:-3px;
}
/****************inizio main menu****************/

div#mainMenu{
  position:relative;
  top:5px;
  text-align:right;
  float:right;
  FONT-SIZE: 10px;
	COLOR: #696961;
	FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
}

.menuNavigazione{
  color:#000;
  margin:0;
  padding: 0 0 0.5em 0;
  border-bottom: 0;
}

#home .menuNavigazione{  
  padding: 5px 0 0.5em 0;
}

.menuNavigazione li{
  display: inline;
  margin:0;
  padding: 0;
  border-left: 1px solid #ccc;
}

.menuNavigazione li.primaVoce{
  border-left: 0;
}

.menuNavigazione li.primaVoce a{ /* togliere se quando la home è selezionata il bordo sotto deve spuntare un po' anche a sinistra */
  padding-left: 0;
}

.menuNavigazione a{
  height:0;
  padding: 5px;
  text-decoration:none;
  margin: -5px 0px;
  white-space: nowrap;
/*  border-bottom: 0.4em solid #E8E8DE;*/
  padding-bottom: 0.1em;
}

.menuNavigazione li.ultimaVoce a:link{
  padding: 5px 0 5px 5px;
  /*border-bottom: 0.4em solid #E8E8DE;*/
  padding-bottom: 0.1em;
}

.menuNavigazione a:link,
.menuNavigazione a:visited{
  color:#696961;
}

.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active,
.menuNavigazione li.ultimaVoce a:hover,
.menuNavigazione li.ultimaVoce a:focus,
.menuNavigazione li.ultimaVoce a:active{
  color:#696961;
  border-bottom: 0.4em solid #696961;
  padding-bottom: 0.1em;
}
.menuNavigazione .voceCorrente a:link,
.menuNavigazione .voceCorrente a:visited,
.menuNavigazione .voceCorrente a:hover,
.menuNavigazione .voceCorrente a:focus,
.menuNavigazione .voceCorrente a:active{
  color:#696961;
  border-bottom: 0.4em solid #696961;
  padding-bottom: 0.1em;
}
/****************fine main menu****************/
/****************inizio breadcrumb****************/
#documento .breadcrumb{
 padding-left:300px;
}

#ricerca .breadcrumb,#testo .breadcrumb{
 padding-left:200px;
}

.breadcrumb{
	font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 5px;
  color: #696961;  
}

.breadcrumb a{
  background: transparent url(../images/breadcrumb.gif) no-repeat center right;
  text-decoration: none;
  padding-right: 18px;
  color: #762512;
}

.breadcrumb a:visited, .breadcrumb a:active{
  color: #762512;
}

.breadcrumb a:hover{
  text-decoration: underline;
}
/****************fine breadcrumb****************/
/****************inizio colonna sx****************/
#testo div#sx, #ricerca div#sx{
  width:200px;
  height:100%; 
}

#documento div#sx{
  width:300px;
  height:100%; 

}

div#sx{
  margin:0;
  padding:0;
  height:100%; 
}

div#vertmenu-cont{
  float:left;
  margin:0;
  padding:0;
}

#vertmenu {
  float:left;
  width: 200px;
	COLOR: #A49B72;
	FONT-FAMILY: Arial;
	font-size: 14px;
	margin: 0px;
  height:100%; 
  padding-bottom:15px;
}

.vertmenu-tit{
	COLOR: #A49B72;
	FONT-FAMILY: "Times New Roman", Times, serif;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 5px;
  padding-left: 18px;
	margin: 0px;
	font-weight: bold;
	clear: both;	
}

#vertmenu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
  float: right;
}

#vertmenu ul li {
  padding-left: 20px;
  margin: 0px;
  padding: 0px;
}

#vertmenu ul li a {
	display: block;
	border-bottom: 1px solid #A49B72;
	padding: 2px 8px 2px 6px;
	text-decoration: none;
	color: #666666;
	width:150px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #f8f9f4;
}

#vertmenu-select{
	color: #000000;
	background-color: #f8f9f4;
	border-bottom: 1px solid #A49B72;
	padding: 2px 8px 2px 6px;
	width:150px;
}

/*****/
#vertmenu2{
 margin-top:10px;
 font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#vertmenu2 a{
 text-decoration:none;
}
#testo div#vertmenu2-cont, #ricerca div#vertmenu2-cont{
 display:none;
}
#documento div#vertmenu2-cont{
  float:right;
  margin:0;
  padding:0;
  width:95px;
  text-align:center;
}

div#vertmenu2-cont ul{
	padding: 0px;
  margin: 0px;
	 clear:both;
}

div#vertmenu2-cont li {
  list-style: none;
  padding: 5px 5px 5px 0;
}

div#vertmenu2-cont img{  
  width:60px;
  height:60px;
}

.thumbs:hover{
  color: red; /* irrelevant definition to overcome IE bug */
}
.thumbs-selected img{
  background: #fff;
  padding: 5px;
  border: 1px solid #762512;
}
/****************fine colonna sx****************/
/****************inizio colonna dx****************/
#testo div#dx, #ricerca div#dx{
  width:690px;
  float:right;
}
#documento div#dx{
  width:600px;
  float:right; 
}
div#dx{
	float:right;
	margin:0;
	padding:0;
	z-index: 1;
}

.presentazione div#dx{
padding-right:5px;
}

#documento div#dx h2,#ricerca div#dx h2, #testo div#dx h2{
  margin-bottom: 50px;
}

#logoCDEC{
  float:right;
  /*margin-left:5px;/* perchè?!?!? boh, ma IE vuole così*/
  
}
div#imgGrande{
  border-top: 1px solid #A49B72;
  border-bottom: 1px solid #A49B72;
  text-align:center;
}
div#imgGrande img{
  margin: 5px 0;
}

div#imgGrande2{
    position:relative;
    top:32px;
    /*border-bottom: 1px solid #A49B72;*/
    text-align:center;
    margin-left:300px; /* abbassare questo valore se, con trascrizione selezionata, si vede un pezzo di riga che non dovrebbe esserci */
}

/*****************/
/*tabs*/


#documento #tabs,#ricerca #tabs {
  border-bottom: 1px solid #A49B72;
  position:relative;
  top:34px;
  width:12px;
}

#documento #tabsL1, #documento #tabsL2, #documento #tabsL3, #documento #tabsL4,
#documento #tabsL5, #documento #tabsL6,
#ricerca #tabsL1, #ricerca #tabsL2, #ricerca #tabsL3, #ricerca #tabsL4,
#ricerca #tabsL5, #ricerca #tabsL6{
position:relative;
  top:33px;
	display:block;
	margin:0;
	padding:0;
	height:1px;
	background:#A49B72;
	overflow:hidden;
}

/*larghezza riga*/
#documento #tabsL2{
	left:150px;	
  width:450px;
}

#documento #tabsL3{
	left:200px;	
  width:400px;
}
#documento #tabsL4{
	left:360px;	
  width:240px;
}

#documento #tabsL5{
	left:450px;	
  width:150px;
}

#documento #tabsL6{
	left:500px;	
  width:100px;
}
#ricerca #tabsL2{
	left:150px;	
  width:540px;
}

#ricerca #tabsL3{
	left:200px;	
  width:490px;
}
#ricerca #tabsL4{
	left:350px;	
  width:340px;
}

#ricerca #tabsL5{
	left:450px;	
  width:240px;
}

#ricerca #tabsL6{
	left:500px;	
  width:190px;
}
/*fine larghezza riga*/
/*****/

#documento div#dx ul,div#dx #docContent ul{
  padding: 0px;
  margin: 0px;
  z-index:100;
}

#documento div#dx li,div#dx #docContent li {
  list-style: none;
  display:inline;
  FONT-SIZE: 10px;
	FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
}

#documento div#dx li a,div#dx #docContent li a{
  color: #696961;
  text-decoration:none;
  padding-left:18px;
}

#documento div#dx li.selected,div#dx #docContent li.selected{
  color:#762512;
}


#documento div#dx li span,div#dx #docContent li span{
 text-align:center;
 display:block;
 float:left;
 width:86px;
 height:25px;
 padding-top:15px; 
 background: transparent url(../images/tabs/centrale.gif) no-repeat center right;
}

#documento div#dx li.first span,div#dx #docContent li.first span{
  background: transparent url(../images/tabs/prima.gif) no-repeat center right;
  padding-left:5px;
}

#documento div#dx li.last span,div#dx #docContent li.last span{
  background: transparent url(../images/tabs/ultima.gif) no-repeat center right;
  width:97px;  
  position:relative;
  padding-right:9px;
  left:-9px;
}


#documento div#dx li span.selected,div#dx #docContent li span.selected {
 color:#762512;
}




/*////////////////////////////*/
div#dx a {
 color:#762512;
}

div#dx a:visited {
 color:#A49B72;
}

div#dx a:hover {
 color:#ff9933;
}

#documento div#dx li.first span.selected,div#dx #docContent li.first span.selected{
  background: transparent url(../images/tabs/primaSel.gif) no-repeat center right;
  padding-left:5px;
}

#documento div#dx li span.selected,div#dx #docContent li span.selected{
 background: transparent url(../images/tabs/centraleSel.gif) no-repeat center right;
}

#documento div#dx li.last span.selected,div#dx #docContent li.last span.selected{
 background: transparent url(../images/tabs/ultimaSel.gif) no-repeat center right;
}

#documento div#dx li span.succ,div#dx #docContent li span.succ{
 background: transparent url(../images/tabs/centraleSucc.gif) no-repeat center right;
}

#documento div#dx li.last span.succ,div#dx #docContent li.last span.succ{
 background: transparent url(../images/tabs/ultimaSucc.gif) no-repeat center right;
}
/****************fine colonna dx****************/

/****************testo, ricerca****************/
#imgTesto{         
 /*width:240px;*/
 float:left;
 margin: 20px 10px 2px 0;         
}



#testo div#dx p, #ricerca div#dx p{    /*didascalia*/
/* font-size: 1.3em;*/
 color: #666666;
 font-family: "Times New Roman", Times, serif;
 text-align: justify;
}

#testo div#dx p{
 padding-top:20px;      
}

#testo #dx .breadcrumb{
 border-top: 1px solid #A49B72;
/* border-bottom: 1px solid #A49B72;*/
 padding: 6px 0;
 margin-top:15px;
}

/***ricerca***/
#ricerca input.pulsante {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	width: 50px;
	border: 1px solid #000000;
	margin-top: 10px;
  background: #d4d0c8;
}

#ricerca input, #ricerca select{
 border : 1px #999999 solid;
 color : #000000;
 width : 160px;
 font-family : verdana;
 background : #E8E8DE;
 font-size : 10px;
}

#ricerca label{
 display:block;
 width: 130px;
 font: 10px Verdana,Geneva,Arial,Helvetica,sans-serif;;
 color: #696961;
 margin-top:15px;
}

#ricerca form{
 margin: 5px 0 0 18px;
}

#ricerca #sx{
 background-image: url(../images/falsa_col3.gif);
 /*height:850px;*/
}

/***risultati ricerca***/
div.paginazioneRisultati{
 width:100%;
}

div.paginazioneRisultati ul{
 position:relative;
 /*left:-31px;*/
 text-align: left;
 margin: 0;
 padding-bottom: 0px;
 padding-top: 15px;
 padding-left:0;
 float:left;
 width:630px;
}


div.paginazioneRisultati ul li{
 display: inline;
}

div.paginazioneRisultati ul li a:link,
div.paginazioneRisultati ul li a:visited{
 padding: 8px 8px 0px 4px;
 text-decoration: none;
 color: #fff;
 text-align: center;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 background-image: url(../images/pagina.gif);
 background-repeat: no-repeat;
}

div.paginazioneRisultati ul li a:hover{
 color: #696961;
}

.paginazioneRisultati a:link { 
 color: #fff; 
}

.paginazioneRisultati span a:link,
.paginazioneRisultati span a:visited,
.paginazioneRisultati span a:hover,
.paginazioneRisultati span a:focus,
.paginazioneRisultati span a:active{
 display:block;
 float:left;
 font-size: 16px;
 font-weight: bold;
 color:#000;
 text-decoration:none;
 padding-top: 15px;
}

.paginazioneRisultati span.succ a{
  position:relative;
	left:45px;
  float:right;
}


div#dx div.paginazioneRisultati ul li.current a:link,
div#dx div.paginazioneRisultati ul li.current a:visited,
div#dx div.paginazioneRisultati ul li.current a:hover,
div#dx div.paginazioneRisultati ul li.current a:focus,
div#dx div.paginazioneRisultati ul li.current a:active{
 color: #762512;
}


#elencoRisultati {
 clear:both;
 margin:0;
 padding:0;
 FONT-SIZE: 12px;
 COLOR: #000;
 FONT-FAMILY: "Times New Roman", Times, serif;
}

#elencoRisultati ul{
 padding:0;
}

#elencoRisultati li{
/* clear:both;*/
 list-style: none;
 margin: 0px;
 padding: 13px 8px ;
 background: url(../images/smusso_neg.gif);
 background-position: top right;
 background-repeat: no-repeat;
 border-top: 2px #e8e8de solid;
 border-right: 2px #e8e8de solid;
}


#elencoRisultati span{
 float:right;
 width:570px;
 padding-top:15px;
}
/*****************paginazione thumb********************/

div#vertmenu2-cont div.paginazioneRisultatiThumb{
 width:100%;
 color: #bfbfbf;
 font-size: 16px;
 font-family: Arial, Helvetica, sans-serif;
}


div#vertmenu2-cont div.paginazioneRisultatiThumb a:link,
div#vertmenu2-cont div.paginazioneRisultatiThumb a:visited,
div#vertmenu2-cont div.paginazioneRisultatiThumb a:focus,
div#vertmenu2-cont div.paginazioneRisultatiThumb a:active{
 color: #696961;
}




div#vertmenu2-cont div.paginazioneRisultatiThumb a:hover{
 color: #ff9933;
}

div#vertmenu2-cont div.paginazioneRisultatiThumb ul{
 position:relative;
 left:15px;
 text-align: center;
 margin: 0;
 padding-bottom: 10px;
 padding-top: 5px;
 float:left;
 width:70px;

}
/**/
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li{
 display: inline;
 padding: 0px 0px 0px 0px;
}


div#vertmenu2-cont div.paginazioneRisultatiThumb ul li a:link,
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li a:visited{
 padding: 8px 4px 0px 4px;
 text-decoration: none;
 color: #fff;
 text-align: center;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 background-image: url(../images/pagina.gif);
 background-repeat: no-repeat;

}

div#vertmenu2-cont div.paginazioneRisultatiThumb ul li a:hover{
 color: #696961;
}

div#vertmenu2-cont .paginazioneRisultatiThumb a:link { 
 color: #fff; 
}

div#vertmenu2-cont .paginazioneRisultatiThumb span a:link,
div#vertmenu2-cont .paginazioneRisultatiThumb span a:visited,
div#vertmenu2-cont .paginazioneRisultatiThumb span a:hover,
div#vertmenu2-cont .paginazioneRisultatiThumb span a:focus,
div#vertmenu2-cont .paginazioneRisultatiThumb span a:active{
 display:block;
 float:left;
 font-size: 16px;
 font-weight: bold;
 color:#000;
 text-decoration:none;
 padding-top: 15px;
}


div#vertmenu2-cont div.paginazioneRisultatiThumb ul li.current a:link,
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li.current a:visited,
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li.current a:hover,
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li.current a:focus,
div#vertmenu2-cont div.paginazioneRisultatiThumb ul li.current a:active{
 color: #762512;
}


/****************fine testo, ricerca****************/
/****************thumbnails****************/
.thumbs img{
 background: white;
 padding: 5px;
 border: 1px solid #A49B72;
 width: 60px;
 height: 60px;
}



.thumbs:hover img{
 border-color: #762512;
}

.thumbs:hover{
 color: red; /* irrelevant definition to overcome IE bug */
}

.thumbs-selected img{
 background: white;
 padding: 5px;
 border: 1px solid #762512;
}


/****************fine thumbnails****************/

/****************home****************/
body#home  {
  background: url(../images/sfondo.jpg) #E8E8DE;
}

#home div#extraDiv{
 width:100%;
 background: none;
}

#home #top{
 background: url(../images/topHome.jpg) #E8E8DE no-repeat;
 height:336px;
 border-top:0;
 margin-left:0px;
}

#home div#twoCols{
	background-color: #86210f;
  float:left;
  background: url(../images/sfondoHome.jpg) #86210f repeat-y;
	width:100%;
}

#home div#sx{
  width:185px;
  /*height:446px;*/ 
  padding-left:33px;
 /* background: url(../images/leftHome.jpg) #86210f repeat-y;*/ 
 float:left;
}

#home div#dx{
  width:665px;
 /* height:446px;*/ 
  float:right; 
  COLOR: #ffcc98;
  FONT-SIZE: 18px;
 /* text-align:justify;*/
  padding-right:30px;
	padding-bottom:30px;
}

#credits{
 text-align:center;
 FONT-SIZE: 9px;
 COLOR: #696961;
 FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-weight:bold;
 margin:2px;
}

#home #titolo{
	font-size: 46px;
  font-weight: bold;
	margin:0;
  padding:20px 0;
/*  width:690px;*/
  COLOR: #ffcc98;
  line-height: 48px;
  letter-spacing: 1px;
  text-align:left;
}

#home #titolo span{
	font-size: 24px;
	font-weight: bold;
  line-height: 28px;
  letter-spacing: 0px;
}

#home #titolo  a:link, #home #titolo a:visited, #home #titolo a:hover, #home #titolo a:focus,#home #titolo  a:active {
	color: #ffcc98 !important;
	/*text-decoration: none !important;*/

}

#home #dx  a:link, #home #dx a:visited, #home #dx a:hover, #home #dx a:focus,#home #dx  a:active {
	color: #ffcc98 !important;
	/*text-decoration: none !important;*/
}


#home #logoCDEC{
  float:left;
}

#home #sx span{
 display:block;
 FONT-SIZE: 11px;
 COLOR: #474433;
 FONT-FAMILY: Arial,Helvetica,sans-serif;
 font-weight:bold;
 line-height:12px;
 padding-top:5px;
 padding-left:70px;
}

h3{
width:165px;
 COLOR: #474433;
  FONT-SIZE: 16px;
  border-top: solid 2px #86210f;
}

h3 a{
COLOR: #474433 !important;
text-decoration:none;
}

#home #sx p{
  width:165px;
 COLOR: #474433;
}

#home #sx img{
 border:0;
 float:left;
}

#home input{
 border:0;
 width:120px;
 height:18px;
 float:left;
}

#home button{
 color:#fff;
 background:#015ebe;
 width:45px;
 border:0;
 height:18px;
 FONT-SIZE: 11px;
 FONT-FAMILY: Arial,Helvetica,sans-serif;
 font-weight:bold;
}

#home form{
 padding-bottom:10px;
}

/****************home****************/


.DocDidascalia {
	display: block;
	/*color: #990000;*/
	FONT-SIZE: 16px;
	/*width:500px;*/
	WIDTH: 100%;
	COLOR: #474433;
}
.DocDidascalia p{
	display:block;
	clear:both;
	WIDTH: 65%;
	padding-top:15px;
}
.Banner {
	display: block;
	/*color: #990000;*/
	FONT-SIZE: 11px;
	/*width:500px;*/
	WIDTH:100%;
	COLOR: #474433;
}


/**********/
#docPrecSucc a{
text-decoration:none;
}
.CbreadcrumbRic{
position:relative;
}
.breadcrumbRic{
position:absolute;
top: -28px;
left:-40px;
}

.breadcrumbRic{
	font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 5px;
  color: #696961 !important;  
}

#docPrecSucc a{
	font-size: 20px ;
}

.breadcrumbRic a{
  /*background: transparent url(../images/breadcrumb.gif) no-repeat center right;*/
  text-decoration: none;
  padding-right: 18px;
  color: #762512 !important;
}

.breadcrumbRic a:visited, .breadcrumbRic a:active{
  color: #762512 !important;
}

.breadcrumbRic a:hover{
  text-decoration: underline;
}