/* EXAMPLE STYLES */ body {font-family: sans-serif; color: white;} header {line-height: 15em; text-align: center; background: #333;} article {line-height: 20em; text-align: center; background: #666;} aside {line-height: 20em; text-align: center; background: #999;} footer {line-height: 15em; text-align: center; background: #BBB;} /* DEFAULT STYLE */ .font-cond-light {font-family: 'antoniolight', sans-serif;} .font-cond-bold, b {font-family: 'antoniobold', sans-serif;} .antonio-regular {font-family: 'antonioregular', sans-serif;} .font-semibold {font-family: 'open_sanssemibold', sans-serif;} .font-regular {font-family: 'open_sansregular', sans-serif;} .font-light {font-family: 'open_sanslight', sans-serif;} .font-bold {font-family: 'open_sansbold', sans-serif;} .font-open-cond-light {font-family: 'open_sanscondensed_light', sans-serif;} .font-open-cond-bold {font-family: 'open_sans_condensedbold', sans-serif;} .bebas {font-family: 'bebas_neueregular', 'Arial', sans-serif;} html, body {width: 100%; height: 100%;} .floatright {float: right; display: block;} .floatleft {float: left; display: block;} .floatnone {float: none !important; display: inline-block !important;} .clear {clear: both; display: block; width: 100%; height: 0; position: relative;} .hide {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00;} .opacity50, .categorymenu.open .selcat span, .categorymenu.open .selcat-small span, .disabled, .thumb_slider .slick-dots li:not(.slick-active), .selectuser-box.selected img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;} .opacity75, .benvenuto {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75;} .absolute {position: absolute;} .relative {position: relative;} .fixed {position: fixed;} .block {display: block;} .none {display: none;} .flex {display: flex} .zindex0 {z-index: 0} .zindex1 {z-index: 1} .zindex2 {z-index: 2} .zindex3 {z-index: 3} .margin-xxsmall {display: block; clear: both; position: relative; width: 100%; margin: 0px; height: 5px;} .margin-xsmall {display: block; clear: both; position: relative; width: 100%; margin: 0px; height: 10px;} .margin-small {display: block; clear: both; position: relative; width: 100%; margin: 0px; height: 20px;} .margin {display: block; clear: both; position: relative; width: 100%; margin: 0px; height: 40px;} .margin10 {margin: 10px;} .marginleft10 {margin-left: 10px;} .marginright10 {margin-right: 10px;} .marginbottom10 {margin-bottom: 10px;} .margintop10 {margin-top: 10px;} .marginleft5 {margin-left: 5px;} .marginright5 {margin-right: 5px;} .marginright4 {margin-right: 4px;} .marginbottom5 {margin-bottom: 5px;} .margintop5 {margin-top: 5px;} .nomargin {margin: 0 !important;} .radius {border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;} .radius-left {border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px;} .radius-right {border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;} .btn.padding10 {padding: 6px 10px;} .btn.padding20 {padding: 12px 20px;} table.width100 {display: table;} table.width100 td {vertical-align: middle; height: 100%;} .login-name {line-height: 54px !important; padding: 0 10px; float: left; text-overflow: ellipsis; white-space: nowrap; text-align: right; overflow: hidden;} .nostyle {background: none; border: 0 none; margin: 0; padding: 0;} .iconleft {padding: 0 6px; margin-left: -6px; font-size: 0.8em} .iconright {padding: 0 6px; margin-right: -6px; font-size: 0.8em} .col_nofloat {display: inline-block !important; float: none !important} img.speaker {border: 8px solid transparent; width: 156px !important; height: 156px !important; margin-top: -8px;} img.speaker:hover {border-color: #ce2b37;} .size10 {font-size: 10px;} .size11 {font-size: 11px;} .size12 {font-size: 12px; line-height: 18px;} .size13 {font-size: 13px;} .size14 {font-size: 14px; line-height: 20px;} .size16 {font-size: 16px; line-height: 22px;} .size18 {font-size: 18px; line-height: 24px;} .size20 {font-size: 20px; line-height: 26px;} .size22 {font-size: 22px; line-height: 28px;} .size2236 {font-size: 22px !important; line-height: 36px !important;} .size24 {font-size: 24px;} .size26 {font-size: 26px;} .size28 {font-size: 28px;} .size30 {font-size: 30px;} .size34 {font-size: 34px;} .size40 {font-size: 40px;} .size50 {font-size: 50px;} button {background: none; margin: 0; padding: 0; border: 0; display: inline-block;} .btn {} .disabled {cursor: default} .btn-lg {padding: 16px 26px; display: inline-block; font-weight: bold} .circle-icon {height: 40px; line-height: 40px; width: 40px; text-align: center; background: #e6e6e6; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #333333;} .circle-icon i {line-height: 40px;} .circle-icon.small {height: 20px; line-height: 20px; width: 20px;} .circle-icon.big {height: 50px; line-height: 50px; width: 50px;} .circle-icon.angle-up {line-height: 35px;} .circle-icon-dark {background: #333333; color: #fff;} .c1 {color: #bcd430 !important} /*green*/ .c2 {color: #ce2b37 !important} /*red*/ .c3 {color: #ffffff !important} /*white*/ .c4 {color: #333333 !important} /*dark*/ .c5 {color: #666666 !important} /*gray*/ .c6 {color: #aaaaaa !important} /*light*/ .c7 {color: #93a723;} .b1 {background: #bcd430} /*green*/ .b1-75 {background: rgba(188, 212, 48, .75)} /*green*/ .b1-darker {background: #a4b925 } /*green*/ .b2 {background: #ce2b37} /*red*/ .b3 {background: #ffffff} /*white*/ .b4 {background: #333333} /*dark*/ .b5 {background: #dddddd !important;} /*light*/ .b6 {background: #eeeeee;} /*ultra-light*/ .b7 {background: #dddddd;} .b8 {background: #d6d6d6;} .b9 {background: #059b9a} .b10 {background: #095169} .b11 {background: #f6f9e3} /* ultra light green*/ .gold, .c-warning {color: #ffbb00;} .green, .c-green, .c-success {color: #289f44;} .red, .c-danger {color: #d1002e;} .b-green {background: #289f44} .b-red {background: #d1002e} .b-gold {background: #ffbb00} .b-gold-darker {background: #d9a002} .b-red-darker {background: #a10022 } .btn-small {padding: 5px 8px;} .btn-medium {padding: 10px 16px;} .btn.b1.c4:hover {background: #333; color: #bcd430 !important} .btn.b6.c4:hover {background: #333; color: #e6e6e6 !important} .b4 .btn.b1.c4:hover {background: #bcd430; color: #333 !important} .padding5 {padding: 5px;} .padding10 {padding: 10px;} .padding10tb {padding: 10px 0;} .padding20 {padding: 20px;} .padding40 {padding: 40px;} .dotsep {border-bottom: 10px dashed #eeeeee; padding-bottom: 20px; margin-bottom: 20px;} .upper {text-transform: uppercase;} .heightautoimp {height: auto !important} .inlineblock {display: inline-block;} .imgbg {position: relative; z-index: 0} img {max-width: 100%;} .align-left {text-align: left} .align-right {text-align: right} .align-center {text-align: center} .italic {font-style: italic} .sep2 {width: 100%; height: 2px; background: #333333; display: block; position: relative;} .sep1 {width: 100%; height: 1px; background: #333333; display: block; position: relative;} .sep_w {background: #ffffff;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ /* padding-top: 25px; */ height: 0; } .evidenza.videoWrapper { padding-bottom: 231%; /* evidenza verticale */ } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* FOO STYLES */ body {font-family: 'open_sansregular', 'Arial', sans-serif; color: #222; background: #222;} strong {font-weight: normal; font-family: 'open_sanssemibold', 'Arial', sans-serif;} .container {max-width: 1120px; position: relative; margin: 0 auto; box-sizing: border-box} .overlay {width: 100%; height: 100%; position: fixed; z-index: 0; display: none; top: 0; left: 0; background: #fff; opacity: 0.75;} .overlay > div {display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1;} .overlay.visible, .overlay.visible-noloader {z-index: 3; display: block;} .overlay.visible > div {display: block} .container:not(.nopadding) {padding: 0 20px;} .width100 {width: 100%; position: relative; display: block; box-sizing: border-box} .pure-g.width100 {position: static} .head, .head-space {height: 54px; z-index: 4} .header-top {height: 120px; background: #fff; width: 100%;} .header-img {min-height: 360px; padding: 40px 0;} .categorymenu {z-index: 3; width: 100%;} .categorymenu div.titlecat {font-family: 'open_sanscondensed_light', 'Arial', sans-serif; font-size: 24px; line-height: 50px; display: block; float: left; padding: 0 9px 0 8px; font-weight: bold; color: #ebf2c2} .categorymenu a, .categorymenu div.selcat {color: #fff; font-family: 'open_sanscondensed_light', 'Arial', sans-serif; font-size: 24px; line-height: 50px; display: block; float: left; padding: 0 9px 0 8px; font-weight: bold;} .categorymenu div.selcat-small {color: #fff; font-family: 'open_sanscondensed_light', 'Arial', sans-serif; font-size: 24px; line-height: 36px; display: block; float: left; padding: 0 9px 0 8px;} .categorymenu a:hover, .categorymenu a.sel {background: #acc228; color: #fff !important;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;} .video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;} a.socialicon {float: left; padding: 0; width: 50px; text-align: center; display: inline-block; color: #fff; height: 50px; line-height: 50px; font-size: 20px; margin: 0 4px;} a.socialicon img {margin: 0px auto} .programme_table table td.c2 {width: 105px;} .registration_table td {padding: 4px 6px; border: 1px solid #ccc} .registration_table th {padding: 4px 6px;} .pure-g {position: relative; display: flex;} ul.list {list-style: disc; list-style-position: outside} ul.list li {margin-left: 20px; font-size: 18px; line-height: 26px;} .adv-space {height: 120px;} ul.menu-footer {} .pointer, .goto, ul.menu-footer li {cursor: pointer;} ul.menu-footer > li > ul {display: none; margin-left: 26px; font-size: 18px;} ul.menu-footer a {color: #fff;} #banner-slider, .banner_slider_slider, .banner_slider, #banner-slider .banner_slider > div > * {height: 620px;} #banner-slider .banner_slider > div {height: inherit} .tabs > div {cursor: pointer} .tabs > div:hover {background: #fcfcfc; color: #333} .tabs > div.selected {background: #fff; color: #333; padding: 20px;} .tabs > div:not(.selected) {padding: 10px 20px 20px; border-top: 10px solid #eee; background: #f6f6f6;} .tabs > div.utenti-tab {padding: 0; background: none; border: 0 none} .tabs > div.selected .clicktoshow {display: none;} .tab-target {height: 0; overflow: hidden;} .tab-target.opened {height: auto; overflow: auto;} .fold:hover .circle-icon {background: #bcd430; color: #fff;} .fold-container:not(:first-child) {border-top: 10px dashed #eeeeee;} .file-row {border-bottom: 1px solid #e6e6e6;} .file-row > div {padding: 10px;} .tikets-files .file-row > div {padding: 10px;} .tikets-files .file-row .circle-icon {background: none; padding: 0; width: auto;} .tikets-files > .padding20, .tikets-files > div > .padding10 {padding: 0;} a.carrello:hover {background: #222} body > div.width100.zindex1.b6 > div.pure-g.container.b3 {min-height: 420px;} .session-message > div > div.size14 {font-size: 12px;} .session-message > div > div {margin: 0 10px;} .utenti-tab > div {cursor: pointer; color: #fff; position: relative; min-height: 200px;} .utenti-tab > div img {} .utenti-tab > div:hover {} .utenti-tab > div:hover .size28, .utenti-tab > div:hover .size16 {display: none;} .utenti-tab > div:hover img {height: 200px !important; position: relative; /* left: 50%; margin-left: -100px; top: 50%; */ margin-top: -72px;} .utenti-tab > div:hover > div {text-shadow: none !important} .expand i {display: none;} .expand {max-height: 34px; overflow-y: hidden;} .expand.expanded {max-height: none; padding-bottom: 27px;} .ticket-row {border-bottom: 1px solid #e6e6e6; padding: 10px} .ticket-row:hover {background: #eeeeee} div[class*="priority-"] {vertical-align: text-top} .circle-icon.small.priority-0, .circle-icon.small.priority-2 {width: 16px; height: 16px; line-height: 16px;} .priority-0 {border: 2px solid #ffbb00; background: transparent;} .priority-1 {background: #ffbb00} .priority-2 {border: 2px solid #d1002e; background: transparent;} .priority-3 {background: #d1002e} .ticket-status div[class*="priority-"] {width: 14px; line-height: 14px; height: 14px;} .ticket-status .priority-0, .ticket-status .priority-2 {width: 10px !important; line-height: 10px !important; height: 10px !important;} .search-cont { margin: 8px 0 5px 5px; } /* search bar */ #search-bar {height: 54px; line-height: 54px; background: #333; /* padding: 10px; */ box-sizing: border-box; display: none; position: fixed; z-index: 5; width: 100%;} #search-bar input[name="search"] {display: block; height: 54px; background: #333; width: 100%; line-height: 30px; border: 0; margin: 0; padding: 10px; color: #fff; font-size: 16px; font-family: 'open_sansregular', 'Arial', sans-serif; font-weight: 400; box-sizing: border-box;} #search-bar .search-close {right: 0; top: 0; height: 54px; width: 54px; text-align: center; z-index: 99} #search-bar .search-close img {height: 20px; padding: 15px;} .easy-autocomplete-container ul li b {font-family: 'open_sansbold', 'Arial', sans-serif;} h1.page-title {font-size: 28px; text-transform: uppercase; font-family: 'antoniobold', 'Arial', sans-serif;} h1.page-title span {display: block; margin-left: 32px; border-bottom: 1px solid #222;} .video-cont img {display: block; width: 100%;} .video-desc {color: #222; background: #eeeeee; padding: 10px; font-size: 14px; font-family: 'open_sanslight', 'Arial', sans-serif; line-height: 16px;} .video-title {font-size: 20px; text-transform: uppercase; font-family: 'antoniobold', 'Arial', sans-serif; margin-bottom: 4px; line-height: 22px;} .spec-title {font-size: 20px; text-transform: uppercase; font-family: 'antoniobold', 'Arial', sans-serif; line-height: 22px;} /* .easy-autocomplete-container .eac-item {font-family: 'antonioregular', sans-serif;} .eac-category {font-size: 18px;} .easy-autocomplete-container {left: auto; right: -33px; width: 250px} */ .easy-autocomplete .eac-item td {vertical-align: middle;} .easy-autocomplete .eac-item a {line-height: 18px;} .easy-autocomplete .eac-item a span {font-size: 85%; color: #999;} #player-table td.player-side div {max-width: 100%;} #player-table td.player-side div img {width: 100%;} /* newsticker */ #ticker_container {width:auto; width: 100%; height:100%; text-align:center; font-size:12px; color:#020000;} .newsticker_wrapper {font-size:14px; font-weight:lighter; color: #fff; line-height: 16px; height: 16px; padding: 0; -webkit-text-size-adjust: none;} .newsticker {margin: 0; padding: 0;} .newsticker li i {font-style: italic;} .newsticker li {padding: 0 15px;} .newsticker_scroller {width: 100% !important;} .drop-down {display: block; position: relative; text-align: right;} .sort-by, .drop-down {cursor: pointer; position: relative} .sort-by:hover {background: #fff; color: #333} .sort-by-list, .drop-down-list {position: absolute; display: none; top: 40px; right: 0; background: inherit; color: inherit; z-index: 1} .drop-down-list {top: inherit; text-align: left; width: 100%; margin: 0 !important; border: 1px solid #ddd} .drop-down.open .drop-down-list {display: block} .sort-by-list a, .drop-down-list > div {padding: 10px; text-align: right; display: block; font-size: 14px; line-height: 30px; cursor: pointer; white-space: nowrap; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; background: inherit; color: inherit; margin: 0 !important} .drop-down-list a {text-align: left; background: inherit} .sort-by-list a:hover, .drop-down-list > div:hover {opacity: 1; background: #eee} .slider-search .easy-autocomplete-container ul li {padding: 0;} .slider-search .easy-autocomplete-container ul li > a, .slider-search .easy-autocomplete-container ul li > div {line-height: 20px; padding: 19px 12px;} .slider-search .easy-autocomplete-container ul {border: 1px solid #ddd; background: #fff;} /* SLICK */ .thumb_slider .slick-dots {display: none !important; box-sizing: border-box; padding: 4px;} .thumb_slider_box:hover .slick-dots {display: block !important;} .thumb_slider .slick-dots li {width: 25%; height: 4px; background: #fff; display: block; float: left; margin: 0;} .thumb_slider_1 .slick-dots li {width: 100%} .thumb_slider_2 .slick-dots li {width: 50%} .thumb_slider_3 .slick-dots li {width: 33.333%} .thumb_slider .slick-dots li.slick-active {background: #bcd430} .thumb_slider img.hide {height: 1px;} .slick-dots li button:before {content: '';} .slick-dots li button {width: 100%; height: 4px; padding: 0} .slide-img {height: 580px; background-position: center center; background-repeat: no-repeat; background-size: cover;} .slider-search {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);} #slide-search-q {border: 0; background: transparent; width: 100%; display: block; font-size: 18px; line-height: 30px; height: 30px; font-family: 'open_sanslight', 'Arial', sans-serif;} .video_slideshow {width: 100%;} /* NAV */ #nav {font-family: 'antoniobold', 'Arial', sans-serif;} #nav > a {display: none;} #nav li {position: relative;} #nav .nav-mm {font-size: 35px; line-height: 50px;} /* first level */ #nav > ul {height: 54px;} #nav > ul > li {height: auto; float: left;} #nav > ul > li.floatright {float: right;} #nav > ul > li > a {padding: 0 8px; line-height: 54px; color: #fff; font-size: 22px; text-transform: uppercase;} #nav > ul > li > a:not([class*="pure-u"]) {display: block;} #nav > ul > li:hover > a {background: #222; color: #fff;} #nav > ul > li:hover > a.c1 {background: #bcd430; color: #333 !important;} #nav > ul > li > a.sel {background: #222; color: #fff} #nav > ul > li > a > i {font-size: 13px; font-weight: normal; display: inline-block; line-height: 54px; vertical-align: top;} /* second level */ #nav li ul {display: none; position: absolute; top: 100%; min-width: 200px; text-transform: uppercase} #nav li:hover ul {display: block; z-index: 1} #nav li ul li a {padding: 0 16px; line-height: 44px; color: #ffffff; font-size: 18px; height: 44px; background: #333333; display: block; border-bottom: 1px solid #1a1a1a;} #nav li ul li a:hover {background: #1a1a1a} #nav > ul > li:last-child > ul {right: 0} #nav > ul > li:first-child > ul {right: auto; left: 0;} .show_mobile {display: none !important;} .container-menu-fixed {position: fixed; width: 100%; z-index: 2; top: 0;} .menu-space {height: 120px; width: 100%; display: block; opacity: 0; display: none;} .menu-space-fixed {display: block;} /* ALTERNATIVE NAV */ .altnav > a {display: none;} .altnav li {position: relative;} .altnav .altnav-mm {font-size: 35px; line-height: 50px;} /* first level */ .altnav > ul {height: 54px;} .altnav > ul > li {height: auto; float: left;} .altnav > ul > li.floatright {float: right;} .altnav > ul > li > a {padding: 0 8px; line-height: 54px; color: #fff; font-size: 22px; text-transform: uppercase;} .altnav > ul > li > a:not([class*="pure-u"]) {display: block;} .altnav > ul > li > a .btn {line-height: 34px; padding: 0 10px; margin: 10px 0; display: block} .altnav > ul > li:hover > a:not(.contbtn) {background: #222; color: #fff;} .altnav > ul > li:hover > a.c1 {background: #bcd430; color: #333 !important;} .altnav > ul > li > a.sel {background: #222; color: #fff} .altnav > ul > li > a > i {font-size: 13px; font-weight: normal; display: inline-block; line-height: 54px; vertical-align: top;} /* second level */ .altnav li ul {display: none; position: absolute; top: 100%; min-width: 200px; text-transform: uppercase} .altnav li:hover ul {display: block; z-index: 1} .altnav li ul li a {padding: 0 16px; line-height: 44px; color: #ffffff; font-size: 18px; height: 44px; background: #333333; display: block; border-bottom: 1px solid #1a1a1a;} .altnav li ul li a:hover {background: #1a1a1a} .altnav > ul > li:last-child > ul {right: 0} .altnav > ul > li:first-child > ul {right: auto; left: 0;} .altnav ul.right {right: 0} /**/ .sidebutton {width: 100%; background: #bcd430; color: #fff; font-family: 'antoniobold', 'Arial', sans-serif; display: block; text-align: center; line-height: 80px; font-size: 26px; margin-bottom: 4px; position: relative} .sidebutton i {position: absolute; left: 20px; top: 50%; margin-top: -13px; width: 30px; text-align: center} .sidenewsletter {width: 100%; background: #bcd430; color: #fff; font-family: 'antoniobold', 'Arial', sans-serif; display: block; text-align: center; line-height: 80px; font-size: 26px; margin-bottom: 4px; position: relative} .sidenewsletter i {position: absolute; left: 20px; top: 7%; margin-top: -12px; width: 30px; text-align: center} /* PAGINATOR */ .paginator a:not(.slider-last), .paginator span:not(.slider-last) {display: block; float: left; font-size: 16px; line-height: 40px; height: 40px; color: #222; background: #eeeeee; border-radius: 50%; width: 40px; text-align: center; margin: 0 2px} .paginator {font-family: 'antoniobold', 'Arial', sans-serif;} .paginator a:hover {background: #222; color: #f6f6f6;} .paginator .as-active, .paginator a.current {background: #bcd430 !important; color: #f6f6f6 !important;} .paginator span.inactive {color: #999} /* MAPPA */ #mappa .infow {line-height: 20px; padding: 8px 0 4px} #mappa .infow b {font-size: 24px; text-transform: uppercase; display: block; line-height: 24px;} #mappa img {max-width: none;} /* NEWS HOME */ .news-box {position: relative; display: block; background: #e6e6e6; border-bottom: 4px solid #fff} .news-box:last-child {border-bottom: 0} .news-box img {max-width: 100%; width: 100%; display: block;} .news-box-desc {} .news-box-desc.small div {height: 75px; max-height: 75px; overflow: hidden; text-overflow: ellipsis} .in-evidenza {position: absolute; right: 0;} .in-evidenza .news-box-desc {position: relative; padding: 10px 10px 8px 10px; top: auto; left: auto; right: auto; bottom: auto;} .news-box-desc h1, .news-box-desc h3 {color: #333; font-size: 36px; text-transform: uppercase; font-family: 'antoniobold', 'Arial', sans-serif; line-height: 40px; font-weight: normal; margin-bottom: 2px;} .in-evidenza .news-box-desc h1, .news-box-desc h3 {font-size: 20px; line-height: 22px;} .news-box-desc h2, .news-box-desc h4 {color: #333333; font-size: 20px; font-family: 'open_sanslight', 'Arial', sans-serif; line-height: 24px; font-weight: normal;} .in-evidenza .news-box-desc h2, .in-evidenza .news-box-desc h4 {font-size: 14px;} .news-box-desc h3 {color: #333333; font-size: 20px; text-transform: uppercase; font-family: 'antonioregular', 'Arial', sans-serif; line-height: 20px; margin-bottom: 4px; font-weight: normal;} .news-box-last-parent { border-right: 4px solid #fff; box-sizing: border-box;} .news-box.last .news-box-desc {background: #bcd430; color: #fff; min-height: 151px} .news-box.last .news-box-desc h1, .news-box.last .news-box-desc h3 {color: #fff; /* min-height: 80px; */} /* .news-box.last .news-box-desc h2, .news-box-desc h4 {color: #fff;} */ .socialbar div.padding10 {margin-right: 4px; width: 18px; text-align: center} .last-news-cont {} .last-news-data {font-size: 14px; margin-bottom: 4px; font-family: 'open_sanslight', 'Arial', sans-serif;} .last-news-title {font-size: 33px; font-family: 'bebas_neueregular', 'Arial', sans-serif; text-transform: uppercase; line-height: 28px; margin-bottom: 2px; color: #bcd430} .last-news-desc {font-size: 14px; font-family: 'open_sansregular', sans-serif; margin-bottom: 10px; line-height: 20px;} .last-news-text {font-size: 12px; font-family: 'open_sansregular', 'Arial', sans-serif; color: #666; line-height: 18px;} .news-det h1 {color: #bcd430; font-size: 40px; text-transform: uppercase; font-family: 'antoniobold', 'Arial', sans-serif; line-height: 42px; font-weight: normal;} .news-det h2 {color: #333333; font-size: 24px; font-family: 'open_sanslight', 'Arial', sans-serif; line-height: 28px; font-weight: normal;} .news-det h3 {color: #333333; font-size: 20px; text-transform: uppercase; font-family: 'antonioregular', 'Arial', sans-serif; line-height: 20px; margin-bottom: 4px; font-weight: normal;} .news-det .size14 {line-height: 22px;} .specialista-desc {font-size: 34px; line-height: 30px; font-family: 'bebas_neueregular', 'Arial', sans-serif; margin: 4px; color: #222;} .categorymenu div.selcat {display: none} .categorymenu div.selcat-small {display: none} .banner_728 {display: block; width: 720px; height: 90px; margin: 15px 0; margin-right: 20px;} .banner_468 {display: none; width: 468px; height: 60px; margin: 30px 0; margin-right: 20px;} /* loader */ .loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(51, 51, 51, 0.2); border-right: 1.1em solid rgba(51, 51, 51, 0.2); border-bottom: 1.1em solid rgba(51, 51, 51, 0.2); border-left: 1.1em solid #333; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .loader, .loader:after { border-radius: 50%; width: 6em; height: 6em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and ( max-width: 1180px ) { .login-name {max-width: 150px;} } @media only screen and ( max-width: 1080px ) { .login-name {max-width: 120px;} #nav > ul > li > a {font-size: 18px;} } @media only screen and ( max-width: 900px ) { .slide-img {height: 400px;} .login-name {max-width: 100px;} #nav > ul > li > a {font-size: 14px !important;} } @media only screen and ( max-width: 48em ) { .size24 {font-size: 20px; line-height: 20px !important;} .size16 {font-size: 14px; line-height: 18px;} .categorymenu a, .categorymenu div.selcat, .categorymenu div.titlecat {font-size: 21px;} .categorymenu div.selcat-small {font-size: 22px;} .banner_728 {display: none;} .banner_468 {display: block;} .slide-img {height: 250px;} .search-cont {margin: 8px 0px} .container:not(.nopadding) {padding: 0 20px;} #nav {position: static; padding: 0 10px;} #nav > a {line-height: 54px; color: #ffffff; font-size: 28px; height: 54px;} #nav > a > i {line-height: 54px;} #nav:not( .target ) > a:first-of-type, #nav.target > a:last-of-type {display: inline-block;} /* first level */ #nav > ul {height: auto; display: none; position: absolute; left: 0; right: 0; top: 54px;} #nav.target > ul {display: block; z-index: 1} #nav > ul > li {width: 100%; float: none; background: #333; border-bottom: 1px solid #222;} #nav > ul > li:last-child {border-bottom: 1px solid #1a1a1a;} /* second level */ #nav li ul {position: static;} #nav li ul li a {padding: 0 16px; line-height: 54px; color: #fff; font-size: 16px; height: 54px; background: #333333; display: block; border-bottom: 1px solid #1a1a1a} #nav a.socialicon {float: left; width: 100%;} .home, .height100, .home-section {height: auto !important} .tabs .size30 {font-size: 24px;} .tabs .clicktoshow {font-size: 10px; line-height: 12px; padding-top: 5px;} .tabs > div:not(.selected) {padding: 5px 10px 10px;} .tabs > div.selected {padding: 10px;} #banner-slider, .banner_slider_slider, .banner_slider, #banner-slider .banner_slider > div > * {height: 350px;} } .mm-icon {padding-left: 2px; width: 14px; text-align: center; height: 16px; line-height: 16px; display: block; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 12px; margin-right: 2px; font-weight: bold;} .mm-icon.big {padding-left: 3px; width: 23px; height: 26px; line-height: 26px; font-size: 22px; font-weight: normal;} @media only screen and ( min-width: 767px ) and ( max-width: 959px ){ #nav ul li a {line-height: 54px; color: #ffffff; font-size: 16px; height: 54px; padding: 0 6px;} .head div.floatleft.c3.size14.upper {padding: 0 !important} .categorymenu a, .categorymenu div.selcat, .categorymenu div.titlecat {font-size: 21px;} .categorymenu div.selcat-small {font-size: 22px;} .news-box-desc.small h1, .news-box-desc.small h3 {font-size: 25px; line-height: 26px; margin-bottom: 2px;} .news-box-desc.small h2, .news-box-desc.small h4 {font-size: 16px; line-height: 20px;} } @media only screen and ( min-width: 481px ) and ( max-width: 767px ){ h1.page-title, h3.page-title {font-size: 36px;} } @media only screen and ( max-width: 767px ){ .categorymenu a, .categorymenu div.selcat, .categorymenu div.selcat-small, .categorymenu div.titlecat {font-size: 21px;} .categorymenu div.selcat-small {font-size: 22px;} .news-box-last-parent { border: none; } .news-box.last {border-right: 0} .news-box.last .news-box-desc h1, .news-box.last .news-box-desc h3 {font-size: 24px; line-height: 28px;} .slick-track .news-box-desc {max-height: 150px; overflow: hidden;} /*.padding10 {padding: 5px;}*/ .padding20 {padding: 10px;} .padding40 {padding: 20px;} .hide_mobile {display: none !important;} .show_mobile {display: block !important;} .span_m .news-box-desc {position: relative; left: 0; bottom: 0; right: 0;} .video-title {font-size: 26px; line-height: 26px;} .container:not(.nopadding) {padding: 0 10px;} .margin-small {height: 10px;} .news-box-desc.small {position: relative; left: 0; right: 0; top: 0; } .socialbar div.padding10{font-size: 22px; padding: 10px; width: 30px;} li a.search-show {display: none;} .mobile-search-show {display: block; float: left; line-height: 55px; color: #fff;} } @media only screen and ( min-width: 600px ) and ( max-width: 767px ){ .categorymenu a, .categorymenu div.selcat, .categorymenu div.selcat-small, .categorymenu div.titlecat {font-size: 16px;} } @media only screen and ( max-width: 599px ){ .marginright4 {margin-right: 0px;} .selcat {display: block;} .selcat-small {display: block;} .categorymenu a, .categorymenu div.selcat, .categorymenu div.selcat-small {display: block; float: none;} .categorymenu div.titlecat {display: none;} .categorymenu.small {height: 36px; overflow: hidden;} .categorymenu {height: 50px; overflow: hidden;} .categorymenu.open {height: auto; overflow: auto;} a.socialicon {float: right; width: 100%;} } @media only screen and ( max-width: 480px ) { .marginright4 {margin-right: 0px;} .news-box-desc.small h1, .news-box-desc.small h3 {font-size: 25px; line-height: 26px; margin-bottom: 2px;} .news-box-desc.small h2, .news-box-desc.small h4 {font-size: 16px; line-height: 20px;} .video-title {font-size: 20px;} .margin {height: 20px;} .margin-small {height: 10px;} .in-evidenza {position: relative; margin-bottom: 20px;} } /*FORM*/ button#submit-search {background: transparent url(/images/search-ico.png) 0 0 no-repeat; width: 19px; height: 18px; position: absolute; right: 12px; top:12px; display: block;} button#login {color: #ffffff; background: #a02445; font-size: 12px; padding: 6px 8px;} .inp {border: 0; padding: 10px 0; font-size: 12px; line-height: 18px; color: #333333; width: 100%; background: transparent; position: relative; z-index: 1} .inp[type="checkbox"], .inp[type="radio"] {width: auto} select.inp {height: 38px;} .inpwrap, select.inp {background: #f6f6f6; border: 1px solid #e6e6e6; padding: 0 8px; position: relative;} .inpwrap, .inpwrapsel {margin-right: 10px; position: relative;} .inpcnt span {font-size: 12px; font-family: 'open_sansregular', 'Arial', sans-serif;} .inpcnt span.error, form span.error {position: absolute; right: 10px; color: #d1002e; font-size: 12px; line-height: 14px; padding: 10px 0; z-index: 1; top: 0;} .inpwrapsel span.error {margin-right: 10px;} .inpcnt {position: relative; display: inline-block; margin-bottom: 10px;} .inpcnt.pure-u-md-24 .inpwrapsel {margin-right: 0} .inpcnt label {display: block; margin-bottom: 4px; font-size: 12px; font-family: 'open_sansregular', 'Arial', sans-serif; color: #666; text-transform: uppercase} .inp.focus {border-color: #ccc; background: #fff} #areariservata .inp, #searchform .inp {width: 216px;} /* .inpbig {width: 434px;} */ textarea.inp:focus {border-color: #ccc;} textarea.inp {width: 100%; font-size: 12px; resize: none; padding: 10px 0; height: 100px;} .inpwrap.error, .inpwrapsel.error select {border-color: #a02445} .inp.error:focus {border-color: #a02445} #areariservata div.error {right: 8px; top:11px;} .inp.checkbox {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00; cursor: pointer; width: 15px; height: 15px;} .check.inputradio {background: url(/images/radio.png) center center no-repeat transparent; display: block; } .check-h.inputradio {background: url(/images/radio-h.png) center center no-repeat transparent !important;} .check-error.inputradio {background: url(/images/radio-error.png) center center no-repeat transparent !important;} .check {background: url(/images/check.png) center center no-repeat transparent; display: block; } .check-h {background: url(/images/check-h.png) center center no-repeat transparent !important;} .check-error {background: url(/images/check-error.png) center center no-repeat transparent !important;} .check-box {position: relative;} .check-box table td {vertical-align: top} .check-box label {margin-bottom: 0; float: left; margin-left: 0px; line-height: 18px; cursor: pointer; /* padding-top: 20px; */} .check-box label .size12 {line-height: 18px; font-size: 12px;} .check-box table, .check-box label {width: 100%;} .check-box label img {margin-left: 20px; margin-top: -20px;} #choose-subscription .asterisk {display: none} .check-box table td:first-child {width: 1px;} /* .check-box label div.chk {width: 28px; height: 28px; float: left; border: 1px solid #cccccc; background: #fff; line-height: 30px; text-align: center; margin-right: 10px;} */ /* .check-box.radio label div.chk.checked {background: url(/images/o.png) center center no-repeat; background-size: 20px;} */ .check-box label div.chk {float: left; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; background: none; border: 0 none;} .check-box label div.chk:before {content: "\f096";} .check-box label div.chk.checked:before {content: "\f14a"; background: none;} .check-box label div.chk.checked {font-size: 18px;} .check-box.radio label div.chk:before {content: "\f1db";} .check-box.radio label div.chk.checked:before {content: "\f058"; background: none;} .check-box.radio label div.chk.checked {font-size: 20px;} /* .check-box.error label div.chk, .inpwrap.error, select.inp.error {border-color: #d1002e} */ .check-box.error label div.chk, .inpwrap.error, select.inp.error {color: #d1002e} /* .check-box label div.chk.checked {background: url(/images/x.png) center center no-repeat; background-size: 20px;} */ /**/.check-box .inp {float: none; width: 20px; height: 20px; margin: 0; box-sizing: border-box; position: absolute; left: 0; top: 0;} button.c1:hover, .pointer.c1:hover {color: #111111} .inpselect select {background: transparent; width: 298px; padding: 12px 10px; font-size: 12px; line-height: 14px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 38px; -webkit-appearance: none; cursor: pointer; color: #666} .inpselect {overflow: hidden; background: #fafafa; border: 1px solid #e6e6e6; color: #333333} .blog-images div:not(:last-child) {margin-right: 40px;} .gray {color: #666;} .selectuser label {cursor: pointer; box-sizing: border-box;} .selectuser-box.selected {background: #bcd4.check-box label div.chk.checked; color: #fff;} .selectuser-box.selected i {display: block; z-index: 99} .selectuser-box:hover, .selectuser-box.selected {background: #73abe8;} .selectuser-box:hover *, .selectuser-box.selected * {color: #fff} .selectuser-box:first-of-type:hover, .selectuser-box.selected:first-of-type {background: #ff83af} .selectuser-box:last-of-type:hover, .selectuser-box.selected:last-of-type {background: #448533} .error-msg {background: #F2777A; border: 1px solid #d1002e; position: relative; color: #fff; line-height: 30px; padding: 0 10px; display: block; font-family: 'open_sanssemibold', 'Arial', sans-serif; font-size: 13px;} /* CATEGORIE */ .medicine {background: #EDE1D1; color: #655752 !important;} h1.medicine {background: none;} .tag.medicine {background: #655752; color: #EDE1D1 !important;} .dental {background: #E3F1E4; color: #00A5B6 !important;} h1.dental {background: none;} .tag.dental {background: #00A5B6; color: #E3F1E4 !important;} .surgery {background: #FBD0E3; color: #AC2F69 !important;} h1.surgery {background: none;} .tag.surgery {background: #AC2F69; color: #FBD0E3 !important;} .laser {background: #C5CCE8; color: #5F59A7 !important;} h1.laser {background: none;} .tag.laser {background: #5F59A7; color: #C5CCE8 !important;} .category h3 {color: #333333; font-size: 20px; text-transform: uppercase; font-family: 'antonioregular', 'Arial', sans-serif; line-height: 30px; margin-bottom: 4px; font-weight: normal;} .tag {display: block; float: left; background: #bcd430; color: #FFFFFF; padding: 3px 8px; margin: 0 4px 4px 0;} .tag.tag-big {padding: 4px 10px; margin: 0 6px 6px 0;} .news-box-desc.small h1, .news-box-desc.small h3 { font-size: 20px; line-height: 25px; } .news-box-desc.small h2, .news-box-desc.small h4 { font-size: 15px; } .alternate_table {width: 100%;} .alternate_table tr {border: 1px solid #e6e6e6; border-width: 1px 0;} .alternate_table tr:last-child {border-bottom: 0;} .alternate_table tr:first-child {border-top: 0;} .alternate_table td {padding: 8px 10px 8px 0; white-space: nowrap; width: 100%; background: #fff; vertical-align: middle; line-height: 28px;} .alternate_table tr:nth-child(odd) td {background: #f6f6f6;} .alternate_table tr td.minwidth {width: auto; min-width: 1px;} .alternate_table tr td:first-child {padding-left: 10px;} .folderlink:hover {color: #727c89} td.vtop {vertical-align: top} table.listino-prezzi {font-size: 14px; color: #666; line-height: 18px;} table.listino-prezzi td {padding: 5px 20px;} table.listino-prezzi .size12 td {line-height: 16px; border-bottom: 1px solid #ddd; padding: 10px 20px;} table.listino-prezzi tr.font-bold td {padding: 20px;} table.listino-prezzi td:first-of-type {font-family: 'open_sansbold', sans-serif;} table.listino-prezzi tr:last-of-type td {border: 0} .folder {overflow: hidden; max-height: 0; transition: max-height 0.15s ease-out;} .folder.open {max-height 0.25s ease-in; max-height: 100%; display: none} /* MESSAGGI */ table.messages-list {width: 100%;} .message-row {cursor: pointer} .message-row:first-child td {border-top: 1px solid #eee;} .message-row td {border-bottom: 1px solid #eee; padding: 12px 5px; clear: both; line-height: 18px; white-space: nowrap; width: 1px;} .message-row td:nth-child(2) {width: 100%;} .message-row:hover td {background: #eee;} .message-status {text-align: center;} .message-row .message-date {width: 100px; color: #aaa;} #message-cont .gold, .message-row .gold {color: #ffbb00} #message-cont .green, .message-row .green {color: #007e1e} #message-cont .red, .message-row .red {color: #d1002e} .center { text-align: center; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;} .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened { z-index: 8030;} .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner { position: relative;} .fancybox-inner { overflow: hidden;} .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;} .fancybox-error { color: #444; font: 14px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;} .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;} .fancybox-image { max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox/fancybox_sprite.png');} #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;} #fancybox-loading div { width: 44px; height: 44px; background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;} .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;} .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev { left: 0;} .fancybox-next { right: 0;} .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;} .fancybox-prev span { left: 10px; background-position: 0 -36px;} .fancybox-next span { right: 10px; background-position: 0 -72px;} .fancybox-nav:hover span { visibility: visible;} .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;} /* Overlay helper */ .fancybox-lock {overflow: hidden !important; width: auto;} .fancybox-lock body { overflow: hidden !important;} .fancybox-lock-test { overflow-y: hidden !important;} .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/fancybox/fancybox_overlay.png');} .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;} .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;} /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title { visibility: visible;} .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;} .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;} .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap { padding-top: 10px;} .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);} /*Retina graphics!*/ @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-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/images/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }} .categoryicon {width: auto!important;background: #222;border-radius: 50%;padding: 3px;} /* Infromation boxes - SUCCES BOX ----------------------------------------------------------------------------- */ .success-box{ box-sizing: border-box; background: #5FB37B; color: #fff; width: 100%; float: left; margin-bottom: 10px; position: relative; } /* Infromation boxes - ERROR BOX ----------------------------------------------------------------------------- */ .error-box{ background: #F2777A; box-sizing: border-box; color: #fff; width: 100%; float: left; margin-bottom: 10px; position: relative; } .attachment {padding: 5px 10px;background: #f6f6f6;border: 1px solid #e6e6e6;color: #333;line-height: 18px;display: inline-block;} .attachment.white {background: #fff;} .caticon {background: #333;border-radius: 50%;width: 12px;height: 12px !important;line-height: 12px;text-align: center;padding: 4px;margin-right: 5px; text-align: center;} .caticon img {max-width: none; height: 10px; display: block; padding: 1px 0; margin: 0 auto; width: auto !important} .caticon.big {width: 24px; height: 24px !important; line-height: 24px; padding: 6px; background: #93ad00} .caticon.big img {height: 22px;} .image {margin-right: 7px;} .magazines { margin-bottom: 10px; } .magazine-description strong { font-weight: bold; } .magazine-description em { font-style: italic; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel { position: relative; overflow: hidden; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a