/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color : #000066;
	line-height: 1.166;	 
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}


#container{
margin: 0 auto;
width:790px;
}

.trattini {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.trattini-bott {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.sfondo-onda {
	background-image: url(IMMAGINI/sfondo-onda.jpg);
	background-repeat: repeat-x;		
}
/******* hyperlink and anchor tag styles *******/


a:link {color:#000066; text-decoration:none; font-weight:bold}
a:visited {color:#000066; text-decoration:none}
a:hover {color:#3366CC; text-decoration:none}

/*************** breadcrumb styles ******************/

#breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	width: 790px;
	height:30px;
	font-size: 10px;
	color:#006699;
	margin:0px;

}

#breadcrumb UL {
	LIST-STYLE-TYPE: none;
	margin:0px;
	padding-bottom: 0px;
	line-height: 30px;
	
}
#breadcrumb LI {
	DISPLAY: inline;
	padding:0px 5px 0px 5px;



	background-image:url(IMMAGINI/BreadLi2.gif;
	margin: 0px;
	height: 30px;
	background-image: url(IMMAGINI/BreadLi2.gif);
	line-height: 30px;
}

/*************** GOOGLE SEARCH styles ******************/

.left {
	width: 450px;
	float:left;
	height: 22px;
	margin:0px;

}

/*************** GOOGLE SEARCH styles ******************/

#goosrc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	height:22px;
	font-size: 10px;
	color:#006699;
	clear: both;
	padding-top: 5px;
	margin-bottom: 20px;

}
/************** form google search styles ****************/
form.google input,textarea{
	border: 1px solid;
	color: #475078;
	font: 11px Arial,sans-serif;
	height:15px;
	margin-bottom: 3px;
}
form.google button#src{width: 45px;
	border: 0px solid;
    height:20px;
    background: #D5D8E1 url(immagini/btn_search.gif) no-repeat;
    color: #000;cursor: pointer}	
/*************** description styles ******************/

.description {
	font-style: normal;
	width: 400px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin:auto;

}

.description p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

/*************** homepage ******************/
div#content{position: relative}

/*stili specifici per il layout delle colonne*/
div#col_cn{margin: 0 250px; border-style:solid; border-width:0 1px; border-color:#787878; padding:1em 10px}
div#col_cn img {border:none; padding: 5px; margin: 0px;}
div#col_cn h3 {color: #FFFFFF;background-color: #FF3300;}

div#col_sx{float: left;width: 200px;\width:210px;width:200px;padding: 1em 0 0 10px}
div#col_sx img {float:left; border:none; padding: 0px 5px 15px 5px; margin: 0px;}
div#col_sx h3 {	color: #FFFFFF;	background-color: #4B69A4;}

div#col_dx{float: right; width: 200px;\width:210px;width:200px;padding: 1em 5px}
div#col_dx h3 {	color: #FFFFFF;	background-color: #339933;}

/*stili per la navigazione*/
div#col_sx ul{margin: 0;padding: 0; list-style-type: none;}
div#col_sx ul.libri{list-style-type: none;}
div#col_sx ul.libri img {float:left; border:none; padding: 0px 5px 50px 5px; margin: 0px;}

div#col_sx li{margin: 0px; padding: 0px; line-height:1.5em;}
div#col_sx li.chiocciolaA img {float:left; border:none; padding: 0px 5px 45px 5px; margin: 0px;}
div#col_sx li.chiocciolaA {BORDER-BOTTOM: 1px solid; border-bottom-color:#B3C0CE;}
div#col_sx li.chiocciolaB {BORDER-BOTTOM: 1px solid; border-bottom-color:#B3C0CE;}

div#col_sx a{/*color:#2E5C8B;*/ color:#18324B;font: normal bold 85% arial,sans-serif;text-decoration: none;DISPLAY: block; 
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px -10px;
	PADDING-TOP: 2px;}
div#col_sx a:hover{/*color: #033;*/color:#2E5C8B;text-decoration: none; font-weight:bold;BACKGROUND-COLOR: #C4E6EA;}
div#col_sx a#activelink{color: #033;text-decoration: none}
div#col_sx p{font-size: 85%}

div#col_cn ul{margin: 0;padding: 0; list-style-type: none;}
div#col_cn li{margin: 0px; padding: 0px; line-height:1.5em;}
div#col_cn a{color:#369;font: normal bold 100% arial,sans-serif;text-decoration: none;}
div#col_cn a:hover{color: #033;text-decoration: none; font-weight:bold;}
div#col_cn a#activelink{color: #033;text-decoration: none}
div#col_cn p{font-size: 100%}

div#col_dx ul{margin: 0;padding: 0; list-style-type: none;}
div#col_dx li{MARGIN: 0px; padding: 3px; line-height:1.5em; BORDER-BOTTOM: 1px solid; border-bottom-color:#B3C0CE;}
div#col_dx a{/*color:#2E5C8B;*/ color:#18324B;font: normal bold 85% arial,sans-serif;text-decoration: none; DISPLAY: block; 
	PADDING-RIGHT: 10px;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px -10px;
	PADDING-TOP: 2px;
}
div#col_dx a:hover{color: #033;/*color:#2E5C8B;*/text-decoration: none; font-weight:bold; BACKGROUND-COLOR: #C4E6EA;}
div#col_dx a#activelink{color: #033;text-decoration: none}
div#col_dx p{font-size: 95%}


