/* *************************** */ /* *************************** */ /* */ /* *************************** */ /* *************************** */ /* *************************** */ /* Generic Rules */ /* *************************** */ *{margin:0;padding:0;} html {font-size:13px;font-family:arial, sans-serif;} a {text-decoration:none;color:#000;} a:active {outline: none;} a:focus {-moz-outline-style: none;} .wrapper {margin:0 auto;width:960px;} .clearer {display:block;clear:both;} /********************** PNG FIX ***********************/ img, div, a, input, p, span, h1, h2 {behavior: url(htc/iepngfix.htc)} /********************** PNG ***********************/ /********************** CLEARFIX ***********************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Nasconde da IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* Fine dell'hack per IE-mac */ /********************** CLEARFIX ***********************/ /* *************************** */ /* Header */ /* *************************** */ #header {background:url('../img/header_bg.jpg') center top repeat-x;height:53px;position:absolute;top:0;left:0;z-index:100;width:100%;overflow:show} #header a#header_hp_link span, #header a#header_la_link span {display:none} #header a#header_hp_link{background:url(../img/header_hp_link.jpg) top right no-repeat;position:absolute;top:0;left:0;height:53px;width:238px;} #header a#header_la_link{background:url(../img/header_la_link.png) top right no-repeat;position:absolute;top:0;right:0;height:69px;width:109px;} #header .wrapper {margin:0;width:780px;position:absolute;right:0;top:0;height:53px;background:url(../img/header_bg.jpg) 50px 0px repeat-x} #header .wrapper ul {text-align:right;list-style:none;margin:18px 260px 0 0;} #header .wrapper ul li {display:inline;color:#fff;} /* added davide */ #header .wrapper ul li.menu_evidenzia a {padding:0px 20px;font-size:13px;color:#ff6d00;font-weight:bold;} /* end added davide */ #header .wrapper ul li a {padding:0px 20px;font-size:12px;color:#fff;} #header .wrapper ul li a:hover {text-decoration:underline} /* links */ #header .wrapper ul li a#header_maps_link {display:block;float:right;padding:0;border:0;height:32px;width:119px;background:url(../img/top_mappe.jpg) center top no-repeat;margin-top:-8px;margin-left:40px;} #header .wrapper ul li a#header_maps_link span {display:none;} #header .wrapper ul li a#header_maps_link:hover {background-position:center bottom} /* *************************** */ /* Footer & Very Footer */ /* *************************** */ #footer .left, #veryfooter .left {width:600px;float:left;margin:10px;} #footer .right, #veryfooter .right {width:300px;float:right;margin:10px;} #footer, #veryfooter {font-size:12px;color:#333;} /* Footer */ /* *************************** */ #footer {clear:both;background: url(../img/footer_bg.jpg);padding:50px 0} #footer .left {width:300px;} #footer .left ul {list-style:none;line-height:22px} #footer .left ul li a {color:#333;font-size:14px;} #footer .left ul li a:hover{text-decoration:underline} #footer .left ul li.credits {margin-top:20px;} #footer .left ul li.homepage a {font-weight:bold;} #footer .right {width:620px;} #footer .right .column {width:300px;margin:0 10px 0 0px;float:left;} #footer .right .column h4 {margin-bottom:10px;font-size:12px;font-weight:normal;font-style:italic;} #footer .right .column ul {list-style:none;} #footer .right .column ul li {display:block;width:150px;height:61px;background-image:url(../img/loghi_footer.jpg);margin-bottom:10px} #footer .right .column ul li.smaller {width:82px;float:left;margin-right:10px;clear:both; } #footer .right .column ul li.larger {width:150px;float:left;margin-left:10px; } #footer .right .column ul li span {display:none} #footer .right .column ul li.cariplo {background-position:0 0;} #footer .right .column ul li.provincia {background-position:0 -183px;} #footer .right .column ul li.autoguidovie {background-position: 0 -244px;} #footer .right .column ul li.consorzio {background-position:0 -122px ;} #footer .right .column ul li.carsharing {background-position:0 -61px;} /* *************************** */ /* NUOVO Footer */ /* *************************** */ #footer_new .left {width:150px;float:left;margin:10px;} #footer_new .right {width:750px;float:right;margin:10px;} #footer_new {font-size:12px;color:#333;} #footer_new {clear:both;background: url(../img/footer_bg.jpg);padding:50px 0} #footer_new .left {width:150px;} #footer_new .left ul {list-style:none;line-height:22px} #footer_new .left ul li a {color:#333;font-size:14px;} #footer_new .left ul li a:hover{text-decoration:underline} #footer_new .left ul li.credits {margin-top:20px;} #footer_new .left ul li.homepage a {font-weight:bold;} #footer_new .right {width:750px;} #footer_new .right .column_small {width:170px;margin:0 5px 0 0px;float:left;} #footer_new .right .column_small h4 {margin-bottom:10px;font-size:12px;font-weight:normal;font-style:italic;font-weight:bold;} #footer_new .right .column_small ul.loghi_footer {list-style:none;} #footer_new .right .column_small ul.loghi_footer li a {display:block;width:150px;height:61px;background-image:url(../img/loghi_footer.jpg);margin-bottom:10px;} #footer_new .right .column_small ul.loghi_footer li a span {display:none;} #footer_new .right .column_small ul.loghi_footer li.cariplo a {background-position:0 0;} #footer_new .right .column_small ul.loghi_footer li.bpm a {background-position:0 -305px;} #footer_new .right .column_small ul.loghi_footer li.provincia a {background-position:0 -183px;} #footer_new .right .column_small ul.loghi_footer li.autoguidovie a {background-position: 0 -244px;} #footer_new .right .column_small ul.loghi_footer li.consorzio a {background-position:0 -122px ;} #footer_new .right .column_small ul.loghi_footer li.carsharing a {background-position:0 -61px;} #footer_new .right .column_small ul.loghi_footer li.fiab a {background-position:0 -427px;} #footer_new .right .column_small ul.loghi_footer li.azmobility a {background-position:0 -366px;} #footer_new .right .column_small ul.loghi_footer li.atp a {background-position:0 -488px;} /* #footer_new .right .column_small ul li {display:block;width:150px;height:61px;background-image:url(../img/loghi_footer.jpg);margin-bottom:10px} #footer_new .right .column_small ul li a:link {display:block;} #footer_new .right .column_small ul li.smaller {width:82px;float:left;margin-right:10px;clear:both; } #footer_new .right .column_small ul li.larger {width:150px;float:left;margin-left:5px; } #footer_new .right .column_small ul li span {display:none} #footer_new .right .column_small ul li.cariplo {background-position:0 0;} #footer_new .right .column_small ul li.provincia {background-position:0 -183px;} #footer_new .right .column_small ul li.autoguidovie {background-position: 0 -244px;} #footer_new .right .column_small ul li.consorzio {background-position:0 -122px ;} #footer_new .right .column_small ul li.carsharing {background-position:0 -61px;} #footer_new .right .column_small ul li.bpm {background-position:0 -305px;} #footer_new .right .column {width:150px;margin:0 10px 0 0px;float:left;} #footer_new .right .column h4 {margin-bottom:10px;font-size:12px;font-weight:normal;font-style:italic;} #footer_new .right .column ul {list-style:none;} #footer_new .right .column ul li {display:block;width:150px;height:61px;background-image:url(../img/loghi_footer.jpg);margin-bottom:10px} #footer_new .right .column ul li.smaller {width:82px;float:left;margin-right:10px;clear:both; } #footer_new .right .column ul li.larger {width:150px;float:left;margin-left:5px; } #footer_new .right .column ul li span {display:none} #footer_new .right .column ul li.cariplo {background-position:0 0;} #footer_new .right .column ul li.provincia {background-position:0 -183px;} #footer_new .right .column ul li.autoguidovie {background-position: 0 -244px;} #footer_new .right .column ul li.consorzio {background-position:0 -122px ;} #footer_new .right .column ul li.carsharing {background-position:0 -61px;} #footer_new .right .column ul li.bpm {background-position:0 -305px;} */ /* Veryfooter */ /* *************************** */ #veryfooter {clear:both;background: url(../img/veryfooter_bg.jpg);padding:10px 0;font-size:14px;font-weight:bold;} #veryfooter .right {font-size:12px;font-weight:normal;} #veryfooter .right a {color:#333;font-style:italic;} /* *************************** */ /* Elementi dei Form */ /* *************************** */ fieldset {border:0;} input,select {border:1px solid #bfbbaf;padding:5px 4px;width:250px;margin:5px 0;color:#999;} input:focus {border:1px solid #838077;background:#fffcd5} button.submit {padding:0;border:0;width:200px;margin:5px 0;background:transparent;color:#fff;text-transform:Capitalize;font-weight:bold;font-size:11px;cursor:pointer;} button.submit span {height:30px;float:right;display:block;padding:0 7px} button.submit span.bt_orange_content{background:url(../img/bt_orange_bg.png) center bottom repeat-x;display:block;height:16px;padding:7px 10px} button.submit span.bt_orange_before, button.submit span.bt_orange_after {height:30px;padding:0;width:4px;} button.submit span.bt_orange_before {background: url(../img/bt_orange_after.png) left bottom no-repeat;} button.submit span.bt_orange_after {background:url(../img/bt_orange_before.png) right bottom no-repeat;} button.submit span.bt_blue_content{padding-top:10px;padding-bottom:4px;background:url(../img/bt_blue_bg.png) center bottom repeat-x;height:21px} button.submit span.bt_blue_before, button.submit span.bt_blue_after {height:35px;padding:0;width:4px;} button.submit span.bt_blue_before {background: url(../img/bt_blue_after.png) left bottom no-repeat;} button.submit span.bt_blue_after {background:url(../img/bt_blue_before.png) right bottom no-repeat;} button.submit:hover span {background-position:center top;cursor:pointer} /* mobile */ #main .mobile button.submit img {margin:15px 0 0 -45px; padding:0;} #main .mobile input {font-size:20px; padding:6px; width:410px;} /* abbonati */ /* #main .abbonati input, #main .abbonati select {padding:6px 4px;width:250px;margin:8px 0;color:#999; font-size:12px;} #main .abbonati input.mini {width:105px; display:block; float:left; margin: 5px 5px 10px 0; font-size:12px; padding:5px 4px;} #main .abbonati select.mini {padding:6px 4px; width:215px;margin:8px 0;color:#999; font-size:12px;} #main .abbonati input.punto {width:20px; display:block; float:left; margin:2px 10px 10px 0; clear:left;} #main .abbonati label{ display:block; float:left; clear:right; width:220px; margin-bottom:5px;} #main .abbonati label.mini{ font-size:11px; } #main .abbonati h4{ display:block; clear:both; padding-top:30px;} #main .abbonati button.submit {margin-top:20px; font-size:14px; width:300px;} #main .abbonati span.bt_blue_content{padding-left:40px; padding-right:40px;} #main .abbonati .primo{padding-top:0;} */ #main .abbonati input.ckbox {width:20px; margin:2px 10px 10px 0;} #main .abbonati input {padding:6px 4px;width:100px;margin:8px 0;color:#999; font-size:12px;} #main .abbonati input.mini {width:105px; display:block; float:left; margin: 5px 5px 10px 0; font-size:12px; padding:5px 4px;} #main .abbonati select.mini {padding:6px 4px; width:215px;margin:8px 0;color:#999; font-size:12px;} #main .abbonati input.punto {width:20px; display:block; float:left; margin:2px 10px 10px 0; clear:left;} #main .abbonati label{ display:block; float:left; clear:right; width:220px; margin-bottom:5px;} #main .abbonati label.mini{ font-size:11px; } #main .abbonati h4{ display:block; clear:both; padding-top:30px;} #main .abbonati button.submit {margin-top:20px; font-size:14px; width:300px;} #main .abbonati span.bt_blue_content{padding-left:40px; padding-right:40px;} #main .abbonati .primo{padding-top:0;} #main .abbonati label.error {display:none; color:#C00; font-weight:bold;} /* *************************** */ /* Homepage */ /* *************************** */ #map_home {height:464px;display:block;position:relative;top:53px;background:grey;} .wrapper .column {height:auto;width:300px;float:left;margin:83px 10px 40px 10px;} /*nuova aggiunta per banner home page */ .column_banner {height:245px;width:620px;margin:0 0 10px 0;background:#CCC;border:0;} .column_banner_db {height:60px;width:620px;margin:0 0 10px 0;background:#CCC;border:0;} /* map overlay */ /* *************************** */ #map_overlay {position:absolute;top:70px;left:0;height:1px;overflow:show;z-index:99999;width:100%} #map_overlay .wrapper .column {margin:0 10px;} #map_overlay .wrapper .right {float:right;margin-top:189px;} /* Cononna a sinistra */ /* *************************** */ .wrapper .left {} /* Logo */ .wrapper .left #logo{background:#fff url(../img/logo_h1.jpg) center center no-repeat;height:172px;z-index:2000} .wrapper .left #logo h1 a span {display:none} /* Form */ .wrapper .left #search_home h2 {font-weight:bold;font-size:19px;} .wrapper .left #search_home h2 span {font-weight:normal;} .wrapper .left #search_home {height:212px;background:#fff;margin-top:16px;padding:30px 25px ;} .wrapper .left #search_home form {margin-top:55px;} .wrapper .left #search_home form select.comune{width:150px;float:left;} .wrapper .left #search_home form button.submit {float:right;width:90px; margin-top:4px;font-size:13px} /* Newsletter */ .wrapper .left #newsletter {height:240px;padding:25px;background:url(../img/newsletter_bg.jpg) center top no-repeat;} .wrapper .left #newsletter h2 {font-size:20px} .wrapper .left #newsletter p {width:200px;margin-top:20px;} .wrapper .left #newsletter form {margin-top: 55px;} .wrapper .left #newsletter form button.submit {float:right;font-size:13px;} /* Colonna Centrale */ /* *************************** */ .wrapper .column .box {height:139px;background:url(../img/box_bg.jpg) center bottom repeat-x;border:1px solid #bfbbaf;margin-bottom:10px;} .wrapper .column .box h3 {margin:0;padding:15px 0 5px 20px;height:18px;} .wrapper .column .box h3 a {font-size:18px;color:#000} .wrapper .column .box p {padding:0 20px;font-weight:normal;font-size:12px;height:21px;} .wrapper .column .box a.box_link {display:block;width:298px;height:80px;} .wrapper .column .box a img {border:0;} /* Cononna a destra */ /* *************************** */ .wrapper .right {} /* Balloon monumento mappa */ .wrapper .right #balloon {margin-left:-19px;width:319px;background:url(../img/balloon.png) bottom right no-repeat;height:102px;} .wrapper .right #balloon h5{font-size:13px;position:relative;top:33px;left:19px;width:260px;color:#fff;height:25px;padding:0 20px;} .wrapper .right #balloon p {color:#fff;position:relative;top:40px;left:39px;font-size:14px;} /* Mobile */ .wrapper .right #mobile {margin-top:16px;height:140px;background:url(../img/mobile.png) center bottom no-repeat;} .wrapper .right #mobile h3 strong{font-size:19px;} .wrapper .right #mobile h3 a {font-size:18px;background:url(../img/mobile_link.png) 155px 17px no-repeat;text-align:right;margin:0px 40px;position:relative;top:50px;padding:20px 90px 0 20px;height:45px;display:block;color:#fff;cursor:pointer;} /* Gestione utente */ .wrapper .right #adminarea {margin-top:16px;height:125px;background:#FFF;padding:15px 0 0 10px;} .wrapper .right #adminarea form {height:125px;} .wrapper .right #adminarea h3 {font-size:19px; padding:0; margin:0 10px 10px 0;border-bottom:1px solid #CCC;} .wrapper .right #adminarea p{font-size:13px; padding:0; margin:0;} .wrapper .right #adminarea p a:hover{color:ff6d00;} button.submit_login {padding:0;border:0;width:110px;margin:5px 0;background:transparent;color:#fff;text-transform:Capitalize;font-weight:bold;font-size:11px;cursor:pointer;} button.submit_login span {height:30px;float:right;display:block;padding:0 7px} button.submit_login span.bt_orange_content{background:url(../img/bt_orange_bg.png) center bottom repeat-x;display:block;height:16px;padding:7px 10px} button.submit_login span.bt_orange_before, button.submit span.bt_orange_after {height:30px;padding:0;width:4px;} button.submit_login span.bt_orange_before {background: url(../img/bt_orange_after.png) left bottom no-repeat;} button.submit_login span.bt_orange_after {background:url(../img/bt_orange_before.png) right bottom no-repeat;} button.submit_login:hover span {cursor:pointer;} #bottone_login{ position:relative; left:-40px; } #bottone_registrati{ position:relative; top:-42px; left:70px; } #bottone_help{ position:relative; top:-84px; left:150px; } /* News */ .wrapper .right #news h2 {font-size:20px;border-bottom:1px solid #b3b3b3;padding: 0 0 10px 0} .wrapper .right #news a img {border:0;float:right;margin-top:-35px; z-index:9999;} .wrapper .right #news ul {list-style:none;margin:-15px 13px 20px;} .wrapper .right #news ul li {margin-top:30px;} .wrapper .right #news ul li h4 {font-size:16px} .wrapper .right #news ul li small {font-style:italic;font-size:12px;} /* OBIS */ /* ************************ */ #obis {top:53px;position:relative;background:#FFF; } #obis .wrapper .column {margin:50px 10px;} #obis .left {width:300px;} #obis .left a {font-size:14px;} #obis .left h3 {font-size:26px;padding:0 20px 0 0;margin:0;} #obis .right {width:620px;} #obis .right p {font-size:14px;margin:15px 0;line-height:130%} #obis .right p big {font-size:18px;line-height:140%} #obis .right h4 {font-size:20px;margin:20px 0 10px;} #obis .right h4.primo {font-size:20px;margin:4px 0 10px;} #obis .right h5 {font-size:14px;margin:20px 0 10px;} #obis a {color:#f58020; text-decoration:underline;} #obis a:hover { text-decoration:none; } #obis ul {list-style-type:square;} #obis ul li{margin:10px;} /* fine area obis */ /* ****************** */ /* ************************** */ /* Pagine interne */ /* ************************** */ /* upper & veryupper */ /* ************************** */ /* veryupper */ #veryupper {background:url(../img/veryupper_bg.jpg);position:relative;top:53px;} #veryupper .wrapper { background:url(../img/veryupper_deco.png) bottom right no-repeat;} #veryupper .wrapper .column {width:620px;margin:0px 10px;} #veryupper h2 {padding:50px 0;font-size:34px;color:#333;line-height:42px;} /* upper */ #upper {top:53px;position:relative;background:#fffbf3 url(../img/upper_bg.jpg) repeat-x center bottom; } #upper .wrapper .column {margin:50px 10px;} #upper .left {width:300px;} #upper .right {width:620px;} #upper .right p {font-size:14px;margin:15px 0;line-height:130%} #upper .right p big {font-size:18px;line-height:140%} #upper a {color:#f58020; text-decoration:underline;} #upper a:hover { text-decoration:none; } /* guida */ #upper .wrapper .menu {float:left; margin:50px 10px 0 10px; width:220px; } #upper .wrapper .menu p {font-size:20px;margin-top:-20px; padding:0 10px; height:50px;} #upper .wrapper .menu a {text-decoration:none; color:#333333;display:block;text-align:center} #upper .wrapper .menu a:hover { color:#37b3cf;} #upper .wrapper .menu img {border:0;} #upper .wrapper .menu .select {padding-top:30px; height:60px;} #upper .wrapper .active .select{background:url(../img/guida_select.jpg) bottom no-repeat;} #upper .wrapper .active p {font-weight:bold;} /* mobile */ #upper .mobile {padding-top:10px;} #upper .mobile .right {margin-left:420px; width:480px;} #upper .mobile h2#titolomobile{ font-size:34px;margin-bottom:0px;} #upper .mobile h2#titolomobile small{ display:block;font-size:28px; padding-top:20px;} /* Main */ /* ************************ */ #main {top:53px;position:relative;color:#333;padding:0 0 53px;} #main .column {margin:50px 10px 100px;padding:0;width:300px} #main .column h3 {font-size:26px;padding:0 20px 0 0;margin:0;} #main .column h3 small {font-size:20px;font-weight:normal;} #main .column h4 {font-size:20px;margin:4px 0 10px;} #main .column h3 span, #main .column h4 span {font-weight:normal;font-style:italic;font-size:12px;} #main .column h5 {font-size:14px;margin:20px 0 10px;} #main .column h6 {font-size:12px;margin:6px 0 0;} #main .column p {font-size:12px;line-height:16px;} #main a {color:#f58020; text-decoration:none;} #main a:hover { text-decoration:underline; } /* convenzioni */ #main .convenzioni .column {height:450px;} #main .convenzioni .column h3 {font-size:16px;margin:20px 0 10px;} /* guida */ #main ul{ list-style:none; font-size:12px;line-height:20px;} #main ul li{margin:15px 0;} #main .guida #spacer {height:150px;} #main .guida .column {margin:20px 10px 100px; padding-right:10px; width:290px;} #main .guida .column p {font-size:12px;line-height:20px; } #main .guida .column h4 {margin:40px 0 0 0;font-size:14px;} #main .guida .column h5 img {vertical-align:middle;margin-right:5px;} #main .guida .column h5 {font-size:14px;margin-top:40px;} #main .guida_menu ul li a {display:block;font-size:20px; margin-bottom:25px; color:#333333; text-decoration:none;} #main .guida_menu ul li a:hover,#main .guida_menu ul li a.active {color:#37b3cf;} #main .guida_menu ul li a .sotto{ font-size:14px;} #main .guida .column .primo{margin-top:20px;margin-bottom:10px;} /* mobile */ #main .mobile img.phone {float:left; margin:-200px 80px 60px 80px;} #main .mobile h3 {font-size:16px;padding:0;} #main .mobile p {font-size:16px; margin-bottom:10px; width:400px; line-height:20px;} #main .mobile p strong {color:#0092b6;} #main .mobile input {font-size:14px;} #main .mobile button {margin:0;} #main .mobile .column {margin:30px 10px} /* credits */ #main .credits {font-size:14px;padding: 40px 10px 80px 30px;line-height:140%} #main .credits h4 {margin: 30px 0 0;font-size:15px;}