/*********************************************************************************** ::::::::::::::::::::::::::::::::: Css Standard 2.0 ::::::::::::::::::::::::::::::::: Creato da : Daniele Antonio Barbaglia - RobertoFonio.com Data : 03 / 12 / 2009 ::::::::::::::::::::::::::::::::: Write a css rule ::::::::::::::::::::::::::::::::: tag, #id, .class { height:; width:; min-height:; min-width:; <- dimensioni / dimension border:; margin:; padding:; <- modello a box / box model font:; color:; text-align:; text-decoration:; text-transform:; <- stile testo / font style clear:; display:; float:; <- allineamento / aligment position:; top/right/bottom/left:; z-index:; <- posizione / position } ::::::::::::::::::::::::::::::: DEFAULT PAGE SETTING ::::::::::::::::::::::::::::::: body font-size: 16px; headlight font-size [on body font-size]: headlight > Pixel > EM > CSS keywords h1 32px 2em xx-large h2 24px 1.5em x-large h3 19px 1.2em large h4 16px 1em medium h5 14px 0.875em small h6 10px 0.625em xx-small :::::::::::::::::::::::::::::::::: IE6 FIX SETTING ::::::::::::::::::::::::::::::::: -min-height param-------------- min-height: 100%; height: auto !important; height: 100%; ------------------------------- -center page in body----------- body {text-align:center; margin:0px;} div { width: %px; margin: auto; } ------------------------------- -IE6 duplicate margin of float- display: inline; float: left; [ or right ] ------------------------------- ***********************************************************************************/ /*___RESET RULE FOR HTML BASIC____________________________________________________*/ /*JOLLY TAG - Reset fix IE6*/ * { margin: 0px; padding: 0px; } /*HTML Rule*/ html { height: 100%; margin: 0px; padding: 0px; } /*BODY Rule*/ body { height: 100%; margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center;background-color:#C0C0C0; } /*___RESET RULE FOR BASIC TAG_____________________________________________________*/ /* Image */ img { border: 0px; margin: 0px; padding: 0px; } /* Anchor Link */ a { border: 0px; margin: 0px; padding: 0px; text-decoration: none; } a:visited { text-decoration: none; border:none; outline:none;} a:hover, a:active { text-decoration: underline; border:none; outline:none;} /*Form input field*/ input, select, button, textarea { } /*Table*/ table, td, tr { border: 0px; margin: 0px; padding: 0px; } /*Descriptio List*/ dl, dt, dd { border: 0px; margin: 0px; padding: 0px; } /*Unordered list*/ ul, li { border: 0px; margin: 0px; padding: 0px; list-style: none; } /*Ordered list*/ ol, li { border: 0px; margin: 0px; padding: 0px; list-style: none; } /**********************************************************************************/ /*___BASIC PAGE RULE______________________________________________________________*/ /*container of page*/ #container { height: auto !important; height: 100%; width: 990px; min-height: 700px; margin: auto; padding: 0px; background-color:white;} #container.intro {width: 100%; background-color:#C0C0C0;} #container.index { background-color:#0c0c0c;} /*head of page*/ #header { height: 268px; width: 990px; position:relative;} /*horizontal menu of page*/ #h-menu { width:146px; } #h-menu dl { z-index: 100; } #h-menu dt { margin: 0px; padding-right: 20px; display: inline; float: left; position: relative; z-index: 999 } #h-menu dt a { width: 100%; display: block; color: white; text-transform: uppercase; font-size: 0.75em; } #h-menu div { position:absolute; left:0px; top:0px; z-index: 1000; text-align: left; } #h-menu div ul { float: left; display:inline; } #h-menu div ul li { margin:0px 0px 0px; width:200px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; } #h-menu div ul li a { text-decoration: none; display: block; height:100%; vertical-align:bottom; font-size: 1em; } #h-menu div ul li a:hover, #h-menudd ul li a:focus { text-decoration:none; } #h-menu div ul li a div {position:static;} /*vertical menu of page*/ #v-menu { width: 100%; } #v-menu dl { width: 100%; } #v-menu dt { height: 30px; width: 100%; margin: 0px; padding: 0px 10px; clear: both; display: inline; float: left; } #v-menu dt a { width: 100%; display: block; } #v-menu dt a:hover, #v-menu dt a:focus, #v-menu dt a.current { } /*content of page*/ #content { position:relative; height: auto !important; height: 400px; min-height: 400px; width: 990px; background-color:white; } #content.intro { width: 100%; background-color:black; } #content #right-coloumn { width:279px; background-color:white; padding-bottom:541px; height:100%;} #content #center-coloumn { min-height:541px; width: 671px; margin: 0px 20px; padding: 0px; background-color:#F6F6F6;} #content #left-coloumn { width: 200px; } #content #center-coloumn.intro{width: 990px; margin:auto; background-color:transparent; } #content #center-coloumn.large{width:950px;} #content #center-coloumn .linea { display: block; margin-bottom: 20px; } #content #center-coloumn .linea .titolo { display: block; font-size: 1.1em; font-weight: bold; border-bottom: 1px dotted #ccc; padding: 3px; } #content #center-coloumn .linea a { color: #43427B; } #content #center-coloumn .linea .titolo .sottotitolo { font-size: 0.55em; font-weight: normal; } #content #center-coloumn .linea .corpo { display: block; padding: 3px; font-size: 0.8em; } #content #center-coloumn .linea .contenitore-linee { width: 80%; } #content #center-coloumn .linea .image { width: 18%; margin-left: 2%; float: right; display: inline; } #content #center-coloumn .linea .docs { margin-bottom: 10px; } #content #center-coloumn .linea .gallery { clear: both; float: left; display: inline; } #content #center-coloumn td , #content #center-coloumn tr{padding:4px;margin:2px;} /*footer of page*/ #footer {margin:auto; width: 990px; text-align: center; display: block; background-color:#C0C0C0;} #newsmenu{ position:absolute; height:541px; bottom:0px; right:0px; float:left; width:279px; background:url('images/interna_passato_07.jpg') bottom right no-repeat;} #bibliotable{width:100%;} #bibliotable, #bibliotable td, #bibliotable tr{border:solid 1px #000000; border-collapse:collapse;padding:4px;margin:2px;} /**********************************************************************************/ /*___CSS OBJECT RULE______________________________________________________________*/ /*---floating rules---------------------------------------------------------------*/ .left { display: inline; float: left; } .right { display: inline; float: right; } /*float with clear both*/ .left-b { clear: both; display: inline; float: left; } .right-b { clear: both; display: inline; float: right; } /*float with clear left*/ .left-l { clear: left; display: inline; float: left; } .right-l { clear: left; display: inline; float: right; } /*float with clear right*/ .left-r { clear: right; display: inline; float: left; } .right-r { clear: right; display: inline; float: right; } /*---position rules---------------------------------------------------------------*/ .abs-tr { position: absolute; top: 0px; right: 0px; } .abs-tl { position: absolute; top: 0px; left: 0px; } .abs_br { position: absolute; right: 0px; bottom: 0px; } .abs_bl { position: absolute; bottom: 0px; left: 0px; } .hidden {display:none;} /*--- text color rules------------------------------------------------------------*/ .color { color: #000000; } .link { color: #000000; } .AliceBlue { color: #F0F8FF; } .AntiqueWhite { color: #FAEBD7; } .Aqua { color: #00FFFF; } .Aquamarine { color: #7FFFD4; } .Azure { color: #F0FFFF; } .Beige { color: #F5F5DC; } .Bisque { color: #FFE4C4; } .Black { color: #000000; } .BlanchedAlmond { color: #FFEBCD; } .Blue { color: #0000FF; } .BlueViolet { color: #8A2BE2; } .Brown { color: #A52A2A; } .BurlyWood { color: #DEB887; } .CadetBlue { color: #5F9EA0; } .Chartreuse { color: #7FFF00; } .Chocolate { color: #D2691E; } .Coral { color: #FF7F50; } .CornflowerBlue { color: #6495ED; } .Cornsilk { color: #FFF8DC; } .Crimson { color: #DC143C; } .Cyan { color: #00FFFF; } .DarkBlue { color: #00008B; } .DarkCyan { color: #008B8B; }#menulinks {width:990px; background:url('images/testata_passato_interna_09.jpg') top left repeat-x black;} .DarkGoldenRod { color: #B8860B; } .DarkGray { color: #A9A9A9; } .DarkGreen { color: #006400; } .DarkKhaki { color: #BDB76B; } .DarkMagenta { color: #8B008B; } .DarkOliveGreen { color: #556B2F; } .Darkorange { color: #FF8C00; } .DarkOrchid { color: #9932CC; } .DarkRed { color: #8B0000; } .DarkSalmon { color: #E9967A; } .DarkSeaGreen { color: #8FBC8F; } .DarkSlateBlue { color: #483D8B; } .DarkSlateGray { color: #2F4F4F; } .DarkTurquoise { color: #00CED1; } .DarkViolet { color: #9400D3; } .DeepPink { color: #FF1493; } .DeepSkyBlue { color: #00BFFF; } .DimGray { color: #696969; } .DodgerBlue { color: #1E90FF; } .FireBrick { color: #B22222; } .FloralWhite { color: #FFFAF0; } .ForestGreen { color: #228B22; } .Fuchsia { color: #FF00FF; } .Gainsboro { color: #DCDCDC; } .GhostWhite { color: #F8F8FF; } .Gold { color: #FFD700; } .GoldenRod { color: #DAA520; } .Gray { color: #808080; } .Green { color: #008000; } .GreenYellow { color: #ADFF2F; } .HoneyDew { color: #F0FFF0; } .HotPink { color: #FF69B4; } .IndianRed { color: #CD5C5C; } .Indigo { color: #4B0082; } .Ivory { color: #FFFFF0; } .Khaki { color: #F0E68C; } .Lavender { color: #E6E6FA; } .LavenderBlush { color: #FFF0F5; } .LawnGreen { color: #7CFC00; } .LemonChiffon { color: #FFFACD; } .LightBlue { color: #ADD8E6; } .LightCoral { color: #F08080; } .LightCyan { color: #E0FFFF; } .LightGoldenRodYellow { color: #FAFAD2; } .LightGrey { color: #D3D3D3; } .LightGreen { color: #90EE90; } .LightPink { color: #FFB6C1; } .LightSalmon { color: #FFA07A; } .LightSeaGreen { color: #20B2AA; } .LightSkyBlue { color: #87CEFA; } .LightSlateGray { color: #778899; } .LightSteelBlue { color: #B0C4DE; } .LightYellow { color: #FFFFE0; } .Lime { color: #00FF00; } .LimeGreen { color: #32CD32; } .Linen { color: #FAF0E6; } .Magenta { color: #FF00FF; } .Maroon { color: #800000; } .MediumAquaMarine { color: #66CDAA; } .MediumBlue { color: #0000CD; } .MediumOrchid { color: #BA55D3; } .MediumPurple { color: #9370D8; } .MediumSeaGreen { color: #3CB371; } .MediumSlateBlue { color: #7B68EE; } .MediumSpringGreen { color: #00FA9A; } .MediumTurquoise { color: #48D1CC; } .MediumVioletRed { color: #C71585; } .MidnightBlue { color: #191970; } .MintCream { color: #F5FFFA; } .MistyRose { color: #FFE4E1; } .Moccasin { color: #FFE4B5; } .NavajoWhite { color: #FFDEAD; } .Navy { color: #000080; } .OldLace { color: #FDF5E6; } .Olive { color: #808000; } .OliveDrab { color: #6B8E23; } .Orange { color: #FFA500; } .OrangeRed { color: #FF4500; } .Orchid { color: #DA70D6; } .PaleGoldenRod { color: #EEE8AA; } .PaleGreen { color: #98FB98; } .PaleTurquoise { color: #AFEEEE; } .PaleVioletRed { color: #D87093; } .PapayaWhip { color: #FFEFD5; } .PeachPuff { color: #FFDAB9; } .Peru { color: #CD853F; } .Pink { color: #FFC0CB; } .Plum { color: #DDA0DD; } .PowderBlue { color: #B0E0E6; } .Purple { color: #800080; } .Red { color: #FF0000; } .RosyBrown { color: #BC8F8F; } .RoyalBlue { color: #4169E1; } .SaddleBrown { color: #8B4513; } .Salmon { color: #FA8072; } .SandyBrown { color: #F4A460; } .SeaGreen { color: #2E8B57; } .SeaShell { color: #FFF5EE; } .Sienna { color: #A0522D; } .Silver { color: #C0C0C0; } .SkyBlue { color: #87CEEB; } .SlateBlue { color: #6A5ACD; } .SlateGray { color: #708090; } .Snow { color: #FFFAFA; } .SpringGreen { color: #00FF7F; } .SteelBlue { color: #4682B4; } .Tan { color: #D2B48C; } .Teal { color: #008080; } .Thistle { color: #D8BFD8; } .Tomato { color: #FF6347; } .Turquoise { color: #40E0D0; } .Violet { color: #EE82EE; } .Wheat { color: #F5DEB3; } .White { color: #FFFFFF; } .WhiteSmoke { color: #F5F5F5; } .Yellow { color: #FFFF00; } .YellowGreen { color: #9ACD32; } /*--- font size rules [ 1em : 16px ] ---------------------------------------------*/ .text-08 { font-size: 0.5em; } .text-09 { font-size: 0.5625em; } .text-10 { font-size: 0.625em; } .text-11 { font-size: 0.6875em; } .text-12 { font-size: 0.75em; } .text-13 { font-size: 0.8125em; } .text-14 { font-size: 0.875em; } .text-18 { font-size: 1.125em; } .text-20 { font-size: 1.250em; } .text-24 { font-size: 1.500em; } .text-28 { font-size: 1.900em; } .text-32 { font-size: 2em; } /*--- font style -----------------------------------------------------------------*/ .weight-bold { font-weight: bold; } .weight-normal { font-weight: normal; } .style-italic { font-style: italic; } .style-none { font-style: normal; } .decoration-underline { text-decoration: underline; } .decoration-overline { text-decoration: overline; } .decoration-none { text-decoration: none; } .transform-uppercase { text-transform: uppercase; } .transform-capitalize { text-transform: capitalize; } .transform-lowercase { text-transform: lowercase; } .transform-none { text-transform: none; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .align-justify { text-align: justify; } /*___VARIOUS RULE_________________________________________________________________*/ /*Clean box model*/ .clean { border: 0px; margin: 0px; padding: 0px; } /*Border test for block*/ .border-test { border: 1px solid #000 } /*Vertical and horizontal graphic rules*/ .righello-x { background: url('images/righellox.gif') left top;} .righello-y { background: url('images/righelloy.gif') left top;} #block_1 {width:326px; height:248px; background:url('images/new_home_01.jpg') no-repeat; position:relative;} #block_2 {width:341px; height:248px; background:url('images/new_home_02.jpg') no-repeat; position:relative;} #block_3 {width:323px; height:248px; background:url('images/new_home_03.jpg') no-repeat; position:relative;} #block_4 {width:333px; height:412px; background:url('images/new_home_04.jpg') no-repeat; position:relative;} #block_5 {width:322px; height:412px; background:url('images/new_home_05.jpg') no-repeat; position:relative;} #block_6 {width:335px; height:412px; background:url('images/new_home_06.jpg') no-repeat; position:relative;} #tasto_sn_1{width:70px; height:20px; background: url('images/tasti_home_off_06.png') no-repeat;position:absolute; top:10px; right:45px;} #tasto_sn_1:hover{background: url('images/tasti_home_06.png') no-repeat;} #tasto_sn_2{width:116px; height:20px; background: url('images/tasti_home_off_18.png') no-repeat;position:absolute;top:40px;right:42px;} #tasto_sn_2:hover{background: url('images/tasti_home_18.png') no-repeat;} #tasto_sn_3{width:85px; height:20px; background: url('images/tasti_home_off_26.png') no-repeat;position:absolute;top:70px;right:39px;} #tasto_sn_3:hover{background: url('images/tasti_home_26.png') no-repeat;} #tasto_sn_4{width:109px; height:20px; background: url('images/tasti_home_off_34.png') no-repeat;position:absolute;top:100px;right:36px;} #tasto_sn_4:hover{background: url('images/tasti_home_34.png') no-repeat;} #tasto_sn_5{width:103px; height:20px; background: url('images/tasti_home_off_42.png') no-repeat;position:absolute;top:130px;right:33px;} #tasto_sn_5:hover{background: url('images/tasti_home_42.png') no-repeat;} #tasto_sn_6{width:70px; height:20px; background: url('images/tasti_home_off_50.png') no-repeat;position:absolute;top:160px;right:30px;} #tasto_sn_6:hover{background: url('images/tasti_home_50.png') no-repeat;} #tasto_cn_1{width:45px; height:20px; background: url('images/tasti_home_off_09.png') no-repeat;position:absolute;top:0px; left:139px;} #tasto_cn_1:hover{background: url('images/tasti_home_09.png') no-repeat;} #tasto_cn_4{width:57px; height:20px; background: url('images/tasto_video_off.png') no-repeat;position:absolute;top:30px; left:134px;} #tasto_cn_4:hover{background: url('images/tasto_video_on.png') no-repeat;} #tasto_cn_2{width:137px; height:27px; background: url('images/tasti_home_off_58.png') no-repeat;position:absolute;top:330px;left:9px;} #tasto_cn_2:hover{background: url('images/tasti_home_58.png') no-repeat;} #tasto_cn_3{width:134px; height:27px; background: url('images/tasti_home_off_60.png') no-repeat;position:absolute;top:330px;right:8px;} #tasto_cn_3:hover{background: url('images/tasti_home_60.png') no-repeat;} #tasto_dx_1{width:101px; height:20px; background: url('images/tasti_home_off_12.png') no-repeat;position:absolute;top:10px;left:45px;} #tasto_dx_1:hover{background: url('images/tasti_home_12.png') no-repeat;} #tasto_dx_2{width:126px; height:20px; background: url('images/tasti_home_off_21.png') no-repeat;position:absolute;top:40px;left:42px;} #tasto_dx_2:hover{background: url('images/tasti_home_21.png') no-repeat;} #tasto_dx_3{width:57px; height:20px; background: url('images/tasti_home_off_29.png') no-repeat;position:absolute;top:70px;left:39px;} #tasto_dx_3:hover{background: url('images/tasti_home_29.png') no-repeat;} #tasto_dx_4{width:68px; height:20px; background: url('images/tasti_home_off_37.png') no-repeat;position:absolute;top:100px;left:36px;} #tasto_dx_4:hover{background: url('images/tasti_home_37.png') no-repeat;} #tasto_dx_5{width:86px; height:20px; background: url('images/tasti_home_off_45.png') no-repeat;position:absolute;top:130px;left:33px;} #tasto_dx_5:hover{background: url('images/tasti_home_45.png') no-repeat;} #tasto_dx_6{width:204px; height:20px; background: url('images/tasti_home_off_53.png') no-repeat; position:absolute;top:160px;left:30px;} #tasto_dx_6:hover{background: url('images/tasti_home_53.png') no-repeat;} #logo {position:absolute; top:0px; left:0px;} #menulinks {width:990px; background:url('images/testata_passato_interna_09.jpg') top left repeat-x black;} #menulinks .button{ height:36px;} #menulinks.passato .button{ margin-left:41px; margin-right:41px; } #menulinks.presente .button{ margin-left:34px; margin-right:34px; } #albo {width:103px; background: url('images/testata_passato_interna_08.jpg') bottom left no-repeat;} #storia{ width:62px; background: url('images/testata_passato_interna_06.jpg') bottom left no-repeat;} #biblioteca{ width:97px; background: url('images/testata_passato_interna_12.jpg') bottom left no-repeat;} #gallery_past{ width:76px; background: url('images/testata_passato_interna_10.jpg') bottom left no-repeat;} #museo{ width:61px; background: url('images/testata_passato_interna_16.jpg') bottom left no-repeat;} #materiale{ width:91px; background: url('images/testata_passato_interna_14.jpg') bottom left no-repeat;} #organico{width:91px; background: url('images/testata_presente_interna_06.jpg') bottom left no-repeat;} #modulistica{width:112px; background: url('images/testata_presente_interna_08.jpg') bottom left no-repeat;} #news{ width:50px; background: url('images/testata_presente_interna_10.jpg') bottom left no-repeat;} #eventi{ width:61px; background: url('images/testata_presente_interna_12.jpg') bottom left no-repeat;} #gallery_now{ width:76px; background: url('images/testata_presente_interna_14.jpg') bottom left no-repeat;} #campionato{ width:182px; background: url('images/testata_presente_interna_16.jpg') bottom left no-repeat;} #albo:hover{background: url('images/testata_passato_int_on_08.jpg') bottom left no-repeat;} #storia:hover{background: url('images/testata_passato_int_on_06.jpg') bottom left no-repeat;} #biblioteca:hover{background: url('images/testata_passato_int_on_12.jpg') bottom left no-repeat;} #gallery_past:hover{background: url('images/testata_passato_int_on_10.jpg') bottom left no-repeat;} #museo:hover{background: url('images/testata_passato_int_on_16.jpg') bottom left no-repeat;} #materiale:hover{background: url('images/testata_passato_int_on_14.jpg') bottom left no-repeat;} #organico:hover{ background: url('images/testata_presente_int_on_06.jpg') bottom left no-repeat;} #modulistica:hover{background: url('images/testata_presente_int_on_08.jpg') bottom left no-repeat;} #news:hover{background: url('images/testata_presente_int_on_10.jpg') bottom left no-repeat;} #eventi:hover{background: url('images/testata_presente_int_on_12.jpg') bottom left no-repeat;} #gallery_now:hover{background: url('images/testata_presente_int_on_14.jpg') bottom left no-repeat;} #campionato:hover{background: url('images/testata_presente_int_on_16.jpg') bottom left no-repeat;}