@charset "UTF-8"; /* ------------------------------------------ AMA Roma S.p.A. CSS Main Stylesheet (c) 2010 Studio Hangloose http://www.studiohangloose.it ------------------------------------------ */ /* ------------------------------------------ ------------ BROWSER DEFAULT RESET ---------- ------------------------------------------ */ * { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, fn, em, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } a { outline:none; } /* ------------------------------------------ --------------- GENERAL STYLING ------------- ------------------------------------------ */ body { font-family: helvetica, arial, sans-serif; line-height: 1.5; color: black; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h4, h5, h6 { font-weight: bold; } b, strong, caption, th, thead, dt, legend { font-weight: bold; } b, strong{color:#3C3C3C;} cite, dfn, em, i { font-style: italic; } code, kbd, samp, pre, tt, var { font-family: mono-space, monospace; } /*h1, h2, h3, h4, h5, h6 { word-spacing: -0.125em; font: normal 100% "Myriad Pro", Arial, Helvetica, sans-serif; } */p { word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; } pre { white-space: pre; } del { text-decoration: line-through; } mark { background: rgba(255, 255, 0, 0.4); padding: 0 .25em; } ins { color: #f00; } small, sup, sub { font-size: 80%; } big { font-size: 125%; line-height: 80%; } abbr, acronym { font-size: 85%; text-transform: uppercase; letter-spacing: .1em; } abbr[title], acronym[title], dfn[title] { border-bottom: 1px dotted black; cursor: help; } sup, sub { line-height: 0; } sup { vertical-align: super; } sub { vertical-align: sub; } blockquote { padding: 1.5em; } hr { border: none; background: #ddd; width: 100%; } ul, ol { margin-left: 1.5em; } ul { list-style: disc outside; } ol { list-style: decimal outside; } button { cursor: pointer; } table { font: inherit; width: 100%; } /* ------------------------------------------ --------------- TYPOGRAPHY ------------- ------------------------------------------ */ p { font-size:12px; line-height:20px; position:relative; top:5px; } h2 { font: 500 26px/26px "Arial Narrow", Arial, Helvetica, sans-serif; color: #900; margin-bottom: 14px; position:relative; } h3 { font: 500 24px/24px "Arial Narrow", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 16px; position:relative; } h4 { font: 300 20px/20px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px; position:relative; } h5 { font: 500 18px/18px Arial, Helvetica, sans-serif; color: #333; position:relative; } h2 a, h2 a:link, h2 a:visited { font: 500 26px/26px "Arial Narrow", Arial, Helvetica, sans-serif; color:#990000; text-decoration:none;zoom:1} h3 a, h3 a:link, h3 a:visited { font: 500 24px/24px "Arial Narrow", Arial, Helvetica, sans-serif; color:#990000; text-decoration:none;zoom:1 } h4 a, h4 a:link, h4 a:visited { font: 500 22px/22px "Arial Narrow", Arial, Helvetica, sans-serif; color: #595959; text-decoration:none;display:block;zoom:1 } h2 span { color:#900; } #form-area h2{color:#1D63AE;} a { text-decoration:underline; color:#3C3C3C; } a:link { text-decoration:underline; color:#3C3C3C} a:visited { text-decoration:underline;color:#3C3C3C;} a:hover { text-decoration:underline; color:#0042B5; } .blue,span.blue a { color:#1D63AE; } .yellow { color:#D5B13D; } .green { color:#21A34A; } .light-green { color:#A4B54C; } .align-left { float:left; } .align-right { float:right; } .rosso,span.rosso a { color:#990000; } .celeste { color:#7FB2CC } .blu { color:#1D63AE; } .grigio { color:#999999 } /* ------------------------------------------ -------------- GESTIONE CLEARING ------------ ------------------------------------------ */ .cleared:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } .cleared { clear:both; height:1%; } /* ------------------------------------------ -------------- STRUTTURA ------------ ------------------------------------------ */ html, body { height: auto; height: 100%; min-height: 100%; max-height: 100%; min-width:980px; } body { background: #FFF url(/images-new/structure/bck.png) no-repeat center top } .wrap, #main-wrapper { width:980px; margin: 0px auto;position:relative; } #header { height:220px; position:relative; } #header-logo { position:absolute; top:20px; left:0px; z-index:10; background: url(/images-new/structure/header-blocker.png) no-repeat right top; width:320px; height:200px; } #header-logo h1 { display:block; margin:0; padding:0; margin-left:20px; margin-top:40px; } #header-searchbar { position:absolute; top:0px; right:0px; background: url(/images-new/structure/nav-box.png) no-repeat left top; width:340px; height:84px; z-index:8 } #header-searchbar div.searchcampo_ricerca { padding-top:20px; padding-left:40px; } #header-searchbar input#mod_search_searchword { width:180px; } #header-searchbar button.buttoncampo_ricerca { width:80px; } /* /*#header-gallery #controls-container{ background:#555555 url(/images-new/structure/control-bck.png) no-repeat right top; position:absolute; width:220px; height:150px; position:absolute; right:0; top:0;padding-top:70px; } */ #pre-footer, #navbar { text-align:left; padding-left:10px;position:relative; } #navbar{height:40px;width:970px;} #main { position:relative;background: #FFF url(/images-new/structure/main-area.png) no-repeat left top; width:660px; min-height:550px; float:right; display: inline; } #main-long {position:relative; background: #FFF url(/images-new/structure/main-area.png) no-repeat left top; width:780px; min-height:550px; float:right; display: inline; } #main-mono {position:relative; background: #FFF url(/images-new/structure/main-area.png) no-repeat left top; min-height:550px; width:100%; float:right; display: inline; } #sidebar { width:320px; float:left; padding-top:20px; display: inline; } #sidebar-short { width:200px; float:left; padding-top:20px; display: inline; } #pre-footer { background:#F9C11E url(/images-new/structure/pre-footer-bck.png) repeat-x left top; margin-top:20px; } #footer { background:#F0F0F0 url(/images-new/structure/pre-footer-bck.png) repeat-x left top; padding-bottom:80px; } #footer-overlays h3, #footer-overlays p { margin:0; padding:0; } #footer {padding-bottom:80px;} .footer-nav {margin-left:15px; margin-right:20px; padding:20px 0px 5px 0px;list-style-type:none; border-bottom:1px #ddd solid; line-height:14px;} .footer-nav li {float:left; height:14px; padding:0px 10px; background: url(/images-new/structure/separator-1.png) repeat-y right top;} .footer-nav li a {display:block; text-transform:uppercase; text-decoration:none; color:#333; font-size:11px;} .footer-nav li a:hover {text-decoration:underline;} .footer-nav li.first {padding-left:0px;} .footer-nav li.last {background:none;} .footer-nav-alt {list-style-type:none; border-bottom:none; position:absolute; right:20px; top:20px; line-height:14px;} .footer-nav-alt li {float:left; height:14px; padding:0px 10px; background: url(/images-new/structure/separator-1.png) repeat-y left top;} .footer-nav-alt li a {display:block; text-transform:uppercase; text-decoration:none; font-size:11px; color:#777;} .footer-nav-alt li a:hover {text-decoration:underline;} .footer-nav-alt li.first {background:none;} .footer-nav-alt li.last {padding-right:0px;} .footer-nav-alt li a.rss-icon {background: url(/images-new/icons/feed-icon-14x14.png) no-repeat left center; padding-left: 20px;} .footer-note {margin-left:15px; margin-top:5px; font-size:11px; color:#777;} .footer-note a, .footer-note a:link, .footer-note a:visited {color:#777; text-decoration:none; border-bottom:1px dotted #777;} .footer-note a:hover {color:#333; text-decoration:none; border-bottom:1px solid #333;} #credits {padding:25px; width:650px; height:500px;} #credits img {float:left;} #credits h5 {padding-top:23px; padding-bottom:0px;color:#999;} #credits p {font-size:13px; color:#333; margin:10px 0px; line-height:19px;} #credits p strong {font-size:11px; color:#999;} #credits p small {line-height:17px; font-size:12px;} #credits h5, #credits p {margin-left:250px;} #credits-ama {border-bottom:1px solid #eee; padding-bottom:25px;} #credits-hangloose p {padding-top:29px; color:#666;} #credits-hangloose a {color:#333; text-decoration:none;} #credits-hangloose a:hover {color:#000; text-decoration:underline;} #footer-overlays{display:none;} /* ------------------------------------------ -------------- INTERACTIVE GALLERY ------------ ------------------------------------------ */ #header-gallery { height: 200px; width: 780px; left:200px; position:absolute; top:20px; z-index:5; background: transparent } #header-gallery div#standard-image { width:780px; position:relative; overflow:hidden; height:200px; } #header-gallery div#standard-image-blocker { position:absolute; right:0; top:0; width:200px; height:200px; background: url(/images-new/structure/standard-page-blocker.png) no-repeat left top; } #controls-container { background:transparent url(/images-new/structure/control-bck.png) no-repeat left top; position:absolute; width:215px; height:200px; position:absolute; right:0; top:0; } #controls-container a.prev, #controls-container a.next { display:block; position:absolute; text-indent:-9999px; background-repeat::no-repeat;height: 20px; width: 20px; z-index:2; } #controls-container a.next { bottom:20px; right:40px; background-position:0px -40px; } #controls-container a.next:hover { background-position:0px -60px; } span.image-wrapper { display: block; position: absolute; top: 0; left: 0; overflow:hidden; height:200px; } span.image-caption { display: block;/*position: absolute;*/ } #controls-container a.prev { bottom:20px; left:40px; background-position:0px 0px; } #controls-container a.prev:hover { background-position:0px -20px; } #controls-container #caption div.image-title { font: bold 15px/18px Arial, Helvetica, sans-serif; color: #666; padding-left:20px; position:absolute; width:220px; top:70px; } #controls-container div.photo-index {/* position:absolute; bottom:30px; left:20px; width:180px; text-align:center; z-index:1; font: 11px Arial, Helvetica, sans-serif;*/ display:none; } #controls-container div.photo-all-link { position:absolute; bottom:20px; left:20px; width:180px; text-align:center; z-index:1; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; } #controls-container div.photo-all-link a { color:#666; } #controls-container #caption div.image-desc { font: bold 15px/18px Arial, Helvetica, sans-serif; color: #666; padding-left:20px; position:absolute; width:220px; top:90px; } #controls-container #caption div.image-title a,#controls-container #caption div.image-desc a { color: #666; text-decoration: none; } #controls-container #caption div.image-title a { background: url(/images-new/icons/mini-arrows.png) no-repeat right 4px; padding-right:15px; display:inline-block; } #controls-container #caption div.image-title a span { display:none; } /*#controls-container #caption div.image-title a:hover,#controls-container #caption div.image-desc a:hover{text-decoration:underline;}*/ #slideshow-container div#loading { background: url(/images-new/ajax-loader.gif) no-repeat center center; width:580px; height:200px; } #slideshow-container { position:relative; top:0; left:0; } #slideshow { width:580px; background:#FFF; height:200px; overflow:hidden; } /* ------------------------------------------ -------------- NAVIGATION ---------- ------------------------------------------ */ dl.accordion-menu dd, dl.accordion-menu, dl.accordion-menu dt { display:inline; } dl.accordion-menu dd { display:none; } dl.accordion-menu dt span, dl.accordion-menu dt a { padding-left:10px; padding-right:6px; font: normal 14px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #666; background: url(/images-new/structure/separator-1.png) repeat-y left top; } dl.accordion-menu dt.current span, dl.accordion-menu dt.current a { color:#990000; font-weight:bold; } dl.accordion-menu dt.first a, dl.accordion-menu dt.first span { background:none; } /* ------------------------------------------ -------------- ELEMENTS------------ ------------------------------------------ */ .colorside { background: url(/images-new/structure/sidebar_evidenza.png) no-repeat left top; } .blueside { background: url(/images-new/structure/sidebar_evidenza_blue.png) no-repeat left top; } .colorside-bottom { background: url(/images-new/structure/sidebar_evidenza-bottom.png) no-repeat left bottom; position:relative; height:1%; } .blueside-bottom { background: url(/images-new/structure/sidebar_evidenza-bottom_blue.png) no-repeat left bottom; position:relative; height:1%; } .blueside h2.main-heading ,.colorside h2.main-heading { margin-bottom:4px; background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom;padding-bottom:15px; } .blueside-item,.colorside-item { background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom; position:relati } .colorside div#box-calcola-tariffa h4,.colorside-item h4 { margin-bottom:0; font: normal 17px/20px Arial, Helvetica, sans-serif; padding-top:10px; padding-bottom:10px; } .blueside-item h4 a,.colorside-item h4 a { font: normal 17px/20px Arial, Helvetica, sans-serif; color:#333; display:block; padding-left:20px; padding-right:20px; background: url(/images-new/icons/go-arrows-new.png) no-repeat 280px -42px; } .blueside-item h4 a:hover,.colorside-item h4 a:hover { background: url(/images-new/icons/go-arrows-new.png) no-repeat 280px -2px; } .blueside p.form-block span,.colorside p.form-block span{padding-bottom:0;} .colorside p.form-block {min-height:20px;} .colorside div#box-calcola-tariffa{padding-top:0px;} #calcola-tariffa-response input,.colorside div#box-calcola-tariffa input{font-size:11px;width:40px;/*line-height:11px;*/padding:2px;} .colorside div#chiamaroma{text-align:center;padding:10px;} body ul.main-boxes li.event-rotate{display:none;} ul.main-boxes { margin:0; padding:0; } ul.main-boxes > li { list-style: none; float: left; display: inline; width: 320px; min-height: 120px; background: url(/images-new/structure/box-border.png) no-repeat left bottom; } ul.main-boxes > li img.align-left, .main-boxes li img.align-right { margin:5px; } ul.main-boxes > li h2, .main-boxes li h3, .main-boxes li h4 { margin-top:20px; margin-right:10px; color:#900; margin-left:20px; } ul.main-boxes > li ul, ul.main-boxes > li p { padding-right:10px; padding-bottom:20px; margin-left:20px; font-size:14px;} ul.main-boxes > li a.big-title { margin:1px; padding:19px; padding-top:29px; padding-bottom:27px;min-height: 60px; display: block; color: #999; text-decoration:none; font: 700 26px/30px "Arial Narrow", Arial, Helvetica, sans-serif; position:relative; } ul.main-boxes > li a.big-title:hover { background: #FEF4D8; } ul.main-boxes > li a.big-title span { display:block; position:relative; } ul.main-boxes > li a.big-title img { position:absolute; right:-5px; top:0; } ul.main-boxes > li ul { padding-bottom:30px; } ul.main-boxes > li ul li { font-size:14px; list-style: none; font-weight: normal; line-height: 20px; color:#999; } ul.main-boxes > li ul li a { background: url(/images-new/icons/mini-arrows.png) no-repeat right 8px; padding-right: 20px; display:block; color:#3C3C3C;text-decoration:none; } ul.main-boxes > li ul li a:hover {text-decoration:underline;color:#0047A5; } ul.main-boxes > li.thumbnailed h2, ul.main-boxes > li.thumbnailed h3, ul.main-boxes > li.thumbnailed h4, ul.main-boxes > li.thumbnailed p, ul.main-boxes > li.thumbnailed ul { margin-left:100px; } ul.main-boxes li.over{cursor:pointer; } #news-ticker { background: url(/images-new/structure/box-border.png) no-repeat left bottom; min-height:72px;margin:0;padding:0; margin-right:20px;padding-left:60px;position:relative;} #mini-nav-container{position:relative;height:1%;} div#mini-nav a{ background-image: url(/images-new/icons/go-arrows-new.png); background-repeat:no-repeat; cursor:pointer;width:20px;height:30px;display:block;top:0px;position:absolute;z-index:20} div#mini-nav a span{ display:none;} div#mini-nav{position:absolute;width:60px;height:30px;top:20px;z-index:20} div#mini-nav a#mini-prev{left:20px;background-position:center -122px;} div#mini-nav a#mini-next{left:40px;background-position:center -42px;} div#mini-nav a#mini-prev:hover{background-position:center -82px;} div#mini-nav a#mini-next:hover{background-position:center -2px;} #news-ticker li h4 a { color:#999;text-decoration:none; line-height:22px;display:block; /*padding-right:20px; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -40px;*/position:relative; } #news-ticker li h4 a:hover { /*background: url(/images-new/icons/go-arrows-new.png) no-repeat right 0px;*/ text-decoration:underline;color:#0047A5;} /*.news-list li h4 a,.box-list li h4 a {color:#999999; text-decoration:none; line-height:22px; } .news-list li h4 a:hover,.box-list li h4 a:hover {text-decoration:underline; }*/ .news-list { margin:0; padding:0; padding-right:20px; margin-top:-10px; } .box-list { margin:0; padding:0; padding-right:20px;/* background: url(/images-new/structure/box-border.png) no-repeat left bottom;*/ } #news-ticker li,.news-list li,.box-list li { list-style: none; padding:20px; padding-bottom:20px; position:relative; } .news-list li img,.box-list li img { padding:2px; border:solid 1px #fff; position:relative } .news-list div.box-abstract,.box-list li div.box-abstract{line-height:20px; position:relative; top:5px;font-size:14px; } .news-list p,.box-list li p{line-height:20px; font-size:14px;top:0;margin:0;padding:0;} .news-list li a:hover img,.box-list li a:hover img { border:solid 1px #666; background:#dedede } .news-list li a.thumb ,.box-list li a.thumb { display:block; position:relative; ; top:-3px; left:-3px; float:left; margin-right:17px; } .news-list li h4 ,.box-list li h4 { padding-bottom:0; min-height:20px; margin-bottom:0; top:-4px; } /*.news-list li h4 a,*/.box-list li h4 a {color:#999; text-decoration:none; line-height:22px; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -38px;padding-right:24px;display:inline;} /*.news-list li h4 a:hover,*/.box-list li h4 a:hover {text-decoration:underline;background: url(/images-new/icons/go-arrows-new.png) no-repeat right 2px; color:#0047A5; } .news-list li h4 a{color:#999; text-decoration:none; line-height:22px;display:inline;} .news-list li h4 a:hover{text-decoration:underline;color:#0047A5; } .news-list li { list-style: none; background: url(/images-new/structure/box-border.png) no-repeat left bottom; position:relative; } .news-list li.over,.box-list li.over{cursor:pointer; } .pdf-list {list-style:none;} .pdf-list li, .text-content .pdf-list li {background:url(/images-new/icons/file_acrobat.gif) left top no-repeat; padding-left:25px; font-size:13px;} .pdf-list li small {padding-left:10px;} .pdf-list li a { color:#900; text-decoration:underline;} .floated-box {float:left; margin-right:40px;} .mini-list { margin:0; padding:0; padding-right:20px; padding-bottom:20px; } .mini-list li { list-style: none; position:relative; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #999; padding-left:20px; margin-bottom: 20px; } .mini-list li a { color:#666; text-decoration:none; display:inline-block; } .mini-list li a:hover {text-decoration:underline;} .mini-list p { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #999 } a.help-btn { display:inline-block; text-indent:-5000px; height:14px; width:14px; background-image:url(/images-new/icons/help-icon.gif); background-position:left top; background-repeat:no-repeat; } a.help-btn:hover { background-position:left bottom; } .navigation-list { margin:0; padding:0; } .navigation-list li { list-style: none; display:block; color: #666; padding:0; margin:0; margin-top:10px; margin-bottom:10px; } .navigation-list li a { text-decoration:none; font: normal 16px/20px Arial, Helvetica, sans-serif; display:block; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -40px; padding-right:25px; line-height:20px; color:#333; position:relative; } .navigation-list li a:hover { background: url(/images-new/icons/go-arrows-new.png) no-repeat right 0px; } .navigation-list li.current a { color:#900; } #pathway { padding-left:20px; font-size:11px; } #pathway span, #pathway a { line-height:40px; color:#999; } .main-heading { padding-left:20px; padding-top:20px; } .main-heading a,.main-heading a:link,.main-heading a:visited { color:#333; text-decoration:none; } .go-to a { display:block; text-align:right; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -40px; padding-right:25px; line-height:20px; margin-bottom:10px; color:#666; position:relative; top:5px; } .go-to a:hover { background: url(/images-new/icons/go-arrows-new.png) no-repeat right 0px; } .sidebar-item { padding:20px; padding-bottom:15px; padding-top:15px; background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom; position:relative; } .sidebar-item h2 { margin-bottom:4px; color:#333 } .sidebar-item h2 a,.sidebar-item h2 a:link,.sidebar-item h2 a:visited { color:#333; text-decoration:none; } #sidebar div.sidebar-item h2 a ,#sidebar h2.main-heading a {display:block; padding-right:20px; background: url(/images-new/icons/go-arrows-new.png) no-repeat 260px -38px; } #sidebar div.sidebar-item h2 a:hover,#sidebar h2.main-heading a:hover { background: url(/images-new/icons/go-arrows-new.png) no-repeat 260px 2px; text-decoration:none;} .no-border { border:none; background: none; } .col320{width:320px;} .col220{width:220px;} .col260{width:260px;} .back-to-top{ position:relative; display:block; text-align:right; margin-right: 20px; margin-left: 20px; } .back-to-top a{ position:relative; float:right; background:url(/images-new/icons/go-arrows-new.png) no-repeat right -195px; padding-right: 20px; line-height:30px; } .back-to-top a:hover{ background:url(/images-new/icons/go-arrows-new.png) no-repeat right -155px; } /* ------------------------------------------ -------------- FORMS------------ ------------------------------------------ */ input, select, textarea { border:1px solid #B8B8B8; padding:10px; font:normal 14px Arial, Helvetica, sans-serif; text-transform: none; color: #666; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background: url(/images-new/structure/form-bck.png) no-repeat left top; height:18px; vertical-align:middle; } input.buttoncampo_ricerca { border:none; height:35px; } input.error, select.error, textarea.error{ border:1px solid #F00 !important; background: #FFDFDF url(/images-new/structure/form-bck-error.png) no-repeat left top; } input.focused, select.focused, textarea.focused{ border:1px solid #666; } button { vertical-align:middle; } select { height:40px; } label { display:block; font-size:11px; padding-bottom:4px; line-height:11px; } label.inline{ display:inline;} .form-block span { float:left; padding-right:5px;position:relative;padding-bottom:20px; } .form-block:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } .form-block { clear:both; height:1%;position:relative;min-height:65px;} #form-area label {font-weight:bold;font-size:12px;} #form-area input, #form-area select, #form-area textarea { border:1px solid #B8B8B8; padding:5px; font:normal 12px Arial, Helvetica, sans-serif; height:18px;} #form-area select {height:28px;} #form-area .form-footer { position:relative; margin-top:20px; padding-bottom:40px; border-top:1px solid #CCC;padding-top:20px; } #form-area .error-input-msg{position:absolute;bottom:2px;font-size:10px;color:#F00;display:block;left:0;min-width:100px;} #form-area{font-size:12px;line-height:20px;/* -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ } .hidden { display:none; } .help-bullet{min-width:300px;padding:20px;} #form-message {padding:20px;} .privacy { margin-bottom:10px; border:solid 1px #ccc; width:640px; height:80px;margin-top:10px; } .privacy div { position:relative; height:56px; width:616px; overflow:auto; font-size:11px; padding:10px; background:#EFEFEF; border:solid 2px #fff; } .privacy div p { font-size:11px; line-height:15px; margin:10px 0px; } .privacy small { color:#900; font-size:11px; display:block; } .bck-tl{ position:relative;height:1%; background:#FDF3DC url(/images-new/structure/form-bck-tl.png) no-repeat left top;margin:20px; } .bck-tr{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-tr.png) no-repeat right top } .bck-br{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-br.png) no-repeat right bottom; } .bck-bl{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-bl.png) no-repeat left bottom ;padding:20px;} /* ------------------------------------------ ----------------MESSAGES --------------- ------------------------------------------ */ .message{padding-bottom:20px;font-size:16px; } .message div.message-head{padding:10px; -khtml-border-top-right-radius: 6px; -khtml-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;} .message div.message-body{font-size:16px;padding:10px;padding-bottom:20px; -khtml-border-bottom-right-radius: 6px; -khtml-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;} .error div.message-head{background:#FFD1D1;border-bottom:solid 1px #F8ACAC;} .error div.message-body{ background:#FEEBEB;font-size:14px;line-height:20px; } .success div.message-head{ background:#F2E8D2; border-bottom:1px solid #E0D7C3;} .success div.message-body{ background:#FDF3DC;font-size:14px;line-height:22px; } /* ------------------------------------------ ---------------- FORM TARIFFE --------------- ------------------------------------------ */ #tariffarifiuti div.colorside { margin-top:-10px; } .form h2 { color:#900; margin:0px; } .form h4 { color:#900; font-size:15px; margin:0px; } .form p { color:#333; top:0px; } .form p.highlight { color:#900; margin-top:20px; font-size:17px; line-height:25px; } .form p.highlight span { color:#000; } .form input, .form select, .form textarea { border-color:#069; } .form .form-block { margin:15px 0px; } /* ------------------------------------------ ---------------- MODULO TARI --------------- ------------------------------------------ */ #modulo-tari {position:relative;} #modulo-tari h4{font-size:16px;} #modulo-tari ul.ui-tabs {position:absolute;right:0px;top:-40px;background:none;} #riepilogo {background:#FFF;border:solid 1px #cccc;padding:20px;} #riepilogo div.riepilogo-sep{border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px; } #modulo-tari ul.ui-tabs li{margin-left:5px;background:transparent;} #modulo-tari span.file-description{position:absolute;left:140px;padding-top:20px;} #modulo-tari ul.ui-tabs li a {background-color:#CCC;color:#333; line-height:30px; padding:0; text-align:center; display:block; width:30px; border:solid 1px #dedede; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius:4px; } #modulo-tari ul.ui-tabs li.ui-tabs-selected a { background: #0042B5 url(/images-new/alert-overlay.png) repeat-x left top; color: #FFF; } #modulo-tari ul.ui-tabs li.ui-state-disabled a { background-color:#dedede;color:#ccc; } #modulo-tari div.ui-tabs-panel{padding:0;padding-top:20px;padding-bottom:20px;} div#tab_1, div#tab_2, div#tab_3, div#tab_4, div#tab_5, div#tab_6, div#tab_7,div#tab_8{ border-top:1px solid #CCC; } form.form_tari_tab .form-block span, .form .form-block span { margin-right:20px; } form.form_tari_tab .form-block span.data-nascita { margin-right:75px; } #modulo-tari .form-block span {margin-right:20px;} form.form_tari_tab table { border:none; margin:20px 0px; } form.form_tari_tab table tr { height:40px;position:relative; } form.form_tari_tab table th { font-weight:normal; width:120px; border:solid 1px #fff; background: #EEDCAD;padding:5px;vertical-align:middle;position:relative; } form.form_tari_tab table td { font-weight:normal; border:solid 1px #fff; background: #EEDCAD;padding:5px; vertical-align:middle;position:relative;} #modulo-tari div.form-footer p{text-align:right;} #modulo-tari div.form-footer {position:relative;} #modulo-tari div.form-footer span.form-submit-response{width:30px;height:20px;} #modulo-tari div.form-footer span.ac_loading{border:solid 1px #dedede} /* ------------------------------------------ ---------------- MODULO CALCOLO TARIFFA --------------- ------------------------------------------ */ #calcola-tariffa-response { padding:20px;padding-top:0; padding-right:20px; font: normal 12px Arial, Helvetica, sans-serif; } #calcola-tariffa-response table { width:98%; margin-top:20px; margin-bottom:20px; } #calcola-tariffa-response table td { height:30px; vertical-align:middle; padding:4px; background: url(/images-new/structure/box-border.png) no-repeat left bottom; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px none #dedede; border-left: 1px none #dedede; } #calcola-tariffa-response table th { height:30px; border:solid 1px #dedede; padding:4px; border-left:none; border-top:none; vertical-align:middle; font-weight:normal; background: url(/images-new/structure/sidebar_evidenza.png) no-repeat 0px 0px; } #calcola-tariffa-response table td, #calcola-tariffa-response table th { font-size:16px; padding:6px; } /* ------------------------------------------ -------------- AWESOME BUTTONS ------------ ------------------------------------------ */ .awesome, .awesome:visited { background: #222 url(/images-new/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); position: relative; cursor: pointer; } .awesome:hover { background-color: #111; color: #fff; } .awesome:active { top: 1px; } .small.awesome, .small.awesome:visited { font-size: 11px; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); } .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; } .green.awesome, .green.awesome:visited { background-color: #91bd09; } .green.awesome:hover { background-color: #749a02; } .blue.awesome, .blue.awesome:visited { background-color: #0042B5; } .blue.awesome:hover { background-color: #0042B5; } .red.awesome, .red.awesome:visited { background-color: #990000; } .red.awesome:hover { background-color: #872300; } .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; } .magenta.awesome:hover { background-color: #630030; } .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; } .orange.awesome:hover { background-color: #d45500; } .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515;color:#333; } .yellow.awesome:hover { } .grey.awesome, .grey.awesome:visited { background-color:#F5F5F5; color:#999; } .grey.awesome:hover, .grey.awesome.selected { background-color: #990000; color:#FFF; } /* ------------------------------------------ -------------- SOCIAL ICONS ------------ ------------------------------------------ */ #box-share h2 { font: 500 18px/18px "Arial Narrow", Arial, Helvetica, sans-serif; color: #333; text-decoration:none; margin-bottom:12px; } .share-icons { margin:0; padding:0; position:relative; } .share-icons li { float:left; width:32px; height:32px; list-style: none; margin: 0px 12px 0px 0px; padding: 0px; margin-bottom:12px; } .share-icons li a { display:block; height:32px; width:32px; text-indent:-5000px; } .share-icons li a.myspace-link:link, .share-icons li a.myspace-link:visited { background:url(/images-new/social-icons/myspace-btn.png) top left no-repeat; } .share-icons li a.myspace-link:hover { background:url(/images-new/social-icons/myspace-btn.png) bottom left no-repeat; } .share-icons li a.facebook-link:link, .share-icons li a.facebook-link:visited { background:url(/images-new/social-icons/facebook-btn.png) top left no-repeat; } .share-icons li a.facebook-link:hover { background:url(/images-new/social-icons/facebook-btn.png) bottom left no-repeat; } .share-icons li a.twitter-link:link, .share-icons li a.twitter-link:visited { background:url(/images-new/social-icons/twitter-btn.png) top left no-repeat; } .share-icons li a.twitter-link:hover { background:url(/images-new/social-icons/twitter-btn.png) bottom left no-repeat; } .share-icons li a.delicious-link:link, .share-icons li a.delicious-link:visited { background:url(/images-new/social-icons/delicious-btn.png) top left no-repeat; } .share-icons li a.delicious-link:hover { background:url(/images-new/social-icons/delicious-btn.png) bottom left no-repeat; } .share-icons li a.digg-link:link, .share-icons li a.digg-link:visited { background:url(/images-new/social-icons/digg-btn.png) top left no-repeat; } .share-icons li a.digg-link:hover { background:url(/images-new/social-icons/digg-btn.png) bottom left no-repeat; } .share-icons li a.google-link:link, .share-icons li a.google-link:visited { background:url(/images-new/social-icons/google-btn.png) top left no-repeat; } .share-icons li a.google-link:hover { background:url(/images-new/social-icons/google-btn.png) bottom left no-repeat; } .icon-print { background: url(/images-new/icons/printer.gif) no-repeat left center; padding-left: 20px; } .icon-mail { background: url(/images-new/icons/email_go.gif) no-repeat left center; padding-left: 20px; } /* ------------------------------------------ -------------- TEXT CONTENT------------ ------------------------------------------ */ div.post-tools { background: #FCFCFC url(/images-new/structure/box-border.png) no-repeat left bottom; height:40px; position:relative; } ul.tools-icons { position:absolute; right:0; } ul.tools-icons li { list-style: none; float:left; line-height:36px; margin-left:20px; border-right: 1px solid #F0F0F0; padding-right:20px; } ul.tools-icons li a { text-decoration:none; color:#666; font-size:12px; } div.text-content { padding:20px;padding-bottom:10px;position:relative; } div.text-content, div.text-content li, div.text-content span, div.text-content p, div.text-content div { font: normal 14px/20px Arial, Helvetica, sans-serif; } div.text-content ul, div.text-content p { margin-bottom:10px; color:#333; } div.text-content ul { margin-bottom:10px; } div.text-content ul li { background: url(/images-new/typography/bullet.gif) no-repeat left 8px; list-style: none; padding-left:20px; margin:5px 0px } div.text-content ul li ul { margin-bottom:0px; } div.text-content ul li ul li{ background: url(/images-new/typography/bullet-sec.gif) no-repeat left 8px; list-style: none; padding-left:20px; margin:5px 0px } div.text-content ol { padding-left:20px; } div.text-content ol li { background: none;padding-left:0;list-style: decimal; margin:5px 0px;vertical-align:bottom;} div.text-content ol li ol li { background: none;padding-left:0;list-style: decimal; margin:5px 0px } div.text-content h2 { color:#990000; } div.text-content h3 { font: 300 22px/20px Arial, Helvetica, sans-serif;color:#666; margin-top:20px;margin-bottom:0px; } div.text-content h4 { font: 300 18px/20px Arial, Helvetica, sans-serif;color:#666; background:none;margin-top:20px;margin-bottom:0px; } div.text-content h4 a {font: 300 18px/20px Arial, Helvetica, sans-serif;color:#999; text-decoration:none; line-height:20px; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -40px;padding-right:24px;display:inline;} div.text-content h4 a:hover{text-decoration:underline;background: url(/images-new/icons/go-arrows-new.png) no-repeat right 0px; color:#0047A5; } div.text-content h5 { color:#666; background:none;font-size:14px;font-weight:bold;margin-top:20px;margin-bottom:0px; } div.text-content h5 a {color:#999; text-decoration:none; line-height:22px; background: url(/images-new/icons/go-arrows-new.png) no-repeat right -40px;padding-right:24px;display:inline;} div.text-content h5 a:hover{text-decoration:underline;background: url(/images-new/icons/go-arrows-new.png) no-repeat right 0px; color:#0047A5; } div.text-content img.align-left { margin-right:20px; border:solid 1px #dedede; padding:2px; } div.text-content img.align-right { margin-left:20px; border:solid 1px #dedede; padding:2px; } div.text-content table { width:auto;margin-top:1px;margin-bottom:10px; } div.text-content table td { height:30px; vertical-align:middle; border:solid 1px #dedede;padding-left:5px;padding-right:10px;} div.text-content table tr.odd { background:#F0F0F0 } div.text-content table tr.thead { background:#F9C11E;color:#333;font-weight:bold; } div.text-content table td { height:30px; vertical-align:middle; border:solid 1px #dedede;padding-left:5px;padding-right:10px;} div.col-left { float:left; width:290px; } div.col-right { float:right; width:290px; } div.text-content div.ui-accordion { border:solid 1px #ccc; border-bottom:none; margin-bottom:10px;margin-top:20px; position:relative; background:#FFF; } div.text-content div.accordion-container h4.ui-accordion-header { border-bottom:solid 1px #ccc; padding:0; margin:0; padding:10px; cursor:pointer; color:#999; position:relative; background:#FFF url(/images-new/icons/go-arrows-new.png) no-repeat 580px 10px; font-size:16px; font-weight: normal; } div.text-content div.accordion-container h4.ui-state-hover {color:#666; } div.text-content div.ui-accordion-content { border-bottom:solid 1px #ccc; padding:0; margin:0; padding:10px; position:relative; background:#FFF; height: 1%; } div.text-content div.accordion-container h4.ui-state-active { color:#666; background:#F9C11E;background-image:none;} div.text-content .ui-accordion .ui-accordion-content { position: relative; zoom: 1; } .address { font-size:12px; color:#666;background:url(/images-new/icons/address-book.gif) left top no-repeat; padding-left:20px; display:block; height:16px; line-height:16px; } .icona-pdf { color:#666; background:url(/images-new/icons/file_acrobat.gif) no-repeat left center; padding-left:20px;zoom:1} .icona-word { color:#666; background:url(/images-new/icons/file_word.gif) no-repeat left center; padding-left:20px;zoom:1 } .icona-doc-generico { color:#666; background:url(/images-new/icons/doc-generico.gif) no-repeat left center; padding-left:20px;zoom:1 } /* ------------------------------------------ -------------- FOOTER------------ ------------------------------------------ */ #sede-legale { padding:20px; width:500px; height:200px; } /* ------------------------------------------ -------------- HOMEPAGE------------ ------------------------------------------ */ #amount-raccolto{padding-right:0;} #amount-raccolto p { font:14px/20px Arial, Helvetica, sans-serif; color: #666; } #amount-raccolto h2 { margin-bottom:0px; } #amount-raccolto p.counter-num { margin-bottom:5px; } body#homepage div#box-dillo-ad-ama, body#homepage div#box-share, body#homepage div#box-dillo-ad-ama h2 a { background-image:none; } body#homepage div#box-dove-si-butta input#butta-bene-form,body#homepage input#form-via,#box-pulizia-quartiere-small input#form-via { /*padding-top:5px; padding-bottom:5px;*/ font-size:12px;padding:4px; } #news-home {padding-top:15px;margin-bottom:10px;color:#1D63AE} body#homepage h2,body#homepage h2 a{font-size:22px;} #homepage p.go-to a{position:relative;height:1%;} /*#linea-verde-banner h2 strong { position:absolute; right:0px; }*/ #chiamaroma { padding:20px; text-align:left; } /* ------------------------------------------ -------------- EVENTS CAROUSEL ------------ ------------------------------------------ */ #events-carousel{position:absolute;width:320px;height:120px;background: url(/images-new/structure/box-border.png) no-repeat left bottom;bottom:0;right:20px;overflow:hidden; visibility: hidden; left: -5000px;} #events-carousel ul{position:relative;height:120px;} #events-carousel ul li{background:none;float:left;width:320px;height:120px;position:relative;} #events-carousel ul li a{background:none;position:relative;} #events-carousel ul li a:hover { background: #FEF4D8;text-decoration:none;color:#999 } /* ------------------------------------------ -------------- AUTOCOMPLETE ------------ ------------------------------------------ */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; -moz-border-radius:6px; -webkit-border-top-right-radius:6px; border-radius:6px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 13px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ac_results li strong{color:#0042B5} .ac_results li.ac_over strong{ color:#FFF; } .ac_loading { background: white url(/images-new/ajax-loader.gif) no-repeat right center; } .ac_odd { background-color: #eee; } .ac_over { background-color:#0042B5;color: #fff; } /* ------------------------------------------ -------------- LIGHTBOX ------------ ------------------------------------------ */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images-new/lightbox/fancy_loading.png') no-repeat; } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('/images-new/lightbox/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background: url('/images-new/lightbox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background: transparent url('/images-new/lightbox/fancy_title_left.png') repeat-x; } #fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('/images-new/lightbox/fancy_title_main.png') repeat-x; color: #FFF; } #fancybox-title-right { padding-left: 15px; background: transparent url('/images-new/lightbox/fancy_title_right.png') repeat-x; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/images-new/lightbox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background: transparent url('/images-new/lightbox/fancy_nav_left.png') no-repeat; } #fancybox-right-ico { background: transparent url('/images-new/lightbox/fancy_nav_right.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; } div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_n.png') repeat-x; } div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_ne.png') no-repeat; } div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_e.png') repeat-y; } div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_se.png') no-repeat; } div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_s.png') repeat-x; } div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_sw.png') no-repeat; } div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_w.png') repeat-y; } div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images-new/lightbox/fancy_shadow_nw.png') no-repeat; } /* ------------------------------------------ -------------- GOOGLE MAPS ------------ ------------------------------------------ */ #map_canvas { width:636px; height:426px; margin:1px; } #map-container { width:638px; height:428px; border:solid 1px #CCCCCC;padding:0; } div.baloon { font-size:13px; line-height:16px; color:#666; width:240px; min-height: 150px;position:relative;} div.text-content div.baloon { font-size:13px; line-height:16px; color:#666; width:240px; min-height: 150px;position:relative;} div.text-content div.baloon h4 { font: 300 20px/20px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px; position:relative;margin-top:0} /* ------------------------------------------ -------------- RACCOLTA DIFFERENZIATA ------------ ------------------------------------------ */ #main-mono #post-it-container{position:absolute;right:0;} #post-it-container{height:0px;display:none; position:relative;} #post-it {position:absolute; width:180px; height:190px;z-index:200;} #post-it.ui-closed{ height:50px;} #post-it div#post-it-image{cursor:move;background:url(/images-new/post-it.png) right 0 no-repeat; width:180px; height:190px;position:relative;} #post-it.ui-draggable-dragging div#post-it-image,#post-it.ui-draggable-over div#post-it-image { background:url(/images-new/post-it.png) no-repeat right -200px; } #post-it.ui-closed div#post-it-image{height:50px; background:url(/images-new/post-it.png) no-repeat right -400px;} #post-it-content{padding:20px;padding-left:25px;padding-right:25px;padding-top:40px;text-align:center;font-size:14px;color:#036} #post-it.ui-closed div#post-it-content{display:none;} #post-it-content strong{color:#036;} #post-it-close,#post-it-open{ position:absolute; display:block;right:0px; top:0px; width:80px; height:50px;cursor:pointer;z-index:200;} #post-it span#post-it-close{display:block; } #post-it span#post-it-open{ display:none;} #post-it.ui-closed span#post-it-close{display:none;} #post-it.ui-closed span#post-it-open{display:block;} /* ------------------------------------------ -------------- NUOVO SISTEMA DI RICERCA STRADE ------------ ------------------------------------------ */ #box-quartiere-special {position:relative;} #box-quartiere-special img{position:absolute;left:0;top:10px;} #box-quartiere-special p{margin-left:20px;} #box-pulizia-quartiere-small {padding-left:20px;padding-bottom:20px;} #servizi-quartiere div#pathway{ background: url(/images-new/servizi-quartiere/logo.png) no-repeat right center; } #servizi-quartiere-wizard-form{ background: url(/images-new/servizi-quartiere/search-bck.png) repeat-x left bottom; padding:10px;padding-right:0;padding-left:20px;padding-bottom:0;padding-top:20px;margin-left:2px;margin-right:1px;} #servizi-quartiere-wizard-form p span{display:inline-block;zoom:1;margin-right:20px;} #servizi-quartiere-wizard-form p.form-block{min-height:40px;} /*#servizi-quartiere-wizard h4 { letter-spacing: 0.08em; font: bold normal 12px Arial, Helvetica, sans-serif;color:#2F64C2;text-decoration:none;border-bottom:solid 1px #CCCCCC;line-height:40px;height:40px; } */ #servizi-quartiere-wizard-form label{font-size:13px;} #servizi-quartiere-wizard-form input#form-via{font-size:13px;padding:5px;width:210px} #servizi-quartiere-result-response { padding-top:20px;padding-bottom:10px;position:relative; background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom;} #servizi-quartiere-result-response img{position:absolute;top:15px;left:10px;cursor:pointer;z-index:100;} #servizi-quartiere-result-response,#servizi-quartiere-result-response p{font-size:13px;} #servizi-quartiere-result-response h4{ font: bold normal 16px Arial, Helvetica, sans-serif;letter-spacing: 0.08em; color:#2F64C2; text-decoration:none;padding-left:50px;height:auto;margin-bottom:0; } #servizi-quartiere-result-response ul{margin:0;margin-bottom:20px;} #servizi-quartiere-result-response ul li{margin:0;padding:0;list-style:none;margin-bottom:10px; } #servizi-quartiere-result-response h5{ color:#2F64C2; margin-top:10px; margin-bottom:5px; background: url(/images-new/servizi-quartiere/bullet.png) no-repeat left center;padding-left:20px; } #servizi-quartiere-result-response a{ color:#2F64C2; display:inline-block;font-weight:bold; zoom:1; padding-right:16px; background: url(/images-new/servizi-quartiere/link-icon.png) no-repeat right center; } #servizi-quartiere-result-response strong{ color:#666 } #servizi-quartiere-result-response small{line-height:15px;display:block;margin-top:10px;font-size:11px;} #servizi-quartiere-result-response h6{color:#2F64C2;font-size:13px;font-weight:bold;margin-bottom:5px;margin-top:10px;} #servizi-quartiere-result-response p.avviso{ color:#C00;font-size:13px;font-weight:normal;margin-bottom:20px;margin-top:10px;border:solid 1px #ccc;padding:10px;display:block;background:#dedede} #servizi-quartiere-close{position:absolute;right:20px;top:10px;} #servizi-quartiere-close a{ position:relative; float:right; background:url(/images-new/icons/go-arrows-new.png) no-repeat right -195px; padding-right: 20px; line-height:30px;color:#2F64C2 ;font-weight:bold} #servizi-quartiere-close a:hover{ background:url(/images-new/icons/go-arrows-new.png) no-repeat right -155px; } p.municipio{margin-bottom:20px;color:#666;padding-left:50px;display:block;min-height:20px;} p.subaddress{padding-left:50px;display:block;} #servizi-quartiere-wizard div#map-container { margin-top:20px; } #servizi-quartiere-wrapper{ position:relative; background: url(/images-new/servizi-quartiere/line-vert.png) no-repeat right top; } #servizi-quartiere-wrapper div#box-share{background:none;} #servizi-quartiere-sidebar{position:relative;width:339px;background: url(/images-new/servizi-quartiere/line-vert.png) no-repeat right top;min-height:640px;float:left;} #servizi-quartiere-main{width:638px;position:absolute;top:1px;right:2px;} #servizi-quartiere-main div#map_canvas { height:526px !important;width:634px!important;} #servizi-quartiere-main div#map-container { height:528px !important;width:636px!important; } #servizi-quartiere-main div.baloon{min-height:60px;} div.raccolta-differenziata{background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom;padding:20px;padding-top:0;} div.pulizia-strada{padding:20px;} div.pulizia-strada p{font-size:13px;} /* #servizi-quartiere-navbar{ position:absolute; top:0; right:2px; width:636px; height:38px; background: #4F7CCB url(/images-new/servizi-quartiere/navbar-bck.png) repeat-x left bottom;border:solid 1px #366AC4; } #servizi-quartiere-navbar li{ float:left; list-style:none; padding-right:2px; background: url(/images-new/servizi-quartiere/navbar-separator.png) no-repeat right center; } #servizi-quartiere-navbar li.last{background:none;} #servizi-quartiere-navbar li a{display:block;line-height:40px;padding-left:10px;padding-right:10px;font:bold normal 12px/38px Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;text-shadow: 0px 1px 1px #555;} #servizi-quartiere-navbar li.current a{ background:#114EB9; }*/ #search-label{position:relative;top:0;line-height:15px;margin-bottom:5px;color:#666} #servizi-quartiere-legenda{padding-bottom:10px;position:absolute;width:630px;top:540px;right:0;} #servizi-quartiere-legenda p{font-size:14px;font-weight:normal;padding-bottom:10px;} #servizi-quartiere-legenda ul { margin:0; padding:0; } #servizi-quartiere-legenda ul li { margin:0; padding:0; list-style:none; float:left; margin-right:30px; padding-left:40px; position:relative; font-size: 14px; line-height:40px;height:1%;} #servizi-quartiere-legenda ul li a { display:block; color: #666; text-decoration: none; line-height:40px;} #servizi-quartiere-legenda ul li img { position:absolute;top:0;left:0;cursor:pointer; } #legenda-puntimobili{padding-bottom:20px;background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom;margin-bottom:10px;} #servizi-quartiere-modal{min-height:529px;width:638px;position:relative;background:#FFF;float:right;margin-top:1px;margin-right:2px;display:none} #search-string{ color:#C00; font-weight:bold; padding:20px;padding-bottom:0; } #servizi-quartiere-result-response p.welcome-message{font-size:16px;color:#2F64C2;padding:20px;padding-top:0;} /* ------------------------------------------ -------------- PULIZIA CITTA ------------ ------------------------------------------ */ /*#pulizia-citta-wizard h4 { letter-spacing: 0.08em; font: bold normal 12px Arial, Helvetica, sans-serif; } #pulizia-citta-wizard { padding-left:20px; }*/ /*#pulizia-citta-result div#pulizia-citta-result-container {*/ /*background-image: url(/images-new/structure/separator-oriz-1.png); background-repeat: repeat-x; background-position: left bottom;*/ padding-bottom:20px; margin-bottom:20px; } /*#pulizia-citta-result span { color:#000; }*/ #legenda-mappa {padding-bottom:10px} #legenda-mappa ul,#pulizia-citta-result-response ul { margin:0; padding:0; height:50px;} #legenda-mappa ul li,#pulizia-citta-result-response ul li { margin:0; padding:0; list-style:none; float:left; margin-right:30px; padding-left:40px; position:relative; font-size: 14px; line-height:40px;} #legenda-mappa ul li a,#pulizia-citta-result-response ul li a { display:block; color: #666; text-decoration: none; line-height:40px;word-wrap:normal;white-space: nowrap } #legenda-mappa ul li img,#pulizia-citta-result-response ul li img { position:absolute;top:0;left:0;cursor:pointer; } /*#pulizia-citta-wizard div#map-container { margin-top:20px; }*/ /*#citta-legenda { padding-top:10px; background-image: url(/images-new/structure/separator-oriz-1.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom:10px; margin-bottom:20px; border-top:solid 1px #ccc;margin-top:10px;} #citta-legenda h5 { margin-bottom:10px; font-size:12px; font-weight:bold; } #citta-legenda li { float:left; width:160px; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; font-weight: normal; display: block; } #citta-legenda li img { vertical-align:middle; } */ /*#pulizia-citta-wizard div#citta-legenda { background:none; }*/ /* ------------------------------------------ -------------- TABS ------------ ------------------------------------------ */ .tabs-container { position:relative; } .ui-tabs-hide { display:none; } body ul.ui-tabs { position:relative; background-image: url(/images-new/structure/separator-oriz-1.png); background-repeat: repeat-x; background-position: left center; padding-left:10px; } body ul.ui-tabs li { float:left; list-style-type:none; margin-left:0px; background:#FFF;padding-left:0;} body ul.ui-tabs li a { display:block; font-size:13px; padding:9px 30px; border:1px solid #CCC; border-left:none; text-decoration:none; color:#666; background:#FFF; } body ul.ui-tabs li.last a { -khtml-border-top-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; } body ul.ui-tabs li.first a { border-left:1px solid #CCC; -khtml-border-top-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; } body ul.ui-tabs li.ui-tabs-selected a { color:#333; background:#e0e0e0; } #raccolte-tab a:hover,body ul.ui-tabs li a:hover { color:#fff; background-color: #ccc; } body div.ui-tabs-panel { padding:20px; } #raccolte-tab{background:#FFF;position:absolute;right:20px;z-index:100} #raccolte-tab a{ display:block; font-size:13px; padding:9px 30px; border:1px solid #CCC; text-decoration:none; color:#666; background:#FFF; -webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius:5px;} /* ------------------------------------------ -------------- ISOLE ECOLOGICHE ------------ ------------------------------------------ */ .isola-popup { padding:20px; width:400px; } #tabella-animazione-isole { width:840px; } #tabella-animazione-isole td, #tabella-animazione-isole th { background-color:#FBD35E; border:solid 2px #fff; text-align:center; } #tabella-animazione-isole th.col180, #tabella-animazione-isole td.col180 { width:380px; background-color:#FEF0C7; margin:1px; text-align:left; border:solid 1px #dedede; padding:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; } #tabella-animazione-isole th.col180, #tabella-animazione-isole td.col180 a {color:#006699} /*#tabella-animazione-isole td.col180 { background-image: url(/images-new/gmaps-icons/marker_giallo_no_arrow.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 45px; }*/ #tabella-animazione-isole td.col22{ width:22px; } #tabella-animazione-isole td.col30{ width:30px; } #tabella-animazione-isole td.col-last{ background:#FFF;width:52px; } #tabella-animazione-isole td { height:20px; vertical-align:middle; background-color: #FCE08B; cursor:pointer; } #tabella-animazione-isole td span.icon-yes { display: block; height: 18px; text-indent: -9999px; background: url(/images-new/isole-ecologiche/icon-yes.png) no-repeat center center; } #tabella-animazione-isole td span.icon-no { display: block; height: 18px; text-indent: -9999px; } #tabella-animazione-isole span.isola-stato { float:right; font-size:10px; } #tabella-animazione-isole td a { color:#000; font-weight:bold; text-decoration:none; } #tabella-animazione-isole tr.over td, #tabella-animazione-isole tr.over td.col220 { background-color: #F9C11E;} #tabella-animazione-isole tr.chiuso td { background-color: #dedede; } #tabella-animazione-isole tr.over td.col-last ,#tabella-animazione-isole tr.chiuso td.col-last{ background-color: #fff; } #tabella-animazione-isole tr.chiuso td.col180 a {color:#666} /* ------------------------------------------ -------------- DOVE SI BUTTA ------------ ------------------------------------------ */ /*#dove-si-butta-wizard h4 { font-size:16px; font-weight:bold; color:#900;margin-top:10px; } #dove-si-butta-wizard h4 span{ color:#3C3C3C; } #dove-si-butta-wizard input#butta-bene-form{width:300px;margin-top:2px;padding:10px;} #dove-si-butta-result span { color:#000; } #dove-si-butta-result ul { margin:0; padding:0; margin-top:10px; } #dove-si-butta-result ul li { padding-top:10px; height:100px; margin:0; padding:0; list-style:none; position:relative; background-image: url(/images-new/structure/separator-oriz-1.png); background-repeat: repeat-x; background-position: left bottom; } *//*#dove-si-butta-result ul li div.cosa-image { position:absolute; height:148px; top:0; right:0; width:200px; text-align:center; border-left: solid 1px #dedede; padding-top:10px; font-size: 12px; line-height: 40px; } */ /*#dove-si-butta-result ul li div.cosa-description img.align-left {margin-right:20px; } div.cosa-description p { padding-top:10px; font-size:18px; color:#3C3C3C; } div.cosa-description p.green { color:#21A34A; } div.cosa-description p.blue { color:#1D63AE; }*/ #dove-si-butta-tool{margin-top:20px;margin-left:20px; background: url(/images-new/dove-si-butta/head.png) no-repeat left top; height: 160px; } #dove-si-butta-tool-wrapper{padding:30px;padding-bottom:0} #dove-si-butta-tool input#butta-bene-form{width:400px;margin-top:2px;padding:10px;} #dove-si-butta-response{ padding:20px ;margin-left:20px;background: url(/images-new/dove-si-butta/footer.png) no-repeat left top; height: 240px;width:600px} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ #dove-si-butta-response .jcarousel-container { position: relative; } #dove-si-butta-response .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;height: 240px;width:600px} #dove-si-butta-response ul#responses-carousel { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;height: 240px; } #dove-si-butta-response ul#responses-carousel li { float: left; list-style: none; width:600px;height:240px; } #dove-si-butta-response div.carousel-desc {position:relative;padding:20px;position:relative;padding-right:260px;font-size:14px;padding-bottom:0;padding-top:10px;} #dove-si-butta-response div.carousel-desc img {display:block;margin-top:40px;} #dove-si-butta-response div.carousel-desc img.detail-photo {position:absolute;right:0px;top:0px;z-index:10} #dove-si-butta-response div.carousel-desc p{ position:relative; z-index:80; font: 13px Arial, Helvetica, sans-serif; } #dove-si-butta-response div.carousel-desc p.desc-info{color:#666; } #dove-si-butta-response div.carousel-desc p.desc-type {font: 18px Arial, Helvetica, sans-serif; margin-bottom:12px; } #dove-si-butta-response div.carousel-title{font-size:18px;position:relative;z-index:80;} /** * The buttons are added dynamically by jCarousel before * the