/* ====== * COPYRIGHT: Sitonline * * **********FRAMEWORK'S CHAPTERS*********** * A. RESET: The goal of the stylesheet reset is to reduce browser inconsistencies * B. DEFAULT: Generic classes used by default (body, html...) * C. LAYOUT: Stuctural elements of the template * D. PRESENTATION: Stuctural layout's inner elements * ====== */ /* ==== (A) RESET ==== * Link: http://meyerweb.com/eric/tools/css/reset * Version: 2.0 * Date: 2011/01/26 * License: Public Domain * */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} textarea {resize: none;} strong {font-weight:bold;} /* ==== (B) DEFAULT ==== * - Body * - Font-face * - Anchor * - Clean * - Generic Classes * - Custom Links * Custom Links -> Valori di Default * Custom Links -> Light theme * Custom Links -> Dark theme * Custom Links -> Blue theme * */ /* Body */ body{font-size:11px;font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;min-height:460px;background-image:url(/common/mobile/textures/13.png);background-color:#00b7ee;} /*Font-face*/ @font-face { font-family: 'Francois One'; src: url('/common_solswv1/font/francoisone.eot?#iefix') format('embedded-opentype'), url('/common_solswv1/font/francoisone.woff') format('woff'), url('/common_solswv1/font/francoisone.ttf') format('truetype'), url('/common_solswv1/font/francoisone.svg#svgFontName') format('svg'); } /* Anchor */ a:active, a:focus, input:focus[type=submit] {outline-color:invert;outline-style:none;outline-width:0;} a:link, a:visited {color:#336699;} a:hover {color:#333333} /* Clean */ .kill {display:none;} .clear {clear:both;} /* Generic Classes */ .separatore {display:block;border-bottom:1px solid #ccc;margin-bottom:20px;} /* Custom Link */ .custom_link{max-width:268px;padding:0 5px;position:relative;-webkit-border-radius:5px;border-radius:5px;} .custom_link span.deco01{position:absolute;width:18px;height:18px;background-repeat:no-repeat;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .custom_link span.deco01{background-position-x:-50px!important;background-size: 100px 650px;} } .custom_link a{display: block;font-weight: bold;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-align:center;} /**/ .custom_link.light_link{ border:1px solid #FFFFFF; color:#333333; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.1) inset; box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.1) inset; background: #D1D1D1; /* Old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #D1D1D1 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#D1D1D1)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* Opera11.10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D1D1D1',GradientType=0 ); /* IE6-9 */ background: -ms-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* IE10 */ background: linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* W3C */ } .custom_link.light_link span.deco01{background-image:url(/common/mobile/images/customlink_light.png);} .custom_link.light_link a{color:#333333;text-shadow:1px 1px 0 #FFFFFF;} /**/ /**/ .custom_link.dark_link{ border:1px solid #181818; color:white; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.2) inset; box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.2) inset; background: #252525; /* Old browsers */ background: -moz-linear-gradient(top, #4e4e4e 0%, #252525 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#252525)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #4e4e4e 0%,#252525 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #4e4e4e 0%,#252525 100%); /* Opera11.10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#252525',GradientType=0 ); /* IE6-9 */ background: -ms-linear-gradient(top, #4e4e4e 0%,#252525 100%); /* IE10 */ background: linear-gradient(top, #4e4e4e 0%,#252525 100%); /* W3C */ } .custom_link.dark_link span.deco01{background-image:url(/common/mobile/images/customlink_dark.png);} .custom_link.dark_link a{color:white;text-shadow:-1px -1px 0 #000000;} /**/ /**/ .custom_link.colorblue_link{ border:1px solid #FFFFFF; color:#336699; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.1) inset; box-shadow:0 0 8px rgba(0,0,0,0.4), 5px 0px 16px rgba(0,0,0,0.1) inset; background: #D1D1D1; /* Old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #D1D1D1 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#D1D1D1)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* Opera11.10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D1D1D1',GradientType=0 ); /* IE6-9 */ background: -ms-linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* IE10 */ background: linear-gradient(top, #FFFFFF 0%,#D1D1D1 100%); /* W3C */ } .custom_link.colorblue_link span.deco01{background-image:url("/common/mobile/images/customlink_blue.png");} .custom_link.colorblue_link a{color:#336699;text-shadow:1px 1px 1px #FFFFFF;} /**/ /**/ .custom_link.transparent_link{ border: 1px solid rgba(0, 0, 0, 0.4); color: white; -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1); background:#00b7ee; background: url(data:image/svg xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8 Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.4) 100%) #00b7ee; /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(0,0,0,0.4))) #00b7ee; /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.4) 100%) #00b7ee; /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.4) 100%) #00b7ee; /* Opera 11.10 */ background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.4) 100%) #00b7ee; /* IE10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#66000000',GradientType=0 ) #00b7ee; /* IE6-8 */ background: linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(0,0,0,0.4) 100%) #00b7ee; /* W3C */ } .custom_link.transparent_link span.deco01{background-image:url("/common/mobile/images/customlink_transparent.png");} .custom_link.transparent_link a{color:white;text-shadow:0 -1px 0 #000000;} /**/ /**/ .custom_link.orange_link{ border:1px solid #af6600; color:#852b09; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4), 0px 0px 5px #ff9400 inset; box-shadow:0 0 8px rgba(0,0,0,0.4), 0px 0px 5px #ff9400 inset; background: #ffe2a8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTJhOCIgc3RvcC1vcGFjaXR5PSIxIi8 CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2ZkYjkyZiIgc3RvcC1vcGFjaXR5PSIxIi8 CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2ZiOWIxMiIgc3RvcC1vcGFjaXR5PSIxIi8 CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzg5MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc ); background: -moz-linear-gradient(top, #ffe2a8 0%, #fdb92f 14%, #fb9b12 86%, #dc8912 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2a8), color-stop(14%,#fdb92f), color-stop(86%,#fb9b12), color-stop(100%,#dc8912)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #ffe2a8 0%,#fdb92f 14%,#fb9b12 86%,#dc8912 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #ffe2a8 0%,#fdb92f 14%,#fb9b12 86%,#dc8912 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #ffe2a8 0%,#fdb92f 14%,#fb9b12 86%,#dc8912 100%); /* IE10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2a8', endColorstr='#dc8912',GradientType=0 ); /* IE6-8 */ background: linear-gradient(top, #ffe2a8 0%,#fdb92f 14%,#fb9b12 86%,#dc8912 100%); /* W3C */ } .custom_link.orange_link span.deco01{background-image:url("/common/mobile/images/customlink_orange.png");} .custom_link.orange_link a{color:#852b09;text-shadow:1px 0px 0px #f9de2b;} /**/ /**/ .custom_link.apple_link{ border:1px solid #0051b2; color:white; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4), 0px -2px 2px rgba(0,0,0,0.3) inset; box-shadow:0 0 8px rgba(0,0,0,0.4), 0px 2px 2px rgba(0,0,0,0.3) inset; background: #6db3f2; /* Old browsers */ background: -moz-linear-gradient(top, #6292ef 0%, #2769e2 50%, #0b5ce0 51%, #095bdf 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6292ef), color-stop(50%,#2769e2), color-stop(51%,#0b5ce0), color-stop(100%,#095bdf)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #6292ef 0%,#2769e2 50%,#0b5ce0 51%,#095bdf 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #6292ef 0%,#2769e2 50%,#0b5ce0 51%,#095bdf 100%); /* Opera 11.10 */ background: -ms-linear-gradient(top, #6292ef 0%,#2769e2 50%,#0b5ce0 51%,#095bdf 100%); /* IE10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6292ef', endColorstr='#095bdf',GradientType=0 ); /* IE6-8 */ background: linear-gradient(top, #6292ef 0%,#2769e2 50%,#0b5ce0 51%,#095bdf 100%); /* W3C */ } .custom_link.apple_link span.deco01{background-image:url("/common/mobile/images/customlink_apple.png");} .custom_link.apple_link a{color:white;} /**/ /* ==== (C) LAYOUT ==== * - Container * - Header * - ContentBox * - Footer * */ /* Container */ #container{} /* Header */ #header{width:100%;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);} /* ContentBox */ #content_box {margin: 20px 10px;} /* Footer */ #footer { width:100%; float:left; text-align:center; background: #00b7ee; /* Old browsers */ background: -moz-linear-gradient(top, #00b7ee 0%, #01679c 100%); /* FF3.6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ee), color-stop(100%,#01679c)); /* Chrome,Safari4 */ background: -webkit-linear-gradient(top, #00b7ee 0%,#01679c 100%); /* Chrome10 ,Safari5.1 */ background: -o-linear-gradient(top, #00b7ee 0%,#01679c 100%); /* Opera11.10 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ee', endColorstr='#01679c',GradientType=0 ); /* IE6-9 */ background: -ms-linear-gradient(top, #00b7ee 0%,#01679c 100%); /* IE10 */ background: linear-gradient(top, #00b7ee 0%,#01679c 100%); /* W3C */ } /* ==== (D) PRESENTATION ==== * * - Header -> Logo Title Container * Logo Title Container -> logo * Logo Title Container -> header title * - Header -> Toolbar * Toolbar -> Back Home * Toolbar -> Show/Hide Menu * - Header -> Lang Menu * - Header -> Main Menu * Main Menu -> Valori di Default * Main Menu -> Light theme * Main Menu -> Dark theme * Main Menu -> Blue theme * - Header -> HeaderGraphic * * - ContentBox -> Back * - ContentBox -> Page Name * - ContentBox -> Generic [Red]Box's Content * Generic Box's rules -> [Red]Box * Generic Box's rules -> Box Title * Generic Box's rules -> Liste * Generic Box's rules -> Table * Generic Box's rules -> Immagini e fotogallery con Testo * Generic Box's rules -> Video Youtube/Flash * Generic Box's rules -> Attachment * * - [HomePage] ContentBox -> BoxNewsHp * * - [Maps Page] ContentBox -> All Elements * All Elements -> Common Element * All Elements -> Map Canvas Overlay * All Elements -> GotoMaps * * - [PhotoGallery] ContentBox -> Gallery List * Gallery List -> BoxPhoto * Gallery List -> Info Gallery * * - [PhotoGallery] ContentBox -> Photo List * Photo List -> Thumb * * - [Contact] ContentBox -> Contact Info * - [Contact] ContentBox -> Contact Form * Contact Form -> Errors * Contact Form -> Generic Input Rules * Contact Form -> Specific Input Rules * Contact Form -> Captcha * Contact Form -> Submit * * - [Dynamic] ContentBox -> All Elements * All Elements -> Navigation * All Elements -> GoTo * All Elements -> Date and Comments * * - [DynamicContentPage] ContentBox -> Comments * * - [Catalog] ContentBox -> Product List * Product List -> BoxPhoto * Product List -> Info Product * * - [Catalog] ContentBox -> Product Detail * Product Detail -> Thumb * * - Footer -> Telephone * Telephone -> Valori di Default * Telephone -> Light theme * Telephone -> Dark theme * Telephone -> Blue theme * * - Footer -> BlueBox * Albums BlueBox -> Caratteristiche comuni * Albums BlueBox -> Photogallery * Albums BlueBox -> Links * Albums BlueBox -> Simple Images * * - Footer -> Social * - Footer -> Footer Menu * - Footer -> Copyright * */ /* Header -> Logo Title Container */ #logo_title_container {width:100%;overflow:hidden;padding:10px 0;background: #01679c; /* Old browsers */background: -moz-linear-gradient(top, #01679c 0%, #00b7ee 100%); /* FF3.6 */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01679c), color-stop(100%,#00b7ee)); /* Chrome,Safari4 */background: -webkit-linear-gradient(top, #01679c 0%,#00b7ee 100%); /* Chrome10 ,Safari5.1 */background: -o-linear-gradient(top, #01679c 0%,#00b7ee 100%); /* Opera11.10 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01679c', endColorstr='#00b7ee',GradientType=0 ); /* IE6-9 */background: -ms-linear-gradient(top, #01679c 0%,#00b7ee 100%); /* IE10 */background: linear-gradient(top, #01679c 0%,#00b7ee 100%); /* W3C */} #logo_title_container #logo {display:table-cell;vertical-align:top;padding:0 0 0 10px} #logo_title_container #header-title {display:table-cell;vertical-align:middle;padding:0 10px;} #logo_title_container #header-title.biglogo {display:block;padding:10px 10px 0;} #logo_title_container #header-title a:hover {text-decoration:none;} #logo_title_container #header-title h1, #logo_title_container #header-title a {display:block;font-size:20px;margin-bottom:5px;color:#fc9d13!important;text-decoration:none;} #logo_title_container #header-title h2, #logo_title_container #header-title span.slogan {display:block;font-size:13px;color:#FFFFFF;line-height:13px;} #logo_title_container #header-title .textshadow_title{-webkit-text-shadow:1px 1px 1px #000000;text-shadow:1px 1px 1px #000000;} #logo_title_container #header-title .textshadow_desc{-webkit-text-shadow:1px 1px 1px #000000;text-shadow:1px 1px 1px #000000;} /* Header -> Toolbar */ #toolbar{width:100%;height:40px;background:url("/common/mobile/images/toolbar.png") repeat-x left top #01679c;} .backhome{height: 27px;left: 10px;position: absolute;top: 5px;width: 24px;} .backhome.transparent_link{background-color: transparent !important;} /*Nel caso della variante trasparente*/ .backhome span.deco01{background-position: 1px -350px;left: 7px;top: 5px;} .backhome a{height: 18px;right: 5px;top: 5px;width: 18px;position:absolute;} .backhome a span{display:none;} #lang_menu {width:auto;position:absolute;left:61px;top:12px;height:16px;overflow:hidden;} #lang_menu ul {width:auto;overflow:hidden;} #lang_menu ul li {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);float:left;margin-right:16px;width:auto;} #lang_menu ul li:last-child{margin-right:0;} #lang_menu ul li a {display:table-cell;vertical-align:middle;height:12px;text-align:center;width:20px;padding:2px 2px 0;} #lang_menu ul li.lang_menu_selected a img {border: 1px solid white;margin:-1px;padding:0;} .showhide_menu{height:27px;position:absolute;top:5px;right:10px;width:39px;text-align:center;} .showhide_menu.transparent_link{background-color: transparent !important;} /*Nel caso della variante trasparente*/ .showhide_menu a {font-size:13px;color:black;line-height:27px;text-transform:capitalize;} .showhide_menu span.deco01{display:none;} /* Header -> Lang Menu (NUOVO) * #lang_menu{} * #lang_menu ul{height:38px;overflow:hidden;width:auto; background:#343434;border-top:1px solid red;border-bottom:1px solid green;} * #lang_menu ul li{display:table-cell;height:38px;vertical-align:middle;width:auto;border-left:1px solid #2b2b2b;border-right:1px solid #3d3d3d;} * #lang_menu ul li:first-child, #lang_menu ul li:last-child{border:none;} * #lang_menu ul li a{height:12px;} * #lang_menu ul li a img{border:2px solid #2c2c2c;} * #lang_menu ul li.lang_menu_selected a img{border:1px solid white;padding:1px;}*/ /* Header -> Main Menu */ #main_menu ul.menuNavigazione {width:100%;overflow:hidden;} #main_menu ul.menuNavigazione > li{font-size:14px;min-height:38px;line-height:38px;text-indent:50px;position:relative;} #main_menu ul.menuNavigazione li .plus{cursor: pointer;display: block;height: 36px;position: absolute;right:0px;top: 2px;width: 50px;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {#main_menu ul.menuNavigazione li .plus{background-position-x:-50px!important;background-size: 100px 650px!important;}} #main_menu ul.menuNavigazione li .plus.up{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;} #main_menu ul.menuNavigazione li .icon{display:block;width:18px;height:18px;position:absolute;left:16px;top:10px;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {#main_menu ul.menuNavigazione li .icon{background-position-x:-50px!important;background-size: 100px 650px;}} #main_menu ul.menuNavigazione li.HomePage > .icon{background-position:0 -2px} #main_menu ul.menuNavigazione li.PaginaDinamica > .icon{background-position:0 -250px} #main_menu ul.menuNavigazione li.PaginaMaps > .icon{background-position:-1px -101px} #main_menu ul.menuNavigazione li.PaginaStatica > .icon{background-position:0 -199px} #main_menu ul.menuNavigazione li.PaginaPhotogallery > .icon{background-position:0 -150px} #main_menu ul.menuNavigazione li.PaginaContatti > .icon{background-position:0 -50px} #main_menu ul.menuNavigazione li.PaginaCatalog > .icon{background-position:0 -600px} #main_menu ul.menuNavigazione li a{text-indent:50px;text-decoration:none;display:block;height:38px;} #main_menu ul.menuNavigazione li a.selected{display:list-item;list-style: circle inside none;} #main_menu ul.menuNavigazione li a.voceattiva{margin-right:70px;} #main_menu ul.menuNavigazione ul{display:none;} #main_menu ul.menuNavigazione ul li{border:none;padding:0;} #main_menu ul.menuNavigazione ul li ul{} #main_menu ul.menuNavigazione.light_link_menu {background:#dedede;} #main_menu ul.menuNavigazione.light_link_menu > li{border-top:1px solid #ffffff;border-bottom:1px solid #b6b6b6;} #main_menu ul.menuNavigazione.light_link_menu li .plus{background: url("/common/mobile/images/customlink_light.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.light_link_menu li .icon{background-image: url("/common/mobile/images/customlink_light.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.light_link_menu li a{color:black;} #main_menu ul.menuNavigazione.light_link_menu li a.selected{} #main_menu ul.menuNavigazione.light_link_menu ul{background:#d2d2d2;} #main_menu ul.menuNavigazione.light_link_menu ul li{border-top:1px solid #b6b6b6} #main_menu ul.menuNavigazione.light_link_menu ul li ul{background:#c7c7c7;} #main_menu ul.menuNavigazione.light_link_menu ul li ul li ul{background:#bdbdbd;} #main_menu ul.menuNavigazione.dark_link_menu {background:#343434;} #main_menu ul.menuNavigazione.dark_link_menu > li{border-bottom:1px solid #202020;border-top:1px solid #444444;} #main_menu ul.menuNavigazione.dark_link_menu li .plus{background: url("/common/mobile/images/customlink_dark.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.dark_link_menu li .icon{background-image: url("/common/mobile/images/customlink_dark.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.dark_link_menu li a{color:white;} #main_menu ul.menuNavigazione.dark_link_menu li a.selected{} #main_menu ul.menuNavigazione.dark_link_menu ul{background:#252525;} #main_menu ul.menuNavigazione.dark_link_menu ul li{border-top:1px solid #202020} #main_menu ul.menuNavigazione.dark_link_menu ul li ul{background:#181818;} #main_menu ul.menuNavigazione.dark_link_menu ul li ul li ul{background:#000000;} #main_menu ul.menuNavigazione.colorblue_link_menu {background:#dedede;} #main_menu ul.menuNavigazione.colorblue_link_menu > li{border-top:1px solid #ffffff;border-bottom:1px solid #b6b6b6;} #main_menu ul.menuNavigazione.colorblue_link_menu li .plus{background: url("/common/mobile/images/customlink_blue.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.colorblue_link_menu li .icon{background-image: url("/common/mobile/images/customlink_blue.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.colorblue_link_menu li a{color:#336699;} #main_menu ul.menuNavigazione.colorblue_link_menu li a.selected{} #main_menu ul.menuNavigazione.colorblue_link_menu ul{background:#d2d2d2;} #main_menu ul.menuNavigazione.colorblue_link_menu ul li{border-top:1px solid #b6b6b6} #main_menu ul.menuNavigazione.colorblue_link_menu ul li ul{background:#c7c7c7;} #main_menu ul.menuNavigazione.colorblue_link_menu ul li ul li ul{background:#bdbdbd;} #main_menu ul.menuNavigazione.transparent_link_menu {background:#343434;} #main_menu ul.menuNavigazione.transparent_link_menu > li{border-bottom:1px solid #202020;border-top:1px solid #444444;} #main_menu ul.menuNavigazione.transparent_link_menu li .plus{background: url("/common/mobile/images/customlink_transparent.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.transparent_link_menu li .icon{background-image: url("/common/mobile/images/customlink_transparent.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.transparent_link_menu li a{color:white;} #main_menu ul.menuNavigazione.transparent_link_menu li a.selected{} #main_menu ul.menuNavigazione.transparent_link_menu ul{background:#252525;} #main_menu ul.menuNavigazione.transparent_link_menu ul li{border-top:1px solid #202020} #main_menu ul.menuNavigazione.transparent_link_menu ul li ul{background:#181818;} #main_menu ul.menuNavigazione.transparent_link_menu ul li ul li ul{background:#000000;} #main_menu ul.menuNavigazione.orange_link_menu {background:#343434;} #main_menu ul.menuNavigazione.orange_link_menu > li{border-bottom:1px solid #202020;border-top:1px solid #444444;} #main_menu ul.menuNavigazione.orange_link_menu li .plus{background: url("/common/mobile/images/customlink_orange.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.orange_link_menu li .icon{background-image: url("/common/mobile/images/customlink_orange.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.orange_link_menu li a{color:white;} #main_menu ul.menuNavigazione.orange_link_menu li a.selected{color:#FDB526} #main_menu ul.menuNavigazione.orange_link_menu ul{background:#252525;} #main_menu ul.menuNavigazione.orange_link_menu ul li{border-top:1px solid #202020} #main_menu ul.menuNavigazione.orange_link_menu ul li ul{background:#181818;} #main_menu ul.menuNavigazione.orange_link_menu ul li ul li ul{background:#000000;} #main_menu ul.menuNavigazione.apple_link_menu {background:#dedede;} #main_menu ul.menuNavigazione.apple_link_menu > li{border-top:1px solid #ffffff;border-bottom:1px solid #b6b6b6;} #main_menu ul.menuNavigazione.apple_link_menu li .plus{background: url("/common/mobile/images/customlink_apple.png") no-repeat scroll 16px -291px transparent;} #main_menu ul.menuNavigazione.apple_link_menu li .icon{background-image: url("/common/mobile/images/customlink_apple.png");background-repeat:no-repeat;} #main_menu ul.menuNavigazione.apple_link_menu li a{color:#0a5ce0;} #main_menu ul.menuNavigazione.apple_link_menu li a.selected{} #main_menu ul.menuNavigazione.apple_link_menu ul{background:#d2d2d2;} #main_menu ul.menuNavigazione.apple_link_menu ul li{border-top:1px solid #b6b6b6} #main_menu ul.menuNavigazione.apple_link_menu ul li ul{background:#c7c7c7;} #main_menu ul.menuNavigazione.apple_link_menu ul li ul li ul{background:#bdbdbd;} /* Header -> HeaderGraphic */ img#headergraphic {width:100%;display:block;} /* ContentBox -> Back */ .containerBack{float: left;margin: 0 0px 20px 10px;} .containerBack.center{float:none;text-align:center;} .back{position: relative;height: 27px;} .back span.deco01 {background-position: -1px -499px;left: 3px;top: 3px;} .back a {line-height: 28px;font-size: 15px;text-indent:19px;} .containerBack.center .back{display:inline-block;} /* ContentBox -> Page Name */ .pagename {font-family:"Francois One", arial, serif;color:black;font-size:17px;font-weight:normal;text-transform:uppercase;position:relative;margin-bottom:20px;background-color:#FFFFFF;padding:10px;border:1px solid #bababa;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;} /* ContentBox -> Generic Box's Content */ .box {position:relative;margin-bottom:20px;background-color:#FFFFFF;padding:10px;border:1px solid #bababa;width:auto;overflow:hidden;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);-webkit-border-radius:5px;border-radius:5px;} .titlebox{font-family:"Francois One", arial, serif;font-size:17px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ccc;font-weight:normal;display:block;text-transform: uppercase;color:#FF8A00} .titlebox a {display:inline-block;padding-bottom:0;/*margin-right:100px;*/border-bottom:none;color:#FF8A00;} .titlebox.short{ /* Nel caso di titoli che abbiano un pulsante sulla destra */display:inline-block;padding-bottom:0;margin-right:120px;border-bottom:none;padding-top:3px;} .titlebox.short.square{ /* Nel caso di titoli che abbiano un pulsante di tipo goto sulla destra */margin-right:40px;} .box ul, .box ol {list-style-position:inside;} .box ul {list-style-type:disc;} .box ol {list-style-type:decimal;} .box table{font-size:12px} .box table caption{background:#efefef;border:1px solid #ccc;font-weight:bold;margin-bottom:1px} .box table tr{} .box table tr th{font-weight:bold;} .box table tr th,.box table tr td{border:1px solid #ccc;padding:5px} .box .img_text{width:100%;margin:10px 0;overflow:hidden;} .box .img_text a .text, .box a img.thumb .abstract, .box .img_text .boxphoto .text, .box .img_text .boxphoto .abstract{margin:0;} .box .text, .box .abstract{margin:10px 0;line-height:19px;font-size:14px;} .box .text{overflow:auto;} .box .text p{margin-bottom:20px;color:black!important;} .box .text p:last-child{margin-bottom:0} .box img.full, .box img.thumb{border: 1px solid #CCCCCC;max-width:100%;width:100%;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /*.box img.thumb {width:35%;max-width:35%;float:left;margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;}*/ .box .img_text .boxphoto {border: 1px solid #CCCCCC;padding: 5px;position: relative;/*float: left;margin: 0 10px 10px 0;max-width: 35%;width: 35%;*/} .box .img_text .boxphoto img.thumb {border: medium none;display: block;float: none;margin: 0;max-width: none;padding: 0;width: 100%;} .box .img_text .boxphoto p {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);bottom: 5px;color: white;font-size: 14px;font-weight: bold;left: 5px;line-height: 22px;padding-left:5px;position: absolute;right: 5px;text-decoration: none;word-spacing: 5px;} .box .img_text .boxphoto p span.imgnumber {font-weight:normal;text-transform:uppercase;padding-left:5px;margin-left:5px;border-left: 1px dotted white;} .box .container_video{width:100%;margin:10px 0;overflow:hidden;} @media screen and (max-width: 320px){.box iframe.video{width:100%;height:156px;}} @media screen and (min-width: 321px){.box iframe.video{width:100%;height:246px;}} .video_desc{padding:5px 0;font-size:12px;line-height:15px;font-style:italic;text-align:center;} .box .box-attach{background: none repeat scroll 0 0 #EFEFEF;border-radius: 0 0 7px 7px;padding: 8px;text-align: center;} .box .box-attach-deco01{border:1px dashed #CCCCCC;display:inline-block;padding:5px;background:white;} .box .box-attach a{display:block;line-height:15px;text-align:left;} .box .box-attach img{float:left;margin-right:5px;} .box .box-attach span{display:block;font-size:10px;padding-left:30px;text-align:left;white-space:nowrap;} /* [HomePage] ContentBox -> BoxNewsHp */ #home_page .news {margin-bottom:20px;} #home_page .news h4.titlebox{margin-bottom:10px;} #home_page .news ul {list-style:none;} #home_page .news h5 {font-size:14px;} #home_page .news p {line-height:14px;margin:5px 0 10px;font-size: 12px;} /* [Maps Page] ContentBox -> All Elements */ #maps_page .box p{font-size: 14px;line-height: 18px;margin-top: 0;} #maps_page .box p span {color:#666666;} #maps_page .box p a.contactinfo {background: url("/common/mobile/images/msprite.png") no-repeat scroll right -1px transparent;padding: 0 20px 0 0;} #map_canvas {border:1px solid #666;height: 200px;} .gotomaps {height:41px;margin:20px auto;} .gotomaps span.deco01 {background-position:left -449px;left: 12px;top: 11px;} .gotomaps a {font-size:16px;line-height:43px;margin-left:35px;} .gotomaps.dark_link a{background: url("/common/mobile/images/customlink_dark.png") no-repeat scroll -7px -550px transparent;} .gotomaps.light_link a{background: url("/common/mobile/images/customlink_light.png") no-repeat scroll -7px -550px transparent;} .gotomaps.colorblue_link a{background: url("/common/mobile/images/customlink_blue.png") no-repeat scroll -7px -550px transparent;} .gotomaps.transparent_link a{background: url("/common/mobile/images/customlink_transparent.png") no-repeat scroll -7px -550px transparent;} .gotomaps.orange_link a{background: url("/common/mobile/images/customlink_orange.png") no-repeat scroll -7px -550px transparent;} .gotomaps.apple_link a{background: url("/common/mobile/images/customlink_apple.png") no-repeat scroll -7px -550px transparent;} /* [PhotoGallery] ContentBox -> Gallery List */ .container_elencogallery {margin-bottom:10px;position:relative;} .container_elencogallery .boxphoto {display:table-cell;vertical-align:top;} .container_elencogallery .boxphoto img {background-color:white;border:1px solid #ccc;padding:5px;width:70px;max-width:70px;} .container_elencogallery .boxphoto p {color: white;display: block;font-size: 14px;font-weight: bold;left: 6px;line-height: 20px;padding-left: 4px;position: absolute;text-decoration: none; bottom:8px; width: 66px;word-spacing: 5px;background:rgba(0, 0, 0, 0.6);} .container_elencogallery .boxphoto p span.imgnumber {font-weight:normal;text-transform:uppercase;padding-left:5px;margin-left:5px;border-left: 1px dotted white;} .container_elencogallery .infogallery {display:table-cell;vertical-align:middle;padding-left:10px;} .container_elencogallery .infogallery h2 {font-size:15px;font-weight:bold;} .container_elencogallery .infogallery h2 a {color:#336699;} .container_elencogallery .infogallery p {margin:5px 0 0;line-height:13px;} /* [PhotoGallery] ContentBox -> Photo List */ .container_elencofoto{width:100%;overflow:hidden;} .container_elencofoto a{} .container_elencofoto img{border-color: #CCCCCC;border-style: solid;border-width: 1px;display: block;float: left;margin: 0 2px 4px;padding: 4px;} .container_elencofoto.gallery--fb {width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;} .container_elencofoto.gallery--fb a {box-sizing: border-box; flex-basis: calc(25% - 4px); margin: 2px;} .container_elencofoto.gallery--fb img {display: block; width: 100%!important; box-sizing: border-box;} /* [Contact] ContentBox -> Contact Info */ .container_infocontact p {border-bottom: 1px dotted #CCCCCC;font-size: 14px;line-height: 18px;margin: 0 0 10px;padding-bottom: 10px;} .container_infocontact p:last-child{border:none;margin:none;padding:0;} .container_infocontact p span {color:#666666;} .container_infocontact p a.mapinfo {padding: 0 27px 0 0;height:18px;background:url(/common/mobile/images/msprite.png) no-repeat 48px -200px;} /* [Contact] ContentBox -> Contact Form */ #container_form p.error {background: none repeat scroll 0 0 #FFF6C7;border-radius: 5px;color: red;font-size: 12px;margin-bottom: 10px;margin-top: 0;padding: 10px;} .formline span.error {color:red;font-size:12px;font-weight:normal;} .formline .textinput.error, .textarea.error{border:1px solid red!important;} .formline {margin-bottom:15px;font-size:14px;} .formline p {margin-bottom:5px;font-weight:bold;} .formline input {margin:0;} .formline textarea{height:100px!important;} .formline input.textinput, .formline textarea {text-indent:7px;padding:0;height:30px;line-height:30px;font-size:15px;width:100%;max-width:100%;border:1px solid #999999;-webkit-box-shadow:2px 2px 3px #D9D9D9 inset;box-shadow:2px 2px 3px #D9D9D9 inset;-webkit-border-radius:5px;border-radius:5px;} .formline input.textinput.telephone,input.textinput.email, .formline input.textinput.date, .formline input.textinput.hour, .formline.captcha span.arrow {background-image: url(/common/mobile/images/msprite.png);background-repeat:no-repeat;} .formline input.textinput.telephone {background-position: 8px -144px;text-indent: 30px;} .formline input.textinput.email {background-position: 8px -193px;text-indent: 30px;} .formline input.textinput.date {float:left;width:49%;max-width:49%;background-position: 5px -293px;text-indent:22px;font-size:12px;} .formline input.textinput.hour {width:49%;max-width:49%;background-position: 5px -243px;text-indent:22px;font-size:12px;} .formline .container_checkbox {margin-bottom:5px;} .formline.captcha {overflow:hidden;width:100%;position:relative;} .formline.captcha input {display: block;float: left;font-weight: bold;height: 30px;line-height: 30px;margin-bottom: 5px;margin-right: 31px;text-align: left;text-transform: uppercase;width: 75px;} .formline.captcha img {border:1px solid #999999;-webkit-border-radius:5px;border-radius:5px;} .formline.captcha span.arrow {background-position:6px -98px;height:32px;left:76px;position:absolute;bottom:0;width:32px;} .formline.submit {text-align:center;margin-bottom:0;} .submitform {height:41px;margin:0 auto 10px;} .submitform span.deco01 {background-position:left -449px;left:12px;top:11px;} .submitform a {font-size:16px;line-height:43px;margin-left:35px;} .submitform.dark_link a{background: url("/common/mobile/images/customlink_dark.png") no-repeat scroll -7px -550px transparent;} .submitform.light_link a{background: url("/common/mobile/images/customlink_light.png") no-repeat scroll -7px -550px transparent;} .submitform.colorblue_link a{background: url("/common/mobile/images/customlink_blue.png") no-repeat scroll -7px -550px transparent;} .submitform.transparent_link a{background: url("/common/mobile/images/customlink_transparent.png") no-repeat scroll -7px -550px transparent;} .submitform.orange_link a{background: url("/common/mobile/images/customlink_orange.png") no-repeat scroll -7px -550px transparent;} .submitform.apple_link a{background: url("/common/mobile/images/customlink_apple.png") no-repeat scroll -7px -550px transparent;} /* [Dynamic] ContentBox -> All Elements */ ul.navigation{width:auto;overflow:visible;float:right;} ul.navigation.top{margin:0 10px 20px 0} ul.navigation.bottom{margin:0px 10px 0px 0} ul.navigation li{display:inline;float:left;font-size:14px;height:26px;line-height:26px;margin:0 3px 0 0;text-align:center;width:22px;} ul.navigation li.selected{font-weight:bold;text-decoration: underline;} ul.navigation li.prev_pag,ul.navigation li.next_pag{font-size: 23px;line-height: 22px;} ul.navigation li a{text-decoration:none;} .goto {height:22px;margin:0 auto;position:absolute;right:10px;top:10px;width:17px;} .goto span.deco01 {background-position: 0 -449px;left: 5px;top: 1px;} .goto a{height: 23px;width: 18px;position:absolute;z-index: 99;} .goto a span {text-indent:-999px;overflow:hidden;background-image: none !important;display: block;} .infobottom{border-top: 1px dashed #CCCCCC;float: left;margin-top: 10px;overflow:visible;padding: 15px 0 6px;width: 100%;} .date{font-size:13px;} .comments{display: inline-block;font-weight: bold;padding: 5px 15px 4px 5px;text-transform: uppercase;} .comments span.number{position:absolute;border: 2px solid white;color: white;display:block;font-size: 11px;font-weight: bold;height:6px;line-height:6px;-webkit-text-shadow:1px 1px 0px #000000;text-shadow:1px 1px 0px #000000;padding:6px;right:-10px;top:-10px;width:auto;-webkit-border-radius:11px;border-radius:11px;-webkit-box-shadow:#666666 1px 1px 2px;box-shadow:#666666 1px 1px 2px;background: #990000;background: -moz-linear-gradient(top, #df9a9a 0%, #990000 100%); /* FF3.6 */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df9a9a), color-stop(100%,#990000)); /* Chrome,Safari4 */background: -webkit-linear-gradient(top, #df9a9a 0%,#990000 100%); /* Chrome10 ,Safari5.1 */background: -o-linear-gradient(top, #df9a9a 0%,#990000 100%); /* Opera11.10 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df9a9a', endColorstr='#990000',GradientType=0 ); /* IE6-9 */background: -ms-linear-gradient(top, #df9a9a 0%,#990000 100%); /* IE10 */background: linear-gradient(top, #df9a9a 0%,#990000 100%);/* W3C */} /* [Dynamic Content Page] ContentBox -> Comments */ ul#container_comments{margin-bottom:20px;} ul#container_comments li{margin-bottom:10px;position:relative;list-style:none;} ul#container_comments li h5{padding:15px 0 30px 60px;margin-bottom:15px;font-size:15px;color:#666;font-weight:bold;text-shadow:1px 1px 0 white;-webkit-border-radius:5px;border-radius:5px;background:url("/common/mobile/images/cloud.png") no-repeat 15px 15px #f0f0f0;} ul#container_comments li span.date{color:#999;text-shadow:1px 1px 0 white;position:absolute;top:32px;left:60px;font-size:11px;} ul#container_comments li p{margin:0 0 20px 0;} /* [Catalog Page] ContentBox ->Category List */ .catalogcatList{margin: 0px 0 20px 0!important;} .catalogGlobalDesc{font-style:italic;color:#333;padding:15px;background:#f4f4f4;border:1px solid #cccccc;margin: 0 0 20px 0!important;} .catalogcatList h3{font-family:Arial;font-size:17px;margin-bottom:10px;font-weight:bold;display:block;color:#336699;} .catalogcatList h3 a{text-decoration:none;} .catalogcatList > a{display:block;border:1px solid #ccc;padding:5px;} .catalogcatList > a img {max-width:100%;float:none!important;display:block;width:100%;} /* [Catalog Page] ContentBox ->Product List */ #thumbCommerce{} #thumbCommerce li{width:50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none;position:relative;} #thumbCommerce li .border{border:1px solid #ccc;margin: 0 7px 15px;padding: 15px;} #thumbCommerce li:nth-child(odd) .border{margin-left:0} #thumbCommerce li:nth-child(even) .border{margin-right:0} #thumbCommerce li:last-child .border{margin-bottom:0} #thumbCommerce li a {display: block;} #thumbCommerce li img {width: 100%;display:block;} .infoSale{color: white;text-shadow: 0 1px rgba(0,0,0,0.2);position: absolute;top: -6px;border-radius: 40px;line-height: 39px;font-family: arial;font-size: 13px;background: #ff0000;width: 40px;height: 40px;text-align: center;box-shadow: 0 0 8px 0 rgba(0,0,0,0.44);font-weight: bold;} #thumbCommerce li:nth-child(odd) .smallStamp{left:-5px;} #thumbCommerce li:nth-child(even) .smallStamp{left:2px} #thumbCommerce .figcaption{text-align: center;padding-top: 15px;} #thumbCommerce .figcaption h3 a{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;text-decoration: none;font-weight: bold;} #thumbCommerce .figcaption p{padding-top: 10px;font-size: 11px;white-space:nowrap} /* [Catalog Page] ContentBox ->Product Detail */ #productDetail h1{padding-right:45px;} #productDetail .infoSale{left: auto;right: 5px;top: 5px;} #productDetail .prices{font-size:14px;} #productDetail .prices .price{font-size:22px;color:#336699} #productDetail .container_elencofoto{margin:15px 0 25px} #productDetail .text{margin:0 0 30px} #productDetail .variantSelect{margin-bottom:30px;} #productDetail .variantSelectTitle{font-size:16px;display:block;margin-bottom:10px} #productDetail .variants{margin:10px 0} #productDetail .variantSelect label{font-size:14px;margin-right:10px;} #disponibilitaMsg{margin-bottom:20px;font-size: 14px;} .desc_available_nolabel{display:none;} /*Semaforo non compilato*/ #disponibilitaMsg span{display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:5px;background-image:url('/common/images/catalog/semaforo.png');} .desc_available_verde span{background-position:0 0;} .desc_available_giallo span{background-position:-25px 0;} .desc_available_rosso span{background-position:-50px 0;} .recurrentDesc{font-style: italic;} .priceDeleted{text-decoration:line-through;} /* .addCars{margin-bottom:10px;text-align: center;} .showCart{margin-bottom:15px;text-align:center} .paypalCartShow {cursor: pointer;background: url("/common_solswv1/images/catalog/paypalCartShow.png") right top no-repeat transparent;border: 0;padding: 0 78px 0 0;text-align: left;margin: 0 auto;font-family: arial;font-size: 14px;line-height: 30px;height:30px;color: #336699!important;text-shadow: 0 1px white;} form.paypal{text-decoration: none;font-size: 16px;margin: 0 auto;} form.paypal input {border: 0;font-size: 16px;text-transform: uppercase;font-weight: bold;padding: 0 0 0 35px;margin: 0;line-height: 43px;height:43px;width: 100%;} form.paypal .add.disabled{font-size:13px;opacity:0.5;} form.paypal.dark_link input{background: url("/common/mobile/images/customlink_dark.png") no-repeat scroll 28px -550px transparent;} form.paypal.light_link input{background: url("/common/mobile/images/customlink_light.png") no-repeat scroll 28px -550px transparent;} form.paypal.colorblue_link input{background: url("/common/mobile/images/customlink_blue.png") no-repeat scroll 28px -550px transparent;} form.paypal.transparent_link input{background: url("/common/mobile/images/customlink_transparent.png") no-repeat scroll 28px -550px transparent;} form.paypal.orange_link input{background: url("/common/mobile/images/customlink_orange.png") no-repeat scroll 28px -550px transparent;} form.paypal.apple_link input{background: url("/common/mobile/images/customlink_apple.png") no-repeat scroll 28px -550px transparent;} form.paypal .deco01{background-position: left -449px;left: 12px;top: 11px;} form.paypal .add.disabled .deco01{opacity:0.5;} */ #infoProduct .addCars{width:100%;overflow:hidden} #infoProduct .addCars form.paypal{display: inline-block;*display:inline;*zoom:1;} #infoProduct .addCars .add{border-radius:7px;margin:0;background:url("/common_solswv1/images/catalog/big_cart.png") #f36500 no-repeat 10px 12px;padding:15px 10px 15px 40px;text-shadow: 0px 2px 0px #a74600;font-size:15px; color:white;border:0;} #infoProduct .addCars .add:active{background-color:#eb6200 !important; border-color:transparent; box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3) inset; text-shadow:none; background-position:10px -37px;} #infoProduct .addCars .add.disabled{background:url("/common_solswv1/images/catalog/big_cart_off.png") no-repeat 10px 14px;} #infoProduct .addCars .add + p{background:url("/common/images/insOkCart.png") no-repeat left 19px; font-size:15px; font-weight:bold; clear:both; padding-top:20px; padding-left:25px;} .contactUs{font-size:14px;color:black;text-decoration:none;padding-left:20px;line-height:30px;position:relative;margin-top:20px;display: inline-block;} .contactUs .icon{background-image: url(/common/mobile/images/msprite.png);background-position: 8px -193px;display:block;width:30px;height:30px;position:absolute;left:-10px;top:-1px} #infoProduct .genericIcoUrlWrap{margin:20px 0;} #infoProduct .genericIcoUrl{display:block;margin-top:5px;font-size:13px; padding: 0 0 0 22px;line-height: 20px;} #infoProduct .genericIcoUrl:first-child{margin-top:0} #infoProduct .genericIcoUrl.contactUs{background: url("/common_solswv1/images/contatti-s_info.png") no-repeat 0 0;} #infoProduct .genericIcoUrl.showCart{background: url("/common_solswv1/images/showcart.png") no-repeat 1px 1px;} /* [Iframe Page] ContentBox */ #content_box.iframeWrap{width:100%;margin:0;padding:0;background:transparent;-webkit-overflow-scrolling: touch;overflow:auto;} #iframePage{border:0;background:transparent;width: 100%;box-sizing: border-box;} /* Footer -> Telephone */ .telephone {height:41px;margin:18px auto;} .telephone span.deco01 {background-position:left -399px;left:13px;top:11px;} .telephone a {font-size:16px;line-height:43px;margin-left:35px;} .telephone.dark_link a{background: url("/common/mobile/images/customlink_dark.png") no-repeat scroll -7px -550px transparent;} .telephone.light_link a{background: url("/common/mobile/images/customlink_light.png") no-repeat scroll -7px -550px transparent;} .telephone.colorblue_link a{background: url("/common/mobile/images/customlink_blue.png") no-repeat scroll -7px -550px transparent;} .telephone.transparent_link{background-color: transparent !important;} /*Nel caso della variante trasparente*/ .telephone.transparent_link a{background: url("/common/mobile/images/customlink_transparent.png") no-repeat scroll -7px -550px transparent;} .telephone.orange_link a{background: url("/common/mobile/images/customlink_orange.png") no-repeat scroll -7px -550px transparent;} .telephone.apple_link a{background: url("/common/mobile/images/customlink_apple.png") no-repeat scroll -7px -550px transparent;} /* Footer -> Albums BlueBox */ #container_photogallery, #container_bluebox{margin:0;} #container_photogallery h4, #container_bluebox h4{text-align:center;margin-bottom:10px;font-size:18px;color:white;text-shadow:1px 1px 0px #000000;padding:10px;background-color:rgba(1,103,156,0.5);border:1px solid rgba(252,157,19,0.1);} #container_bluebox h4{margin-bottom:5px;} #container_bluebox ul{padding-bottom:0px;margin:0 5px;} #container_photogallery .bluebox_gallery{with:278px;margin:0 auto;} #container_photogallery .boxphoto{border:1px solid white;margin: 0 5px 8px;position:relative;width:80px;display:inline-block;} #container_photogallery .boxphoto img.thumb{border: medium none;display: block;float: none;margin: 0;max-width: none;padding: 0;width:80px;} #container_photogallery .boxphoto p{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);bottom: 0px;color: white;font-size: 14px;font-weight: bold;left: 0px;line-height: 22px;padding-left:0px;position: absolute;right:0px;text-decoration: none;word-spacing: 5px;} #container_photogallery .boxphoto p span.imgnumber{font-weight:normal;text-transform:uppercase;padding-left:5px;margin-left:5px;border-left: 1px dotted white;} .bluebox_link li:last-child{margin-bottom:7px;} .bluebox_link a{font-size:14px;line-height:20px;text-shadow: 1px 1px 0px #000000;color:#FFFFFF;} .bluebox_image li{margin: 0 6px 8px;display:inline-block;} .bluebox_image li img{border:1px solid white;display:block;width:100%} .bluebox_image li a img{border:1px dotted white} /* Footer -> Social */ #container_addthis {background-color:rgba(255, 255, 255, 0.2);} .addthis_toolbox {padding:9px 0;margin:0 auto;width:244px;} /* Footer -> Footer Menu */ ul#footer_menu {padding:15px 0;width:100%;overflow:hidden;text-align:center;} ul#footer_menu li {font-size:14px;margin:0 10px;display:inline;white-space:nowrap;} ul#footer_menu li a {color: white;font-style: italic;text-decoration: none;text-shadow: 1px 1px 0px #000000;} /* Footer -> Copyright */ span.copyright { background-color:rgba(255, 255, 255, 0.2); display:block;text-align:center;width:auto;margin:0;padding:13px 0;color:white;text-shadow:1px 1px 0px #000000;line-height:15px;} /* facebook */ .facebook_pagedesc{margin-bottom: 30px;} .fb_widgetWrap{margin-top: 20px;} .fb_widgetWrap .videoCaption{line-height: 15px;} .fb_page_title{font-weight: bold;} .fb_widgetInner {overflow: hidden; border-bottom: 1px solid rgba(136,136,136, 0.35); margin-bottom: 15px;} .fb_descriptionTitle, .fb_page_title{font-weight: bold;font-size: 120%;display: block;margin-bottom: 5px;} .videoCaption{font-size: 10px;font-style: italic;text-align: center;margin: 0px 0 15px;} ._6kt {position: relative; display: inline-block; float: left;} ._6ku {position: absolute; background-image: url('/common/images/fb_video.png'); background-repeat: no-repeat; background-size: auto; background-position: 0 0; height: 54px; width: 54px; left: 50%; top: 50%; margin: -27px 0 0 -27px;}