/* CSS */

html, body {
	background: #ffffbf;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
}

#container {
	display: block;
}

/* colonna sinistra divenuta header *******************************************/
#leftcol {
	position: absolute;
	left: 10px;
	top: 5px;
	height: 100px;
}

#header {
	width: 590px;
	height: 100px;
	background: url(images/header.gif) left top no-repeat;
}

#header h1, #header h2 {
	display: none;
}

#quickrif {
	color: #492415;
}

#quickrif ul {
  margin: 0px;
  padding: 0px;
}

#quickrif li {
  height: 20px;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	background: url(images/loghino.gif) top left no-repeat;
	margin: 0px;
	padding-left: 30px;
}

#quickrif a {
	color: #c14635;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px #f95919 dotted;
}

#quickrif a:hover {
	color: #3e5c1f;
	border: none;
}
/* fine colonna sinistra divenuta header **************************************/

#centercol {
	position: absolute;
	left: 10px;
	top: 105px;
	width: 130px;
	background: #ffffbf;
}

/* menu *********************************************************************/
dl, #menu dt, #menu dd, #menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu {
  width: 130px;
}
#menu dt {
  width: 130px;
  height: 50px;
  line-height: 14px;
  margin: 0px;
  border-top: 5px solid #ffffbf;
  border-bottom: 0px solid #ffffbf;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  color: #492415;
}
#menu .current {
  display: block;
  width: 130px;
  height: 50px;
  color: #ffffbf;
}
#menu .current:hover {
color: #ffffbf;
}

#menu dt a {
  display: block;
  width: 130px;
  height: 50px;
  color: #492415;
  text-decoration: none;
}
#menu dt a:hover {
  color: #ffffbf;
}

#menu dd {
  position: absolute;
  z-index: 100;
  margin-left: 120px;
  margin-top: -3.0em;
  width: 240px;                                                                 
  background: #ffffbf;
  border: 1px solid #492415;
}
#menu ul {
  padding: 2px;
}
#menu li {
  text-align: left;
  font-size: 12px;                                                              
  height: 20px;
  line-height: 20px;
  padding-left: 18px;
  background: url(images/starbullet.gif) center left no-repeat;
}
#menu li a {
color: #492415;
text-decoration: none;
display: block;
}
#menu li a:hover {
color: #c14635;
}

#intro {
  background: url(images/intro_menu_back.jpg) top left no-repeat;
}
#tbs {
  background: url(images/tbs_menu_back.jpg) top left no-repeat;
}
#chi {
  background: url(images/chisiamo_menu_back.jpg) top left no-repeat;
}
#servizi {
  background: url(images/servizi_menu_back.jpg) top left no-repeat;
}
#dove {
  background: url(images/dovesiamo_menu_back.jpg) top left no-repeat;
}
#risorse {
  background: url(images/risorse_menu_back.jpg) top left no-repeat;
}
/* fine menu ****************************************************************/

#rightcol {
  margin-left: 150px;
  margin-top: 105px;
	padding: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#rightcol #pagecontent {
  background: #ffffbf;
  padding-bottom: 10px;
}

#rightcol p {
	font-size: 12px;
	color: #492415;
	line-height: 1.3em;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0px 20px 0px 0px;
  text-align: justify;
}

#rightcol a {
	color: #c14635;
	text-decoration: none;
	border-bottom: 1px #c14635 dotted;
	font-weight: bold;
}

#rightcol a:hover {
	color: #3e5c1f;
  border: none;
}

.scarica {
	
}

.scarica a {
	font-size: 12px;
	color: #c14635;
	text-decoration: none;
	border-bottom: 1px #c14635 dotted;
	font-weight: bold;
}

.scarica a:hover {
	color: #3e5c1f;
  border: none;
}

