@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:none;color:#2F64C2; cursor:pointer;} a:link { text-decoration:none; color:#2F64C2} a:visited { text-decoration:underline;color:#2F64C2;} a:hover { text-decoration:underline; color:#06F; } .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; margin-top:-4px; padding:5px 0px 10px 0px;} /* /*#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:985px;} #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-new.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:624px; height:200px; } #slideshow-container { position:relative; top:0; left:0; } #slideshow { width:624px; background:#FFF; height:200px; overflow:hidden; } .slideshow-container { background: url(/images-new/structure/header-slideshow.png) no-repeat left top;} /* ------------------------------------------ -------------- 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:20px 20px 0 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 } .static-list { padding:20px; padding-bottom:20px; position:relative;/* border-top:solid 1px #dedede;*/} .static-list h4 {color:#999; text-decoration:none; font:500 22px/22px 'Arial Narrow',Arial,Helvetica,sans-serif;color:#999999;display:block;} .static-list p{line-height:20px; font-size:14px;top:0;margin:0;padding:0;} .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 { text-decoration:underline;} #pdf-container ul.pdf-list li{margin-bottom:20px;font-size:14px;} .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; } span.help-btn {background-image: url(/images-new/icons/help-icon.gif); background-position: left 3px; background-repeat: no-repeat; display: inline-block; height: 20px; text-indent: -5000px; width: 14px;} .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-item h3 a,.sidebar-item h3 a:link,.sidebar-item h3 a:visited { color:#333; text-decoration:none; } .sidebar-item h3 span{ color:#990000; } #sidebar div.sidebar-item h2 a ,#sidebar div.sidebar-item h3 a,#sidebar h2.main-heading a {display:block; padding-right:20px; background: url(/images-new/icons/go-arrows-new.png) no-repeat 260px -37px; } #sidebar div.sidebar-item h2 a:hover,#sidebar div.sidebar-item h3 a:hover,#sidebar h2.main-heading a:hover { background: url(/images-new/icons/go-arrows-new.png) no-repeat 260px 3px; text-decoration:none;} .sidebar-item-new { padding:20px; padding-bottom:15px; padding-top:15px; background: url(/images-new/structure/separator-oriz-1.png) repeat-x left bottom; position:relative; } #sidebar div.sidebar-item-new h2 {margin-bottom:5px; } #sidebar div.sidebar-item-new h2 a {display:block; padding-right:20px; background: url(/images-new/icons/go-arrows-large.png) no-repeat 250px -74px;color:#333 } #sidebar div.sidebar-item-new h2 a:hover { background: url(/images-new/icons/go-arrows-large.png) no-repeat 250px 1px; 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; } .inlineupload span{padding-right:0;margin-right:0 !important;} .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 {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; } */ #box-versione-mobile{padding: 0;margin-top: -25px;position: relative;} #box-versione-mobile div {background: url(/mobile/images/icona-mobile.png) no-repeat left top;padding: 15px 5px 15px 0} #box-versione-mobile h2 a{padding-left: 50px; font-size: 22px} /* ------------------------------------------ ----------------- FORM STYLE 01 ------------- ------------------------------------------ */ .form-style-01 input, .form-style-01 select, .form-style-01 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; } .form-style-01 input.buttoncampo_ricerca { border:none; height:35px; } .form-style-01 input.error, .form-style-01 select.error, .form-style-01 textarea.error{ border:1px solid #F00 !important; background: #FFDFDF url(/images-new/structure/form-bck-error.png) no-repeat left top; } .form-style-01 input.focused, .form-style-01 select.focused, .form-style-01 textarea.focused{ border:1px solid #666; } .form-style-01 button { vertical-align:middle; } .form-style-01 select { height:40px; } .form-style-01 label { display:block; font-size:11px; padding-bottom:4px; line-height:11px; } .form-style-01 label.inline{ display:inline;} .form-style-01 .form-block span { float:left; padding-right:5px;position:relative;padding-bottom:20px; } .form-style-01 .inlineupload span{padding-right:0;margin-right:0 !important;} .form-style-01 .form-block:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } .form-style-01 .form-block { clear:both; height:1%;position:relative;} .form-style-02 .form-info p {padding-left:10px;} .form-style-01 #form-area label {font-weight:bold;font-size:12px;} .form-style-01 #form-area input, .form-style-01 #form-area select, .form-style-01 #form-area textarea { border:1px solid #B8B8B8; padding:5px; font:normal 12px Arial, Helvetica, sans-serif; height:18px;} .form-style-01 #form-area select {height:28px;} .form-style-01 #form-area .form-footer { position:relative; margin-top:20px; padding-bottom:40px; border-top:1px solid #CCC;padding-top:20px; } .form-style-01 #form-area .error-input-msg{position:absolute;bottom:2px;font-size:10px;color:#F00;display:block;left:0;min-width:100px;} .form-style-01 #form-area{font-size:12px;line-height:20px;} .form-style-01 .hidden { display:none; } .form-style-01 .help-bullet{min-width:300px;padding:20px;} .form-style-01 .help-bullet li{font-size:13px;} .form-style-01 #form-message {padding:20px;} .form-style-01 .privacy { margin-bottom:10px; border:solid 1px #ccc; width:640px; height:80px;margin-top:10px; } .form-style-01 .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; } .form-style-01 .privacy small { color:#900; font-size:11px; display:block; } .form-style-01 .bck-tl{ position:relative;height:1%; background:#FDF3DC url(/images-new/structure/form-bck-tl.png) no-repeat left top;margin:20px; } .form-style-01 .bck-tr{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-tr.png) no-repeat right top } .form-style-01 .bck-br{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-br.png) no-repeat right bottom; } .form-style-01 .bck-bl{ position:relative;height:1%; background:transparent url(/images-new/structure/form-bck-bl.png) no-repeat left bottom ;padding:20px;} /* FORM MESSAGES */ .form-style-01 .message{padding-bottom:20px;font-size:16px; } .form-style-01 .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;} .form-style-01 .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;} .form-style-01 .error div.message-head{background:#FFD1D1;border-bottom:solid 1px #F8ACAC;} .form-style-01 .error div.message-body{ background:#FEEBEB;font-size:14px;line-height:20px; } .form-style-01 .success div.message-head{ background:#F2E8D2; border-bottom:1px solid #E0D7C3;} .form-style-01 .success div.message-body{ background:#FDF3DC;font-size:14px;line-height:22px; } /* ------------------------------------------ ---------------- FORM STYLE 02 -------------- ------------------------------------------ */ .form-style-02 .form-container, .form-style-02.form-container {margin:17px;} .form-style-02 .form-col2 {width:560px;} .form-style-02 .form-col2small {width:435px;} .form-style-02 .introtext {padding-right:325px;} .form-style-02 h2 {font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:normal; line-height:35px; color:#2C64BF; margin-bottom:20px; padding-left:10px;} .form-style-02 h2 span {display:block; font-size:20px; line-height:30px; color:#618BCF;} .form-style-02 h2 img {vertical-align:middle;} .form-style-02 h4 {background:url(/images-new/moduli/arrow.png) no-repeat left 45px; font-size:18px; line-height:25px; color:#888; padding-top:40px; padding-left:25px; text-transform:uppercase;color:#FF9900} .form-style-02 h4 small {line-height:20px; color:#666;} .form-style-02 p {top:0px; font-size:14px; line-height:20px; color:#666; margin-bottom:18px;} .form-style-02 p span {color:#2C64BF;} .form-style-02 .form-info p {padding-left:10px;} .form-style-02 .form-text {margin-bottom:0px; padding:20px 10px 0px 10px; color:#666; font-size:17px; line-height:23px;} .form-style-02 .form-text strong {color:#666;} .form-style-02 p.privacy-info {font-size:13px; line-height:16px; color:#666; margin-bottom:5px; padding:10px 13px 10px 13px;} /*.form-style-02 p.privacy-info {font-size:12px;line-height:16px; color:#666; margin-bottom:5px; padding:10px 13px 10px 13px;}*/ .form-style-02 a.input-note {text-decoration:underline; padding-left:5px; font-size:12px;} .form-style-02 .margin-top {margin-top:20px;} .form-style-02 .margin-bottom {margin-bottom:20px;} .form-style-02 .border-top {border-top:1px solid #EEE;} .form-style-02 .border-bottom {border-bottom:1px solid #EEE;} .form-style-02 table {margin:10px 0px;} .form-style-02 td {padding: 10px 5px; position: relative; vertical-align: middle; font-size:14px; line-height:15px; color:#333;} .form-style-02 td label {margin-top:0px;} .form-style-02 .form-header {position:relative; padding-top:70px;} .tariffa-rifiuti-pagamento-online .form-style-02 .form-header {padding-right:0px;} .form-style-02 .form-header h2 {font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:normal; line-height:35px; color:#2C64BF; margin-bottom:15px;} .form-style-02 .form-header p {font-size:14px; line-height:20px; color:#666; margin-bottom:18px; padding-left:10px;} /*.form-style-02 .form-header .form-aiuto-links { border-radius:5px; border:1px solid #EEE; background:#F8F8F8;position:absolute; left:0px; top:0px;width:100%;padding-bottom:7px }*/ .form-style-02 .form-header .form-aiuto-links {border-bottom: 1px solid #EEEEEE;position:absolute; left:0px; top:0px; width:100%;padding-bottom:7px} .form-style-02 .form-header .form-aiuto-links {border-bottom: 1px solid #EEEEEE;position:absolute; left:0px; top:0px; width:100%;padding-bottom:7px} .form-style-02 .form-header .form-aiuto-links a {float:left; display:inline; margin:5px 15px 0px 5px; padding-left:37px; font-size:13px; line-height:32px; background-position:left center; background-repeat:no-repeat;} .form-style-02 .form-header .form-aiuto-links .aiuto-compilazione {background-image:url(/images-new/icons/help-icon-aqua.png);} .form-style-02 .form-header .form-aiuto-links .torna-servizio {background-image:url(/images-new/icons/back-arrows-large.png); background-position:left -72px; padding-left:32px;} .form-style-02 .form-header .form-aiuto-links .scarica-modulo {background-image:url(/images-new/icons/file_acrobat_max.png);} .aiuto-materiali {background-image:url(/images-new/icons/help-icon-aqua.png);background-position:left center; background-repeat:no-repeat; width:32px; height:32px; top:65px; position:absolute; left:440px;} #registrazione-servizi-online .form-style-02 .form-header {padding-top:0px;} #registrazione-servizi-online .form-style-02 .form-header .form-aiuto-links {border-bottom:none; width:220px; left:740px; top:-5px;} /*.tariffa-rifiuti-nuova-attivazione .form-style-02 .form-header, .tariffa-rifiuti-calcola-tariffa .form-style-02 .form-header, .tariffa-rifiuti-gestione-iscrizione .form-style-02 .form-header, .lavora-con-noi .form-header, .login .form-header {min-height:40px;} .tariffa-rifiuti-nuova-attivazione .form-style-02 .form-header .form-aiuto-links, .tariffa-rifiuti-calcola-tariffa .form-style-02 .form-header .form-aiuto-links, .tariffa-rifiuti-gestione-iscrizione .form-style-02 .form-header .form-aiuto-links {top:10px;} .lavora-con-noi .form-header .form-aiuto-links, .login .form-header .form-aiuto-links {top:0px;}*/ #aiuto-compilazione h3 {padding-left:45px; font-size:25px; line-height:30px; background:url(/images-new/icons/help-icon-aqua.png) left center no-repeat;} .form-style-02 input, .form-style-02 select, .form-style-02 textarea {margin-right:15px; border:1px solid #BBB; margin-bottom:3px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; color:#444; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(/images-new/forms/form-backgrnd.png)#fff no-repeat left top; height:25px; vertical-align:middle; box-shadow:inset 0px 0px 2px rgba(0,0,0,.1);} /*.form-style-02 input, .form-style-02 select, .form-style-02 textarea { border:1px solid #BBB; margin-bottom:3px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; text-transform: none; color:#444; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(/images-new/forms/form-backgrnd.png) no-repeat left top; height:25px; vertical-align:middle; background-color:#FBFCFE; box-shadow:inset 0px 0px 2px rgba(0,0,0,.1);}*/ .form-style-02 textarea {height:auto; width:auto;} .form-style-02 input.buttoncampo_ricerca { border:none; height:35px; } .form-style-02 input.error, .form-style-02 select.error, .form-style-02 textarea.error { border:1px solid #F90 !important; background: #FFF5E5 url(/images-new/forms/form-backgrnd.png) no-repeat left top; } .form-style-02 p.error { border:1px solid #F90 !important; background: #FFF5E5;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .form-style-02 .checkbox input.error {display:inline-block; padding:2px; background:#F90; border:2px solid #F90 !important;} .form-style-02 input.focused, .form-style-02 select.focused, .form-style-02 textarea.focused{ border:1px solid #2C64BF; } .form-style-02 .error-input-msg {font-size:11px; line-height:15px; color:#FF9900; display:block; padding-left:5px; position:relative;} .form-style-02 button { vertical-align:middle; } /*.form-style-02 select { height:37px; }*/ .form-style-02 select { height:32px; } /*.form-style-02 label {display:block;font-size:14px;padding-bottom:3px; line-height:15px; color:#2C64BF; margin-top:20px; padding-left:5px; } */ .form-style-02 label {display:block; font-size: 18px; padding-bottom: 7px; line-height:15px; color:#2C64BF; margin-top:20px; padding-left:5px; } .form-style-02 label em, .form-style-02 .note-obbligatorio em, .form-style-02 .privacy-info em {color:#FF9900; font-weight:bold; font-style:normal; text-align:center; width:10px;} .form-style-02 label a {text-decoration:underline; cursor:pointer;} .form-style-02 label.inline { display:inline;} .form-style-02 .inline-field label {display:inline-block; margin-top:20px;} .form-style-02 .inlineupload span {padding-right:0;margin-right:0 !important;} .form-style-02 fieldset {padding:0px 0px 20px 0px; border-top:1px solid #DDD; background:url(/images-new/forms/fieldset-background.png) left top repeat-x;} .form-style-02 fieldset.no-padding {padding:0px;} .form-style-02 fieldset.no-border {border-top:none;} .form-style-02 .form-block:after {clear:both; content:"."; display:block; height:0; visibility:hidden; } .form-style-02 .form-block { margin-top: 10px;clear:both; height:1%; position:relative; margin-bottom:0px; font-size: 15px; line-height: 20px; color:#333;} /*.form-style-02 .form-block {clear:both; height:1%; position:relative; margin-bottom:0px; font-size: 15px; line-height: 20px; color:#333;} */ .form-style-02 .form-block span { float:left; display:inline; margin:0px 7px 5px 7px; padding-right:0px; padding-bottom:0px; position:relative;} .form-style-02 .form-block span{color:#333;font-size:13px} .form-style-02 .form-block span.dati-utente {padding:20px; border:1px solid #ddd} .form-style-02 .form-block span.dati-utente label {margin:0;padding:0;padding-bottom:5px;} .form-style-02 .form-block span.dati-utente strong {color:#666; display:block} .form-style-02 .form-block.margin-bottom {margin-bottom:20px;} .form-style-02 .form-block.margin-top {margin-top:20px;} .form-style-02 input[type="checkbox"] {background:none;} .form-style-02 .checkbox {margin-left:7px; padding-top:17px; display:block; width:100%;} .form-style-02 .checkbox.heading {margin-top:0px; margin-bottom:5px; padding-top:0px;} .form-style-02 .checkbox.heading label {font-size:18px; line-height:25px; color:#888;} .form-style-02 .checkbox.heading input {margin-top:3px;} .form-style-02 .checkbox input {float:left; display:inline; height:auto; background:none; border:none;} .form-style-02 .checkbox label {float:left; display:inline; width:70%; font-size:13px; line-height:18px; color:#333333; margin-top:0px; margin-left:7px;} .form-style-02 .checkbox.big label {font-size:15px; line-height:20px;} .form-style-02 .checkbox.big small {display:block; color:#666;} .form-style-02 .checkbox.inline {width:45%;} .form-style-02 .checkbox.inline label {font-size:14px; line-height:15px;} .form-style-02 .checkbox.inline-small {width:30%;} .form-style-02 .checkbox.inline-small label {font-size:14px; line-height:15px;} .form-style-02 .form-col2small .checkbox label {width:80%;} .form-style-02 option {padding-right:22px; line-height:30px;} .form-style-02 .checkbox-large input {margin-top:5px; margin-right:0px;} .form-style-02 .checkbox-large label {width:auto; font-size: 18px; line-height: 25px; color:#2C64BF;} .form-style-02 .checkbox label.richiesta{color: #2C64BF; display: block;font-size: 18px; line-height: 15px; padding-bottom: 7px; padding-left: 5px;} .form-style-02 .awesome, .form-style-02 .awesome.large {width:auto; height:35px; margin-top:15px; padding:5px 20px 10px 20px; border:none; border-radius:5px; font-size:17px; line-height:20px; font-weight:normal; color:#FFFFFF; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 0px rgba(0,0,0,.2); background:#1D63AE url(/images-new/buttons/fancy-btn.png) left center repeat-x; cursor:pointer;} * html .form-style-02 .awesome, * html .form-style-02 .awesome.large {background-image:none;} .form-style-02 .awesome img, .form-style-02 .awesome.large img {vertical-align:middle;} .form-style-02 .awesome.blue {background-color:#1D63AE;} .form-style-02 .awesome.blue:hover {background-color:#124189;} .form-style-02 .awesome.red {background-color:#900;} .form-style-02 .awesome.red:hover {background-color:#CC0000;} .form-style-02 .awesome.yellow {background:#F9C11E url(/images-new/buttons/fancy-btn-light.png) left center repeat-x; color:#333333; text-shadow:-1px -1px 0px rgba(255, 255, 255, 0.2);} .form-style-02 .awesome.yellow:hover {background-color:#FFB515;} .form-style-02 .form-footer {margin-top:0px; margin-bottom:70px; border-top:1px solid #DDD; background:none;} .form-style-02 #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);*/ } .form-style-02 .hidden { display:none; } .form-style-02 .help-bullet {min-width:300px;padding:20px;} .form-style-02 .help-bullet li {font-size:13px;} .form-style-02 a.help-btn {margin-left:15px;} .form-style-02 .form-note {margin-top:10px; font-size:13px; line-height:18px; color:#333;} .form-style-02 .form-note em {font-size:17px; font-weight:bold; font-style:normal; color:#FF9900;} .form-style-02 .invio-note {margin-top:60px; font-size:13px; line-height:18px; color:#333;} .form-style-02 .fieldset-note {margin:10px 0px; padding:10px; font-size:16px; line-height:22px; color:#FF9900;} .form-style-02 fieldset.obbligatorio {padding:0px; /*background:none; border-top:none;*/ border-bottom:1px solid #DDD;} .form-style-02 .note-obbligatorio {margin:0px; padding:10px 15px; font-size:13px; color:#666;} .form-style-02 #form-submit {margin-top:20px;} .form-style-02 #form-message {padding:20px;} .form-style-02 .privacy {border:solid 1px #ccc; width:640px; height:180px; } .form-style-02 .privacy div { position:relative; height:156px; width:616px; overflow:auto; font-size:11px; padding:10px; background:#EFEFEF; border:solid 2px #fff; } .form-style-02 .privacy div p { font-size:12px; line-height:16px; margin:10px 0px; } .form-style-02 .privacy small { color:#900; font-size:12px; display:block; } .form-style-02 .inlineupload {margin-left:5px;} .form-style-02 .inlineupload label.inline {font-size:14px;} .form-style-02 .inlineupload input {font-size:12px; line-height:12px; display:block; background:none;} .form-style-02 #file1Uploader, .form-style-02 #file2Uploader, .form-style-02 #file3Uploader {margin-left:5px; display:block;} .form-style-02 #upload-success, .form-style-02 #upload-success strong {color:#6AAB3E;} .form-style-02 .inlineupload .form-note {margin:10px 5px;} .form-style-02 div#modulo-tari ul.ui-tabs a {cursor: default} /* FORM MESSAGES */ .form-style-02 .message {margin-bottom:20px; padding:10px; border-radius:10px; border:1px solid #DDD; background:#F6F6F6; box-shadow:2px 2px 1px rgba(0,0,0,.05);} .form-style-02 .message.error {background-color:#FCF2F4;} .form-style-02 .message.success {background-color:#F7FBF5;} .form-style-02 .message.warning {background-color:#FFFAF2;} .form-style-02 .message div.message-head {padding-top:10px; padding-left:55px; min-height:45px;} .form-style-02 .message div.message-head h4 {font-size:22px; line-height:30px; padding-top:0px; padding-left:0px; color:#666;} .form-style-02 .message div.message-body p {font-size:17px; line-height:24px; color:#666; margin-bottom:0px; padding-left:55px; padding-bottom:20px; padding-top:0px;} .form-style-02 .message div.message-body strong, .form-style-02 .message div.message-body p strong {color:#666666; font-weight:normal;} .form-style-02 .message div.message-body a.torna-home {display:block; margin-top:20px; font-size:17px;} .form-style-02 .error div.message-head {background:url(/images-new/dillo-ad-ama/messaggio-error.png) left 5px no-repeat; border-bottom:none;} .form-style-02 .success div.message-head { background:url(/images-new/dillo-ad-ama/messaggio-success.png) left top no-repeat; border-bottom:none;} .form-style-02 .warning div.message-head { background:url(/images-new/dillo-ad-ama/messaggio-warning.png) left 0px no-repeat; border-bottom:none;} /* TOOLTIP */ .tooltip-hit, .fancy-tooltip {position:relative;} .tooltip-hit {cursor:pointer;} #tooltip {position: absolute; z-index: 3000; margin-left:-10px; margin-top:-50px; border: 1px solid #FFF; border-radius:5px; background-color:#1D63AE; background-image:url(/images-new/buttons/fancy-btn.png); background-position: center center; background-repeat:repeat-x; padding: 5px 10px; opacity: 0.95; box-shadow:1px 1px 2px rgba(0,0,0,.2), inset 0px 0px 2px rgba(0,0,0,3);} #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 {color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-shadow:2px 2px 1px rgba(0,0,0,.3);} /* Tooltip Obbligatorio */ .form-block span.tooltip-obbligatorio, fieldset span.tooltip-obbligatorio {display:none; position:absolute; left:50%; top:-63px; z-index:9999; width:85px; height:55px; margin-left:-52px; padding:10px; background:url(/images-new/forms/tooltip-obbligatorio.png) left top no-repeat; font-size:14px; font-weight:normal; line-height:20px; color:#FFF; text-shadow:1px 1px 0px rgba(0,0,0,.2); text-align:left;} .form-block span.tooltip-obbligatorio.large, fieldset span.tooltip-obbligatorio.large {width:165px; margin-left:-92px; background:url(/images-new/forms/tooltip-obbligatorio-large.png) left top no-repeat;} #utente-form-hidden {padding-top:40px;} #Privacy_error-error{display: inline;position: relative;} #UserNotDefined-error {display: block;position: relative; border:1px solid #F90 !important; background: #FFF5E5;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:12px;} /* -------------NUOVO DILLO AD AMA ----------------------- */ /* RESET DILLO AD AMA */ #dillo-ad-ama-form {width:560px; -moz-border-radius:0px; background: none; padding:0px; margin:20px; height:auto;} /* Line 1176 */ .social-icon-tools {border-bottom:none;} /* Typography */ .form-style-02 .introtext p {font-size:14px; line-height:20px; color:#666; margin-bottom:18px; padding-left:10px;} p.privacy-info {font-size:12px; line-height:16px; color:#666; padding:10px 20px 10px 20px;} .form-info a {text-decoration:underline; cursor:pointer;} .form-info .verde {color:#009900;} #toggle-dillo-info {color:#2F64C2; /*padding-left:30px; background:url(/images-new/icons/help-max-icon.gif) left top no-repeat;*/} #toggle-privacy-01, #toggle-privacy-02 {cursor:pointer; text-decoration:underline;} h2.linea-verde {margin-top:20px; padding:20px; border-top:1px solid #CCC;} h2.linea-verde a {background: url("/images-new/linea-verde.png") no-repeat scroll left center transparent; display: block; text-indent: -9999px;} #dillo-ad-ama-condividi .sidebar-item {background:none; border-top: solid 1px #d5d5d5;} #dillo-ad-ama-condividi .social-icon-tools {border-bottom:none;} /* Help Bullet */ .help-bullet {width:480px; height:480px; padding:25px; padding-right:60px; } .help-bullet h3 {color:#2C64BF;} .help-bullet p {font-size:15px; line-height:20px; color:#666; margin-bottom:20px;} .help-bullet p strong {color:#2C64BF;} .help-bullet ul {margin-bottom:20px;} .help-bullet ul li {font-size:14px; line-height:18px; color:#666; margin:5px 0px;} /* ------------------------------------------ ---------------- LAVORA CON NOI --------------- ------------------------------------------ */ #invia-richiesta-box {position:absolute; right:0; top:19px; width:auto; padding:5px 10px 5px 6px; border:none; border-radius:5px; font-size:15px; line-height:20px; box-shadow:1px 1px 0px rgba(0,0,0,.2); background:#1D63AE url(/images-new/buttons/fancy-btn.png) left center repeat-x; text-transform:none;} #invia-richiesta-box:hover {background-color:#124189;} #invia-richiesta-box a {display:block; height:20px; padding-left:26px; font-weight:normal; color:#FFFFFF !important; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); background:url(/images-new/icons/richiedi-servizio-icon.png) left center no-repeat;} #invia-richiesta-box a:hover {text-decoration:none;} /*RELATIVE POSITION*/ #inv-rich-box2 {z-index:9999 !important; position:absolute; top:70px; margin-top:70px;left:195px;width: 220px !important;/*width: 211.375px !important;*/ height: 25px !important; padding:5px 10px 5px 6px !important; border:none !important; border-radius:5px !important; font-size:17px !important; line-height:23px !important; box-shadow:1px 1px 0px rgba(0,0,0,.2) !important; background:#1D63AE url(/images-new/buttons/fancy-btn.png) left center repeat-x !important; text-transform:none !important;} #inv-rich-box2:hover {background-color:#124189 !important;} #inv-rich-box2 a {display:block !important; height:25px !important; padding-left:26px !important; font-weight:normal !important; color:#FFFFFF !important; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) !important; background:url(/images-new/icons/richiedi-servizio-icon.png) left center no-repeat !important;} #inv-rich-box2 a:hover {text-decoration:none !important;} /**/ /* TOOLTIP */ .tooltip-hit {position:relative; cursor:pointer;} /* Tooltip Obbligatorio */ .form-block span.tooltip-obbligatorio, fieldset span.tooltip-obbligatorio {display:none; position:absolute; left:50%; top:-63px; z-index:9999; width:85px; height:55px; margin-left:-52px; padding:10px; background:url(/images-new/forms/tooltip-obbligatorio.png) left top no-repeat; font-size:14px; font-weight:normal; line-height:20px; color:#FFF; text-shadow:1px 1px 0px rgba(0,0,0,.2); text-align:left;} .form-block span.tooltip-obbligatorio.large, fieldset span.tooltip-obbligatorio.large {width:165px; margin-left:-92px; background:url(/images-new/forms/tooltip-obbligatorio-large.png) left top no-repeat;} /* ------------------------------------------ ---------------- 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 p {font-size:15px;} #calcola-tariffa-response strong {font-size:17px; /*color:#2C64BF;*/} #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, #tariffa-online.form-style-02 #calcola-tariffa-response table td, #tariffa-online.form-style-02 #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;color:#FFF; } .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; } div.post-tools-static { border-bottom: solid 1px #d5d5d5; height:40px; } 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; } ul.moduli-list li{color: #666666; font-size: 14px;line-height: 20px;margin-bottom:18px !important; } div.text-content ul { margin-bottom:10px; } div.text-content ul li,ul.moduli-list 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 a { font-weight:normal; text-decoration:none;} div.text-content a span{ font-weight:normal;color:#0047A5;text-decoration:none; } div.text-content a:hover { text-decoration:underline;} div.text-content a:hover span{ text-decoration:underline; } 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;} /* table no border no odd*/ table.table-no-border { width:auto !important;margin-top:1px !important;margin-bottom:10px !important;} table.table-no-border td {height:30px !important;vertical-align:middle !important;border:solid 1px #fff !important;padding-left:5px !important;padding-right:10px !important;} table.table-no-border tr.odd {background:#fff !important;} 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,#box-pulizia-quartiere-small input#form-via { /*padding-top:5px; padding-bottom:5px;*/ font-size:13px;padding:5px 10px; } #news-home {padding-top:15px;margin-bottom:10px;color:#1D63AE} body#homepage h2, body#homepage h2 a, body#comunica-con-ama h2{font-size:22px;} #homepage p.go-to a{position:relative;height:1%;} #box-dillo-ad-ama p{font-size:14px;} /*#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 } .ui-autocomplete-loading,.ac_loading { background: white url(/images-new/ajax-loader.gif) no-repeat right center; } .ac_over { background-color:#0042B5;color: #fff; } /* * jQuery UI Autocomplete @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-autocomplete { list-style:none; padding: 2px; margin: 0; display:block; float: left; padding: 0px; border: 1px solid #ccc; background-color: white; -moz-border-radius:6px; -webkit-border-top-right-radius:6px; border-radius:6px; z-index:100 !important; } .ui-autocomplete .ui-autocomplete { margin-top: -3px; } .ui-autocomplete .ui-menu-item { zoom: 1; float: left; clear: left; width: 100%; margin: 0px; cursor: default; display: block;font-size:13px; } .ui-autocomplete .ui-menu-item a { text-decoration:none; display:block; padding: 2px 5px; zoom:1; font-size:13px; line-height:20px; } .ui-autocomplete .ui-menu-item a strong{color:#0042B5} .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-active { background-color:#0042B5;color: #fff; } .ui-autocomplete .ui-menu-item a.ui-state-active strong,.ui-autocomplete .ui-menu-item a.ui-state-hover strong { color: #fff !important; } .ui-menu-item-alternate { background-color: #eee; } /* ------------------------------------------ -------------- 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 -201px; } #post-it.ui-closed div#post-it-image{height:50px; background:url(/images-new/post-it.png) no-repeat right -398px;} #post-it-content{padding:20px;padding-left:25px;padding-right:25px;padding-top:40px;text-align:center;font-size:14px;color:#036} #post-it-content p a{color:#003366; text-decoration:none; font-weight:bold;} #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; padding-bottom:13px;} #box-pulizia-quartiere-small {padding-left:20px;padding-bottom:20px;} #box-pulizia-quartiere-small input {width:180px;} #box-pulizia-quartiere-small input#form-via{background: url(/images-new/structure/form-bck.png) no-repeat scroll left top transparent;border: 1px solid #B8B8B8; border-radius: 6px 6px 6px 6px;} #box-pulizia-quartiere-small .awesome {width:auto; margin-top:0px; padding-left:10px; padding-right:10px; font-size:15px;} /* ------------------------------------------ -------------- 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; }*/ #pulizia-citta-result-response ul { margin:0; padding:0; height:50px;} #pulizia-citta-result-response ul li { margin:0; padding:0; list-style:none; float:left; position:relative; font-size: 12px; line-height:15px;height:auto;width:175px;margin-bottom:10px;padding-left:35px; } #pulizia-citta-result-response ul li a { display:block; color: #666; text-decoration: none; line-height:40px;word-wrap:normal;white-space: nowrap; } #pulizia-citta-result-response ul li img { position:absolute;top:0;left:0;cursor:pointer; } #legenda-mappa {padding-bottom:10px} #legenda-mappa ul{ margin:0; padding:0; height:50px;} #legenda-mappa ul li { margin:0; padding:0; list-style:none; float:left; position:relative; color: #666; font-size: 12px; line-height:40px;height:auto;width:175px;margin-bottom:10px;padding-left:35px;word-wrap:normal;white-space: nowrap;} #legenda-mappa ul li a{ display:block; color: #666; text-decoration: none; line-height:40px;word-wrap:normal;white-space: nowrap; } #legenda-mappa ul li img { position:absolute;top:0;left:0;cursor: text; } /*#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;padding-left:0;} body ul.ui-tabs li a { display:block; font-size:13px; padding:9px 13px; border:1px solid #CCC; border-left:none; text-decoration:none; color:#000; background:#FEF6DD; } 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; } body ul.ui-tabs li a:hover { color:#fff; background-color: #ccc; } body div.ui-tabs-panel { padding:20px; } body ul.ui-tabs.tabs-come-funziona { background:none; margin-left:0; padding-left:0;margin-top:40px; } body ul.ui-tabs.tabs-come-funziona li {background:none; border:none; width:280px; margin-right:20px; list-style:none; position:relative;} body ul.ui-tabs.tabs-come-funziona li.iv-municipio {width:580px;} body ul.ui-tabs.tabs-come-funziona li img {position:absolute; top:15px; left:10px;} body ul.ui-tabs.tabs-come-funziona li a { height:65px; padding:10px 15px 10px 80px; border:none; border-radius:5px; font-size:15px; line-height:20px; font-weight:normal; color:#1D63AE !important; text-transform:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:1px 1px 0px rgba(0,0,0,.2); background:#F5F5F5 url(/images-new/buttons/fancy-btn-light.png) left center repeat-x; cursor:pointer; text-decoration:none !important;} body ul.ui-tabs.tabs-come-funziona li.raccolta-stradale a {padding-top:20px; height:55px;} body ul.ui-tabs.tabs-come-funziona li a strong {color:#1D63AE; font-size:14px; text-transform:uppercase; font-weight:normal;} body ul.ui-tabs.tabs-come-funziona li a:hover, body ul.ui-tabs.tabs-come-funziona li.ui-state-active a {background-color:; background:#226DB4 url(/images-new/buttons/fancy-btn.png) left center repeat-x; text-decoration:none;} body ul.ui-tabs.tabs-come-funziona li a:hover, body ul.ui-tabs.tabs-come-funziona li a:hover strong, body ul.ui-tabs.tabs-come-funziona li.ui-state-active a, body ul.ui-tabs.tabs-come-funziona li.ui-state-active a strong {color:#FFF !important;} body ul.ui-tabs.tabs-come-funziona li.tab-hidden {display:none;} /*#raccolte-tab{background:#FFF;position:absolute;right:0px;top:32px;} #raccolte-tab a{ display:block; font-size:13px; padding:9px 30px; border:1px solid #CCC; text-decoration:none; color:#333; background:#FFC64D; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px;border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px;-moz-border-radius-topleft: 6px;border-top-left-radius: 6px;} *//* ------------------------------------------ -------------- ISOLE ECOLOGICHE ------------ ------------------------------------------ */ #raccolta-domenicali-wrapper ,#centri-raccolta-wrapper,#raccolta-gratuita-wrapper{position:relative;min-height:680px;} #raccolta-gratuita-wrapper div.text-content,#raccolta-domenicali-wrapper div.text-content,#centri-raccolta-wrapper div.text-content{position:relative;margin-right:600px;} #raccolta-domenicali-wrapper div.text-content{min-height:700px;} #raccolta-gratuita-wrapper div#map-container,#raccolta-domenicali-wrapper div#map-container{position:absolute;right:0;top:150px;} #centri-raccolta-wrapper div#map-container{position:absolute;right:0;top:100px;background:#FFF} #raccolta-domenicali-wrapper div#map_canvas,#centri-raccolta-wrapper div#map_canvas { width:586px; height:477px; } #raccolta-domenicali-wrapper div#map-container,#centri-raccolta-wrapper div#map-container { width:588px; height:479px;} #raccolta-gratuita-wrapper div#map_canvas { width:586px; height:526px; } #raccolta-gratuita-wrapper div#map-container { width:588px; height:528px;} #animazione-isole{position:relative;margin-left:20px;padding-top:102px;} #animazione-isole-w{border-top:solid 1px #ccc;} .alert-space{ background: url(/images-new/servizi-quartiere/alert-space.png) no-repeat left center;padding:10px;padding-right:30px;position:relative;font-size:12px !important;margin-bottom:20px; } .box{border:solid 1px #ccc;padding:10px;} #centri-raccolta-mini-tabs{padding-left:0;margin-left:20px;overflow:hidden;height:40px;background-position:bottom left;position:absolute;right:0;top:62px;} #raccolta-gratuita-search{ background: url(/images-new/servizi-quartiere/search-bck.png) repeat-x left bottom;border:solid 1px #ccc;width:588px;position:absolute;right:0;top:70px;height:68px;} #raccolta-gratuita-search div#box-pulizia-quartiere-small{padding:10px;} #centri-raccolta-alert{position:absolute;width:588px;right:0px;top:580px;border:solid 1px #ccc;background:#FFF} #raccolta-domenicali-wrapper div#centri-raccolta-alert{top:630px;} #centri-raccolta-alert div.text-content{margin:0;padding:20px;} #centri-raccolta-mini-tabs li a{border:solid 1px #ccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topright: 6px;border-top-right-radius: 6px;-webkit-border-top-left-radius: 6px;-moz-border-radius-topleft: 6px;border-top-left-radius: 6px;} #wasteapp-container{position:absolute;width:588px;right:0px;top:660px;border:solid 0px #ccc;background:#FFF} .isola-popup { padding:20px; width:400px; } #tabella-animazione-isole { width:959px; } #tabella-animazione-isole td, #tabella-animazione-isole th { background-color:#fff; border:solid 2px #fff; text-align:center; } #tabella-animazione-isole th.col180, #tabella-animazione-isole td.col180 { width:582px;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:40px; } #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} span.icon-yes-text { width:20px; margin-right: 2px; height: 18px; text-indent: -9999px; background: url(/images-new/isole-ecologiche/icon-yes.png) no-repeat center center; } #raccolta-diff-app div.text-content p a,#raccolta-diff-app div.text-content li a,#raccolta-diff-app div.text-content span a{color:#2F64C2; display:inline-block;font-weight:bold; zoom:1; } .info-box{border:solid 1px #dedede;padding:10px;} .diff-head{position:absolute;left:20px;top:20px;} #new-centri-raccolta{margin-top:10px;} #new-centri-raccolta ul.ui-tabs{margin-left:10px;} #raccolta-diff-app{position:relative;} #raccolta-diff-app div.text-content{padding-top:60px;} #raccolta-diff-app div#centri-raccolta-alert div.text-content{padding-top:20px;} #raccolta-diff-app h2.diff-head{position: relative;width:600px;top:-30px} #raccolta-legenda-stampa{position:absolute;right:20px;top:30px;font-size:14px;} /* ------------------------------------------ -------------- DOVE SI BUTTA ------------ ------------------------------------------ */ #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:25px;} #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:6px; } #dove-si-butta-response div.carousel-title{font-size:18px;position:absolute;z-index:80;top:4px;} /** * The buttons are added dynamically by jCarousel before * the