/*stili per la sezione extra*/
div#col_cn div.newsbox{font-size: 90%;margin-bottom: 2em}
div#col_cn div.newsbox h2{color: #999;font-size: 1.2em}
div#col_cn div.newsbox p{margin: 0}

/*************** story styles ******************/

#story {
	min-height: 50px;
	height: 1600px;
	font-style: normal;
	width: 250px;
	padding-right: 5px;
	padding-left: 10px;
	font-size: 13px;
	letter-spacing: 0.1em;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 5px;
	position: relative;
	margin: 0px;
	
	

}

#story h3{
	font-weight: bold;
	font-size: 20px;
	padding: 0px 5px 5px 10px;
	margin: 0px;
	font-style: normal;
	color: #003366;
}

#story p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-size: 11px;
	font-style: normal;
}
#story h4{
	font-weight: bold;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	font-style: normal;
	color:#330099;
}



#story UL {
	LIST-STYLE-IMAGE: none;
	background-image:url(IMMAGINI/MENU.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left:0px;
	margin-right:0px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}
#story UL.verde {
	background-image:url(IMMAGINI/MENUverde.jpg);
}
#story UL.giallo {
	background-image:url(IMMAGINI/MENUgiallo.jpg);
}

#story LI {
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	PADDING-TOP: 2px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#story LI.chiocciola {
	list-style-image: url(IMMAGINI/chiocciola.gif);
	padding-left: 5px;
	margin-left: 20px;
}

/*************** news styles ******************/

.news {
	min-height: 50px;
	height: 1600px;
	font-style: normal;
	width: 250px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	letter-spacing: 0.1em;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 5px;
	position: relative;
	margin: 0px;

}


.news h3{
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	color: #006600;
}

.news h4{
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	color:#FF3300;
}

.news h5{
	font-weight: bold;
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	font-style: normal;
	color:#330099;
}
.news p {
	font-size: 10px;
	font-style: normal;
	margin: 0px;
}


.news UL {
	LIST-STYLE-IMAGE: none;
	background-image:url(IMMAGINI/MENUarancio.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: -5px;
	margin-left:0px;
	margin-right:0px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}
.news UL.verde {
	background-image:url(IMMAGINI/MENUverde.jpg);
}
.news UL.blu {
	background-image:url(IMMAGINI/MENU.jpg);
}

.news LI {
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px;
	PADDING-TOP: 10px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.news LI.chiocciola {
	/*list-style-image: url(IMMAGINI/chiocciola.gif);*/
	padding-left: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 8px;
	list-style-type: none;
}

.news LI.chiocciola img {
	float: left;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 10px;
	margin: 0px;
}
	
/*.news UL {
	LIST-STYLE-IMAGE: url(IMMAGINI/rightArrow.gif); MARGIN-LEFT: 18px
}
.news LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px
} */
/*************** MENU styles ******************/

#menu {
	min-height: 50px;
	height: 1600px;
	font-style: normal;
	width: 250px;
	padding-left: 10px;
	font-size: 13px;
	letter-spacing: 0.1em;
	float:left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 5px;
	position: relative;
	margin: 0px;
	

}

#menu h3{
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	color: #FF3901;
}
#menu h4{
	font-weight: bold;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	font-style: normal;
	color:#330099;
}

#menu p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	font-size: 11px;
	font-style: italic;
	margin: 0px;
	font-weight: normal;
}


#menu UL {
	LIST-STYLE-IMAGE: none;
	background-image:url(IMMAGINI/MENU.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: -5px;
	margin-left:0px;
	margin-right:0px;
	padding-left: 5px;
	padding-bottom: 5px;
	
}
#menu UL.verde {
	background-image:url(IMMAGINI/MENUverde.jpg);
}
#menu UL.giallo {
	background-image:url(IMMAGINI/MENUgiallo.jpg);
}
#menu UL.arancio {
	background-image:url(IMMAGINI/MENUarancio.jpg);
}
#menu LI {
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px;
	PADDING-TOP: 2px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#menu LI.chiocciola {
	list-style-image: url(IMMAGINI/chiocciola.gif);
	padding-left: 5px;
	margin-left: 20px;
	font-weight: bold;
}
/************** form newsletter styles ****************/
.box {
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 90%;
}

