body { text-align: left; margin: 0; padding: 0; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(/srl/images/bg-home.gif); background-position:center; background-repeat:repeat-y; background-color:#0c2c3a;} a:link {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform: none;} a:visited {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform:none;} a:active {text-decoration: none; color:#f39900; font-weight: normal; text-transform:none;} a:hover { color:#f39900; font-weight: normal; text-transform:none;} /* footer */ #footer {width: 980px; margin:auto; padding-top: 15px; padding-bottom: 20px; font-size: 9px; color: #999999;} .clear { clear: both;} /* home */ #container-home {width: 980px; height: 800px; margin:auto; } #home-left {width: 684px; height:700px; float:left; background:url(/srl/images/bg-container-home.jpg);} #home-right { width: 296px; height: 700px; float:right;} #home-menu { margin-top: 320px; height:53px; width:670px; background:url(/srl/images/logo-home.jpg); background-position:right; background-repeat:no-repeat;} #home-menu .list { float:left; padding-right: 15px; margin-top:15px;} #home-menu a:link {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:uppercase;} #home-menu a:visited {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:uppercase;} #home-menu a:active {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#f39900; font-weight: normal; text-transform:uppercase;} #home-menu a:hover {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#f39900; font-weight: normal; text-transform:uppercase;} #home-links { position: absolute; top:290px; width: inherit; height:90px; background-color: #051b26; padding-top: 10px; width: 296px;} #home-links .links { padding-left: 15px; margin-top: 7px;} #home-links a:link {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:lowercase;} #home-links a:visited {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:lowercase;} #home-links a:active {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#EFEFEF; font-weight: normal; text-transform:lowercase;} #home-links a:hover {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#EFEFEF; font-weight: normal; text-transform:lowercase;} #home-video {width:260px; position: absolute; top:60px;} #whatson {color:#0c2c3a; padding:8px; position: absolute; top: 390px; width: 270px;} #whatson .strillo { margin-top:8px;} #whatson strong { font-size:11px;} #whatson .eventi { font-size:14px; font-weight:bold; border-bottom:1px solid #FFF; padding-bottom:5px; margin-bottom:0;} #whatson .eventi-archivio { font-size:12px; font-weight:bold; border-top:1px solid #FFF; padding-top:5px; margin-top:5px; text-align:right;} #whatson .eventi-archivio a:link {text-decoration: none; color:#FFFAFA; font-weight: bold; text-transform: none;} #whatson .eventi-archivio a:visited {text-decoration: none; color:#FFFAFA; font-weight: bold; text-transform:none;} #whatson .eventi-archivio a:active {text-decoration: none; color:#FFFAFA; font-weight: bold; text-transform:none;} #whatson .eventi-archivio a:hover { color:#FFF; font-weight: bold; text-transform:none;} #whatson .strillo a:link {text-decoration: none; color:#051B26; font-weight: normal; text-transform: none;} #whatson .strillo a:visited {text-decoration: none; color:#051B26; font-weight: normal; text-transform:none;} #whatson .strillo a:active {text-decoration: none; color:#051B26; font-weight: normal; text-transform:none;} #whatson .strillo a:hover { color:#FFF; font-weight: normal; text-transform:none;} #footer { padding-left:15px;} /* interne */ #container { margin:auto; width: 980px; background:url(/srl/images/bg-home.gif); background-position:left; background-repeat:repeat-y; background-color: #0c2c3a; } #container-left { float:left; width:191px;} #container-center { float:left; width: 493px;} #container-right { float:right; width: 296px;} #main-menu {width: 493px; border-top: 4px solid #f39900; height:100px; background-color: #051b26;} #menu {width: 493px;} #up-menu {height:84px;} #menu .list { float:left; margin-right: 15px;} #menu .selected {border-bottom: 3px solid #f39900; margin-right: 15px; font-size: 10px; font-family: Verdana, Arial, Helvetica; float:left; color: #f39900; font-weight: normal; text-transform:uppercase;} #menu a:link {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform:uppercase;} #menu a:visited {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform:uppercase;} #menu a:active {text-decoration: none; color:#f39900; font-weight: normal; text-transform:uppercase;} #menu a:hover { color:#f39900; font-weight: normal; text-transform:uppercase;} #titolo { font-size:18px; color: #f39900; font-weight:bold; text-transform:uppercase; width:250px; float:right; text-align:right; padding-top: 10px; padding-right: 10px;} #internal-links { width:93px; float: left;} #internal-links .links {padding-left: 5px; margin-top: 3px;} #internal-links a:link {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:lowercase;} #internal-links a:visited {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#FFFFFF; font-weight: normal; text-transform:lowercase;} #internal-links a:active {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#EFEFEF; font-weight: normal; text-transform:lowercase;} #internal-links a:hover {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#EFEFEF; font-weight: normal; text-transform:lowercase;} #contatti { margin-top:150px; padding-left: 20px; color:#051B26; font-weight: bold;} #contatti a:link {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#051B26; font-weight: normal;} #contatti a:visited {font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica; color:#051B26; font-weight: normal; } #contatti a:active {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#051B26; font-weight: normal; } #contatti a:hover {font-size: 10px; text-decoration: underline; font-family: Verdana, Arial, Helvetica; color:#051B26; font-weight: normal; } #content { color: #8dadb3; padding: 20px;} #content h1 { font-size:18px;} #sub-menu { width: 250px; height:145px; padding-top: 10px; } #sub-menu .list { padding-left: 10px;padding-bottom: 3px; padding-top:3px; font-size:10px; color:#000000; text-transform:uppercase;} #sub-menu .selected { padding-left: 10px; padding-bottom: 3px; padding-top:3px; background-color:#FFFFFF; color: #000000; text-transform: uppercase; } #sub-menu a {font-size: 10px; text-decoration: none; color:#000000; font-weight: normal; text-transform:uppercase; } #sub-menu a:link { color:#000000; } #sub-menu a:visited { color:#000000;} #sub-menu a:active { color:#000000; } #sub-menu .list a:hover { color:#EFEFEF;} #sub-menu .selected a:hover { color:#666;} #sub-menu-gallery {width: 296px; padding-top: 20px; padding-left:2px; position:absolute; top:150px;} #sub-menu-gallery img {border:2px solid #FFF; margin:4px; padding:0; } #sub-menu-sezione { width: 250px; padding-top: 10px;} #sub-menu-sezione .list { padding-left: 10px;padding-bottom: 3px; padding-top:3px; background-color:#ffd373; font-size:10px; color:#000000; text-transform:uppercase; margin-bottom: 3px;} #sub-menu-sezione .selected { padding-left: 10px; padding-bottom: 3px; padding-top:3px; background-color:#FFF; color: #000000; text-transform: uppercase; margin-bottom: 3px;} #sub-menu-sezione a:link {font-size: 10px; text-decoration: none; color:#000000; font-weight: normal; text-transform:uppercase; } #sub-menu-sezione a:visited {font-size: 10px; text-decoration: none; color:#000000; font-weight: normal; text-transform:uppercase;} #sub-menu-sezione a:active {font-size: 10px; text-decoration: none; color:#000000; font-weight: normal; text-transform:uppercase;} #sub-menu-sezione a:hover {font-size: 10px; text-decoration: nonea; color:#FFF; font-weight: normal; text-transform:uppercase;} .gallery-immagini { width: 430px; border-top:1px solid #fff; margin-top: 15px; padding-top:10px;} .gallery-immagini-left { width: 280px; float:left; } .gallery-immagini-left .titolo { padding-left: 10px; padding-bottom: 3px; background-color:#ffa800; color:#000; font-size:10px; font-weight:bold;} .gallery-immagini-right { width: 100px; float:right;} .gallery-immagini-right img { border:1px solid #FFF; padding: 3px} .gallery-video { width: 430px; border-top:1px solid #ffa800; margin-top: 15px;} .gallery-video-left { width: 255px; float:left; } .gallery-video-left .titolo { padding-left: 10px; padding-bottom: 3px; padding-right:10px; background-color:#ffa800; color:#000; font-size:10px; font-weight:bold;} .gallery-video-right { width: 160px; float:right; border-left:1px solid #ffa800; border-right:1px solid #ffa800;} .gallery-attrezzature { width: 430px; border-top:1px solid #a5d5d6; margin-top: 15px;} .gallery-attrezzature-immagine { width: 65px; float:left; padding-top: 5px; padding-right: 8px;} .gallery-attrezzature-immagine img { border: 1px solid #a5d5d6; } .gallery-attrezzature-titolo { padding: 1px; background-color:#a5d5d6; color:#000; font-size:9px; font-weight:bold; text-transform:uppercase; padding-right:10px;} .gallery-attrezzature-descrizione { width: 350px; float:left; padding-top:5px;} .attrezzatura-titolo {font-size:12px; margin-bottom:10px; font-weight:bold} .attrezzatura-immagine img {border:1px solid #FFF;} .attrezzatura-descrizione { margin-bottom:15px;} /* EVENTI */ #evento .back-eventi { text-align:right;} #evento .footer-eventi { text-align:right; margin-top: 10px; padding:5px; border-top:1px solid #F39900} #evento .citta { font-size:13px; color:#FFFAFA;} #evento .data { font-size:11px;} #evento a:link {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform: none;} #evento a:visited {text-decoration: none; color:#FFFFFF; font-weight: normal; text-transform:none;} #evento a:active {text-decoration: none; color:#f39900; font-weight: normal; text-transform:none;} #evento a:hover { color:#f39900; font-weight: normal; text-transform:none;} .lista-eventi { width: 430px; border-top:1px solid #a5d5d6; margin-top: 15px;} .lista-eventi-immagine { width: 65px; float:right; padding-top: 2px; padding-left: 8px;} .lista-eventi-immagine img { border: 1px solid #a5d5d6; } .lista-eventi-titolo { padding: 1px; background-color:#a5d5d6; color:#000; font-size:11px; font-weight:bold; padding-right:10px;} .lista-eventi-sottotitolo {padding: 3px; color:#FFF; font-size:9px; } .lista-eventi-data {color:#FFF; font-size:9px; font-weight:bold; padding-left:10px;} .lista-eventi-citta {padding:3px; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; } .lista-eventi-descrizione { padding-top:5px;} .lista-eventi-descrizione a:link {text-decoration: none; color:#A5D5D6; font-weight: normal; text-transform: none;} .lista-eventi-descrizione a:visited {text-decoration: none; color:#A5D5D6; font-weight: normal; text-transform:none;} .lista-eventi-descrizione a:active {text-decoration: none; color:#A5D5D6; font-weight: normal; text-transform:none;} .lista-eventi-descrizione a:hover { color:#FFF; font-weight: normal; text-transform:none;}