#rightcol ul {
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  font-size: 12px;
  line-height: 1.3em;
  color: #492415;
  text-align: justify;
}
#pquando #rightcol ul {
  margin-top: 15px;
}
#rightcol li {
  list-style-type: none;
  background: url(images/starbullet2.gif) 0px 1px no-repeat;
  margin: 3px 20px 0px 0px;
  padding-left: 20px;
}
#plink #rightcol li {
  margin: 3px 20px 2px 0px;
}

#rightcol .blocco {
  font-size: 14px;
  margin-top: 20px;
  font-weight: bold;
}

/* Immagini e titoli delle pagine ****************************************************/
#pageimg {
  height: 130px;
  background: url(images/righine.gif) left top repeat;
}
#pageimg h4 {
  width: 350px;
  height: 130px;
  margin: 0px;
  padding: 0px;
}
#pageimg h3 {
	height: 55px;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-top: 10px;
	color: #492415;
	font-size: 18px;
	line-height: 24px;
	text-transform: lowercase;
}
#pageimg h4 span {
  display: none;
}
#pintro #pageimg h4 {
  background: url(images/intro.jpg) left center no-repeat;
}
#pcosae #pageimg h4 {
  background: url(images/cosae.jpg) left center no-repeat;
}
#pcennistorici #pageimg h4 {
  background: url(images/cennistorici.jpg) left center no-repeat;
}
#pachi #pageimg h4 {
  background: url(images/achi.jpg) left center no-repeat;
}
#pquando #pageimg h4 {
  background: url(images/quando.jpg) left center no-repeat;
}
#pbio #pageimg h4 {
  background: url(images/biografia.jpg) left center no-repeat;
}
#pservizi #pageimg h4 {
  background: url(images/servizi.jpg) left center no-repeat;
}
#pricerca #pageimg h4 {
  background: url(images/ricerca.jpg) left center no-repeat;
}
#praggiu #pageimg h4 {
  background: url(images/raggiungerci.jpg) left center no-repeat;
}
#plink #pageimg h4 {
  background: url(images/linkbiblioeventi.jpg) left center no-repeat;
}
#rightcol #pageimg ul {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 1.3em;
  color: #ffffbf;
}
#rightcol #pageimg li {
  list-style-type: none;
  background: none;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 5px;
}
#rightcol #pageimg a {
	color: #ffffbf;
	font-weight: bold;
	text-decoration: none;
	border: none;
}
#rightcol #pageimg a:hover {
	color: #492415;
}
/* fine immagini e titoli delle pagine ***********************************************/

/* mappe ********************************************************************/
#praggiu #luccamap, #praggiu #viareggiomap {
  padding-left: 0px;
}
#praggiu #luccamap h4, #praggiu #viareggiomap h4 {
  width: 270px;
  height: 212px;
}
#praggiu #luccamap h4 a, #praggiu #viareggiomap h4 a {
  display: block;
  width: 270px;
  height: 212px;
  border: none;
  font-size: 12px;
  color: #c14635;
}
#praggiu #luccamap h4 a span, #praggiu #viareggiomap h4 a span {
  display: block;
  padding-left: 10px;
}
#praggiu #luccamap h4 {
  background: url(images/luccamap.gif) left center no-repeat;
}
#praggiu #viareggiomap h4 {
  background: url(images/viareggiomap.gif) left center no-repeat;
}
#praggiu #luccamap h5, #praggiu #viareggiomap h5 {
  display: none;
}
/* fine mappe ***************************************************************/

.strillo {
	clear: both;
}

.strillo p {
	font-size: 12px;
}

.evidenza {
	color: #c14635;
	font-weight: bold;
}

.evidenzaitalic {
	color: #c14635;
	font-weight: bold;
	font-style: italic;
}

.ultimo {
	padding-bottom: 10px;
}

#footer {
	display: block;
	height: 20px;
	background: url(images/righine.gif) left top repeat #000;
	padding: 3px;
	margin-top: 0px;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	color: #492415;
	font-weight: bold;
}

#footer a {
	color: #492415;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #492415 dotted
}

#footer a:hover {
	color: #ffffbf;
	border: none;
}