.box h3 {
	font-size: 100%;
	padding-top: 10px;
}

form.newsletter input,textarea{
	border: 1px solid;
	color: #475078;
	font: 11px Arial,sans-serif;
	height:15px;
	margin-bottom: 3px;
}
form.newsletter button#go{width: 45px;
	border: 0px solid;
    height:20px;
    background: #D5D8E1 url(immagini/btn_iscriviti.gif) no-repeat;
    color: #000;cursor: pointer}	
/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	font-size: 11px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	
}

/************** feature styles *****************/

.feature{
	min-height: 250px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 100%;
}

.feature h3 {
	font-size: 110%;
	padding-top: 10px;
	color: #003366;
}

.feature h4 {
	font-size: 140%;
	font-weight: bold;
	padding-top: 10px;
	color: #0033FF;
}


.feature img{
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.feature p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.feature p.evid {
	font-weight: bold;
	text-align: center;
	color: #993366;
}

.feature ul {
	list-style-type: disc;
	font-size: 100%;
	font-weight: normal;
	color: #003333;
	line-height: 1.6;

}
/******************************************************/

/************** feature con sfondo styles *****************/

.feature-sfondo{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 100%;
	background-image: url(IMMAGINI/sfondo-onda.jpg);
	background-repeat: repeat-x;

}

.feature-sfondo h3 {
	font-size: 110%;
	padding-top: 10px;
	color: #003366;
}

.feature-sfondo h4 {
	font-size: 140%;
	font-weight: bold;
	padding-top: 10px;
	color: #0033FF;
}

.feature-sfondo h5 {
	font-size: 130%;
	font-weight: bold;
	padding-top: 5px;
	color: #FF6600;
}
.feature-sfondo h6 {
	font-size: 105%;
	font-weight: bold;
	padding-top: 5px;
	color: #003366;
}

.feature-sfondo h2 {
	font-size: 120%;
	font-weight: bold;
	padding-top: 5px;
	color: #FF3300;
}
.feature-sfondo h8 {
	font-size: 110%;
	font-weight: bold;
	padding-top: 5px;
	color: #FF0000;
	}

.feature-sfondo img{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid;
	border-color: #F4F4F4;
	padding: 3px;
}

.feature-sfondo p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.feature-sfondo p.evid {
	font-weight: bold;
	text-align: center;
	color: #993366;
}

.feature-sfondo ul {
	list-style-type: disc;
	font-size: 100%;
	font-weight: normal;
	color: #003333;
	line-height: 1.6;

}

.feature-sfondo li {
	list-style-type: none;
	display:block;
	margin: 0;
	float: none;

}

/******************************************************/
/* GALLERY
/******************************************************/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#gallery {
	margin:auto;
	padding:10px;
}
#gallery ul,li{
	margin:0;
	padding:0;
	overflow: hidden;
}
#gallery li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}

/******************************************************/
/* NAVIGATION
/******************************************************/

div#navigation{
    border-bottom: 1px solid #787878;
    text-align: center}

div#navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap}

div#navigation li{
    display: inline;
    margin: 0;
    padding: 0}

div#navigation li a{
    text-decoration: none;
    border: 1px solid #787878;
    padding: 0px 0.3em;
    background: #ccc;color: #036}

div#navigation li a:hover{
    background-color: #f0f0f0}

div#navigation li#activelink a{
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #603} 
/******************************************************/

.bkgr-home {
	background-color: #b6dde4;
}

.large-c {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}

.medium-c-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}

.small-c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	color: #000066;
}

.x-large-c {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}

.x-large-n {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}

.x-small-n {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000066;
	font-weight: normal;
}

.x-small-n-b {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000066;
	font-weight: bold;
}

.xx-small-n {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000066;
	font-weight: normal;
}
.xx-small-n-b {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000066;
	font-weight: bold;
}

.xx-small-n-c {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #000066;
	font-weight: normal;
}

.xx-small-n-b-c {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}
.x-small-n-b-c {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	color: #000066;
	font-weight: bold;
}
.x-small-n-c {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	color: #000066;
	font-weight: normal;
}
.x-small-n-parag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000066;
	font-weight: normal;
	text-align: justify;
	vertical-align: middle;
	text-indent: 10pt;


}
.x-small-n-bianco {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
}
.medium-b {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #000066;
	font-weight: bold;
}