/* At-Rules */
@charset "iso-8859-1";


A:link, A:visited {text-decoration: none ; color: green}

A:hover {color: #fff}

body {font-family: verdana ;  height: auto;    margin: 0px;     font-size: 8pt;    scrollbar-3dlight-color: #000000;       scrollbar-arrow-color: #000000;       scrollbar-darkshadow-color: #ffffff;       scrollbar-face-color: #ffffff;       scrollbar-highlight-color: #ffffff;       scrollbar-shadow-color: #000000;       scrollbar-track-color: #ffffff;}

body.iframe {scrollbar-darkshadow-color: #bcb4b4; scrollbar-face-color: #bcb4b4; scrollbar-track-color: #bcb4b4; }

table {font-family: verdana ; font-size: 8pt ; text-align: top; border: thin}

.testoup  {position: absolute; font-size: 8pt; left: 320px;text-decoration: none ; color: #27512A}

.container,.centerblock, .logotestata, .logoanimato, .logodx, .left_col, .middle_col, .right_col {background:  #bcb4b4;}

.container {font-size: 8pt; height: auto; left: 0px; margin:          0px; padding:           0px; position: relative; top: 0px; width: 800px; }

.logoanimato {left: 20px; top:15px; padding:  0px; position: absolute; z-index: 2}

.logodx {left: 660px;  top: 12px;padding:   0px; position: absolute; z-index: 2}

.motto {border:  0px; font: italic 14pt times new roman; left: 232px; margin:  0px; padding:  0px; position: absolute; top: 120px; z-index: 2}

.centerblock {font-size: 8pt; float:left; height: auto; margin:0px; padding:0px; position: relative; width: 100%;}

.col_block {position: relative; clear:both; left:0px; height: auto; margin:0px;  width: 100%; padding-top: 20px; padding-bottom: 20px}

.left_col {position:relative; display: inline; height: auto; float:left; top:0px; width:200px;z-index:3;}

.big_right_col {position:relative; display: inline; height: auto; float:left; top:0px; width:600px;z-index:3;}

.middle_col {position: relative; display: inline; height: auto; float:left; top:0px;width:400px;z-index:3}

.right_col {position: relative; display: inline; height: auto; float:left;top:0px; width:200px;z-index:3}

.menu_sxframe {background-color: #bcb4b4; font-size:12px; position: relative; margin-left:0px;padding-left:0px; border-left:0px;   margin-top:0px; padding-top:0px; left: 15px;  float:left}

.bg_bord_t {position: absolute; background-image: url('images/bg-bord_top.jpg'); background-repeat: repeat-x; background-position:left top; left:0px; top:0px; height: 20px;  width: 100%}

.bg_bord_b {position: absolute; background-image: url('images/bg-bord_bot.jpg'); background-repeat: repeat-x; background-position:left bottom; left:0px; bottom:0px;  height: 20px;  width: 100%;}

.bg_bord_l {position: absolute; background-image: url('images/bg-bord-l.jpg'); background-repeat: repeat-y; background-position:left top; top:0px;left:0px;  height: 100%;  width: 20px;}

.bg_bord_r {position: absolute; background-image: url('images/bg-bord-r.jpg'); background-repeat: repeat-y; background-position:right top; top:0px; right:0px; height: 100%;  width: 20px;}

.bg_corn_tl {position: absolute; background-image: url('images/bg-corn_tl.jpg'); background-repeat: no-repeat;  background-position:left top; top:0px; left:0px; height: 20px;  width: 20px;}

.bg_corn_tr {position: absolute; background-image: url('images/bg-corn_tr.jpg'); background-repeat: no-repeat;  background-position:right top; top:0px; right:0px; height: 20px;  width: 20px;}

.bg_corn_bl {position: absolute; background-image: url('images/bg-corn_bl.jpg'); background-repeat: no-repeat;  background-position:left bottom; bottom:0px; left:0px; height: 20px;  width: 20px}

.bg_corn_br {position: absolute; background-image: url('images/bg-corn_br.jpg'); background-repeat: no-repeat;  background-position:right bottom; bottom:0px; right:0px; height: 20px;  width: 20px;}
/* ****************** COLONNA SINISTRA ****************** 
**** scroll text ***/
#tickermain {background-color: #bcb4b4; text-align: top; font-size:8pt; position: relative; left: 0px; top:5px; width: 150px; float:top left}

.newsmod_sxframe {background-color: #bcb4b4; position: relative; width:160px }
.newsmod_sxframe h2 {display: block;  border-bottom: 1px solid #5179A4; font-size:12px; text-align:center; color:#000;  height: 26px; width: 100%; background-position: bottom ;margin:0px; padding-bottom:3px }
.newsmod_sxframe table {font-family: verdana ; font-size: 8pt ; border: thin}

/* ******* orizzintal menu *************** 
leave this value as is in most cases */
.indentmenu {position: absolute;   top:155px ;  left:25px;  margin: 0px;   font: bold 13px Arial;  width: 755px;   overflow: hidden;  z-index:1}

/* width of menu
dark purple border */
.indentmenu ul {margin: 0;  padding: 0;  float: left;  width: 100%;   border: 1px solid #564c66;   border-width: 1px 0;  background: black url(images/indentbg.gif) center center repeat-x;}

.indentmenu ul li {display: inline;}

/* text color
dark purple divider between menu items */
.indentmenu ul li a {float: left;  color: white;   padding: 5px 21px;  text-decoration: none;  border-right: 1px solid #564c66;}

.indentmenu ul li a:visited {color: white;}

/* text color of selected and active item
shift text down 1px for selected and active item
shift text down 1px for selected and active item */
.indentmenu ul li a:hover, .indentmenu ul li .current {color: white !important;   padding-top: 6px;   padding-bottom: 4px;   background: black url(images/indentbg2.gif) center center repeat-x;}

/* ****************** my menu ************************** */
.menu_sx {font-size:12px; position: relative; margin-top:0px; padding-top:0px; left: 15px;  width:160px; float:left}

.menu_sx h2 {display: block;  border-bottom: 1px solid #5179A4; font-size:12px; text-align:center; color:#000;  height: 26; width: 100%; background-position: bottom ;margin-left:0px; padding-bottom:5px; margin-bottom:0px}

.menu_sx ul {list-style-type: none; padding-bottom:10px; top:0px; padding-left:0px; margin-top:0px; margin-left:0px}

.menu_sx ul li {border-bottom: 1px solid #5179A4 }

.menu_sx ul li a {color: #FFF; display: block; padding-left:10px; padding-top: 2px; padding-bottom:2px; text-decoration:none; text-align: left}

.menu_sx ul li a:hover {color: black; background:white; text-decoration: underline}


/* ************** GLOSSY MENU ************************ */
.glossymenu{
position: relative;
list-style-type: none;
margin:  0px;
padding: 0px;
/*width: 100%;*/
width: 163px;
/*border: 1px solid #9A9A9A;*/
border-bottom-width: 0;
}
.glossymenu h2 {
font-size:12px;
display: block;
text-align:center;
color:black;
background: white url(images/indentbg2.gif);
background-repeat: center center repeat-x;
height: 16px;
width: 100%;
background-position: bottom left ;
margin-left:0px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom:0px;
}

.glossymenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
border: 0px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(images/indentbg2.gif) center center repeat-x;
}
.glossymenu ul li{
display: block;
}

.glossymenu li a{
background: black url(images/indentbg.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
text-align: left;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 100%;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/indentbg2.gif);
color: black;
}
/* **************** SLIDE CENTER *************** 
#slide-center {background-color: #928686; font-size:12px; position: absolute; margin:0px;padding:5px; border:0px; left: 210px; top:215px; float:left}

#slide-center {background-color: #928686; font-size:12px; position: relative; margin:0px;padding:5px; border:0px; float:left}
*/
/* **********************************************
* Advanced Gallery script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
**********************************************/
.gallerycontroller {width: 370px}

.gallerycontent {border:  0px outset threedhighlight; display: compact; height: 290px; padding: 0px; width: 370px}

/*                                  x   per riattivare la vecchia vers, rimuovere tutti gli /*x
/*x


div#container_articoli {background-color: #bcb4b4;  font-size:         8pt; font-family:         verdana; height: 950px; left: 0px; margin:         0px; padding:         0px; position: relative; top: 0px; width: 800px; z-index: 1}
div#container_soci {background-color: #bcb4b4;  font-size:         8pt; font-family:         verdana; height: 950px; left: 0px; margin:         0px; padding:         0px; position: relative; top: 0px; width: 800px; z-index: 1}
div#container_arts {background-color: #bcb4b4;  font-size:         8pt; font-family:         verdana; height: 1060px; left: 0px; margin:         0px; padding:         0px; position: relative; top: 0px; width: 800px; z-index: 1}
div#container.wip {height: 750px}
div#container.articoli {height: 1060px}


.vertscr {font: 7pt ; font-family: verdana}

.tabelledati {font-family: verdana;   font: 14pt;   color: #27512a  background-attachment;   background-attachment: fixed;   background-image: url(OmbraCiclistaStilizzato450.jpg);   background-repeat: no-repeat;   background-position: center top;}

div.titoli {font-family: verdana;   font: 22pt;   color: #27512a;}




/* ********************* menu arrowgreen / blue *************** 
width of menu 
x.arrowgreen { position: absolute; top: 190px; margin: 0px;width: 100%;    border-style: solid solid none solid;   border-color: #94AA74;      border-width: 0px;}

.arrowgreen h2 {font-size:12px;    display: block;   text-align:center;    color:grey;     background: transparent url(images/button-square-green.gif);    background-repeat: no-repeat;    height: 16px;    width: 100%;    background-position: bottom left ;   margin-left:0px;    padding:4px;   margin-bottom:0px;}

.arrowgreen ul {list-style-type: none;   margin: 0;   padding: 0;}

/* Set to height of bg image- padding within link (ie: 32px - 4px - 4px)
Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)
	background: transparent url(images/arrowgreen.gif) 100% 0; 
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px) 
x.arrowgreen li a {font: bold 12px Verdana, Arial, Helvetica, sans-serif;   display: block;   background: transparent url(images/button-square-green.gif) 100% 0;    background-position: left top; background-repeat: no-repeat;  height: 16px;    padding: 4px 0 4px 10px;   line-height: 16px;   margin-left: 0px;    text-decoration: none;}

.arrowgreen li a:link, .arrowgreen li a:visited {color: #5E7830;}

/* background-position: 100% -32px; 
.arrowgreen li a:hover {color: #26370A;     background-position: 100% -24px} 
x.arrowgreen li a:hover {color: #26370A;     background-position: left bottom}

/* background-position: 100% -64px; 
x.arrowgreen li a.selected {color: #26370A;     background-position: 100% -24px;}





/* Testo scorrevole 
x#testoscr {font-size:12px; position: absolute; margin-top:0px; padding-top:0px; left: 10px; top:155px; width:265px}

div#testoscr h2 {font-size:12px; text-align:center; color:#FFF; background-color: left; background-image: url('images/toptxtscr_b.jpg'); background-repeat: no-repeat; height: 35; width: 100%; background-position: bottom ;margin-left:10px; padding:5px; margin-bottom:0px}

div#testoscr .bott {position:absolute; font-size:12px; text-align: center; background-color: left; background-image: url('images/bottomtxtscr_b.jpg'); background-repeat: no-repeat; height: 35; width: 100%; background-position: bottom ; margin-top:20px; left:5px; padding:0px; margin-bottom:0px}

div#testoscr div#corpo {position: absolute; background:#b9bbde; left:10px; width: 255px; padding-top:10px;padding-bottom:10px;margin-top:0px; margin-bottom:10px;}

/* Tumbnails Tooltips - riquadri di immagini onmousover links 
xA.thumbnail:link, A.thumbnail:visited {text-decoration: none ; color: #000000}

A.thumbnail:hover {color: #b1c8ba}

.thumbnail {position: relative;  z-index: 0;}

.thumbnail:hover {background-color: transparent;  z-index: 50;}

/* CSS for enlarged image 
x.thumbnail span {position: absolute;  background-color: lightyellow;  padding: 5px;  left: -1000px;  border: 1px dashed gray;  visibility: hidden;  color: black;  text-decoration: none;}

/* CSS for enlarged image 
x.thumbnail span img {border-width: 0;  padding: 2px;}

/* CSS for enlarged image on hover
position where enlarged image should offset horizontally                                   */
/* End of style section. Generated by AceHTML at 19/02/2011 23.40.14 */