@charset "utf-8"; @import url(framework/screen.css); @import url(framework/print.css) print; /* ------------------------- *\ WELCOME TO THE MAIN SHEET Copyright 2008 CityCenter http://www.citycenter.it/ ------------------------- SITE COLOR SCHEME - body bg #97abb1 - color #444444 - a #1d7c00 - a:hover #000000 - h #374557 \* ------------------------- */ html{} body {text-align:center; background:url(../images/head_bg.jpg) repeat-x;} .container {width:970px;} /* ------------------------- ELEMENTS FORMAT ------------------------- */ .format .heading {border-color:#999999;} .format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color:#001D34 ;font-weight:normal; font-family:Arial, Helvetica, sans-serif} .format h1 {font-size:2.1em; line-height:1.25; margin-bottom:0.5em; margin-top:0.5em;} .format h2 {font-size:1.4em; line-height:1.25; margin-bottom:0.75em; border-bottom:dotted 1px #001D34;} .format h3 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.5em; border-bottom:dotted 1px #001D34;} .format h4 {font-size:1.3em; line-height:1.25; font-weight:bold; margin-bottom:0.25em;} .format h5 {font-size:0.9em; font-family:Arial, Helvetica, sans-serif; color:#999; margin-bottom:1.5em;} .format h6 {font-size:0.9em; font-weight: normal;color: #444; font-style: italic; margin-bottom: 1.5em;} .format p, .format ul, .format ol, .format dl, .format label {color:#444;} .format p a, .format ul a, .format ol a, .format dl a, .format h1 a, .format h2 a, .format h3 a, .format h4 a, .format h5 a, .format h6 a, .format span a {color:#1CA3CF; text-decoration:none} .format p a:hover, .format ul a:hover, .format ol a:hover, .format dl a:hover, .format h1 a:hover, .format h2 a:hover, .format h3 a:hover, .format h4 a:hover, .format h5 a:hover, .format h6 a:hover, .format span a:hover {color:#1CA3CF; text-decoration: underline} .format hr {background:#ccc; color:#ccc;} .format a img {border-color:#ccc; background-color:#fff; padding: 4px} .format a img:hover {border-color:#999; background-color:#fff; padding: 4px} .format img {border-color:#999; background-color:#fff;} .format ul li {background:url(../images/freccia.gif) no-repeat 3px 6px; list-style:none; margin-left:12px;} /*.format ul li:hover {background:url(../images/freccia.gif) no-repeat 4px 6px;}*/ .format label {float:left; margin-bottom:10px} .format legend {font-weight: normal; padding: 4px} .blu {color:#22bbea !important;} .verde {color:#1d7c00;} a.feed {background: url(/css/icons/feed.png) no-repeat 0 2px; padding:2px 2px 0px 22px;margin:0; text-decoration: none;color:#001D34;} a.decrease {background: url(/css/icons/decrease-font.gif) no-repeat 0 2px; padding:2px 12px 0px 8px;margin:0; text-decoration: none;color:#001D34; height: 16px;} a.increase {background: url(/css/icons/increase-font.gif) no-repeat 0 2px; padding:2px 12px 0px 8px;margin:0; text-decoration: none;color:#001D34;height: 16px;} div.addOn {width: 100%; text-align: right; clear: both; margin-bottom: 1em} #image a{margin-right:8px; margin-bottom:8px; display:block; float:left} a.pdf, a.doc, a.xls, a.rss, a.rdf, a.img, a.file {padding:2px 2px 20px 2px;margin:-2px 0;background-repeat: no-repeat;background-position: 0px 0px;text-decoration:none; border-bottom: none !important} a.pdf:hover, a.doc:hover, a.xls:hover, a.rss:hover, a.rdf:hover, a.img:hover, a.file:hover {border-bottom: none !important} a.pdf {background-image: url(../images/icons/pdf.png); padding-left:30px;} a.doc {background-image: url(../images/icons/doc.png); padding-left:30px;} a.xls {background-image: url(../images/icons/xls.png); padding-left:20px; } a.rss, a.rdf {background-image: url(../images/icons/feed.png); padding-left:20px; } a.img {background-image: url(../images/icons/image.png); padding-left:20px; } a.file {background-image: url(../images/icons/file.png); padding-left:20px; } .hidden {display:none;} .error {padding: 0; margin-bottom: 0; color:#000 !important} .oro{color:#BE9E54 !important} .clear {clear:both; } /* HEADER ------------------ */ #header { height:95px; position:relative; z-index:auto;} #header h1 a {display:block; color:#fff; height:65px; width:300px; font-size:0px; text-indent:-5000px; position:absolute; top:0; left:0; background:url(../images/logo.png) no-repeat; margin-top:25px} #news_box{width:970px; height:316px; border-left:1px solid #fff;} #news_box h1 a{display:block; height:300px; width:970px; font-size:0px; text-indent:-5000px; position:relative; float:right;} #news_box h2 a{display:block; height:30px; width:170px; font-size:0px; text-indent:-5000px; position:relative; top:220px; left:675px; } #home #main {padding:0px; padding:0px;} #header h2 {font-size:24px; float:right; margin-top:30px; margin-right:15px; color:#012457} #headerLinks {float:none;} #headerLinks ul, #nav_links li {margin:0; padding:0; list-style-type:none; } #headerLinks ul {position: relative;float:right; height:22px;z-index: 3; padding-left:0px} #headerLinks ul li {display:inline; float:left; margin:0 6px; color:#666;} #headerLinks ul li a {float:left; height:15px; padding:6px 10px; color:#fff; font-size:10px; text-decoration:none;} #headerLinks ul li div {position: absolute;top:27px; left:-9999px; width:355px; min-height:200px; padding:20px; border:solid 1px #95abb1; border-top:none; color:#3B5998; background:#fff;} #headerLinks ul li input {width:240px; margin:0;} #headerLinks ul li input.domain {width: 200px} #headerLinks ul li div button {width:252px; margin-top:10px;} #headerLinks ul li div select {width:240px; margin:0;} #headerLinks ul li div a {float:none;color:#012F63; border:none; padding:0; margin:0; text-decoration:underline;} #headerLinks ul li a:hover {color:#fff;} #headerLinks ul li:hover, #nav_links ul li.sfhover { background:#012F63 ; } #headerLinks ul li:hover div, #headerLinks ul li.sfhover div {left: auto; z-index:2; right: 0px; height:180px; float:left; position:absolute} #headerLinks ul li:hover div a:hover {color: #012F63} #nav {position: absolute; bottom: 0; right: 0px} #nav ul, #nav li {margin:0; padding:0; list-style-type:none;} #nav ul {position: relative; height:21px; } #nav ul li {height:21px; position:relative; float:left;} #nav ul li a {float:left; margin:0 5px; padding:0 5px; color:#fff; text-decoration:none; font-size:13px;} #nav ul li a:hover, #nav ul li a#active {color:#51A9EA} #nav ul li ul {position:absolute; top:32px; left:-9999px; width:140px; height:auto; padding:0px 1px 4px; color:#5a7da1; background:#374557;z-index:2; } #nav ul li ul li {float:none; display:block!important; display:inline; height:28px;} #nav ul li ul li a {float:none; display:block!important; height:28px; margin:0; padding:0; border-top:dotted 1px #ccc; line-height:28px; font-size:10px; text-indent:20px; background:url(../images/freccia.gif) no-repeat 9px 11px #fff;} #nav ul li ul li ul {position:absolute; left:240px; top:-500px; text-transform:none;} #nav ul li ul, #nav ul li ul li a {color:#444;} #nav ul li:hover, #nav ul li.sfhover {position:relative; background:none; color:#fff;z-index:2; } #nav ul li:hover ul, #nav ul li.sfhover ul {position: absolute; left:0px; z-index:2;} #nav ul li ul li:hover ul, #nav ul li ul li.sfhover ul {position: absolute; top:0px; left:140px; z-index:2;} #nav ul li ul li:hover {background:none;} #nav ul li ul a:hover {border-top:solid 1px #ccc; color:#3B5998; background:url(../images/freccia.gif) no-repeat 11px 11px #eee;} #nav ul li ul il ul {} /* MENU RIGHT -------------------- */ #sideMenu {position:relative; float:left; margin:0; padding:0; padding-top:35px !important} ul#sideMenu {float: right; margin:0; padding:0} ul#sideMenu li {list-style-type: none; background:none;padding:0px} ul#sideMenu li a {height:31px;width:172px;float:right; text-decoration:none; text-indent:45px; line-height:1.0em; border-bottom:0px; background-image: url(../images/tit_darkblue.png); background-position:-984px 0px; margin-bottom:0px; padding-top:13px; color:#FFFFFF !important; font-size:1.65em} ul#sideMenu li a:hover {background-position:-775px 0px; width:172px;} ul#sideMenu li a#active {background-position:-775px 0px; width:172px;} ul#sideMenu li a.blu {background-image:url(../images/tit_blu.png)} ul#sideMenu li a.white {background-image:url(../images/tit_white.png)} ul#sideMenu li a.black-pearl {background-image:url(../images/tit_black.png) } ul#sideMenu li a.white-pearl {background-image:url(../images/tit_pearl.png)} ul#sideMenu li a.liquirizia {background-image:url(../images/tit_orange.png)} ul#sideMenu li a.rosse {background-image:url(../images/tit_red.png) } ul#sideMenu li a.silver {background-image:url(../images/tit_silver.png) } ul#sideMenu li a.verdi {background-image:url(../images/tit_green.png)} h2.blu {background-image:url(../images/tit_blu.png) !important; width:775px !important;} h2.white {background-image:url(../images/tit_white.png) !important; width:775px !important;} h2.black-pearl {background-image:url(../images/tit_black.png) !important; width:775px !important; } h2.white-pearl {background-image:url(../images/tit_pearl.png) !important; width:775px !important;} h2.liquirizia {background-image:url(../images/tit_orange.png) !important; width:775px !important;} h2.rosse {background-image:url(../images/tit_red.png) !important; width:775px !important; } h2.silver {background-image:url(../images/tit_silver.png) !important; width:775px !important;} h2.verdi {background-image:url(../images/tit_green.png) !important; width:775px !important;} h2.tubetti , h2.filtri, h2.macchinette {background-image:url(../images/tit_darkblue.png) !important; width:775px !important;} /* PAGE -------------------- */ #breadcrumb {min-height:20px; background:#F3F3F3; z-index:1;margin:0px 35px 10px 30px; padding-left:5px;} #breadcrumb div {} #breadcrumb div span a {border-bottom: 1px dotted; text-decoration: none} #main {background-color:#fff; padding-bottom:120px; padding-top:0px; min-height:400px} #content_total {margin:0px 0px 0px 0px;} #content_total td a {color:#374557;} #content_main {width:735px; min-height: 450px; margin:0 0 0 0; padding:0 30px 0 0;} #content_main h1{ text-transform:capitalize; margin-bottom:0; text-indent:15px;} #content_main h2 {height:31px;width:966px;float:left; text-decoration:none; text-indent:15px; line-height:1.0em; border-bottom:0px; background-image: url(../images/titlebar.png); background-position:center left; margin-bottom:2px; padding-top:13px; color:#FFFFFF !important; font-size:1.65em} #content_main img {border:0px} #content_main p { font-size:1.2em; line-height:1.2em} #content_side {width:170px; margin:0 0 0 0; float: right; position:relative;} #content_side ul li a#active {font-weight: bold} #content_side ul li ul {margin-bottom: 0px} #content_side dt {margin: 0 0 10px 15px; color:#0055A9} #content_side a {border-bottom:0px} #content_side h3 { text-transform: uppercase; border-bottom:0px; margin-bottom:0; display:none} #footer {width:100%; background-color:#fff; background:url(../images/footer_bg.jpg) repeat; height:55px; margin:0 auto; padding:0; position: fixed; bottom:0; left:0; z-index:100; padding-bottom:17px } #footer2 { width:970px; margin:0 auto; padding:0px; color:#fff; font-size:0.9em; position:relative; padding-top:10px;} .cartina_footer {margin:0; padding: 0; list-style-type:none; z-index:2000; position:absolute; right:0; bottom:-17px } #footer2 a {color: #fff; text-decoration: none; border: none; margin-bottom:0 !important; padding-bottom: 0 !important;} #footer2 a img {margin-left:0 !important} #newsHome {width:580px; min-height: 300px; margin:0 20px 0 0; position: relative} /* TOUR ---------------- */ #tour #content_main {width:966px; position:relative} #tour_old #content_main {width:966px; position:relative} #rightColumn { width:291px; float:right; position:relative} div.widgetContentsListSide {margin-left:0px; float:right; background:url(../images/news_box.jpg) top left; width:271px; height:401px; padding-left:10px; padding-right:10px; margin-top:10px; position:relative} div.widgetContentsListSide h5 {display:block; width:250px; margin:0 0px 8px 0px; clear:both; position:relative; font-size:1.2em !important; } #furgoncino {position:relative; background:url(../images/furgoncino.jpg) top left; width:292px; height:128px; margin-top:-21px; margin-left:-10px; } div.widgetContentsListSide h5 {color: #33B6E2;} #tour .widgetContentsListSide h5 {text-indent: -9999999px; font-size: 0px} div.widgetContentsListSide .paging h5 {text-indent: 0px !important; color: #fff} div.widgetContentsListSide .paging span {position:absolute;font-weight:normal; text-align:right; color:#fff; padding-top:0px; display:block; float:left; top:0; right:0} div.widgetContentsListSide .paging a { color:#FFFFFF; font-weight:bold; font-size:1.4em; float:left} div.widgetContentsListSide .paging a:hover {color:#FFFFFF; font-weight:bold; text-decoration: none;} div.widgetContentsListSide ul {margin:0 0 0px 0; border-bottom:dotted 1px #999; width:210px;} div.widgetContentsListSide li {padding:0px 0px; margin:0; border-bottom:solid 1px #fff; background:url(../images/arrow.png) center right no-repeat; width:271px; height:100px; padding-top:10px; position:relative} div.widgetContentsListSide li div {height:100px} div.widgetContentsListSide li:hover { background:url(../images/arrow2.png) center right no-repeat;} div.widgetContentsListSide li.active {background:none #e3e3e3;} div.widgetContentsListSide li.active a, div.widgetContentsListSide li.active h3 {color:#666666;} div.widgetContentsListSide h2 {margin-bottom:0; margin-top:0 !important; border:none; font-style:normal; font-weight:bold; text-indent:0px; margin-left:0px; background-image:none !important; color:#fff !important; width:170px !important; left:105px; float:left; position:relative; text-indent: 0px !important } div.widgetContentsListSide h2 a, div.widgetContentsListSide h2 a:hover {display: block; color: #fff; border: none; width:120px !important; padding-right:45px; text-decoration: none;} div.widgetContentsListSide img {position:absolute; left:0; top:12px} div.widgetContentsListSide h3 {margin-bottom:0; border:none; color:#fff; font-size:1.0em; font-weight:normal; text-indent:0px; margin-left:15px; font-weight:bold;margin-left:103px ; margin-top:5px } .paging {color:#fff !important;} div.widgetContentsList p {margin-bottom: 2px} #leftColumn ul{margin:0; padding:0; margin-left:15px} #leftColumn ul li { background-image:none; width:156px; padding:4px; background-color:#ededed} #leftColumn ul li a {border-bottom:0; padding:0; margin:0} #leftColumn ul li:hover {background-color:#00A3E3 !important} #leftColumn ul li a:hover {border-bottom:0; padding:0; margin:0;} #leftColumn ul li img {padding:0 !important; margin:0;} #leftColumn h1{border-bottom:1px solid #2797E7; color:#2797E7; margin-left:5px; width:500px; padding-left:100px; margin-bottom:20px; padding-bottom:3px; font-weight:bold; } #leftColumn h6 {position:absolute; top:87px; left:20px; color:#2797E7; font-style:normal; font-size:1.4em} #gallery{} /* PRODOTTI ---------------- */ #prodotti_box {border-bottom:1px solid #E4E4E4; padding-bottom:10px; width:770px;position:relative; float:left; padding-top:10px} #prodotti_box img {border:none;} #prodotti_box h1 {text-indent:0px; font-size:1.4em; float:left; width:250px;position:relative; margin-top:10px} #tubetti #prodotti_box h1, #filtri #prodotti_box h1, #macchinette #prodotti_box h1 {margin-left:160px !important;} #prodotti_box h2 {font-size:1.2em; background:none; position:absolute; display:block; width:140px; float:right; text-align:right; color:#001D34 ; margin-bottom:0; padding-bottom:0; line-height:1.0em; height:20px !important; right:0; top:10px } #prodotti_box h3 {border-bottom:1px solid #000 !important; text-indent:0px; font-size:1.8em; float:none; width:350px; margin-left:420px; margin-top:30px } #prodotti_box p {font-size:1.2em; text-align:justify; line-height:1.0em; margin-bottom: 0px;margin-left:420px; float:none} #prodotti_box ul { position:relative; display:block; } #prodotti_box ul li {font-size:1.2em; text-align:justify; line-height:1.1em; background:url(../images/freccia.gif) no-repeat 3px 6px; list-style:none; margin-left:12px; margin:0; padding:0; background:none; margin-left:14px} #SendtoaFriend, .SendtoaFriend {float:right} #SendtoaFriend a, .SendtoaFriend a {color:#FFFFFF; width:132px !important; height:23px !important; background:url(../images/sendtoafriend.png) top left; border:1px solid; position:relative; display:block; text-decoration:none; text-align:center; font-size:1.2em; padding-top:12px} #SendtoaFriend a:hover, .SendtoaFriend a:hover{background:url(../images/sendtoafriend.png) bottom left; } /* RACCOLTA PUNTI ---------------- */ #raccolta-punti #content_main {width:950px; position:relative} #raccolta-punti #content_main ul li{ background-image:none} #button1, #button2, #button4{position:relative; margin-top: 0px; margin-right:0px; float:right; clear:both; margin-top:20px} #button3 {position:relative; margin-top: 0px; margin-right:0px; margin-left:3px;float:left; clear:both; margin-top:20px} #button1 a, #button2 a , #button3 a {color:#FFFFFF; width:298px !important; height:60px !important; background:url(../images/download_button.png) top left; border:1px solid; position:relative; display:block; text-decoration:none; text-align:center; font-size:1.2em;padding:0; margin:0 ;padding-top:11px; border-bottom:none} #button1 a:hover, #button2 a:hover , #button3 a:hover {background:url(../images/download_button.png) bottom left; } #raccolta-punti p {margin-top:20px} #button4 a {color:#FFFFFF; width:298px !important; height:60px !important; background:url(../images/download_button2.png) top left; border:1px solid; position:relative; display:block; text-decoration:none; text-align:center; font-size:1.2em;padding:0; margin:0 ;padding-top:11px; border-bottom:none} #button4 a:hover {background:url(../images/download_button2.png) bottom left; } #raccolta-punti a:hover {text-decoration:none !important} .bollino{font-size:1.6em !important} #button1 h3, #button1 h4, #button2 h3, #button2 h4 , #button3 h3, #button3 h4 , #button4 h3 , #button4 h4 {color:#fff; border-bottom:0; text-align:left; margin-left:17px} #button1 h3, #button2 h3, #button4 h3 {font-size:1.6em; margin-bottom:0} #button3 h3 {font-size:1.20em; margin-bottom:5px} #button1 h4, #button2 h4 , #button3 h4 , #button4 h4 {font-size:0.85em} /* RIZLA POINT ---------------- */ #rizla-point #content_main {width:950px; position:relative} #rizlapoint {background:url(../images/rizlapoint_box.jpg) top left no-repeat ; width:350px; height:258px;padding:0; margin-top:45px; border:none; text-align:left; padding-left:23px; padding-top:10px} #rizlapoint label {width:420px; height:22px; float:none; margin-bottom:20px; width:350px; line-height:1em; clear:both} #rizlapoint span {color:#fff; font-weight:normal; font-size:1.0em; font-weight:bold; line-height:1em; clear:both} #rizlapoint input[type=text] {width:320px; font-size:1.2em; margin-bottom:15px; padding:2px} #rizlapoint select {width:325px; margin-bottom:15px} #rizlapoint textarea {width:230px; font-size:1.2em;} #rizlapoint .captcha {margin-top:15px} #rizlapoint #checkbox_newsletter2 {position:relative; bottom:0; margin-left:5px} #rizlapoint #checkbox_privacy2{position:relative; bottom:0; margin-left:5px} #rizlapoint button[type] {line-height:17px;padding:4px 10px 4px 7px; margin-left:0px; float:right; margin-top:-3px; margin-right:20px} #rizlapoint .acconsento, #rizlapoint .acconsento span { font-size:1.0em !important; margin-left:0; padding-left:0; text-indent:0; position:relative} #rizlapoint .acconsento a {color:#fff !important; text-decoration:underline} #rizlapoint h6 {color:#fff; margin-top:20px} .imgright {position:absolute; float:left; top:83px; right:20px; border:1px solid #000} .imgright2 {position:absolute; float:left; top:90px; right:330px; border:1px solid #000} #rizla-point h5 {color:#00A3E3; font-weight:bold; font-size:1.7em; clear:both; margin-left:17px; padding-top:10px; margin-bottom:10px} #rizla-point ul {margin:0; padding:0; margin-left:15px} #rizla-point #content_main ul li { margin:0 auto; padding:0; float:left; width:171px; height:162px; background-color:#EBEBEB; background-image:none; margin-right:40px; margin-bottom:15px; text-align:center; padding-top:7px;} #rizla-point #content_main ul li p{ margin-top:5px; text-align:center} #rizla-point #content_main ul li a {border-bottom:0; padding:0; margin:0} #rizla-point #content_main ul li:hover {background-color:#00A3E3 !important} #rizla-point #content_main ul li a:hover {border-bottom:0; padding:0; margin:0;} #rizla-point #content_main ul li img {padding:0 !important; margin:0;} /* NEWSLETTER ---------------- */ #newsletter #content_main {width:950px; position:relative; padding-right:0} #newsletter #request_form {float:right} #newsletter #request_form select {} #newsletter #request_form {background-image: url(../images/newsletter_bg.png); width:347px; height:540px; margin-top:0px;} #newsletter #request_form label {float:left !important ; margin-bottom:25px;} #newsletter #request_form h3 {border-bottom:0px; color:#00A3E3; font-size:2.0em} #newsletter #request_form p, #newsletter #request_form a {border-bottom:0px; color:#fff; font-size:1.0em; margin-bottom:0;} select#day {width:100px !important; position:absolute; top:20px} #newsletter .acconsento span {font-size:1.0em !important; font-weight:normal} select#day {width:100px !important; position:absolute; top:20px} select#year {width:100px !important; position:absolute; left:230px; top:20px} select#month {width:100px !important; position:absolute;left:115px; top:20px} span#span_input_day {width:100px !important; position:absolute; font-size: 11px !important} span#span_input_year {width:100px !important; position:absolute; left:230px; font-size: 11px !important} span#span_input_month {width:100px !important; position:absolute;left:115px; font-size: 11px !important} .data { width:100px !important; float:left; position:absolute; display:block; } .data label{width:100px !important; float:left; position:absolute; display:block} .data select{width:100px !important; float:left; position:absolute; display:block; margin-top:-5px} #giorno {margin-left:115px} /* NEWSLETTER */ #newsletter #request_form {background:url(../images/contatti_box.png) top left no-repeat ; width:355px; height:568px; border:none; text-align:left; padding-left:23px; padding-top:25px; margin:0 auto; margin-top:45px;} #newsletter #request_form label {width:355px; height:22px; float:none; line-height:1.0em; clear:both} #newsletter #request_form span {color:#fff; font-weight:normal; font-size:1.0em; font-weight:bold; line-height:1em; clear:both; margin-left:0; padding-left:0; text-indent:0; } #newsletter #request_form input[type=text] {width:320px; font-size:1.2em; margin-bottom:10px; padding:2px; } #newsletter #request_form select {width:325px; margin-bottom:15px} #newsletter #request_form textarea {width:315px; font-size:1.4em; font:Arial, Helvetica, sans-serif} #newsletter #request_form .captcha {margin-top:15px} #newsletter #request_form #checkbox_newsletter2 {position:relative; bottom:0; margin-left:5px;} #newsletter #request_form #checkbox_privacy2{position:relative; bottom:0; margin-left:5px} #newsletter #request_form button[type] {line-height:17px;padding:4px 10px 4px 7px; margin-left:0px; float:right; margin-top:-18px; margin-right:55px} #newsletter #request_form h6{ color:#FFFFFF; font-size:0.9em; font-style:normal} #newsletter #request_form .acconsento, #newsletter #request_form .acconsento span { font-size:1.0em !important; margin-left:0; padding-left:0; text-indent:0; margin-bottom:5px !important;} #newsletter #request_form .acconsento {padding-top:5px !important; position:relative; display:block;} #newsletter #request_form .acconsento span {font-size:1.0em !important} #newsletter #request_form .acconsento a {font-size:1.0em !important} #newsletter #request_form button[type] {line-height:17px;padding:2px 9px 2px 5px; margin-left:0px; float:right; margin-top:21px; margin-right:29px} #newsletter #request_form h6 {padding-top:50px} #newsletter .acconsento{margin-top:30px} #newsletter .acconsento, #newsletter .acconsento span { margin-left:0; padding-left:0; text-indent:0} #newsletter #input_usercode {width:243px; } #elenco_newsletter {float:left; width:570px} #elenco_newsletter img {margin-left:60px} #newsletter div.widgetContentsListSide {float:left; background:url(../images/archivio_newsletter_bg.jpg) top left no-repeat; width:561px; height:308px; margin-top:-38px} #newsletter div.widgetContentsListSide li {width:541px} #newsletter div.widgetContentsListSide li h2 {margin-left:0; width:450px !important} #newsletter div.widgetContentsListSide li h3 {margin-left:13px; float:left; margin-top:17px; font-size:1.1em} #newsletter div.widgetContentsListSide li {min-height:50px !important; height:50px !important;} #newsletter .paging {margin-top:10px; float:right; margin-right:30px; width:90px} /* ACCENDINI RIZLA ---------------- */ #accendini-rizla #content_main {width:966px; position:relative} #accendini-rizla #content_main {padding-right:0} #accendino_big { background:url(../images/cornice.jpg) top left no-repeat; width:379px; height:437px; display:block; float:left; position:relative; overflow:hidden} #accendino_big img {margin:0 auto; position:relative; display:block; padding:0; margin-top:90px; text-align:center;} #accendino_description { background:url(../images/descrizione_accendini.png) top left no-repeat; width:310px; height:351px; display:block; float:left; position:relative; margin-top:35px; padding-top:25px} #accendino_description h1 { margin-left:35px; margin-right:35px; margin-bottom:10px; text-indent:0; font-size:1.8em} #accendino_description h3 { margin-left:35px; margin-right:35px; font-size:1.5em; border-bottom:none; color:#444; margin-bottom:3px; line-height:1.0em} #accendino_description h4 { margin-left:35px; margin-right:35px; font-size:1.2em;color:#444; font-weight:normal; margin-bottom:10px; line-height:1.0em} #accendini-rizla div.widgetContentsListSide img {padding:2px; background-color:#92D8EF; margin-top:0px !important; } #accendini-rizla div.widgetContentsListSide img:hover {padding:2px; background-color:#fff} #accendini-rizla div.widgetContentsListSide {background:url(../images/serie_box.jpg) top left no-repeat; width:260px; height:511px !important; display:block; float:right; position:relative; padding:0; padding-left:10px} #accendini-rizla div.widgetContentsListSide ul {padding:0px 0px; margin:0; padding-top:0px !important; margin-top:0px !important;} #accendini-rizla div.widgetContentsListSide div {padding:0px 0px; margin:0;} #accendini-rizla div.widgetContentsListSide li {padding:0px 0px; margin:0; border-bottom:solid 0px #fff !important; background:none !important; width:271px; height:105px; padding-top:0px !important; margin-top:0px !important; position:relative} #accendini-rizla div.widgetContentsListSide h2 {display: none} #accendini-rizla div.widgetContentsListSide h3 {display: none} #accendini-rizla .paging{margin-top:6px} #accendini-rizla div.widgetContentsListSide h5 {color:#FFF; font-size:1.9em !important; margin-bottom:0 !important; margin-top:11px; font-weight:normal; } #accendini_thumb {background:url(../images/accendini_box.jpg) top left no-repeat; width:331px; height:178px; display:block; float:left; position:relative; margin-left:25px; margin-top:20px; } #accendini_thumb h1 {margin-bottom:0px} #accendini_thumb ul {margin-left:10px} #accendini_thumb ul li {float:left; background-image:none; margin:0; padding:0; margin-top:10px; margin-left:10px} #accendini_thumb ul li a{border-bottom:0px;} #artist {float:left; position:relative; margin-left:40px; margin-top:-20px} #artist a {color:#FFFFFF; width:282px !important; height:290px !important; background:url(../images/rizla_artist.jpg) top left; position:relative; display:block; text-decoration:none;} #artist a:hover{background:url(../images/rizla_artist.jpg) bottom left; } #a_1 {display:none} #a_2 {display:none} #a_3 {display:none} #a_4 {display:none} #a_5 {display:none} #a_6 {display:none} /* CONTATTI ---------------- */ #contatti #main {padding-bottom:0} #contatti #content_main {width:949px; height:728px; position:relative; background:url(../images/contatti_bg.jpg) 0px 40px no-repeat; } #contatti #request_form {background:url(../images/contatti_box.png) top left no-repeat ; width:381px; height:568px; border:none; text-align:left; padding-left:23px; padding-top:25px; margin:0 auto; margin-top:45px;} #contatti #request_form label {width:380px; height:22px; float:none; line-height:1.0em; clear:both} #contatti #request_form span {color:#fff; font-weight:normal; font-size:1.0em; font-weight:bold; line-height:1em; clear:both; margin-left:0; padding-left:0; text-indent:0; } #contatti #request_form input[type=text] {width:320px; font-size:1.2em; margin-bottom:10px; padding:2px; } #contatti #request_form select {width:325px; margin-bottom:15px} #contatti #request_form textarea {width:315px; font-size:1.4em; font:Arial, Helvetica, sans-serif} #contatti #request_form .captcha {margin-top:15px} #contatti #request_form #checkbox_newsletter2 {position:relative; bottom:0; margin-left:5px;} #contatti #request_form #checkbox_privacy2{position:relative; bottom:0; margin-left:5px} #contatti #request_form button[type] {line-height:17px;padding:4px 10px 4px 7px; margin-left:0px; float:right; margin-top:-18px; margin-right:55px} #contatti #request_form h6{ color:#FFFFFF; font-size:0.9em; font-style:normal} #contatti #request_form .acconsento, #contatti #request_form .acconsento span { font-size:1.0em !important; margin-left:0; padding-left:0; text-indent:0; margin-bottom:5px !important;} #contatti #request_form .acconsento {padding-top:5px !important; position:relative; display:block;} #contatti #request_form .acconsento span {font-size:1.0em !important} #contatti #request_form .acconsento a {font-size:1.0em !important} #contatti #request_form h6 {color:#fff; margin-top:20px} .imgright {position:absolute; float:left; top:83px; right:20px; border:1px solid #000} .imgright2 {position:absolute; float:left; top:90px; right:330px; border:1px solid #000} #contatti h5 {color:#00A3E3; font-weight:bold; font-size:1.7em; clear:both; margin-left:17px; padding-top:10px; margin-bottom:10px} #contatti ul {margin:0; padding:0; margin-left:15px} #contatti #content_main ul li { margin:0 auto; padding:0; float:left; width:171px; height:166px; background-color:#EBEBEB; background-image:none; margin-right:40px; margin-bottom:15px; text-align:center; padding-top:5px;} #contatti #content_main ul li p{ margin-top:5px; text-align:center} /* PRIVACY ---------------- */ #privacy #content_main {width:950px; position:relative} #privacy h1 { text-indent:0} #privacy p {margin-left:2px; margin-top:17px; text-align:justify} #privacy h3 {margin-left:17px} /* LEGAL ---------------- */ #legal p {margin-left:17px; margin-top:17px; text-align:justify} #request_form, #request_form2 {position: relative;} #response_form2 {padding-left:15px} .obfuscator {opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5} .loading {position: absolute; top: 0; left: 0px; background: url('../images/ajax-loader.gif') center no-repeat; width: 100%; height: 100%; z-index: 1000; display: none} /* INTRO ---------------- */ #intro { background:url(../images/intro_bg.jpg) top left repeat-x !important} #intro #footer {display:none} #intro #main { background: none !important } #intro #nav {display:none !important} #intro #header h1 {margin-top:110px; position:relative; display:block } #intro #content_main {width:960px} #intro #content_main h1 {color:#FFFFFF; text-indent:0; margin-left:15px; text-align:center !important; font-size:2.0em} #provincia {position:relative; display:bloack; width:365px; height:50px; float:none; background:url(../images/citta.png) top left no-repeat; padding-top:40px; text-align:right; margin-left:150px; margin-top:20px} #data {position:relative; display:bloack; width:365px; height:50px; float:left; background:url(../images/nascita.png) top right no-repeat; padding-top:40px; text-align:right;margin-left:150px} #intro #entra a {width:172px !important; height:181px !important;float:right; background:url(../images/entra.png) top left no-repeat; margin-top:-90px; margin-right:230px} #intro #entra a:hover {width:172px !important; height:181px !important;float:right; background:url(../images/entra.png) bottom left no-repeat} #intro form {width:550px} /* SLIDESHOW ---------------- */ #Slideshow { height: 395px;width:370px;background:url(../images/home_box.jpg) top left no-repeat;overflow: hidden;padding-top:24px; padding-left:304px;position:relative;} #SlideTop, #SlideRepeat, #SlideBottom,.slidePrev, .slideNext,#slidePager {position: relative;z-index: 29;} #Slides {height: 310px;width:360px;overflow: hidden;} a.slidePrev, a.slideNext {display: block;z-index: 30;top: -190px;width: 51px;height: 64px;} a.slidePrev {float: left;margin: 0 0 0 0px;background: transparent url(../images/slide-previous.png) no-repeat 0 0;margin-left:-1px;} a.slideNext {float: right;margin: 0 -65px 0;background: transparent url(../images/slide-next.png) no-repeat 0 0;margin-right:9px;} a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;} #slidePager {top: -305px;float: right;margin:0 20px 0 0;} #slidePager a, #slidePager a:visited {float: left;width: 16px;height: 15px;overflow: hidden;background: transparent url(../images/slide-pager.png) no-repeat 0 0;text-decoration: none;text-indent: -1234px;} #slidePager a:hover {background-position: -16px 0;} #slidePager a.activeSlide {background-position: -32px 0;} #spillatevi{background:url(../images/spillatevi.png) no-repeat top left;z-index:10; width:496px; height:163px; position:absolute; bottom:-6px; left:10px } #newsHome {width:461px; height:100%; margin:0 0px 0 0; position: relative; margin-top:20px} #distributore2{padding-top:15px} #request_form, #request_form2 {position: relative;} #distributore {background:url(../images/distirbutore_box.jpg) center center no-repeat ; width:421px; height:197px;padding:8px 20px 20px 20px; border:none} #distributore h1{color:#fff; font-size:1.71em; border-bottom:0px; clear:both; float:none; display:block} #distributore h2{font-size:1.0em; color:#fff; font-weight:normal; border-bottom:0px; clear:both; float:none; display:block; padding-top:0px;position:relative} #distributore label {width:420px; height:22px} #distributore span {color:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;} #distributore input[type=text] {width:192px; font-size:1.0em; float:right; padding: 3px} #distributore select {width:200px; float:right; font-size:1.0em;} #distributore textarea {width:230px; color:#FFF; font-size:10px;} #distributore .captcha {margin-top:15px} #distributore .submit {margin-bottom:0; padding-bottom:0} #distributore button[type] {line-height:17px;padding:4px 10px 4px 7px; margin-left:0px; float:right; margin-top:-33px} .acconsento a{color:#fff; font-weight:normal; font-size:1.0em; text-decoration:none} #checkbox_newsletter2 {position:relative; bottom:0; margin-left:70px} #checkbox_privacy2{position:relative; bottom:0; margin-left:60px} .acconsento a{ text-decoration:underline} #spotHome {position:relative; width:472px; height:100%; margin-top:20px; } #spotHome h1{border-bottom:0; font-size:1.6em; margin-top:15px; margin-left:20px; margin-bottom:0 } #spille {float:left; margin-left:17px; position:relative} #spille ul {margin:0; padding:0; width:219px} #spille ul li{margin:0; padding:0; list-style-type:none; position:relative; display:block; float:left} #spille ul li a {margin:0; padding:0; list-style-type:none; float:left; width:73px; border-bottom:none} #cartine {background:url(../images/home_box2.png) top center no-repeat ; width:220px; height:203px; float:right; text-align:center; margin:0 auto; margin-top:-5px} #cartine h1{margin:0; padding:0; margin-top:14px; line-height:0.9em; margin-bottom:10px} .s_blue {background:url(../images/s_blue.jpg) top left no-repeat ; width:73px; height:68px;} .s_white {background:url(../images/s_white.jpg) top left no-repeat ; width:73px; height:68px;} .s_black {background:url(../images/s_black.jpg) top left no-repeat ; width:73px; height:68px;} .s_pearl {background:url(../images/s_pearl.jpg) top left no-repeat ; width:73px; height:68px;} .s_orange {background:url(../images/s_orange.jpg) top left no-repeat ; width:73px; height:68px;} .s_red {background:url(../images/s_red.jpg) top left no-repeat ; width:73px; height:68px;} .s_silver {background:url(../images/s_silver.jpg) top left no-repeat ; width:73px; height:66px;} .s_green {background:url(../images/s_green.jpg) top left no-repeat ; width:73px; height:67px;} .s_old {background:url(../images/s_old.jpg) top left no-repeat ; width:73px; height:67px;} .s_blue:hover {background:url(../images/s_blue.jpg) bottom left no-repeat } .s_blue.active {background:url(../images/s_blue.jpg) bottom left no-repeat } .s_white:hover {background:url(../images/s_white.jpg) bottom left no-repeat } .s_black:hover {background:url(../images/s_black.jpg) bottom left no-repeat} .s_pearl:hover {background:url(../images/s_pearl.jpg) bottom left no-repeat} .s_orange:hover {background:url(../images/s_orange.jpg) bottom left no-repeat } .s_red:hover {background:url(../images/s_red.jpg) bottom left no-repeat} .s_silver:hover {background:url(../images/s_silver.jpg) bottom left no-repeat} .s_green:hover {background:url(../images/s_green.jpg) bottom left no-repeat} .s_old:hover {background:url(../images/s_old.jpg) bottom left no-repeat} #cartine_box{position:relative; width:194px; height:99px; margin-left:11px; overflow:hidden } #c_blue {background:url(../images/cartine/c_1.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_white {background:url(../images/cartine/c_2.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_black {background:url(../images/cartine/c_3.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_pearl {background:url(../images/cartine/c_4.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_orange {background:url(../images/cartine/c_5.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_red {background:url(../images/cartine/c_6.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_silver {background:url(../images/cartine/c_7.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_green {background:url(../images/cartine/c_8.jpg) top left no-repeat ; width:194px; height:99px;display:none} #c_old {background:url(../images/cartine/c_9.jpg) top left no-repeat ; width:194px; height:99px;display:none} /* TEMPORARY STORE ---------------- */ #temporary-store a img {border:1px solid #E5E5E5; margin-left:180px; } #temporary-store a:hover img {border:1px solid #00A3E3;} /* ------------------------- POP UP ------------------------- */ .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: 0; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {float: left; margin: 0 4px;} /* ------------------------- ELEMENTS FORMAT ------------------------- */ /* THICKBOX ----------------- */ #TB_window {font:12px Arial, Helvetica, sans-serif; color:#000;} #TB_secondLine {font:10px Arial, Helvetica, sans-serif; color:#666666;} #TB_window a:link {color:#be9e56; font-weight:bold; text-transform:uppercase; text-decoration:none !important} #TB_window a:visited {color:#be9e56;} #TB_window a:hover {color:#896c2c;} #TB_window a:active {color:#be9e56;} #TB_window a:focus{color:#be9e56;} #TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;} .TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35;} * html #TB_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}/* ie6 hack */ #TB_window {position:fixed; background:#ddd; z-index:102; padding:15px; color:#000000; display:none; border:8px solid #fff; text-align:left; top:50%; left:50%;} * html #TB_window {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} /* ie6 hack */ #TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;} #TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;} #TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title {height:27px;} #TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;} #TB_ajaxContent.TB_modal {padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px; color:#666666} #TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px;} /* -height/2 0 0 -width/2 */ * html #TB_load {position:absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} /* ie6 hack */ #TB_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;} * html #TB_HideSelect {position: absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} /* ie6 hack */ #TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} /* ------------------------- POP UP ------------------------- */ .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: 0; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {float: left; margin: 0 4px;}