/* CSS Document */
/* Generali */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0;padding:0;}
body {background: #F4F4F0 url(/image/background.jpg) repeat-y 50% 0;background-attachment: fixed;font:76%/115% "American Typewriter", Georgia, "Times New Roman",Times,serif; color: #333333}
hr {clear:both; visibility:hidden;}
.clear {clear:both;}
.centered, .centered p {text-align:center;}
.right p {text-align:right;}		
img {border:0;}
img a {border: none;}
a:link, a:visited {color: #cc0000;}
a:hover, a:active {color:#ffffff;background-color: #cc0000;text-decoration:none;}
ul,li {list-style-type:none;}

p {margin-top:3px; margin-bottom:7px;}

h1, h2 {font: normal 19px/23px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {color: #333333;text-decoration:none;}
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;}

h3 {background-color: transparent;color: #333333;font-family: Georgia, "American Typewriter", Times, serif;font-size: 12px;font-weight: normal;line-height: 15px;}
h3 a:link, h3 a:visited {background-color: transparent;color: #333333;text-decoration:none;}
h3 a:hover, h3 a:active {background-color: #EEEEEE;color:#3399ff;text-decoration:underline;}

h4 {background-color: transparent;color: #333333;font-family: Arial, Verdana, Times, serif;font-size: 11px;font-weight: bold;line-height: 14px}
h4 a:link, h4 a:visited {background-color: transparent;color: #333333;text-decoration:none;}
h4 a:hover, h4 a:active {background-color: transparent;color:#3399ff;text-decoration:underline;}

ul.bullet {padding: 3px 0px 3px 15px;margin:0px;line-height: 130%;list-style-image : url(/image/bullet.gif);list-style-position: outside;}


/* Interno */
#container {margin: 0px auto;text-align: left;width: 770px;}
#top {width:760px;background:#FFFFFF;border-bottom: solid 1px #000000;padding:5px;}
#sinistra {width:160px; float:left; background:#000000 url(/image/tw.jpg) no-repeat; padding-top:125px;}
#contenuto {width:450px; float:left;text-align:left;padding: 10px;}
#destra {width:130px; float:left; text-align:left; background: url(/image/tw_dx.jpg) no-repeat; padding: 100px 5px 5px 5px;}
#destra h2 {font: normal 11px/14px "American Typewriter", Georgia, "Times New Roman",Times,serif;color: #000000; padding-bottom:12px;}
#destra h2 a:visited, #destra h2 a:link {color: #cc0000;text-decoration: none;}
#destra h2 a:hover {color: #FFFFFF;text-decoration: none;background-color: #cc0000;}
#footer {margin: 0px auto;position: relative;background-color: #e3e3e3;width: 770px;padding: 5px 0;clear: both;}
#footer h2 {margin-top:10px;text-align: center;font: normal 10px/13px "American Typewriter", Georgia, "Times New Roman",Times,serif;;color: #000000;}
#footer h2 a:visited, #footer h2 a:link {color: #cc0000;text-decoration: none;border-bottom: 1px dotted #cc0000;}
#footer h2 a:hover {color: #FFFFFF;text-decoration: none;border-bottom: none;background-color: #cc0000;}

/* MENU DI NAVIGAZIONE */
#nav ul, #nav li {margin:0;padding:0;list-style:none;}
#nav a {display:block; width:160px;}
#nav a:hover {background: #2f2f2f url(/image/link_go.gif) no-repeat 99% 50%;}

/* .autore {font-weight:bold; margin-top:5px; margin-bottom:10px;} */
.autore {color: #CC0000;font: normal 10px/12px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; margin-top:5px;}
.autore span {font-weight:bold;}

.imgsx {float: left;margin-bottom: 5px;margin-right: 10px;margin-top: 5px;}
.imgdx {float: right;margin-bottom: 5px;margin-left: 10px;margin-top: 5px;}

.cap {color: #666666;font-size: 10px;font-weight: normal; text-align:center;}

#primopiano {width:430px; padding: 10px; margin-bottom:10px; background:#e4eef9 url(/image/bg_primo.gif) repeat-x; border: 1px solid #5c92d2;}
/* #primopiano h1 {font: normal 19px/23px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333; margin-top:10px}
#primopiano h1 a:link, #primopiano h1 a:visited {color: #333333;text-decoration:none;}
#primopiano h1 a:hover, #primopiano h1 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;} */


.primo {width:95%; padding:2%; /*margin-bottom:5px;*/background:#f6f6f6;border:1px solid #e8e8e8;}
/* .primo h1 {font: normal 19px/23px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333; margin-top:10px}
.primo h1 a:link, .primo h1 a:visited {color: #333333;text-decoration:none;}
.primo h1 a:hover, .primo h1 a:active {background-color: #b7d9fe;color:#eef6ff;text-decoration:underline;} */

.primosez {width:95%; padding:2%; margin:5px 0 5px 0; background:#ececec url(/image/bg_inizio.gif) repeat-x;border:1px solid #9a9a9a;}
/* .primosez h2 {font: normal 19px/23px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333;}
.primosez h2 a:link, .primosez h2 a:visited {color: #333333;text-decoration:none;}
.primosez h2 a:hover, .primosez h2 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;} */

.secondo {float:left;width:45%;padding:1%; /*margin: 5px 5px 5px 0px;*/ border-top: 1px dashed #eaeaea; display:inline;}
.secondo h2 {font: normal 16px/18px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333;}
.secondo h2 a:link, .secondo h2 a:visited {text-decoration:none;}
.secondo h2 a:hover, .secondo h2 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;}

.terzo {float:left;width:28%;padding:2%; border-top: 1px dashed #eaeaea; display:inline;font: normal 11px/13px "American Typewriter", Georgia, "Times New Roman",Times,serif;color:#333333;}
.terzo h2 {font: normal 15px/17px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333;}
.terzo h2 a:link, .terzo h2 a:visited {text-decoration:none;}
.terzo h2 a:hover, .terzo h2 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;}

.indexhr {clear:both;height:1px;margin:0;border-bottom: 1px dashed #cecece;}

.more {font: normal 10px/12px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

.sottotitolo {color: #003366;font: bold 13px/16px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;}

.note {font: normal 10px/13px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;color: #8b8b8b; padding:20px 0 10px 0;}
.note span {color:#cc0000;}
/* .note, .note a:link, .note a:visited {font: normal 10px/12px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;color: #cc0000; text-decoration:none}
.note a:hover, .note a:active {background-color: #eeeeee;color:#3399ff;text-decoration:none;} */

.testopiccolo {font: normal 10px/13px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;color: #000000;}

.quote {font-style:italic;margin:15px 10px 0 0;padding:10px 10px 5px 15px;}

blockquote {font-style:italic;margin-top:7px; padding: 10px 0px 0 35px; background: #FFF url(/image/quota_01.gif) no-repeat top left;}
blockquote p { background: #FFF url(/image/quota_02.gif) no-repeat bottom right; padding-bottom: 20px; padding-right: 35px;}

/* RSS
------------------------------------------------------------------*/
.rss p {font: normal .94em "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;text-align:left;margin:0; margin-top:10px;}
.rss a {text-decoration:none;}
.rss a:hover, .rss a:active {background-color:#ffffff;}
.rss img {vertical-align:middle;padding-bottom:2px;}
.icona {float:right;text-align:right;margin-top:5px}

/* ICONA DOWNLOAD
------------------------------------------------------------------*/
.download { background:#e4eef9 url(/image/bg_primo.gif) repeat-x; border: 1px solid #5c92d2;font: normal .94em "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;padding: 5px;text-align:center;margin:10px 0 10px 0;}
.download p {font-size:.94em;}
.download a {text-decoration:none;}
.download img {vertical-align:middle;padding-bottom:4px;}


/* RICERCA
------------------------------------------------------------------*/
#search {
	padding:5px;
	float:left;
	/*background:url(./graphics/bg-search.gif) no-repeat;*/
	/*width:770px;*/
	}
#search .txt {
	border:1px solid #b6b3b3;
	width:100px;
	/*margin-right:5px;*/
	}
#search h2 {
	text-indent:-9999px;
	display:block;
	height:1px;
	width:100px;
	}
#search div {
	background:url(http://veerle.duoh.com/graphics/bg-search-bottom.gif) no-repeat bottom left;
	}
#search p {
	padding:0px;
/*	padding:14px 15px 8px 50px;*/
	font-size:10px;
	color:#949483;
	}
#search a:link,
#search a:visited {
	color:#949483;
	}
#search a:hover {
	color:#e45a49;
	}
#search .btn {
	vertical-align:top;
	padding-top:3px;
	}
#search span {
	padding-left:12px;
	background:url(http://veerle.duoh.com/graphics/icons/icon-star.gif) no-repeat left center;
	}		
	
/* GADGETS
------------------------------------------------------------------*/
#gadget {width:760px;background:#FFFFFF;border-bottom: solid 1px #000000;padding:5px;text-align:center;clear:both;}
#gadget p {font-size:.94em; line-height:2em;color:#333333;}
#gadget span {margin-right:15px;}
#gadget a, #gadget a:link, #gadget a:visited {border:0;color:#cc0000;text-decoration:none;	}
#gadget a:hover, #gadget a:active {color:#ffffff;background-color: #cc0000;text-decoration:none;}
#gadget img {vertical-align:middle;	margin-left:3px;padding-bottom:2px;border:0}

/* NOTIZIE
------------------------------------------------------------------*/
#notizia {padding-right:5px; margin: 10px 0 10px 0; width:420px; /*padding:10px 10px 10px 10px; margin-bottom:10px;*/ font: normal 11px/14px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;color: #333333;text-align:left;display: table;}
#notizia h2 {font: bold 15px/17px "American Typewriter", "ITC American Typewriter", Georgia, "Times New Roman",Times,serif;color: #333333;}
#notizia h2 a:link, #notizia h2 a:visited {color: #333333;text-decoration:none;}
#notizia h2 a:hover, #notizia h2 a:active {background-color: #eeeeee;color:#3399ff;text-decoration:underline;}
/* #notizia h2 {font: bold 13px/15px "Lucida Grande", LucidaGrande, Tahoma, Helvetica, Arial, sans-serif;color: #333333;} */
#notizia h3 {font: normal 10px/12px;/*"Lucida Grande", LucidaGrande, Tahoma, Helvetica, Arial, sans-serif; color: #333333;text-decoration:none;*/}
#notizia h4 {float:right; padding: 5px;font: normal 10px/10px; /* "Lucida Grande", LucidaGrande, Tahoma, Helvetica, Arial, sans-serif;*/}
#notizia h5 {padding:4px;border-bottom: 1px dashed #CECECE;background-color:#F2F9FD; text-align:center; font: normal 10px/12px; /* "Lucida Grande", LucidaGrande, Tahoma, Helvetica, Arial, sans-serif; color: #333333;*/}
#notizia h5 img {margin-bottom: 4px;}
.cn_komform {width: 425px;}
.cn_komform li {list-style: none;margin: 0;padding: 0.25em;width: 100%;clear: both;}
.cn_komform label {float: left;}
.cn_komform input, .cn_komform select {/*float: left;*/min-width: 4em;max-width: 9em;margin:0 0 0 10px}
.cn_komform textarea {height: 6em;width: 30em;}
.dettagli {width: 420px; border:1px solid #8f8f8f;background:url(/image/dettagli.gif) right no-repeat #d6d6d6;padding:5px;/*margin:5px 0px 5px 0px;*/ font: normal 10px/10px "Lucida Grande", LucidaGrande, Tahoma, Helvetica, Arial, sans-serif;color: #333333; margin:auto; text-align:center;}
.dettagli p {margin:0;padding:0;}

/* ARTICOLO
------------------------------------------------------------------*/
#articolo {padding-right:5px; margin-top:10px;}
#articolo h1, #articolo h2 {font: normal 19px/21px Georgia, "American Typewriter", "Times New Roman",Times,serif;color: #333333;}
#articolo p {margin:10px 0 10px 0}
#articolo .sottotitolo, #articolo p.sottotitolo {margin:10px 0 10px 0;color: #003366;font: bold 13px/16px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;}
#articolo blockquote, #articolo .quota {font-style:italic;padding: 10px 0px 0 35px; background: #FFF url(/image/quota_01.gif) no-repeat top left;}	
#articolo blockquote p, #articolo .quota span { background: #FFF url(/image/quota_02.gif) no-repeat bottom right; padding-bottom: 20px; padding-right: 35px;}

.correzione {text-decoration:line-through;}
/* #articolo ul {margin:1.5em 0;clear:both;}
#articolo ul li {background:url(/image/bg_list_articolo.gif) no-repeat;padding:3px 0 3px 20px;} */
#articolo span.source, #articolo .source {font-size:.94em;font-style:italic;text-align:left;}

.bullet ul {list-style-image: url(/image/bullet.gif); list-style-position: outside;}

.multi ul,.multi li{margin:0;padding:0;list-style:none;font: normal 11px/17px "Lucida Grande", LucidaGrande, Tahoma, Arial, Verdana, sans-serif;color: #333333;}
.multi ul{width: 99%;overflow: hidden;padding: 0px;line-height: 1.8;} 
.multi li{float:left;width:48%;margin-left: 1%;display: inline;border-bottom:1px dotted #777}
.multi a{display:block;color: #333333;text-decoration:none;height: auto !important;height: 1%; /*holly hack semplificato per IE*/padding-left:16px;background: transparent url(/image/doc.gif) no-repeat center left}
.multi a:hover{background: #cc0000 url(/image/link_go.gif) no-repeat 99% 50%;/*background-color: #cc0000 #393947*/;color:#FFF}

.adv {float:left; padding: 10px; margin: 10px 0px 10px 0px;}
.adv img {border:none;}
.adv a, .adv a:link, .adv a:hover{text-decoration:none;}

/* TESTATA ARTICOLO */
#testart {width: 100%; margin-bottom:10px;}
#testart a {text-decoration:none;}	

/* GALLERIA FOTO */
#container_top {/* position:relative;*/ width:425px; background:#eeeeee; border:1px solid #a49188; margin:1em auto; text-align:center;}
#container_top img {border:0;}
/* needed for IE to make :active state work first time */
a, a:visited {color:#CC0000;} 
/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:10px; z-index:50;}
a.gallery:hover {border:1px solid #fff;}
.thumbnail{
	padding: 3px 3px 11px 3px;
	background-color: #ffffff;
	border: 1px solid #2a2a2a;
	float: left;
	margin: 3px 3px 10px 3px;
	}	
	
	.invisibile {display:none;}
	
	/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;width:220px;background:#e6f6fb;border:1px solid #74d4f7;text-align:left;padding:5px;min-height:1em; }
body div#toolTip p { margin:0;padding:6px;color:#333;font:12px/17px 'Lucida Grande','Trebuchet MS',verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#09f;font-style:normal; }
body div#toolTip p em span { font-weight:bold;color:#333; }
