/* Title: TCI Portale ======================================= Nextre Engineering - www.nextre.it */ /* ------- RESET ------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Basic Elements */ html,body {height:100%; } body { font: normal 65%/12pt "Helvetica", "Arial", sans-serif; margin:0; padding:0; border:0; width:100%; color: #000; /*text-shadow: #FFF 0 0 0;*/ background: #FFF url(../images/back_internal.jpg) repeat-x top left; } /* body#home { background: #FFF /* url(../images/back.jpg) repeat-x top left } */ a { text-decoration: none; /*text-shadow: #000 0 0 0;*/ } a { color: #C00; font-size: 1.2em; } a:hover { color: #000; } a.current { color: #9C3; } .float-sx { float: left; margin-right: 10px; margin-bottom: 6px; } .second-sidebar h3.heading_style { text-transform: none; font-size: 1.2em; } .no-uppercase { text-transform: none; } .nobg { background-image: none !important; } .bordertop { border-top: 1px solid #CCC; margin-top: 15px; padding-top:15px;} .centopercento { width:98%; } .float_dx { float: right; } .float_sx { float: left; margin-right: 10px } p { font-size: 1.2em; } p a { font-size: 1em; } h1 { font-size: 1.8em; line-height: 1.2em; margin-bottom: 20px; } h2 { font-size: 1.6em; line-height: 1.2em; margin-bottom: 20px; } h1.nomargin, h2.nomargin { margin-bottom: 0; } h1 a, h2 a { font-size: 1em; color: #000; } h1 a:hover, h2 a:hover { border-bottom: 2px solid #C5C5C5; } h3 { font-size: 1.4em; line-height: 1.4em; color: #444; } h4 { font-size: 1.3em; line-height: 1.3em; text-transform: uppercase; color: #444; } h5 { font-size: 1em; margin-top: 3px; } h3.subtitle { margin: 0; padding: 0; font-weight: normal; font-style: italic; } ol { margin: 10px 0; } ol li { list-style: decimal; list-style-position: inside; margin: 2px 0; /*color: #F00;*/ font-size: 1.2em; /*font-weight: bold;*/ } ol li p { font-size: 0.9em; color: #000; display: inline; font-weight: normal; } /* Elementi Layout */ .container { width: 998px; /* min-height:100%; height:auto !important; height:100%; */ margin: 0 auto; } .header { height: 70px; padding-top: 9px; } #logo { float: left; } #logo a { display: block; width: 305px; height: 53px; color: #FFF; background: #FFF url(../images/logo.gif) no-repeat left top; } #logo a span { position: relative; z-index: -1; } /* Riquadro Rosso per la ricerca */ .main_search { float: left; margin: 15px 10px 0 50px; color: #FFF; width: 380px; height: 29px; background: #D70029; -moz-border-radius: 4px; -webkit-border-radius:4px; } .main_search fieldset { float: left; width: 100%; padding:2px } .main_search fieldset label { font-size: 1.4em; float: left; display: inline; padding: 4px; margin-right: 15px; margin-left: 15px; font-weight:bold;} .main_search fieldset input { float: left; width: 236px; height:17px; margin: 2px 0 0 0; background: url(../images/search_input.gif) no-repeat left top; border: 0; font-size: 1.2em; font-weight: bold; padding: 2px; padding-left: 7px; padding-right: 7px; overflow: hidden; display: block; -moz-border-radius: 3px; -webkit-border-radius:3px; } .main_search fieldset button { float: left; width: 30px; font-size: 1.8em; color: #FFF; background: transparent url(../images/search_lente.png) no-repeat 0 0; border: 0; vertical-align: middle; margin: 5px 5px 0 5px; padding:0; text-indent:-9999em; font-size:0px; width:20px; height:20px;} .navigation { float: left; width: 100%; } /* Navigazione Principale */ ul.main_nav { float: left; margin: 0; padding-top: 5px; } ul.main_nav li { font-size: 1em; font-weight: bold; float: left; margin-right: 4px; } /* ul.main_nav li a { color: #666; background: #CDCDCD; padding: 6px 14px; float: left; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } */ ul.main_nav li a { color: #666; background: #FFF; padding: 6px 18px; padding-left: 0; float: left; font-size: 1.3em; } ul.main_nav li a:hover, ul.main_nav li a.current { background: #FFF; color: #c00; } /* Navigazione Utente (login-registrati) */ .user_nav { float: right; margin: 0; margin-top: 15px; color:#999; font-size: 1em; width:240px; text-align:right; } .user_nav a { line-height:22px; } .user_nav .login { height:22px; font-size: 1.2em; font-weight: bold; margin-left: 4px; background: #D70029; color: #FFF; padding: 4px 12px; -moz-border-radius: 4px; -webkit-border-radius:4px;} .user_nav .login:hover { background: #84001B; color: #FFF; } .user_nav .benvenuto { font-size: 12px; float:right; line-height:1.7em;text-align:left; } .user_nav strong {color:#333; } .user_nav .mini { font-size: 10px; } .user_nav .registrati{ padding-right: 4px; } /* Navigazione Service */ ul.service_nav { float: right; margin: 0; padding-top: 10px; } ul.service_nav li { font-size: 12px; float: left; margin-right: 5px; border-right:1px solid #eee; padding:0 7px 0 5px; } ul.service_nav li.last { border:0; padding-right:0;} ul.service_nav li a { color:#777; } ul.service_nav li a:hover { color:#333; } .main_content { /* height: 300px; */ clear: both; overflow: hidden; } .main_content_inner { margin: 5px 0; margin-bottom: 0; border: 8px solid #484747; float: left; } .main_content .slideshow { float: left; width: 729px; height: 250px; overflow: hidden; position: relative; background: #484747 url(../images/ajax-loader.gif) no-repeat center center; } /* Navigazione Slideshow */ .slideshow #nav { position: absolute; bottom: 40%; z-index: 99; opacity: 0; } .slideshow #nav a { opacity: 0.8; margin-right: 1px; font-weight: bold; background: transparent; padding: 20px 25px; color: #FFF; display: block; float: left; } .slideshow #nav-inner { float: left; } a.title { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 65px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; font-style: italic; color: #FFF; } a.title span.sfondo { position: absolute; z-index: 4; height: 100%; display: block; width: 100%; background: #000; opacity: 0.5; cursor: pointer;} a.title span.provincia { font-size: 0.7em; } a.title span.dettagli { font-size: 0.5em; color: #DDD; } a.title span.text { position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;} a.title:hover span.sfondo { opacity: 0.6; cursor: pointer; } a.title:hover span.text { color: #FFF } /*Divisione banda inferiore dell slideshow per avere 2 link diversi uno a sinistra e uno a destra questa � la parte sinistra */ a.titlesx { position: absolute; display: block; bottom: 0; left: 0; width: 50%; height: 65px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; font-style: italic; color: #FFF; } a.titlesx span.sfondo { position: absolute; z-index: 4; height: 100%; display: block; width: 50%; background: #000; opacity: 0.5; cursor: pointer;} a.titlesx span.provincia { font-size: 0.7em; } a.titlesx span.dettagli { font-size: 0.5em; color: #DDD; } a.titlesx span.text { position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;} a.titlesx :hover span.sfondo { opacity: 0.6; cursor: pointer; } a.titlesx :hover span.text { color: #FFF } /*Divisione banda inferiore dell slideshow per avere 2 link diversi uno a sinistra e uno a destra questa � la parte destra */ a.titledx { position: absolute; display: block; bottom: 0; left: 400px; width: 50%; height: 65px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; font-style: italic; color: #FFF; } a.titledx span.sfondo { position: absolute; z-index: 4; height: 100%; display: block; width: 50%; background: #000; opacity: 0.5; cursor: pointer;} a.titledx span.provincia { font-size: 0.7em; } a.titledx span.dettagli { font-size: 0.5em; color: #DDD; } a.titledx span.text { position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;} a.titledx :hover span.sfondo { opacity: 0.6; cursor: pointer; } a.titledx :hover span.text { color: #FFF } .slideshow #nav a:hover { background: #999; color: #000; } .slideshow #nav a.activeSlide { background: #FFF; color: #000; } .slideshow #nav #prev, .slideshow #nav #next { float: left; text-indent: -9999px; display: block; width: 7px; background-repeat: no-repeat; background-position: center center; } .slideshow #nav #prev:hover, .slideshow #nav #next:hover { opacity: 1; background-color: transparent; } .slideshow #nav #prev { background-image: url(../images/slideshow/prev_arrow.png); float: left;} .slideshow #nav #next { background-image: url(../images/slideshow/next_arrow.png); float: right; } #slide-testata div.slide-testata-inner { height: 250px; display: none; } .main_content .banner_right { float: left; } .main_content .banner_right a { display: block; height: 250px; } .wrapper { clear: both; float: left; width: 100%; background: #FFF url(../images/sidebar_back.gif) repeat-y right top; margin-top: 5px;/* border-left: 1px solid #C1C199; border-right: 1px solid #C1C199; */ } .sidebar { float: right; width: 256px; padding: 10px 0; } .second-sidebar .sidebar-tci li { padding: 7px 0; } /* Stile Box utilizzato nella spalla */ .sidebar a { font-size: 1.1em; } .sidebar h3 { font-size: 1.2em } .sidebar .box { background: #F0F0F0; border: 2px solid #E0E0E0; padding: 16px; margin: 10px 0; } .sidebar .box h3 { padding-left: 12px; background: url(../images/heading_icon.gif) no-repeat left center; font-weight: bold; text-transform: uppercase; } .sidebar .box p { color: #666; margin-left: 12px;} .sidebar .box img { margin: 7px 12px; margin-right: 0; } .sidebar .box a.call { display: block; margin-top: 8px; text-align: right; padding-right: 12px; background: url(../images/heading_icon.gif) no-repeat right center; color: #C00; } .sidebar .box a.call:hover { color: #000; } .banner img { text-align: center; } .sidebar-inner { padding: 5px; } .content { float: left; width: 732px; padding: 5px; padding-bottom: 20px; padding-left: 0; } .content .banner { float: left; width: 98%; padding: 10px 0; margin-top: 10px; /*border-top: 5px solid #EAEAEA;*/ margin-bottom: 5px; /*border-bottom:4px solid #EAEAEA; padding-top:0;*/ } .content .banner-margin { padding: 0; margin-top: 0; margin-bottom: 25px; } .content .banner img { text-align: left; } /* Formattazione Box Eventi */ .events { width: 30%; margin: 10px 0; float: right; border-left: 4px solid #EAEAEA; padding-left: 2%; padding-bottom: 10px; padding-right: 1%; margin-right: 1%; } /* Formattazione Qui Tol */ .content-wrapper { float: left; padding-right: 10px; margin-top: 15px; background: url(../images/back-divisore.gif) repeat-y 66% top; } .content-wrapper-servizi { float: left; padding-right: 10px; margin-top: 15px; background: url(../images/back-divisore.gif) repeat-y 66% top; margin-bottom: 20px; border-top: 0; } .dest { background-image: none; } .home { background-image: none; } .content-wrapper-servizi { float: left; padding-right: 10px; margin-top: 15px; background: url(../images/back-divisore.gif) repeat-y 66% top; margin-bottom: 20px; border-top: 0; } .left { float: left; width: 64%; padding-right: 2%; } .left img.ba { float: right; margin-right: 0px; margin-bottom: 5px } .left ul { list-style-position: inside; list-style-type: disc; font-size: 1.2em;} .left ul li a { font-size:1em;} .left .persona ul { margin-bottom: 5px; width: 100%; overflow: auto; } .persona p { margin-bottom: 5px; width: 100%; overflow: auto; font-size: 1.2em; padding: 4px 0; color: #666; border-bottom: 1px solid #e0e0e0; } .persona a { font-size: 1em; } .persona strong { font-size: 1.2em; } .left .event-info ul { list-style: none; list-style-type: none; font-size: 1em;} .second-sidebar {float: right; width: 31%; overflow: auto;} .box-sidebar { clear: both; float: left; width: 100%; margin-bottom: 25px; } .box-sidebar p {color: black;} .box-sidebar.last { margin-bottom: 0; } .box-sidebar li a.selected { font-weight: bold;} .comments li { margin-bottom: 10px; } .comments li img { padding: 2px; border: 1px solid #CCC; margin-right: 10px; float: left; } .comments li p { clear: both; font-size: 1em; margin: 5px 0; margin-top: 10px; } /* Formattazione H3 */ .second-sidebar h3, .post-comments h3, .tabs h3 { font-size: 1.3em; margin-bottom: 10px; text-transform:uppercase; } .tabs h3 { margin-top: 10px; } .second-sidebar ul { margin-bottom: 5px; width: 100%; overflow: auto; } .second-sidebar ul li { font-size: 1.2em; padding: 4px 0; color: #666; overflow: auto; border-bottom: 1px solid #e0e0e0; } .second-sidebar ul li a { font-size: 1em; } .second-sidebar ul li a.ba { background:url(../images/l_ba_convenzione.jpg) no-repeat scroll 0 0 transparent; padding:0 0 5px 25px; display: block; line-height: 20px; } .second-sidebar p { font-size: 1em; } .buttons { float: left; width: 100%; margin-top: 10px; } /* Formattazione Articoli Home */ .post { width: 100%; float:left; } .post.layout_grande { height: 230px; } .post.layout_piccolo { height: 140px; } .post.firstpost { margin-top: 15px; width: 100%} .post.last { margin-bottom: 10px } .post.servizi { border-top: 4px solid #EAEAEA; float: none; clear: both; } .post.servizi.first { border-top: 0; } .tci { border-top: 4px solid #EAEAEA; padding-top: 20px; width: 100%; } .half { float: left; width: 45%; padding-right: 5%; } .tci h3 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; } .half h3 { margin-bottom: 10px; } .post-main { width: 98%; float: left; margin: 0; padding: 22px 0; border-bottom: 4px solid #EAEAEA; } .post-main h2 {margin-bottom: 0} .firstpost .post-main { border-top: 4px solid #EAEAEA; } .post-text { float: right; width: 70%; } .post p.luogo { padding: 0; } ol.geo-news { float: left; margin: 0; } ol.geo-news li { float: left; list-style: none; font-size: 1em; } ol.geo-news li a { font-size: 1.3em; padding: 0 5px; padding-right: 12px; background: url(../images/geo_breadcrumb.gif) no-repeat right center; } ol.geo-news li.first a { padding-left: 0; } ol.geo-news li.last a { background-image: none; } .post-text h1, .post-text h2 { clear: both; margin: 0; padding: 0; margin-top: 2px; margin-bottom: 2px; } .data-autore { font-size: 1.1em; color: #666; margin-bottom: 15px; } .post-tol p.data-autore { margin: 0; margin-bottom: 15px; } a.leggi { padding-right: 3%; background: url(../images/heading_icon.gif) no-repeat right center; float: right; text-align: right; margin-top: 10px; } a.leggi:hover { font-weight: bold; } .post-main img { float: left; } /* eventi */ .event-info {float: left; overflow: auto; width: 100%; padding-bottom: 6px; margin-bottom: 25px; border-bottom: 1px solid #CCC; font-size:1em} .event-info h3 { margin-bottom: 5px;} .event-info ul { margin-bottom: 5px; width: 100%; overflow: auto; } .event-info ul li { font-size: 1.2em; padding: 4px 0; border-bottom: 1px solid #e0e0e0; width: 100%; overflow: auto; } .event-info ul li a { font-size: 1em; } .event-info.last { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .event-info.main { padding-top: 0; border-bottom: 4px solid #EAEAEA; } .event-info h1, .event-info h2 { margin-bottom: 3px; } .event-info .yes_margin { margin-bottom: 20px; width:100%; float:left; } .event-info .yes_margin_ba { margin-bottom: 20px; width:60%; float:left; } .event-info img.ba { float: right; margin-right: 0px; margin-bottom: 5px } .post-events { overflow: hidden; width: 100%; float: left; padding-top: 10px; border-top: 1px solid #e0e0e0; margin-top: 10px; } .post-events dl { width: 100%; margin: 0; padding: 0; margin-bottom: 2px; font-size: 1.1em; } .post-events dl dt { float: left; padding-right: 3px; font-weight: bold; text-transform: uppercase; display: inline; } .post-events dl dd { display: inline; color: #666; } .post-events dl dd a { font-size: 1em; color: #666; } .post-events dl dd a:hover { color: #333; text-decoration: underline; } .post-events dl dd span.data { color: #333; } /* Stile per post nella pagina QUI TOL */ .post-tol { float: left; width: 100%; padding-bottom: 6px; margin-bottom: 18px; border-bottom: 1px solid #CCC; } .post-tol.last { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .post-tol.main { padding-top: 0; border-bottom: 4px solid #EAEAEA; } .post-tol img { float: left; margin-right: 15px; margin-bottom: 5px; } .post-tol img.ba { float: right; margin-right: 0px; margin-bottom: 5px } .post-tol.main img { margin-bottom: 10px; } .post-tol p { margin: 15px 0; } .post-tol ul { list-style-image:none; list-style-position:inside; list-style-type:disc; font-size:1.2em; } .post-tol h1 { margin-bottom: 3px; } .post-tol .yes_margin { margin-bottom: 20px; width:100%; float:left; } .post-tol .yes_margin_ba { margin-bottom: 20px; width:60%; float:left; } .post-tol h3 { font-size: 1.4em; margin-bottom: 3px; } .post-tol h3 a { font-size: 1.2em; color: #000 !important; } .post-tol h3 a:hover { border-bottom: 2px solid #CCC; } ul.thumbs { margin-top: 15px; float: left; } ul.thumbs li { float: left; border: 0; padding: 0; margin-left: 6px; width: 64px; height: 64px; background: #EAEAEA; margin-bottom: 6px;} ul.thumbs li a { display: block; border: 2px solid #D1D1D1; float: left; margin: 0 auto;} ul.thumbs li a img { display: block; } ul.thumbs li a:hover { border: 2px solid #333; } ul.share { float: left; } ul.share li { float: left; margin-right: 10px; margin-bottom: 20px; } ul.share li a { background-position: left center; background-repeat: no-repeat; padding-left: 22px; } ul.share li a.facebook { background-image: url(../images/icon_facebook.gif); } ul.share li a.digg { background-image: url(../images/icon_digg.gif); } ul.share li a.delicious { background-image: url(../images/icon_delicious.gif); } ul.share li a.twitter { background-image: url(../images/icon_twitter.gif); } ul.share li a.stumbleupon { background-image: url(../images/icon_stumbleupon.gif); } .post-comments { clear: both; padding-top: 10px; } .post-comments .comment { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC; } .comment .author { font-size: 1.1em; color: #666; margin-top: 7px; } .comment .author .auth-icon { padding-left: 20px; background: url(../images/user.png) no-repeat left center; } /* ---- SERVIZI ---- */ .post-header-inner { float: left; padding-top: 20px; margin-bottom: 25px; width: 97%; } .post-header-inner h1, .post-header-inner h2 { float: left; margin: 0; padding: 0; } .post-header-inner a.cta { padding: 5px 10px; padding-right: 17px; margin-left: 10px; } .main_input { clear: both; margin-bottom: 20px; } .main_input input { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; } .main_input button { margin-left: 15px; padding: 2px 6px; font-weight: bold; color: #FFF; background: #333; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .main_input button:hover { background: #C00; color: #FFF; } .text-layout { width: 90%; } .text-layout p { margin: 10px 0; } .ui-tabs-panel{ width: 100%; } table.servizi { clear: both; width: 97%; border-top: 0; font-size: 1.2em; } table.servizi th { font-weight: bold; padding-bottom: 7px; border-bottom: 1px solid #CCC; text-align: left; } table.servizi td { padding: 10px 4px; vertical-align: top; } table.servizi td.azienda { padding-left: 10px; } table.servizi tr.zebra td.logo, table.servizi tr.zebra td.sale { background: #FFF; } table.servizi tr.zebra td { background: #F0F0F0; } #service-detail { background-position: 60% 0;} #service-detail .text-layout{width:96%;} #service-detail .left{width: 59%} #service-detail .second-sidebar{ width: 36%;} span.offerta_speciale { background: #E5AD38; padding: 3px 6px; position: relative; top: 4px; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 1em; } div.sconto { text-shadow: #FFF 0 0 0; margin-left: 10px; display: block; width: 22px; height: 16px; padding: 11px 8px; font-weight: bold; color: #FFF;} div.sconto.unacifra { width: 12px; padding: 10px 13px; } div.sconto.rosso { background: transparent url(../images/sconto_oltre20.gif) no-repeat center center; } div.sconto.arancione { background: transparent url(../images/sconto15.gif) no-repeat center center; } div.sconto.verde { background: transparent url(../images/sconto10.gif) no-repeat center center; } div.sconto.nessuno { color: #999; } table#facet { margin-bottom: 20px; } table#facet td { padding-left: 5px; } #facet ul li a { font-size: 1em; display: block; margin: 0; width: 75%; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 1px 0;} #facet ul li a.selected { color: #FFF; padding-left: 7px; padding-right: 30px; width: 55%; background: #C00 url(../images/facet_deselect.gif) no-repeat right center; } #facet ul li label { font-size: 1em; color:#c00; display: block; margin: 0; width: 75%; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 1px 0; cursor: pointer;} #facet ul li label.selected { color: #FFF; padding-left: 7px; padding-right: 30px; width: 55%; background: #C00 url(../images/facet_deselect.gif) no-repeat right center; } li.divisor { border-bottom: 3px solid #CCC; } #facet select { margin-bottom: 10px; } #facet ul li a.selected:hover { color: #FFF; background: #C00 url(../images/facet_deselect_hover.gif) no-repeat right center; } /* Scelta Servizi */ #tabs-1 { float: left; } .border-top { border-top: 4px solid #EAEAEA; padding-top: 15px; } ul.services-list { float: left; margin-bottom: 20px; margin-top: 10px; position: relative; } ul.services-list label { cursor: pointer; } ul.services-list li { width: 180px;float: left; display: block; margin: 1px 0; zoom: 1; height: 30px; } ul.services-list li a { width: 85%; display: block; } ul.services-list li a span { display: block; float: left; padding: 3px 6px; cursor: pointer; } ul.services-list li a img { border: 3px solid #FFF; float: left; } ul.services-list li a.selected span { background: #C00; color: #FFF; -moz-border-radius-bottomright: 7px; -moz-border-radius-topright:7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; } ul.services-list li a.selected img { border: 3px solid #C00; } /* TCI Home */ ul.site_list { float: left; width: 100%; margin-top: 20px; } ul.site_list li {float: left; width: 19%; } ul.site_list li a { border-right: 1px solid #CCC; display: block; background-position: center 10px; background-repeat: no-repeat; padding-top: 70px; text-align: center; } ul.site_list li:last-child a { border-right: 0; } ul.site_list li a:hover { text-decoration: underline; color: #666; } .highlight { width: 100%; float: left; } .top { border-bottom: 5px solid #EAEAEA; margin-bottom: 10px; padding-bottom:10px } .box-home-highlight { width: 47%; display: inline; float: left; margin-right: 2%; margin-left: 1%; } .box-home-highlight h2 {margin-bottom:0} .box-link-list { margin: 10px 0 0px 0; padding: 0; height: 170px} .box-link-list li { margin: 0px 0 5px 0; border-bottom: 1px solid #E7E7E7; } .tci-icon{ padding: 0 0 5px 25px; } .news-touring{ background: url(../images/news-touring.gif) no-repeat left 50%; padding-top: 5px} .news-magazine{ background: url(../images/news-magazine.png) no-repeat left 50%;padding-top: 5px} .news-week{ background: url(../images/news-week.png) no-repeat left 50%;padding-top: 5px} .news-italia{ background: url(../images/news-italia.png) no-repeat left 50%; padding-top: 5px} .news-europa{ background: url(../images/news-europa.png) no-repeat left 50%; padding-top: 5px} .news-world{ background: url(../images/news-world.png) no-repeat left 50%; padding-top: 5px} .eventi-mostre{ background: url(../images/eventi-mostre.png) no-repeat left 50%; padding-top: 5px} .eventi-ba{ background: url(../images/eventi-ba.png) no-repeat left 50%; padding-top: 5px} .eventi-consoli{ background: url(../images/eventi-consoli.gif) no-repeat left 50%; padding-top: 5px} .eventi-teatro{ background: url(../images/eventi-teatro.png) no-repeat left 50%; padding-top: 5px } .eventi-altro{ background: url(../images/eventi-altro.png) no-repeat left 50%; padding-top: 5px} h3.center{text-align: center; } .image-mask{ overflow: hidden; } .image-125{height: 125px;} .image-250{width:250px;} .image-207{width:207px;} .floatl{float: left;} .floatr{float: right;} .social {overflow:hidden;border-right: 4px solid #E5E5E5;border-bottom: 8px solid #E5E5E5; background-color: white; height:32px; float:left;padding:10px;text-indent:10px; } .social span {text-transform: uppercase;color: #444;font-size: 1.6em;} .social .icons-social {width: auto; margin: 0px auto; float:right} .social a {margin: 5px 10px 0px 0px;} .advertising{background-color: white; color: #AAA; text-align: right;border-right: 4px solid #E5E5E5; padding-right: 4px} .fb_entra img{vertical-align: bottom;} .fb_accedi {margin: 0 auto; display: block} .fb_accedi img{vertical-align: bottom;} /* Stile Box Home */ .box-container { float: left; width: 98%; padding: 15px 0 10px; border-bottom: 4px solid #EAEAEA !important;} .home_links h2 a {color: #C00} .home_links h3 a {color: #C00} .home_links h2 a:hover {border: none; color: black; !important} .home_links h3 a:hover {border: none; color: black; !important} .tci-box { border-bottom: 4px solid #EAEAEA !important; } .prenotazioni { padding-top: 0; border-bottom: 4px solid #EAEAEA !important;} .prenotazioni .box-home { margin-top: 10px; } .prenotazioni .box-home h3 a { font-size: 1.1em; text-transform: none; } .box-home { width: 31%; display: inline; float: left; margin-left: 1%; border-right: 1px solid #CCC; height: 235px} .box-home.first { margin-left: 0; } .box-home.last { border-right: 0; } .box-home.large { width: 62%; } .large .box-home-inner { width: 98%; } .box-home h3 { font-size: 1.2em; margin-bottom: 3px; text-transform:uppercase; } .box-home-inner { float: left; width: 92%; position: relative; min-height: 150px; height: auto !important; height: 150px; padding: 0; } .box-prenotazioni-inner { float: left; width: 92%; position: relative; /* border: 2px solid #e0e0e0; background: #F0F0F0; */ min-height: 270px; height: auto !important; height: 290px; padding: 0; } .box-servizi-inner { float: left; width: 92%; position: relative; /* border: 2px solid #e0e0e0; background: #F0F0F0; */ min-height: 230px; height: auto !important; height: 225px; padding: 0; } .box-home.last .box-home-inner { width: 96%; } p.subtitle { font-style:italic; margin-bottom: 20px; } .prenotazioni p.subtitle { font-style:italic; height: 36px; margin-bottom: 10px; } /* Stile della seconda tipologia di lista */ ul.lista-modello-n2 { margin: 0; font-size: 1.2em; } ul.lista-modello-n2.small-text { font-size: 1.1em; } ul.lista-modello-n2 li { padding: 3px 0; border-top: 1px solid #e0e0e0; } ul.lista-modello-n2 li.first { border-top: 0; } ul.lista-modello-n2 a { font-size: 1em; } /* Prenotazioni */ a.img_prenotazioni { display: block; height: 80px; background: #FFF; background-position: center center; background-repeat: no-repeat; margin-bottom: 5px; } p.slogan { margin-bottom: 10px; display: block; width: 90%; background: #F0F0F0; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; } p.slogan span { color: #296F26; font-weight: bold; font-size: 1.1em; } /* Stile Call to action */ a.cta { clear: both; color: #333; padding: 3px 7px; padding-right: 17px; background: #eAeAeA url(../images/heading_icon.gif) no-repeat 100% center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.cta:hover { background-color: #C00; color: #FFF; background-image: url(../images/heading_icon_hover.gif); } a.cta.box-bottom { position: absolute; bottom: 7px; right: 0; } a.cta.box-bottom-left { float: left; clear: none; } a.cta.box-bottom-right { float: right; clear: none;} a.cta.eventi-home { padding-right: 22px; right: 5px; } /* Stile Call to Action in Eventi */ #ev a.cta { color:#C00 } #ev a.cta:hover { color:#FFF; } span.cta {font-size: 1.2em; clear: both; color: #333; padding: 3px 7px; padding-right: 7px; margin-right: 5px; background: #eAeAeA no-repeat 100% center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } span.cta:hover { background-color: #C00; color: #FFF; cursor: pointer; cursor: hand } span.cta.box-bottom { position: absolute; bottom: 7px; right: 0; } span.cta.box-bottom-left { float: left; clear: none; } span.cta.box-bottom-right { float: right; clear: none;} span.cta.eventi-home { padding-right: 22px; right: 5px; } span.cta.current { background-color: #CCC; font-weight: bold; } /*** STILI PER LE NEWS ***/ .detail { padding-bottom: 22px } .full_head{border-bottom:1px solid #ccc;overflow:hidden;margin:0 0 20px;padding:5px 0; background: #fff} .full_head h1{float:left;width:70%;margin:0px 0px 20px 0;} .full_head a{float:right; } .content-news {background: none !important;} .content-news h2{color:#C00;font-size:220%;margin:0} .content-news h2.dettaglio{color:black;font-size:220%;margin:0} .content-news h2 a:hover { color: black !important; border: none} .content-wrapper-servizi h2.dettaglio{color:black;font-size:220%;margin:0} .news-category{color:#999;display:block;margin:0 0 10px;padding:0 0 0 30px} .news-category-detail{color:#999;margin:0 0 10px;padding:0 0 0 30px} .in{color:#999;margin:0 0 10px;padding: 0 !important;} .categoria {float:left; display:inline} .catenaccio{color:black;font-size:1.2em;} .occhiello{font-size:1.2em; color:black} .author{font-size:1.2em;color:black;} .type_news {background-position: left; padding-top: 5px; color: #444} ul.double li{float:left;width:45%;list-style:none;border-right:1px solid #eee;margin:0 20px 0 0;padding:0 20px 0 0} ul li.last_news{margin-right:0!important;margin-left:0!important;border:0!important;padding:0!important} hr{background:#CCC;height:1px;border:0;clear:both} ul.triple li{float:left;width:28%;list-style:none;border-right:1px solid #eee;margin:0 15px 0 0;padding:0 15px 0 0} ul.double,ul.triple{overflow:hidden;margin:10px 0;padding:0;font-size:1em;} ul.thumbs { list-style-type: none; list-style-position: outside; } .image-190{ height: 190px; width: auto;} .inviato{ width: 96%; background: #CCC url(/images/nostroinviatobg.jpg) 0 0 repeat-x; margin: 10px 0; overflow: hidden; -moz-box-shadow: 2px 3px 10px #999; -webkit-box-shadow: 2px 3px 10px #999; box-shadow: 2px 3px 10px #999 } .inviato_content { padding: 15px 10px 10px 191px; min-height: 151px; } .inviato_content div { float: left; width: 280px; } .inviato_content img { float: left; width: 190px; margin-left: 15px;} h4{ margin-bottom: 10px; } h5{ margin-bottom: 6px; } .altezza{line-height: 20px} #spalla_news{border-bottom: 1px solid #E0E0E0; margin-bottom:10px} /* Stile QUI Touring */ #tol { background: #FFF url(../images/back_internal.jpg) repeat-x top left; } #tol .content a { color: #0065A8; } #tol .content h1 a, #tol .content h2 a { color: #000; } #tol .content .banner { border-top: 0;} #tol a.cta:hover { color: #FFF; background: #0065A8 url(../images/heading_icon_hover.gif) no-repeat right center; } #tol a.cta { background: #eAeAeA url(../images/heading_blue.gif) no-repeat 100% center; } #tol a.leggi { background: url(../images/heading_blue.gif) no-repeat 100% center; } #tol .logo-container { float: left; overflow: auto; padding-bottom: 5px; margin-bottom: 10px; width: 100%; border-bottom: 1px solid #CCC; } #tol .logo { padding: 0; margin: 0; margin-bottom: 10px; } #tol .label { font-size: 1.2em; text-transform: uppercase; font-weight: bold; background: #000; color: white; padding: 5px 8px; display: block; float: left; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #tol #speciale { background: #c00; } #tol #online { background: #89B425; } #tol #quitouring { background: #15B0DD; } #tol .post-category { padding-left: 16px; zoom : 1; } .speciale { background: url(../images/qui_speciale.gif) no-repeat left top; } .speciale h1 a:hover, .speciale h2 a:hover, .speciale h3 a:hover { border-bottom: 2px solid #C00; } .online { background: url(../images/qui_online.gif) no-repeat left top; } .online h1 a:hover, .online h2 a:hover, .online h3 a:hover { border-bottom: 2px solid #8ABC21; } .quitouring { background: url(../images/qui_quitouring.gif) no-repeat left top; } .quitouring h1 a:hover, .quitouring h2 a:hover, .quitouring h3 a:hover { border-bottom: 2px solid #15B0DD; } #tol h1.icon a, #tol h2.icon a { padding: 2px 0; padding-left: 80px; background: url(../images/quitol_icon.jpg) no-repeat left bottom;} #tol h1.icon a:hover, #tol h2.icon a:hover { padding: 2px 0; padding-left: 80px; margin: 0; border-bottom: 0; text-decoration: underline; } /* Mappe */ .maps-container { clear: both; overflow: hidden; margin-bottom: 20px; } .collapse-map { text-indent: 15px; display: block; height: 15px; width: 11px; background: url(../images/arrow.gif) no-repeat left top; float: left; margin-left: 10px; } .collapse-map { float: left; margin-left: 10px; } a.expand-map { text-indent: 15px; display: block; height: 15px; width: 11px; background: url(../images/arrow.gif) no-repeat left bottom; float: right; margin-left: 10px; } a.expand-map { float: left; margin-left: 10px; } /* ---- SEARCH ---- */ .right { float: right; width: 70%; } #ricerca-side { float: left; width: 24%} #ricerca-side h3 { text-align: right; float: right; } #ricerca-side ul { clear: both; width: 100%; } #ricerca-side ul li { text-align: right; width: 100%; clear: both; float: right; zoom: 1; border: 0; padding: 0; } #ricerca-side ul li span { color: #666; font-size: 0.9em; } #ricerca-side ul li a.selected { font-weight: bold; } #ricerca-side ul li a.selected span { font-weight: normal; } #ricerca-side ul li a:hover { border-bottom: 1px solid #CCC; } #ricerca-side label{ font-size:1em; color:#c00; } #ricerca-side label:hover{ border-bottom:1px solid #ccc; cursor: pointer;} #ricerca-content { background-position: 26% top; width:98%;} #ricerca-content h3 { font-size: 1.3em; text-transform: uppercase; color: #333; margin-bottom: 10px;} #ricerca-content h4, #sitemap-content h4 { text-transform: none; float: left; margin-right:5px;} #ricerca-content h4, #sitemap-content h4 { float: none; } #ricerca-content .post-tol p.data-autore { margin-bottom: 3px; } #ricerca-content .post-tol p { margin: 0; } #ricerca-content .post-tol { padding: 10px 0; border-color: #DDD; mid-width:100%; overflow: auto; width: 100%; clear: both; margin-bottom: 5px; } #ricerca-content .post-tol.first { padding-top: 2px; } #ricerca-content .ricerca-results { margin-top: 7px; text-align: justify; } #ricerca-content .ricerca-results-inner { padding-left: 99px; } /* Paginazione */ #ricerca-content .post-header-inner {width: auto;} #ricerca-content .buttons { float: right; width: auto; } #ricerca-content .buttons a.cta { background-image: none; padding-right: 7px; margin-right: 5px; } #ricerca-content .buttons a.cta.current { background-color: #CCC; font-weight: bold; } /* sitemap */ #sitemap-content .buttons a.cta { background-image: none; padding-right: 7px; margin-right: 5px; } #sitemap-content .buttons a.cta.current { background-color: #CCC; font-weight: bold; } .keyword { padding: 18px; padding-left: 215px; border-bottom: 1px solid #CCC; } .keyword p span { font-size: 1.8em; margin-left: 5px; font-style: italic; position: relative; top: 3px; font-weight: bold; } /*FORMS*/ .form_heading { border-bottom: 1px solid #CCCCCC; padding: 15px; padding-left: 0; } .form_heading h1, .form_heading h2 { margin-bottom: 0; } .message { font-size: 1.1em; padding-top: 0; } p.cta { font-size: 1.3em; margin: 10px 0; text-align: center; } p.cta.big { font-size: 1.7em; } p.cta.big.profile { text-align: left; margin-top: 0; margin-bottom: 20px; } p.cta.big a:hover { color: #C00; text-decoration: underline; } label { font-size: 1.2em; } label.selected { font-weight: bold; color: #C00; } label.campo, label.campoinvertito { display: block; color: #333; float: left; margin-bottom: 3px; } label.campo { width: 160px !important; } label.campoinvertito { float: none; display: inline; } label.campo.required, label.campoinvertito.required { /*color: #0000FF;*/ font-weight: bold; } label.error { background: url('/images/unchecked.gif') no-repeat; float: left; font-size: 1.1em; margin-left: 180px; padding: 0; width: 50%; padding-left: 20px; margin-bottom: 0; color: #666; } label.valid { background: url('/images/checked.gif') no-repeat; display: block; width: 16px; height: 16px; } /* ===================================== */ /* ============= LOGIN FORMS =========== */ /* ===================================== */ .form-login-big { position: relative; width: 690px; float: left; margin-right: 5px; padding: 15px; margin-top:15px; border: 1px solid #CCCCCC; min-height: 300px; height:300px; clear:both; } .form-login-big label.campo, .form-login-big label.campoinvertito { display: block; color: #333; float: left; margin-bottom: 3px; } .form-login-big label.campo { width: 80px !important} .form-login-big h2 { font-size:25px; display: inline; margin-bottom:15px;} .form-login { height:400px; position: relative; width: 310px; float: left; margin-right: 15px; padding: 10px; margin-top:15px; border: 1px solid #CCCCCC; min-height: 300px; } .form-login label.campo { display: block; color: #333; float: left; margin-bottom: 3px; width: 105px !important; } .form-login .user { height: 63px; width: 100%; margin: 3px auto 0; clear: both; display:block; } .form-login .user img { margin-left: 30px; float:left; } .form-login .user h2 { font-size: 20px; float:left;margin:15px;} .opacity { opacity: 0.5; -webkit-transition:opacity 0.5s linear; -moz-transition:opacity 0.5s linear; -o-transition:opacity 0.5s linear; transition:opacity 0.5s linear; } .opacity:hover { opacity: 1 } #step-register{position:relative;width:713px;height:30px;clear:both;margin-bottom:15px;background-image:url(/images/register_step.png);margin-top:15px;} .step-reg1{background-position:0 0} .step-reg2{background-position:0 -49px} .step-reg3{background-position:0 -99px} .step-reg4{background-position:0 -149px} .step-reg5{background-position:0 -199px} .form-login-big input, .form-login input { margin-right: 5px; border-radius: 7px 7px; -webkit-border-radius: 7px 7px; -moz-border-radius: 7px 7px; -o-border-radius: 7px 7px} .form-login .go { text-align: center; margin: 0 auto 15px; position: absolute; bottom: 0; right: 0; width: 100%; } .form-login-big .go { text-align: center; margin: 0 auto 15px; position: absolute; bottom: 0; right: 0; } .form-login .forward, .form-login-big .forward { text-align: right; margin: 0 50px 15px auto; position: absolute; bottom: 0; right: 0; } .form-login .back, .form-login-big .back {text-align: left; margin: 0 auto 15px 50px; position: absolute; bottom: 0; left: 0;} .form-login legend, .form-login-big legend {font-size:1.2em; padding-bottom: 25px; font-weight: bold; position:relative;width:100%} .form-login .loader, .form-login-big .loader {position:absolute;right:340px;bottom:100px;display:none} #step { width:97%; float:left; margin: 1.5%; bottom: 0; left: 0;} .form-round { border-radius: 15px 15px; -webkit-border-radius: 15px 15px; -moz-border-radius: 15px 15px; -o-border-radius: 15px 15px } .form-grad { background-color: #E2E2E2; background-image: -moz-linear-gradient(top, #fff, #E2E2E2); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fff), color-stop(1, #E2E2E2)); background-image: -o-linear-gradient(top, #fff, #E2E2E2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E2E2E2'); /* for IE */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E2E2E2'); } #fb-suggest { width: 150px; float:right; bottom:0; right:0; margin:1.5% 0 0 0; min-height: 200px; border-left: 1px dotted #ccc; padding-left: 10px; text-align: center; } #fb-suggest .fb-login { margin-bottom: 15px; } #fb-suggest .tip { background: #FFF; display:none; margin:2px; border:1px solid #ccc; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 3px 5px #999; -moz-box-shadow: 2px 3px 5px #999; -ms-box-shadow: 2px 3px 5px #999; -o-box-shadow: 2px 3px 5px #999; box-shadow: 2px 3px 5px #999 } span.error { clear: both; display: block; width: 50%; font-size: 1.1em; float: left; margin-bottom:10px; margin-top:-5px; color: #c00;} span.error_reg {margin:0;padding:0 0 0 80px;width:60% !important} span.error_register { padding-left: 110px; } span.campo_divisore { clear: both; float: left; margin-bottom: 8px; width: 100% } span.campo_meta { float: left; margin-bottom: 8px; width: 48%; min-height:32px} span.campo_meta select { height:25px; } .form-login .button, .form-login-big .button { background: #267546; background-image: -moz-linear-gradient(top, #319B5D, #267546); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #319B5D), color-stop(1, #267546)); background-image: -o-linear-gradient(top, #319B5D, #267546); padding: 8px 15px 10px; /*min-width: 100px;*/ color: #fff; text-decoration: none; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 19px; -webkit-transition:text-shadow 0.5s linear; -moz-transition:text-shadow 0.5s linear; -ms-transition:text-shadow 0.5s linear; -o-transition:text-shadow 0.5s linear; transition:text-shadow 0.5s linear; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -ms-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear; transition:background-color 0.5s linear; -moz-box-shadow: 0px 3px 3px #999; -webkit-box-shadow: 0 3px 3px #999; -o-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; position: relative; cursor: pointer; border: none; border-bottom: 1px solid black; width:265px; } .form-login-big .steps { width:125px; } .button:hover, .button:focus { text-shadow: 1px 1px 3px #aaa; background: #319B5D !important; } .button:active { text-decoration: none; top: 1px; } label.campo {width:160px} .login_form { padding: 25px; background: #EAEAEA; width: 350px; float: left; margin-right: 30px;} .login_form_big { width: 450px; float: left; background: #EAEAEA; margin-right: 30px; padding: 25px; } .login_form_big label.campo { width: 180px !important; } .login_form_big input { margin-bottom: 0.3em; } .login_form.small { width: 200px; } .login_form.fb { width:130px; margin:0;} .login_form.tip {background: #FFF; border: 1px solid #CCC; display:none; width:130px; margin:30px 0 0} .login_form.third_tip {background: #FFF; border: 1px solid #CCC; display:none; margin:30px 40px 0 0; float:right;width:200px;} .login_form.border{border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 3px 5px #999; -webkit-box-shadow: 2px 3px 5px #999; box-shadow: 2px 3px 5px #999} .login_error { color: red; font-size:1.2em; margin-bottom: 10px;} textarea { width: 90%; } span.campo_utente, span.campo_password { float: left; clear: both; } span.campo_utente input, span.campo_password input { width: 60%} span.ricordami { /*padding-left: 125px;*/ float: left; width: 80%; clear: both; margin: 5px 0; } span.passw_dimenticata { float: left; clear: both; /*padding-left: 125px;*/ margin-bottom: 0; } span.login_submit { float: left; clear: both; padding-left: 220px; margin-top: 10px;} span.login_submit input { cursor:pointer; } .login_form_big span.login_submit { float: left; clear: both; padding-left: 180px; margin-top: 10px; } span.login_submit input { background: #CCC; color: #333; border: 1px solid #999; } p.warning { display: block; background: #FFE1E6; padding: 15px; width: 92%; margin-bottom: 10px;} .formfield { padding: 1px 0; float: left; clear: both; } input, select { border: 1px solid #CCC; margin-bottom: .5em; padding: 3px; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input:focus { border: 1px solid #666; } input.error { border: 1px solid #C00; padding: 3px !important; } select#jselect_county, select#jselect_country { font-size:10px; } #box_commenta { clear: both; width: 98%; padding-top: 10px; } #box_commenta label { font-size: 1.2em; color: #666; } .form_buttons { float: right; } p#avviso { -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 15px; padding: 10px; background: #E9FBCE; } p#warning { -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 15px; padding: 10px; background: #FAD3D5; } textarea.inserisci_commento { width: 100%; margin: 10px 0; border: 1px solid #AAA; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;} .form_buttons button { border: 0; background: #CCC; color: #000; padding: 3px 5px; margin-left: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Stile Pagina Profilo */ .profile_table { float: left; width: 55%; margin-right: 5%; } .profile_table .profile { display: block; padding: 2px 4px; margin: 2px 0; } .profile.even { background: #EAEAEA; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .profile_table .profile .campo { width: 25%; float: left; font-weight: bold; padding-right: 20px; color: #333; } #login_club{ -moz-border-radius: 15px; -webkit-border-radius:15px; border-radius:15px; font-size: 12px; width: 500px; margin: 0 auto; padding: 20px 40px; position: relative; } .login_form_avanza { background: #EAEAEA; margin-right: 30px; padding: 25px; width: 350px; } a.creatuoprofilo{color: #D70029;background: url(/club/mod/theme_elgg_example/graphics/bg_gray.jpg) left bottom repeat-x;border: 1px solid #DFDFDF;font-size: 18px;-moz-border-radius: 18px;-webkit-border-radius:18px;border-radius:18px;font-weight: bold;text-align: center;height: 40px;line-height: 40px;width: 340px;margin: 10px auto;display: block;text-transform: uppercase;-moz-box-shadow: 2px 3px 10px #999;-webkit-box-shadow: 2px 3px 10px #999;box-shadow: 2px 3px 10px #999} a.creatuoprofilo:hover{cursor: pointer;background: #D70029;color:#fff; border-color:#D70029} /*a.creatuoprofilo p { text-shadow: #fff 1px 1px 5px; }*/ /* Destinazioni */ .ricerca-destinazioni { padding: 15px 0; padding-left: 3%; border-bottom: 4px solid #EAEAEA; background: #EAEAEA; float: left; width: 97%; margin-bottom:10px; } .ricerca-destinazioni label { font-size: 1.2em; display: block; width: 30%; float: left; } .ricerca-destinazioni input { border: 1px solid #CCC; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; color: #333; width: 60%; float: left; } .ricerca-destinazioni input:focus { border: 1px solid #666; } .ricerca-destinazioni button { float: left; moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-left: 10px; background: #CCC; border: 1px solid #999; padding: 2px 4px; font-size: 1.3em; color: #333; -moz-border-radius: 3px; -webkit-border-radius:3px;} #ricerca-side h3 { text-align: right; float: right; } #ricerca-content .post-tol.marcator { padding-left: 5%; width: 95%; background-position: left 7px; background-repeat: no-repeat; } #destinazioni-side ul { clear: both; width: 100%; } span.credits { font-size: 0.9em; float: right; margin-bottom: 5px; } #destinazioni-side ul { clear: both; width: 100%; } #destinazioni-side ul li { text-align: left; width: 100%; clear: both; float: left; zoom: 1; border: 0; padding: 2px 0; } #destinazioni-side ul li a span { color: #666; font-size: 0.9em; } #destinazioni-side ul li a.selected { font-weight: bold; } #destinazioni-side ul li a.selected span { font-weight: normal; } #destinazioni-side ul li a:hover { border-bottom: 1px solid #CCC; } #destinazioni-side label{ font-size:1em; color:#c00; text-transform: capitalize;} #destinazioni-side label:hover{ border-bottom:1px solid #ccc; cursor: pointer;} #destinazioni .content-wrapper { width: 98%; background-position: 66% 0; margin-bottom: 10px; margin-top: 0; } #destinazioni .second-sidebar { width: 31%; } #destinazioni .facet-sidebar { width: 26%; } #destinazioni .left { width: 64%;} .dest .buttons a.cta { background-image: none; padding-right: 7px; margin-bottom: 5px; } .dest .buttons a.cta.current { background-color: #CCC; font-weight: bold; } .read-all{ padding:2px 5px; background:#ddd; } .tondo{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px} /*** Suggerimenti e guide ***/ .dest { width: 720px; } #container_guid_tip { width: 720px; padding-top: 10px;float:left; border-bottom: 1px solid #CCC; position: relative; } #container_guid_tip .show { background: url(../images/freOff.png) no-repeat right center; padding-left: 10px; display: block; float:left; width:62px; padding-top: 4px;} #container_guid_tip .hide { background: url(../images/freOn.png) no-repeat right center; padding-left: 10px; display: block; float: left; width:62px; padding-top: 4px;} #container_guid_tip #guide, #container_guid_tip #tips { width: 350px; padding-bottom: 5px;} #guide { float:left; } #tips {float:right;} #guide .slider_guid_tips, #tips .slider_guid_tips { overflow:hidden; clear:both; width: 350px;} #guide a { font-weight: normal; } #guide .guid_photo { padding-top: 10px; height: 50px; } #guide .result { width: 16%; float: left;} #guide img { padding:10px 5px 0;} #tips .tip { width: auto; padding-top: 10px; clear:both} #tips a { font-weight: normal; } #tips .user_tip { font-size: 1.1em; font-weight: normal; float: left; width: 50%;} #tips .date_tip { float: right; width: 50%; text-align: right; font-size: 1.1em;} #tips .img_tip img{ float: left; padding-right: 10px; padding-left: 5px; padding-top: 5px} #tips .pagination { float: right; padding-right: 5px; } #slider_wik .collapse-map, #slider_tci .collapse-map, #slider_te .collapse-map {width:auto !important;float:right;margin-top:5px;} .guida-text {clear:both;width:94%;padding:2%;background:#DDD} div.TE { background: #EAEAEA; padding: 10px 20px 5px;color: #444; margin-top: 15px; text-align: justify; } div.wik, div.TCI { clear: both; text-align: justify;} a.fonte_wikipedia { padding-right: 20px; background: url(../images/wikipedia_icon.jpg) no-repeat right center; } p.fonte_articolo { margin-top: 8px; } span.credits { font-size: 0.9em; float: right; margin-bottom: 5px; } .divisore { height: 2px; border-bottom: 1px solid #CCC; margin: 15px 0; clear: both;} .divisore_bold { height: 5px; border-bottom: 4px solid #EAEAEA; margin: 15px 0; clear: both;} .error { padding: 20px; font-size: 1.6em; padding-left: 220px; font-style: italic; } /* Avviso Prenotazioni */ #messaggio_sconto { float: left; padding: 10px 0; border-bottom: 1px solid #CCC; width: 100%; } .avanti_prenotazioni { float: right; width: 33%; font-size: 1.3em; font-weight: bold; color: #666; text-transform: uppercase; text-align: center; } .avviso_prenotazioni { float: left; background: #EAEAEA; width: 61%; padding: 20px 0; padding-bottom: 10px; padding-left: 3%; } .avviso_prenotazioni a.chiudi { float: right; font-size: 1.1em; color: #333; margin-right: 20px; } .avviso_servizi { float: left; background: #EAEAEA; width: 98%; padding: 15px 10px; } /* jQuery Paginate */ #paginate_list_counter { clear: both; float: right; } .qp_counter { font-size: 1.2em; font-weight: bold; } a.qp_next, a.qp_prev { padding: 3px 5px; background: #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px;} a.qp_next { margin-right: 5px; } a.qp_prev { margin-left: 5px; } /* -------- FOOTER ------ */ /* .pushfooter { height: 210px; clear:both; } */ #footer { clear: both; float: left; width: 100%; background: #333; border-top: 10px solid #7C7C7C; color: #AAA; padding: 25px 0; padding-bottom: 10px;} #footer a { font-size: 1em; color: #666; } #footer a:hover { color: #BBB; text-decoration: underline; } #footer h3 { font-size: 1.6em; margin-bottom: 8px; color: #CCC;} #footer h3 a { color: #CCC; } #footer h3 a:hover {text-decoration: none; border-bottom: 2px solid #666;} #footer p { font-size: 1.2em; width: 85%; line-height: 1.3em;} #footer-inner { width: 998px; margin: 0 auto; } .footer-grid-large { width: 998px; float: left; margin-bottom: 20px; } .footer-grid-large ul { float: left; width: 100%; margin-bottom: 20px;} .footer-grid { width: 742px; float: left; margin-bottom: 20px; } .footer-grid ul { float: left; width: 100%; margin-bottom: 20px;} #footer-inner .footer-grid ul li { width: 33%; float: left; } #footer-inner .footer-grid-large ul li { width: 18%; float: left; } div.footer-links { font-size: 1.1em; float: left; width: 256px } div.footer-links a { padding-right: 10px; } div.footer-links h4 { text-transform: uppercase; color: #CCC; margin-bottom: 5px; } div.first-links { margin-bottom: 15px; } .copyright { font-size: 1.2em; float: left; width: 93%; margin: 0; background: url(../images/touring_small.gif) no-repeat left center; padding: 25px 0; border-top: 1px solid #555; padding-left: 50px; color: #AAA; } .credits { font-size: 1.2em; } .credits a { font-size: 1em; } /* ------ ASSOCIAZIONE ------ */ .tipo_assoc { margin-bottom: 40px; background:#EAEAEA none repeat scroll 0 0; padding:15px; width:90%; } .assoc_scelta { color:#444444; font-size:1.3em; font-weight:bold; margin-top:4px; } span.prezzo { font-size:1.2em; } form#associati div, form#rinnova div, form#regala div { clear:both; margin-bottom: 40px; } #prontotouring_infobox { clear:both; border: 3px solid rgb(239, 173, 173); padding: 15px; color: red; /*font-weight: bold;*/ background: rgb(252, 237, 237) none repeat scroll 0 0; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } form#associati h2, form#associati h2, form#regala h2 { border-top: 3px solid #DDD; padding-top: 10px; } /* event map calendars */ a.dp-choose-date { float: right; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: inline; text-indent: -2000px; overflow: hidden; background: url(../images/icon_date.png) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ label.dp-applied, input.dp-applied { float: right; vertical-align: bottom; } /* event detail map */ span#show-hide { color: #C00; font-size: 1.2em; cursor:pointer; } span#show-hide:hover{ color:#000; } /* biciassistance */ ul.biciassistance { list-style-position: inside; list-style-type: disc; font-size: 1.2em;} .paragraph ul { list-style-position: inside; list-style-type: disc; font-size: 1.2em;} .paragraph ul li a { font-size: 1em; } /* integrazione travel */ .wl-booking label.campo { width: 140px !important; } /* modal box stuff */ /* Z-index of #mask must lower than #boxes .window */ #mask { position: absolute; top: 0; left: 0; z-index: 9000; background-color: #000; display: none; } #boxes .window { position: absolute; z-index: 9999; display: none; width: 740px; /*height: 400px;*/ padding: 20px; } /* Customize your modal window here, you can add background image too */ /* * #boxes .dialog * { * width:375px; * height:203px; * } * */ #boxes div.window, #changeFlight { background-color: white; } .window .close { cursor: pointer; } /* Itinerari */ .lista_itinerari { float:none; clear:both; } .lista_itinerari li { margin: 5px 0 10px 0; padding: 5px 0; border-top: 1px solid #ccc; } .lista_itinerari h2 { margin: 0 0 5px 0; float: left; width: 400px; } .lista_itinerari p { clear: both; } .lista_itinerari .scaricapdf { float: right; padding: 0 10px 0 20px; background: url(../images/pdf.gif) 0 0 no-repeat; } .lista_itinerari .linkblog { float: right; padding: 0 10px 0 20px; background: url(../images/link.png) 0 0 no-repeat; } .lista_itinerari .description { width: 500px; } /* CONTENUTI CLUB IN SPALLA INIZIATIVE */ .spalla-club { background:#FFF; border-top:2px solid #CCC; border-bottom:2px solid #CCC; } .spalla-club h3 { background:#EEE url(/images/club-icons/club1.png) right 5px no-repeat; padding:5px } .club-group { margin:5px 0 10px 0; border:1px solid #E0E0E0; padding:5px 3px; } .club-group ul { padding:8px 0 0 0; } .club-group h5 { margin-left:35px } .club-group h5 a { font-size:14px; } .club-group ul li { border:none; background:url("/club/_graphics/river_icons/river_icon_blog.gif") no-repeat 0 3px; padding-left:25px; margin-left:5px; } /** SHARE **/ #share-facebook, #share-twitter, #share-email { padding-right: 5px; } .clear{ clear:both; } .showmap { margin-bottom: 0px !important } .showmap a { background:url(../images/map.png) no-repeat scroll 0 0 transparent; padding:0 0 0 33px; display: block; line-height: 32px; clear:both; margin-bottom:10px;} /**** STILI PAGINE SEO HOTEL VENERE ****/ .larger {width:35%; padding-bottom: 20px; padding-top: 5px} .thiner {width:60%} .relevance{font-size: 1.2em} .thiner li { background: url('/club/_graphics/river_icons/river_icon_status.gif') no-repeat left center; border-bottom: 1px solid #ddd; list-style:none; padding: 5px 5px 5px 25px;} .box_consigli { clear:both} .box_consigli strong {font-size:1.4em} .box_consigli ul {margin:5px 0} .box_consigli li {border-bottom:1px solid #aaa; padding: 3px; } .box_citta { padding: 15px; background: #EAEAEA; width: 330px; float: right; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px;-moz-box-shadow: 2px 3px 10px #999; -webkit-box-shadow: 2px 3px 10px #999; box-shadow: 2px 3px 10px #999} .box_nazioni { padding: 15px; background: #EAEAEA; width: 330px; float: right; margin-right: 5px; margin-top:20px;-moz-border-radius:5px; -webkit-border-radius:5px;-moz-box-shadow: 2px 3px 10px #999; -webkit-box-shadow: 2px 3px 10px #999; box-shadow: 2px 3px 10px #999} .box_citta.small, .box_nazioni.small { width: 200px; } /* css per pagina attiva-utenza */ .tondo{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} #step-img{position:relative;width:720px;height:66px;clear:both;margin-bottom:25px;background-image:url(/images/attiva/4steps.jpg)} .step-img1{background-position:0 0} .step-img2{background-position:0 -85px} .step-img3{background-position:0 -170px} .step-img4{background-position:0 -255px} .step-form{background:#eaeaea;width:100%;float:left;clear:both;position:relative} #step1,#step2,#step3,#step4,.step-form .complete{position:relative;margin:3%;width:94%} .step-form p{margin-top:10px;clear:both} .step-form .loader{position:absolute;right:63px;bottom:80px;display:none} .step-form .error_message{color:#c00000;font-size:12px;margin-left:10px} .step-form .step-submit{float:right} .step-submit input{outline:none;margin:0;padding:0;border:none;cursor:pointer;color:#fff;font-weight:bold;font-size:22px;font-family:Helvetica, Arial, sans-serif;text-align:center;width:130px;height:46px;line-height:46px;background:url("/images/attiva/pulsante_pag_attiva.png") 0 0 no-repeat;padding:0 0 5px} .error_step{margin:0;padding:0 0 0 160px;width:60% !important} .readonly{background:#ddd} #card-container{display:none;text-align:center} /* css per la pagina "modifica email" */ .transparent-bg{background-color:transparent} #email-box img{vertical-align:bottom} #email-box{position:relative;width:90%;background:url(/club/mod/custom_profile_fields/_graphics/alert.png) no-repeat 1.5em 2.1em #ddd;text-indent:20px;-moz-border-radius:4px;border-radius:4px;padding:2em 1.5em;color:rgba(0,0,0, .8);text-shadow:0 1px 0 #fff;line-height:1.5;margin:20px 0;font-size:1.3em} #email-box:before, #email-box:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:rgba(0, 0, 0, 0.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0, 0.7);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)} #email-box:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto} .form-left{width:48%;float:left} .form-right{width:48%;float:right} .cool-button{display:inline-block;white-space:nowrap;background-color:#ddd;background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));background-image:-webkit-linear-gradient(top, #eee, #ccc);background-image:-moz-linear-gradient(top, #eee, #ccc);background-image:-ms-linear-gradient(top, #eee, #ccc);background-image:-o-linear-gradient(top, #eee, #ccc);background-image:linear-gradient(top, #eee, #ccc);border:1px solid #777;padding:0 1.5em;margin:0.5em;font:bold 1.2em/2.2em Arial, Helvetica;text-decoration:none;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.8);-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em;-moz-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3)} .cool-button:hover{background-color:#eee;background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));background-image:-webkit-linear-gradient(top, #fafafa, #ddd);background-image:-moz-linear-gradient(top, #fafafa, #ddd);background-image:-ms-linear-gradient(top, #fafafa, #ddd);background-image:-o-linear-gradient(top, #fafafa, #ddd);background-image:linear-gradient(top, #fafafa, #ddd)} .cool-button:active{-moz-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;position:relative;top:1px} .cool-button:focus{outline:0;background:#fafafa} .cool-button:before{background:#ccc;background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;margin:0 1em 0 -1em;padding:0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none} .cool-button.email:before{content:"\2709"} button.cool-button,input.cool-button{width:auto;cursor:pointer;overflow:visible;/* removes extra side spacing in IE */} .pagination .cool-button{padding:0 1em;margin:1em 0.1em} /* css per feedback eventi */ #feedback_container{margin-bottom:10px} #event-feedback{border:1px solid #aaa;clear:both;color:#333;font-weight:bold;padding:10px;text-shadow:0 1px 0 #FFF;} #event-feedback h3{font-size:2em;color:#fff;text-shadow:1px 1px 1px #333;text-indent:5px;margin-bottom:10px; *background-color:transparent;*color:#333;*text-shadow:1px 1px 1px #fff; /* IE7 and lower hacks */ } #event-feedback hr{margin:10px 0;clear:both;border:0;height:1px;background:#333;background:-moz-linear-gradient(left, #ddd, #333 50%, #ddd);background:-webkit-gradient(linear, 0 0, 100% 0, from(#ddd), to(#ddd), color-stop(50%, #333))} #event-feedback select{margin:0} #event-feedback textarea{width:97%;padding:.5em;border:none;box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.3)/*;background:url(/images/block-note-white.png) repeat #fff*/} #event-feedback textarea:focus{box-shadow:0 0 4px 2px rgba(254,206,0,.8) inset} .star-rating-label{float:left;height:25px;line-height:25px} #star-rating{margin-top:10px;list-style-type:none;padding:0px;width:100px;height:25px;position:relative;background:url(/images/star_rating_new.gif) 0 -3px repeat-x;left:100px} #star-rating li{padding:0;margin:0;/*\*/float:left;/* */} #star-rating li a{display:block;width:25px;height:25px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;top:0;padding:0;background-image:none} #star-rating li a:hover{background:url(/images/star_rating.gif) left bottom;z-index:1;left:0px} #star-rating li a.clicked{background:url(/images/star_rating_new.gif) left bottom;width:25px} #star-rating a.one-star{left:0px} #star-rating a.one-star:hover{width:25px} #star-rating a.two-star{left:25px} #star-rating a.two-star:hover{width:50px} #star-rating a.three-star{left:50px} #star-rating a.three-star:hover{width:75px} #star-rating a.four-star{left:75px} #star-rating a.four-star:hover{width:100px} .canali-eventi div{float:left;width:205px} #event-feedback .cool-button, .cool-btn{padding:.5em 0;width:100%;margin-left:0;margin-right:0;color:#fff;text-shadow:0px 1px 2px #000;} #event-feedback h3,#event-feedback .cool-button, .cool-btn{ box-shadow:none; background-color: #7CAF53; background-image: -webkit-gradient(linear, left top, left bottom, from(#7CAF53), to(#458A0B)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #7CAF53, #458A0B); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #7CAF53, #458A0B); /* FF3.6 */ background-image: -ms-linear-gradient(top, #7CAF53, #458A0B); /* IE10 */ background-image: -o-linear-gradient(top, #7CAF53, #458A0B); /* Opera 11.10+ */ background-image: linear-gradient(top, #7CAF53, #458A0B); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7CAF53', EndColorStr='#458A0B'); /* IE6-IE9 */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; *padding:5px 50px;/* IE7 and lower */ } #event-feedback .cool-button:active, .cool-btn:active{box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset} #event-feedback .cool-button:hover,.cool-btn:active{ background-color: #458A0B; background-image: -webkit-gradient(linear, left top, left bottom, from(#458A0B), to(#7CAF53)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #458A0B, #7CAF53); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #458A0B, #7CAF53); /* FF3.6 */ background-image: -ms-linear-gradient(top, #458A0B, #7CAF53); /* IE10 */ background-image: -o-linear-gradient(top, #458A0B, #7CAF53); /* Opera 11.10+ */ background-image: linear-gradient(top, #458A0B, #7CAF53); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#458A0B', EndColorStr='#7CAF53'); /* IE6-IE9 */ } #event-feedback .cool-button::-moz-focus-inner, .cool-btn::-moz-focus-inner{border:none} #event-feedback .antispam{display:none} #event-feedback .error{background-color:#FFD5D5;border:1px solid #D70029;color:#D70029;display:block;font-size:1em;margin:5px 0 0;padding:4px 0;text-indent:5px;text-shadow:none;float:none;width:auto} .success{clear:both;font-weight:bold;background-color:#cf9;border:1px solid #060;color:#060;display:block;font-size:1em;padding:4px;text-shadow:none} /*.media-voto:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}*/ .media-voto{clear:both} .media-voto div{font-weight:bold;height:25px;line-height:25px;float:left} .media-voto .media{background:url(/images/star_rating_new.gif) 0 -25px;width:100px;position:relative} .media-voto .media p{background:url(/images/star_rating_new.gif) left bottom;position:absolute;left:0;top:0;z-index:5} .user-feedback{padding:5px;margin:5px 0 10px} #event-feedback,.user-feedback{ box-shadow: 0 1px 3px #888; background-color: #DDD; background: -moz-linear-gradient(top, #efefef, #cccccc); background-image: -webkit-linear-gradient(top, #efefef, #cccccc); background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cccccc)); background-image: -ms-linear-gradient(top, #efefef, #cccccc); background-image: -o-linear-gradient(top, #efefef, #cccccc); background-image: linear-gradient(top, #efefef, #cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', EndColorStr='#cccccc'); } .user-feedback .user,.user-feedback .data{font-weight:bold;width:49%} .user-feedback .user{float:left;background:url(/images/user_comment.png) no-repeat left center;text-indent:20px;} .user-feedback .data{float:right;text-align:right} /* fine css per feedback eventi */ /**** STILI PER REPORTISTICA EVENTI ****/ #report{width:100%; float:left; display:block; clear:both} #report table{border-collapse:separate; *border-collapse:collapse; /* IE7 and lower */ border-spacing:0; margin-bottom:10px; font-size:1.1em !important} .bordered{ border:solid #ccc 1px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -ms-box-shadow:0 1px 1px #ccc; -o-box-shadow:0 1px 1px #ccc; box-shadow:0 1px 1px #ccc} .bordered tr:hover{ background:#fbf8e9; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out} .bordered td, .bordered th{ border-left:1px solid #ccc; border-top:1px solid #ccc; padding:10px; text-align:left} .bordered th{ background-color:#dce9f9; background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9)); background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -moz-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -ms-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -o-linear-gradient(top,#ebf3fc,#dce9f9); background-image: linear-gradient(top,#ebf3fc,#dce9f9); -webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow:0 1px 0 rgba(255,255,255,.8) inset; border-top:none; text-shadow:0 1px 0 rgba(255,255,255,.5); text-align:center} .bordered td:first-child, .bordered th:first-child{ border-left:none} .bordered th:first-child{ -moz-border-radius:6px 0 0 0; -webkit-border-radius:6px 0 0 0; border-radius:6px 0 0 0} .bordered th:last-child{ -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; border-radius:0 6px 0 0} .bordered tr:last-child td:first-child{ -moz-border-radius:0 0 0 6px; -webkit-border-radius:0 0 0 6px; border-radius:0 0 0 6px} .bordered tr:last-child td:last-child{ -moz-border-radius:0 0 6px 0; -webkit-border-radius:0 0 6px 0; border-radius:0 0 6px 0} #report .highlight{ background:#fbf8e9; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out} #report .report_button{padding:5px; background:#267546; background-image:-moz-linear-gradient(top,#319B5D,#267546); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, #319B5D), color-stop(1, #267546)); background-image:-o-linear-gradient(top,#319B5D,#267546); color:#fff; text-decoration:none; display:table; margin:0 auto; font-weight:bold; border:none ; cursor:pointer; font-size:1em; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:text-shadow 0.5s linear; -moz-transition:text-shadow 0.5s linear; -ms-transition:text-shadow 0.5s linear; -o-transition:text-shadow 0.5s linear; transition:text-shadow 0.5s linear; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -ms-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear; transition:background-color 0.5s linear; -moz-box-shadow:0px 3px 3px #999; -webkit-box-shadow:0 3px 3px #999; -ms-box-shadow:0 3px 3px #999; -o-box-shadow:0 1px 3px #999; box-shadow:0 1px 3px #999} .report_button:hover, .report_button:focus{text-shadow:1px 1px 3px #aaa; background:#319B5D !important} .report_button:active{text-decoration:none; position:relative; top:1px} #all-report{text-align:center; float:right; margin-bottom:10px; display:block; width:100%} #all-report .submit-reports{padding:10px; width:auto; *width:230px; font-weight:bold} #all-report .submit-reports:HOVER, #all-report .submit-reports:ACTIVE{cursor:pointer} #all-report .filters-container{border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 3px 3px #ccc; -moz-box-shadow:0px 3px 3px #ccc; -ms-box-shadow:0px 3px 3px #ccc; -o-box-shadow:0px 3px 3px #ccc; box-shadow:0px 3px 3px #ccc; padding:15px 0; margin-bottom:10px; width:100%; float:left; display:block} #all-report .filters-container span{padding:5px 5px; float:left; font-size:1.2em; border-right:1px solid #ccc}