html,body {
height:100%;
margin:0;
padding:0;
text-align:center;
font:normal 76% georgia,helvetica,verdana,tahoma,arial,"sans serif";
text-align:left;
}
.bordo{
border: 1px dashed Black;
}
.boxTitolo {
background-color: #E9E9E9;
border: 1px dashed Black;
text-align:center;
font: normal small-caps normal large;
padding-left: 10px;
padding-right: 10px;
}
.TxtPic{
font-size : 12 px;
color: #585858;
text-decoration: none;
font-weight: normal;
text-align:center;
}
.TxtGra{
font-size : 20 px;
color: #585858;
text-decoration: none;
font-weight: bold;
text-align:center;
}
a:Link {
color: #000000;
text-decoration: none;
}
a:Visited {
color: #000000;
text-decoration: none;
}
a:Active {
color: #000000;
text-decoration: none;
}
a:Hover {
text-decoration: none;
color: #000000;
text-decoration: underline overline;
}
td.cornice {
/*border: 2px solid #D3D3D3;*/
background-color: #ffffff;
}
td.cornice2 {
border: 2px solid #D3D3D3;
background-color: #E6E6FA;
}
td.pulsanti {
border : 1px solid Silver;
background-image: url(immagini/sfondodx.png);
background-attachment: fixed;
background-position: left;
background-repeat: repeat-x;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
text-align: center;
}
a.pulsanti:Link {
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti:Visited {
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti:Active {
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti:Hover {
text-decoration: none;
color: #008000;
bgcolor: blue;
text-decoration: underline overline;
}
a.pulsanti2:Link {
font-size : 14 px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti2:Visited {
font-size : 14 px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti2:Active {
font-size : 14 px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
a.pulsanti2:Hover {
font-size : 14 px;
text-decoration: none;
color: #008000;
bgcolor: blue
}
a.pulsantiBox:Link {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
a.pulsantiBox:Visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
a.pulsantiBox:Active {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
a.pulsantiBox:Hover {
text-decoration: none;
color: #008000;
text-decoration: underline overline;
}
Td.home {
background-image : url(immagini/prova.jpg);
background-repeat : no-repeat;
}
td.sfondo {
background-image : url(images/sfondoblu.gif);
background-repeat : no-repeat;
}
td{
font-family: "Arial";
font-size : 10 px;
}
TD.lunga {
writing-mode: tb-rl;
background-color : #708090;
color : White;
font-size : 16 px;
font-weight : bold;
font-variant : small-caps;
overflow-y : visible;
overflow-x : visible;
width : 5%;
vertical-align : bottom;
text-align : center;
white-space : nowrap;
}
td.sfondo1 { background-color: #dbddf5;
border : 1px solid;
border-bottom-color : Gray;
border-bottom-width : 2px;
border-right-color : Gray;
border-right-width : 2px;
padding: 5; }
td.sfondo2 { background-color: #f7e5f5;
border : 1px solid;
border-bottom-color : Gray;
border-bottom-width : 2px;
border-right-color : Gray;
border-right-width : 2px;
padding: 5;
}
.rollover a {
display:block;
width: 118px;
height: 28px;
font: bold 20px sans-serif;
color:#FFFFFF;
background: url("images/sfondomenu.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover {
background-position: 0 -28px;
color: #fff;
}
.rollover a:active {
background-position: 0 -56px;
color:green;
}
.rollover a:link {
color:#fff;
}
.rollover a:visited {
color:#fff;
}
td.MenuVuoto{
background: url("images/bgnero.jpg");
background-repeat: repeat-x;
background-position: center;
vertical-align: middle;
border : 2px solid black;
width : 90%;
}
td.Sotto{
background: url("images/grigiochiar.png");
background-repeat: repeat-x;
background-position: center;
vertical-align: middle;
border : 1px solid black;
width : 100%;
font-size : small;
}
/************************************************************************
*
* per fare box con ombre ed angoli arrotondati
*
************************************************************************/
/*div.modular
*/
div.modular{overflow: hidden;
background: url(images/boxBk.png) repeat-x bottom left;
padding-bottom: 15px;margin-bottom: 10px}
div.m1{width: 180px}
div.m2{width: 360px}
div.m3{width: 540px}
div.m4{width: 720px}
div.submodular{
float: left;width:150px !important; width /**/:180px;
background: url(images/boxBk.png) repeat-x top left;
padding: 15px 15px 0;
text-align:left}
div.modular span
{
font-weight: bold;
font-size: 1.2em;
color: blue;
}
/************************************************************************
*
* Per i div di intestazione delle colonne
*
************************************************************************/
.sepa
{
height:2px;
}
.IntestaxGrigioChiaro
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: black;
background-image: url(images/back/grigiochiaro.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 23px;
background-position-y: top;
}
.IntestaxRosso
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/rosso.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 21px;
background-position-y: top;
}
.IntestaxVerdeScuro
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/verdescuro.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 21px;
background-position-y: top;
}
.IntestaxArancione
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/arancione.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 21px;
background-position-y: top;
}
.IntestaxBlu
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/blu.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 21px;
background-position-y: top;
}
.IntestaxVerde
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/verde.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 21px;
background-position-y: top;
}
.IntestaxGrigio
{
border-right: black 1px solid;
border-top: black 1px solid;
font-weight: bold;
font-size: 15px;
vertical-align:text-bottom;
text-align: center;
color: white;
background-image: url(images/back/grigio.png);
text-transform: capitalize;
border-left: black 1px solid;
border-bottom: black 1px solid;
background-repeat: repeat-x;
height: 23px;
background-position-y: top;
}
.sottoIntestax{
text-align:center;
margin-top:1px;
border-right: black 1px solid;
border-top: black 1px solid;
border-left: black 1px solid;
width: 98%;
border-bottom: black 1px solid;
font-size:12px;
padding : 2px;
}
.sfondoHi
{
background-image: url(images/sfon.jpg);
background-repeat: repeat-x;
height: 100px;
background-position-y: middle;
}
td.sfondoHome {
padding:0px;
margin:0px;
background-image: url(images/bosco.jpg);
background-attachment: fixed;
background-position: right;
background-repeat: no-repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
text-align: center;
}
.sfondoClassifica {
border:1px solid black;
background-color:#f5f5f5;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
text-align: center;
text-size:larger;
}
/************************************************************************
*
* Per i Box Centrali
*
************************************************************************/
table.Box {
border: 1px solid silver;
padding : 1px
}
td.BoxTitolo {
background-color: #E0E0E0;
font-size : 14 px;
color: #585858;
text-decoration: none;
font-weight: bold;
text-align:center;
}
td.BoxContenuto{
font-size : 12 px;
color: #585858;
text-decoration: none;
font-weight: normal;
}
td.BoxContenutoThumb{
font-size : 12 px;
color: #585858;
text-decoration: none;
font-weight: normal;
text-align:center;
width :150px;
}
/************************************************************************
*
* Stile per il controllo delle foto
*
************************************************************************/
* {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 2px solid gray;
}
.highslide:hover img {
border: 2px solid white;
}
.highslide-image {
border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
/*
padding-left: 22px;
background-image: url(highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.control {
float: right;
display: block;
position: relative;
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 1px;
}
.control:hover {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-top: 0;
margin-bottom: 0;
}
.control, .control * {
color: #666;
}
* {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 2px solid gray;
}
.highslide:hover img {
border: 2px solid white;
}
.highslide-image {
border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
/*
padding-left: 22px;
background-image: url(highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.control {
float: right;
display: block;
position: relative;
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 1px;
}
.control:hover {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-top: 0;
margin-bottom: 0;
}
.control, .control * {
color: #666;
}
#tot {
min-height: 100%; position: relative;
height:100%;
background:#ffffff;
}
#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:10%;
padding:1em 0;
background: url(images/borsx.jpg) repeat-y;
background-position: right;
background-color: #A2A4A6;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#corpo-colonna2 {
min-width: 600px;
margin:0 10% 0 10%;
width:80%;
background:#ffffff:
padding:1em 0;
}
#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:10%;
padding:1em 0;
background: url(images/bordx.jpg) repeat-y;
background-position: left;
background-color: #A2A4A6;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
.colLeft {
width:10%;
padding:1em 0;
background: url(images/borsx.jpg) repeat-y;
background-position: right;
background-color: #A2A4A6;
height:100%;
}
.colHalf {
min-width: 600px;
margin:0 10% 0 10%;
width:80%;
background:#ffffff:
padding:1em 0;
}
.colRight {
width:10%;
padding:1em 0;
background: url(images/bordx.jpg) repeat-y;
background-position: left;
background-color: #A2A4A6;
height:100%;
}
/************************************************************************
*
* Per l' effetto ombra sui box
*
************************************************************************/
div.boxshadow {
margin:4px 0 0 4px;
background:url(images/ds40.png);
}
/* commented backslash hack - invisible to IE5 Mac \*/
html>body div.boxshadow {
background:url(images/ds40.png);
}
/* end hack */
div.boxmain {
top:-4px;
left:-4px;
background:#fff;
border:1px solid #000;
padding:10px;
}
/************************************************************************
*
* Altro tipo di effetto ombra
*
************************************************************************/
.PNG {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
*display: none;
}
.overlay {
position: absolute;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/clear-shadow.png',sizingMethod='scale');
}
.overlay-bd {
zoom: 1;
margin: 2px 3px 4px 3px;
background: #fff url(images/gradient_1.jpg) 100% 100% no-repeat;
border-style: solid;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
}
#m2 .overlay-bd {
margin: 3px 5px 6px 5px;
background-image:url(images/gradient_2.jpg);
}
#m3 .overlay-bd {
margin: 1px 3px 3px 3px;
background-image:url(images/gradient_3.jpg);
}
#m1 {
margin: 3px 5px 6px 5px;
background-image:url(images/gradient_1.jpg);
}
/************************************************************************
*
* Rollover per frecce bottoni
*
************************************************************************/
.button_ex{
text-align:right;
}
.button_ex a{
display:block;
width:36px;
height:36px;
background:url(images/freccecol.gif) no-repeat top left;
}
.button_ex a:hover{
background-position: top right;
}
/************************************************************************
*
* Per box con effetto ombra per news
*
************************************************************************/
div.container{
width: 100%;
background: #ccc url(images/bordo_inf_dx.gif) no-repeat bottom right;
font-family:Arial, Helvetica, sans-serif;
}
div.head{
background: url(images/bordo_sup_dx.gif) no-repeat top right;
margin: 0;
padding: 0;
}
div.head h4{
background: url(images/bordo_sup_sx.gif) no-repeat top left;
margin:0;
text-align:left;
padding: 20px 0 5px 28px;
color:#fff;
font-weight: bold;
font-size: 1.1em;
}
div.container div.body{
background: url(images/bordo_inf_sx.gif) no-repeat bottom left;
margin: 0;
padding: 10px 10px 20px 15px;
font-size:.95em;
}
div.body p{
padding: 0 8px 0 8px;
text-align:left;
}
/************************************************************************
*
* Box con angoli arrotondati nero
*
************************************************************************/
.dialog {
width:100%;
margin:0px auto;
min-width:8em;
color:#fff;
}
.dialog .hd .c,
.dialog .ft .c {
font-size:1px; /* ensure minimum height */
height:13px;
}
.dialog .ft .c {
height:14px;
}
.dialog .hd {
background:transparent url(images/boxnero/tl.gif) no-repeat 0px 0px;
}
.dialog .hd .c {
background:transparent url(images/boxnero/tr.gif) no-repeat right 0px;
}
.dialog .bd {
background:transparent url(images/boxnero/ml.gif) repeat-y 0px 0px;
}
.dialog .bd .c {
background:transparent url(images/boxnero/mr.gif) repeat-y right 0px;
}
.dialog .bd .c .s {
margin:0px 8px 0px 4px;
background:#000 url(images/boxnero/ms.jpg) repeat-x 0px 0px;
padding:1em;
}
.dialog .ft {
background:transparent url(images/boxnero/bl.gif) no-repeat 0px 0px;
}
.dialog .ft .c {
background:transparent url(images/boxnero/br.gif) no-repeat right 0px;
}
/* content-specific */
.dialog h1 {
/* header */
font-size:2em;
margin:0px;
padding:0px;
margin-top:-0.6em;
}
.dialog p {
margin:0.5em 0px 0px 0px;
padding:0px;
font:0.95em/1.5em arial,tahoma,"sans serif";
}
html>body .dialog pre {
font-size:1.1em;
}
.gradient {
background: #fff url(images/gradiente1.jpg) no-repeat top left;
border:1px solid #000;
}
.gradientL {
background: #fff url(images/gradlargo.jpg) no-repeat top left;
border:1px solid #000;
}
.gradienteL {
background: #fff url(images/gradiente1px.png) repeat-x top left;
border:1px solid #000;
}
.gradienteC {
background: #fff url(images/gradiente1px200px.png) repeat-x top left;
border:1px solid #000;
margin-top:3px;
padding:3px;
}
/************************************************************************
*
* Per il list
*
************************************************************************/
.lst
{
list-style-image: url(images/arrowr.gif);
font-size: 1.3em;
color: gray;
background-position: bottom;
list-style-position: outside;
vertical-align: baseline;
text-align:left;
padding : 0px 0px 0px -40px
}
.lst a,.lst a:link, .lst a:visited
{
color: black;
}
list li
{
vertical-align:bottom;
}
.slideshowContainer {
width: 350px;
height: 100px;
margin: 0px;
background: #ffffff;
}
/************************************************************************
*
* Per i box arrotondati grigi
*
************************************************************************/
.fr_hd {
BACKGROUND-POSITION: 50% bottom; FLOAT: left; BACKGROUND-IMAGE: url(images/box/fr_t.gif); WIDTH: 930px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px
}
.fr_cnt {
FLOAT: left; BACKGROUND-IMAGE: url(images/box/fr_m.gif); WIDTH: 930px; BACKGROUND-REPEAT: repeat-y; HEIGHT: auto
}
.fr_b {
BACKGROUND-POSITION: 50% top; FLOAT: left; BACKGROUND-IMAGE: url(images/box/fr_b.gif); WIDTH: 930px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px
}
.s_cont_t_h {
BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 10px; FLOAT: left; BACKGROUND-IMAGE: url(images/box/s_fr_t_h.gif); WIDTH: 154px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px;text-align:center;
}
.s_cont_t {
FLOAT: left; BACKGROUND-IMAGE: url(images/box/s_fr_t.gif); WIDTH: 164px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.s_cont_m {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; BACKGROUND-IMAGE: url(images/box/s_fr_m.gif); WIDTH: 160px; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-y; HEIGHT: auto
}
.s_cont_b {
BACKGROUND-POSITION: 50% top; FLOAT: left; BACKGROUND-IMAGE: url(images/box/s_fr_b.gif); MARGIN-BOTTOM: 9px; WIDTH: 164px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.c_cont_t_h {
BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 10px; FLOAT: left; BACKGROUND-IMAGE: url(images/box/cnt_fr_t_h.gif); WIDTH: 574px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
.c_cont_m {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; BACKGROUND-IMAGE: url(images/box/cnt_fr_m.gif); WIDTH: 564px; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-y; HEIGHT: auto
}
.c_cont_b {
BACKGROUND-POSITION: 50% top; FLOAT: left; BACKGROUND-IMAGE: url(images/box/cnt_fr_b.gif); MARGIN-BOTTOM: 9px; WIDTH: 584px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px
}
.l_cont {
FLOAT: left; WIDTH: 164px; POSITION: static; HEIGHT: auto
}
.r_cont {
FLOAT: left; WIDTH: 164px; POSITION: static; HEIGHT: auto
}
.m_cont {
PADDING-RIGHT: 9px; PADDING-LEFT: 9px; FLOAT: left; WIDTH: 584px; POSITION: static; HEIGHT: auto
}
.m_cont_wide {
PADDING-RIGHT: 9px; PADDING-LEFT: 9px; FLOAT: left; WIDTH: 738px; POSITION: static; HEIGHT: auto
}
.vsp {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 930px; PADDING-TOP: 0px; POSITION: static; HEIGHT: 9px
}
.bHead {
FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.xplayer{
width:150px;
border-left: 1px solid Black;
border-top: 1px solid Black;
border-right: 1px solid Black;
}
/**
* Generated by www.formstylegenerator.com
**/
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
border: 1px solid #7e827d;
/** remember to change image path **/
background: url(images/bg167360345.png) repeat-x #ffffff;
font-family: tahoma, helvetica, sans-serif;
font-style: normal;
font-size: 14px;
color: #7e827d;
}
/** You can use this style for your LABEL elements **/
.mylabelstyle {
font-family: tahoma, helvetica, sans-serif;
font-style: bold;
font-size: 13px;
color: #383838;
}
/**
* You can use this style for your INPUT, TEXTAREA, SELECT elements
* for onmousehover event
**/
.myinputstyle:hover {
border: 1px solid #FFFFFF;
/** remember to change image path **/
background: url(none) no-repeat #FFFFFF;
color: #454743;
}