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; }