@import url("../extra/bxslider/jquery.bxslider.css"); /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 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; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* variables */ @font-family:Georgia, serif; @font-family-default:Arial, Helvetica, sans-serif; @color-background-main:#FFFFFF; @color-background-input:#FFFFFF; @color-background-dark:#484848; @color-background-light: #f6efe3; @color-background-opacity:#171717; @color-background-footer:#5a5a5a; @color-background-hp-box:#eaeaea; @color-background-box:#eaeaea; @color-background-submenu:#eeeeee; @color-background-white:#FFFFFF; @color-background-tabs:#f1f1f1; @color-background-focus:#cc9966; @color-background-slider-img:#f8f5f1; @color-background-table:#f8f5f1; @color-background-data:#f8f5f1; @color-background-download:#f8f5f1; @color-background-td:#eaeaea; @color-background-th:#FFFFFF; @color-background-tr:#f6efe3; @color-background-pagination:#eaeaea; @color-background-list-box:#f5ebe0; @color-background-error404:#fbf9f4; @color-background-disabled:#fefdfd; @color-font:#4b4b4b; @color-font-focus:#cc9966; @color-font-claim:#FFF; @color-font-title-hp:#FFF; @color-font-menu:#FFF; @color-font-menu-active:#cc9966; @color-font-footer:#FFF; @color-font-gray-light:#707173; @color-font-title-gray-light:#707173; @color-font-submenu:#707173; @color-font-tbl:#4d493f; @color-font-change:#358c31; @color-font-frm-btn:#FFF; @color-font-table:#707173; @color-font-active:#FFFFFF; @color-font-white:#FFFFFF; @color-font-disabled:#d4d5d7; @color-link:#4b4b4b; @color-link-focus:#cc9966; @size-font:1em; @line-height:1.4em; @border-color-focus:#cc9966; @border-color-gray:#656565; @border-color-gray-light:#a9aaab; @border-color-footer:#7b7b7b; @border-color-submenu:#cc9966; @border-color-tbl:#cbcac5; @border-color-title:#cbcac5; @border-color-box:#707173; @border-color-tab:#FFFFFF; @border-color-table:#707173; @size-padding: 10px; @width-desktop: 1170px; @width-viewport: 100%; @font-family-claim:Times, "Times New Roman", serif; /* mixins*/ .font-italic { display:block; color:@color-font-gray-light; font-size:(@size-font)/1.1; font-family:@font-family; font-style:italic; line-height:@line-height; } .link-italic-focus { display:block; color:@color-link-focus; font-family:@font-family; font-size:(@size-font); font-style:italic; } .title-page { background: url(../img/back-title.png) right 35px repeat-x; padding:(@size-padding)*2 0; width:98.5%; clear:both; float:left; margin:0; h1 { background-color:@color-background-main; font-size:(@size-font)*1.6; display:block; padding:0 (@size-padding)*2 0 @size-padding; color:@color-font-focus; float:left; } } .upp { color:@color-font-focus; text-transform:uppercase; font-family:@font-family; font-size:(@size-font)*2; padding:0 (@size-padding)/4 0 0; } .width-viewport-tablet { float:left; width:97%; margin:0 0 (@size-padding)*2 1.5%; } .width-viewport-mobile { float:left; width:94%; margin:0 0 (@size-padding)*2 3%; } /* common */ html { height:100% } body { height:100%; font-family:@font-family-default; font-size:@size-font; color:@color-font; -webkit-text-size-adjust:none; :focus { outline:none } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family:@font-family; padding:(@size-padding)+5 0; font-size:(@size-font)*1.2; } a { color:@color-link; text-decoration:none; } b, strong { font-weight:bold } img { display:block; max-width:100% } .align-center { display: block; padding:0 (@size-padding)*5; } .align-right { text-align:right; } p { clear:both; } .txt { p { padding:0 0 (@size-padding)*2 0; font-size:(@size-font)/1.1; line-height:(@line-height)*1.1; } } .txt.center { p { text-align:center; } } p.img img { width:100%; } .btn { text-align:center; a { background-color:transparent; border:2px solid @border-color-focus; text-align:center; display:inline-block; padding:(@size-padding)-2 (@size-padding)*2 !important; color:@color-link-focus; font-family:@font-family; font-size:(@size-font)/1.2 !important; margin:auto; font-style:italic; } .icon-download { float:left; text-align:left; padding:(@size-padding)/2 (@size-padding)*4 (@size-padding)/2 (@size-padding)*2 !important; font-size:(@size-font)/1.1 !important; background: url(../img/back-icon-download.png) right 2px no-repeat; margin:@size-padding 0 (@size-padding)*2 0; } } .btn.light { a { background-color:transparent; } } .link { text-align:center; a { text-align:center; display:inline-block; margin:auto; padding:(@size-padding)*2 0; .link-italic-focus; } } .focus { color:@color-font-focus; } .none { display:none; } a.frm-btn { background-color:@color-background-focus; padding:0 (@size-padding); font-family:@font-family; color:@color-font-frm-btn; font-size:(@size-font); line-height:(@line-height)*1.3; height:(@size-padding)*3; } .txt { ul { width:auto; padding:0 0 (@size-padding)*2 0; li { background:transparent url(../img/back-list.png) left 6px no-repeat; padding:0 0 3px (@size-padding)+5; line-height:(@line-height); width:100%; display:block; font-size:(@size-font)/1.1; } } } .sep { height:4px; overflow:hidden; width:100%; background:transparent url(../img/back-sep.png) left top repeat-x; clear:both; } hr{ clear:both; border:0; height:0; width:100%; } i { font-style:italic; } } /* Mobile */ .bh-rwdinfo { z-index:1 } /* container */ #container { position:relative; margin:0; padding:0; width:@width-viewport; clear:both; float:left; .menu-show-hide { display:block; } } .home { footer { z-index:30; } } /* header */ header { width:@width-viewport; float:left; clear:both; background:@color-background-dark url(../img/back-hd.png) left bottom repeat-x; margin:0 auto; position:relative; .logo { height:109px; width:242px; margin:auto; img { width:100%; height:100%; margin:auto; display:block; } } .logo-print { display:none; } .menubar { background:@color-background-dark url(../img/back-hd.png) left top repeat-x; width:100%; position:absolute; top:109px; left:0; z-index:200; .open-close-menu { float:left; padding:@size-padding; a { display:block; width:38px; height:29px; overflow:hidden; text-indent:-1000px; background: url(../img/back-ico-menu-open-2x.png) top left no-repeat; background-size: 38px 29px; float:left; } } .name-site { color:@color-font-focus; font-family:@font-family; text-transform:uppercase; font-size:(@size-font)/1.1; padding:(@size-padding)*1.6 @size-padding 0 0; float:right; } .lang { display:block; margin:(@size-padding)*2.5 auto @size-padding auto; width:96%; text-align:center; border-bottom:1px solid @border-color-gray; color:@color-font-gray-light; padding:0 0 @size-padding 0; a { text-transform:uppercase; font-size:(@size-font)/1.1; color:@color-font-gray-light; } .active { color:@color-font-menu; } } } /* menu */ #menu { display:none; min-height: 100%; position: absolute; top: 49px; left:0; width: @width-viewport; background-color:@color-background-dark; .menu { left: 0; min-height: 100%; position: relative; width: 100%; float:left; z-index: 102; nav { ul { width:100%; float:left; display:block; padding:0 0 (@size-padding)*2 0; li { display:block; padding:0 @size-padding; float:left; width:100%; a { float:left; width:100%; font-family:@font-family; font-size:(@size-font)/1.2; text-decoration:none; color:@color-font-menu; display:block; text-transform:uppercase; margin:(@size-padding)*2 0 (@size-padding) 0; background: url(../img/back-arrow-menu.png) 98% 4px no-repeat; } a.active, a:hover { color:@color-font-menu-active; } a.open { color:@color-font-menu-active; background: url(../img/back-arrow-menu.png) 98% -88px no-repeat; } .italic {font-style:italic;} .submenu { display:none; float:left; width:100%; margin:0; .int { padding:0 0 @size-padding 0; float:left; width:100%; p { float:left; width:100%; border-bottom:1px solid @border-color-gray; a { background: url(../img/back-arrow-menu-int.png) 98% 13px no-repeat; padding:@size-padding 0; margin:0; } } ul { padding:0; li { padding:0; background:none; border-bottom:1px solid @border-color-gray; a { text-transform:none; background: url(../img/back-arrow-menu-int.png) 98% 13px no-repeat; padding:@size-padding 0 @size-padding (@size-padding)*2; float:none; margin:0; } } } } .contact { margin:0 0 (@size-padding) 0; padding:0 0 (@size-padding) 0; border-bottom:1px solid @border-color-gray; .title { display:none; } div { border-top:1px solid @border-color-gray; float:left; width:100%; margin:(@size-padding) 0 0 0; p { font-size:(@size-font)/1.2; color:@color-font-menu; line-height:@line-height; padding:0 0 0 (@size-padding)*2; margin:@size-padding 0 0 0; border:0; width:auto; strong { font-size:(@size-font)*1.1; display:block; } a { background:none; overflow:auto; text-indent:0; width:auto; height:100%; text-align:left; border:0; text-transform:none; font-family:@font-family-default; font-size:(@size-font)/1.1; color:@color-font-menu; padding:0; } a:hover { color:@color-font-focus; } span { .font-italic; font-size:@size-font; color:@color-font-menu; } } p.email { background:transparent url(../img/back-ico-contacts-white.png) 0 4px no-repeat; padding:0 0 0 (@size-padding)*2.5; margin:@size-padding 0 0 (@size-padding)*2; border:0; } p.phone { background:transparent url(../img/back-ico-contacts-white.png) 0 -182px no-repeat; padding:0 0 0 (@size-padding)*2.5; margin:@size-padding 0 0 (@size-padding)*2; border:0; } p.site { background:transparent url(../img/back-ico-contacts-white.png) 0 -384px no-repeat; padding:0 0 0 (@size-padding)*2.5; margin:@size-padding 0 0 (@size-padding)*2; border:0; } } .first { border:0; padding:0; margin:0; } } } } } } .lev1 { width:96%; text-align:center; border-bottom:1px solid @border-color-gray; padding:0 0 @size-padding 0; margin:0 auto (@size-padding)/2 auto; a { color:@color-font-menu; font-family:@font-family; text-transform:uppercase; } } .topbar { clear:both; .search { margin:0 auto (@size-padding)*2 auto; display:block; width:94%; padding:@size-padding; background:#FFF url(../img/back-search.png) 5px 10px no-repeat; input { border:0; background-color:transparent; width:93%; float:right; font-family:@font-family; font-size:(@size-font)/1.2; color:@color-font-gray-light; } } .link-search { display:none; } .services { display:block; width:98%; ul { width:100%; float:left; display:block; li { margin:0; display:block; float:left; width:50%; background: url(../img/back-arrow-menu-small.png) 93% 12px no-repeat; padding:@size-padding 0 0 @size-padding; a { display:block; font-size:(@size-font)/1.3; padding:0 0 @size-padding 0; margin:0; background:none; } } } } a { font-family:@font-family; color:@color-font-menu; text-transform:none; margin:0; background:none; } } } } } /*Path*/ #path { font-size:(@size-font)/1.15; width:@width-viewport; float:left; clear:both; padding:(@size-padding)*6 0 @size-padding 0; background-color:@color-background-light; font-family:@font-family; line-height:(@line-height)/1.2; .int { position:relative; width:@width-viewport; } strong { color:@color-font-focus; font-weight:normal; } nav { float:left; padding:@size-padding (@size-padding)*5 @size-padding @size-padding; } .share, .print { position:absolute; top:3px; right:10px; z-index:90; a { display: block; text-indent: -9999px; overflow:hidden; width: 23px; height: 24px; float:left; } } .share { z-index:91; a { background: url(../img/back-ico-share-2x.png) top left no-repeat; background-size: 23px 24px; } .icon { display:none; background-color:@color-background-light; z-index:101; padding:@size-padding @size-padding @size-padding 0; position:absolute; top:40px; right:-13px; width:50px; a { background:none; width: 30px; height: 30px; float:none; text-indent:0; overflow:auto; display:block; text-align:center; margin:(@size-padding); } } } .print { display:none; top:52px; right:7px; a { background: url(../img/back-ico-print-2x.png) top left no-repeat; background-size: 23px 24px; } } } /* main */ #main { z-index:1; width:@width-viewport; float:left; clear:both; background-color:@color-background-main; position:relative; /*BxSlider reset*/ .bx-viewport { border:0; box-shadow:none; background-color:transparent; } .bx-wrapper { margin:0; } header { width:auto; float:none; clear:both; background:none; margin:0; } header.title { h2, h3 { color:@color-font-focus; font-size:(@size-font)*1.3; span { display:block; .font-italic; font-size:(@size-font)/1.3; padding:(@size-padding)/2 0 0 0; } } } header.title-page { .title-page; background:none; border-bottom:1px solid @border-color-focus; padding:0 0 @size-padding 0; margin:@size-padding 0 @size-padding @size-padding; width:94%; h1 { padding:0; font-size:(@size-font)*1.4; } } header.title-page.noline { background:none; border:0; } header.line { border-bottom:1px solid @border-color-focus; margin:0 0 (@size-padding)*2 0; h2 { padding:(@size-padding)*2 0 @size-padding 0; color:@color-font-focus; } } header.line-top { padding:(@size-padding)*2 0 0 0; background: url(../img/back-line-small.png) center top no-repeat; h2, h3 { text-align:center; padding:0 0 (@size-padding)*2 0; color:@color-font-focus; } } header.line-bottom { padding:(@size-padding)*2 0 0 0; background: url(../img/back-line-small.png) center bottom no-repeat; margin:0 0 (@size-padding)*4 0; h2, h3 { text-align:center; padding:0 0 (@size-padding)*2 0; color:@color-font-focus; } } header.intro { border:0; margin:0 0 (@size-padding) 0; h2 { .font-italic; font-size:(@size-font)*1.2; padding:0; .focus { display:inline; color:@color-font-focus; } } span { .font-italic; padding:@size-padding 0; .focus { display:inline; color:@color-font-focus; } } .note { font-size:(@size-font)/1.2; padding:(@size-padding)*2 0 0 (@size-padding)*2; } } .aux { width:@width-viewport; } .listing { .width-viewport-mobile; div { width:100%; clear:both; margin:0 0 (@size-padding)*2 0; float:left; p { clear:both; width:100%; padding:(@size-padding)*2 0 0 0; display:inline-block; line-height:(@line-height); font-size:(@size-font)/1.1; } img { display:block; width:100%; } } .hide-box { opacity:0; } .show-box { opacity:1; } } .vert { div { .line-top { background:none; margin:0; padding:(@size-padding) 0 0 0; h3 { color:@color-font-focus; padding:0; clear:both; width:100%; text-align:left; } } p { padding:@size-padding 0; line-height:(@line-height)/1.1; } .link { padding:0; float:right; a { padding:0; text-align:left; } } } } .uppercase { p::first-letter { .upp; } } .claim { clear:both; background: url(../img/back-line-small.png) center top no-repeat; margin:0 0 (@size-padding)*2 0; float:left; p { font-style:italic; text-align:center; padding:@size-padding (@size-padding)*3; display:block; background: url(../img/back-line-medium.png) center bottom no-repeat; font-size:(@size-font)/1.1; line-height:(@line-height); color:@color-font-gray-light; font-family:@font-family; span.big { display:block; font-size:(@size-font)*2; padding:0 0 @size-padding 0; } } } .menu-tabs { width:@width-viewport; float:left; background: url(../img/back-menu-tab-mobile.png) top left repeat-x; section { .width-viewport-mobile; } .tabs { border-left:1px solid @border-color-tab; width:100%; float:left; clear:both; li { display:block; float:left; border-right:1px solid @border-color-tab; width:50%; a { display:block; padding:(@size-padding)*2.6 0; width:100%; text-align:center; font-family:@font-family; font-size:(@size-font)*1.1; color:@color-font-gray-light; } a.active { color:@color-link-focus; border-bottom:4px solid @border-color-focus; } } } .submenu-tabs { display:none; } .submenu-sel { clear:both; padding:@size-padding; select { width:100%; display:inline; border:0; border-left:1px solid @border-color-gray-light; padding:0 0 0 @size-padding; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; background:transparent url(../img/back-select.png) top right no-repeat; outline:none; height:39px; } } .tabs-year { float:left; clear:both; width:100%; li { display:block; float:left; padding:0 1px 1px 0; width:24%; a { display:block; padding:(@size-padding)*1.3 0; width:100%; text-align:center; font-family:@font-family; font-size:(@size-font)*1.1; color:@color-font-submenu; background-color:@color-background-tabs; } a.active { color:@color-link-focus; background-color:@color-background-focus; color:#FFF; } } } } .calendar { background:none; .txt { p { font-size:(@size-font)/1.15; } } .documents { margin:@size-padding 0 0 0; border-top:1px solid @border-color-focus; padding:@size-padding 0 0 0; ul.icon { width:auto; position:absolute; top:0; right:0; border:0; margin:0; padding:0; li { width:auto; border:0; a.calendar { padding:0; margin:0; } } } p { padding:0 (@size-padding)*4 0 0; span { span.number { display:inline; } } } } .documents.variant { border-top:1px solid @border-color-focus; padding:(@size-padding)*2 0; margin:0; li.last { border-bottom:0; } li { p { margin:0; } } } .datepicker { width:100%; table { width:100%; tbody { border-top:1px solid @border-color-gray-light; border-left:1px solid @border-color-gray-light; background-color:@color-background-table; width:100%; } td { vertical-align:bottom; width:14.28%; padding:(@size-padding)*2.2 (@size-padding) (@size-padding)/2 (@size-padding)/2; font-family:@font-family; font-size:(@size-font)/1.1; border-right:1px solid @border-color-gray-light; border-bottom:1px solid @border-color-gray-light; a { color:@color-font-gray-light; } } th { text-align:right; color:@color-font-gray-light; padding:0 0 (@size-padding) 0; font-size:(@size-font)/1.2; } .ui-datepicker-current-day { background-color:@color-background-focus; a { color:@color-font-white; } } .active { background:@color-background-light url(../img/back-datepicker-active.png) 0 0 repeat-x; a { color:@color-font-focus; } } } .ui-datepicker-title { text-align:center; padding:0 0 (@size-padding)*3 0; font-size:(@size-font)*1.1; color:@color-font-gray-light; } .ui-datepicker-other-month { background-color:@color-background-disabled; color:@color-font-disabled; } .ui-datepicker-prev, .ui-datepicker-next { background: url(../img/back-arrow-calendar-prev-2x.png) 0 0 no-repeat; width:11px; height:21px; overflow:hidden; text-indent:-1000px; display:block; float:left; cursor:pointer; background-size: 11px 21px; } .ui-datepicker-next { background: url(../img/back-arrow-calendar-next-2x.png) 0 0 no-repeat; background-size: 11px 21px; float:right; } } .events { padding:(@size-padding) 0 0 0; .documents { border-top:0; li { border-bottom:1px solid @border-color-gray-light; p { color:@color-font-gray-light; padding:0 0 @size-padding 0; margin:0 (@size-padding)*2 0 0; font-size:(@size-font)/1.1; span { float:none; padding:(@size-padding) 0; background: url(../img/back-date.png) 0 0 no-repeat; font-size:(@size-font)*1.4; } } } } } .icon-calendar, .icon-listing { width:31px; height:31px; overflow:hidden; text-indent:-1000px; display:block; float:left; margin:0 (@size-padding)/2 (@size-padding)*2 0; background: url(../img/back-ico-grid-2x.png) 0 0 no-repeat; background-size: 31px 31px; } .icon-listing { background: url(../img/back-ico-list-2x.png) 0 0 no-repeat; background-size: 31px 31px; } .icon-calendar.active { background: url(../img/back-ico-gridhover-2x.png) 0 0 no-repeat; background-size: 31px 31px; } .icon-listing.active { background: url(../img/back-ico-listhover-2x.png) 0 0 no-repeat; background-size: 31px 31px; } } .documents { float:left; width:100%; clear:both; li { display:block; padding:0 0 (@size-padding) 0; position:relative; border-bottom:1px solid @border-color-gray-light; float:left; width:100%; margin:0 0 @size-padding 0; font-size:(@size-font)/1.1; line-height:(@line-height); p { span { font-size:(@size-font)*1.1; color:@color-font-gray-light; display:block; font-family:@font-family; display:block; padding: 0 0 (@size-padding)/2 0; } } .ctn-zip { color:@color-font-focus; font-family:@font-family; font-size:(@size-font); padding:0 0 @size-padding 0; } ul.icon { margin:@size-padding 0; border-left:1px solid @border-color-gray-light; height:35px; li { width:33%; border:0; border-right:1px solid @border-color-gray-light; padding:0; margin:0; height:35px; a { display: block; font-size:(@size-font)/1.2; float:left; padding:(@size-padding)-3 0 @size-padding (@size-padding)*3; margin:(@size-padding)/2 0 0 @size-padding; } .pdf { background: url(../img/back-ico-pdf-2x.png) 0 0 no-repeat; background-size: 24px 27px; } .website { background: url(../img/back-ico-website-2x.png) 0 1px no-repeat; background-size: 28px 27px; padding-left:(@size-padding)*3.5; } .webcast { background: url(../img/back-ico-webcast-2x.png) 0 0 no-repeat; background-size: 27px 27px; padding-left:(@size-padding)*3.3; } .webcast2 { background: url(../img/back-ico-webcast-2x.png) 0 0 no-repeat; background-size: 27px 27px; padding-left:(@size-padding)*3.3; } .zip2 { background: url(../img/back-ico-zip-2x.png) 0 0 no-repeat; background-size: 23px 30px; padding-left:(@size-padding)*3.3; } .zip { background: url(../img/back-ico-zip-2x.png) 0 0 no-repeat; background-size: 23px 30px; } .calendar { background: url(../img/back-ico-calendar-2x-off.png) top left no-repeat; background-size: 27px 27px; float:right; text-indent: -9999px; overflow:hidden; width:27px; height:27px; } .calendar.active { background: url(../img/back-ico-calendar-2x-on.png) top left no-repeat; background-size: 27px 27px; } } .tot { width:37%; } } } li:last-child { border:0; padding:0; margin:0; } } .frm { legend { color:@color-font-focus; font-family:@font-family; font-size:(@size-font)*1.1; padding:0 0 (@size-padding)*2 0; } label { color:@color-font-gray-light; font-size:(@size-font)/1.1; display:none; &.visible { display:block; padding:(@size-padding)*2 0 (@size-padding)/2 0; text-transform:uppercase; } } input { border:1px solid @border-color-gray-light; width:100%; padding:0 @size-padding; font-family:@font-family-default; color:@color-font-gray-light; font-size:(@size-font)/1.1; line-height:(@line-height)/1.1; height:(@size-padding)*3; margin:0 (@size-padding)/2 (@size-padding) 0; } input, a.frm-btn { display:block; float:left; } .sel-ctn { display:block; border-left:1px solid @border-color-gray-light; background:transparent url(../img/back-select2.png) top right no-repeat; height:38px; padding:0 !important; overflow:hidden; position:relative; select { position:absolute; top:0; left:0; width:103%; padding:10px 0; border:0; background:none; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; outline:none; font-family:@font-family-default; font-size:0.8em; } } } .frm.alert { fieldset { padding:0 0 (@size-padding)*2 0; } div { clear:both; float:left; width:100%; } .check { color:@color-font-gray-light; font-size:(@size-font)/1.1; line-height:(@line-height)/1.2; input { padding:0; height:auto; width:auto; background-color:transparent; border:1px solid @border-color-focus; } a { color:@color-font-focus; } span { float:left; } } .btn { text-align:left; } .documents { li { ul.icon { border:0; } } } } .internal { .width-viewport-mobile; .cols { float:left; display:block; width:100%; padding:0 0 0 0; img { width:100%; } p { font-size:(@size-font)/1.1; line-height:(@line-height)*1.05; padding:0 0 (@size-padding)*2 0; } .note { font-size:(@size-font)/1.35; } .img { padding:0 0 (@size-padding)*2 0 !important; } .bg { background-color:@color-background-focus; color:@color-font-white; h3 { font-size:(@size-font)*1.1; padding:(@size-padding); } } .align-center { text-align:center; } .download { background:none; margin:0 0 (@size-padding)*2 0; float:left; clear:both; border-top:0; li { p { padding:0 (@size-padding)*5 0 0; border:0; margin:0; line-height:(@line-height)/1.2; } } } } .upp { .upp; } .img { .large { display:none; } } .small { img { border:1px solid @border-color-focus; padding:2%; } } .claim { width:100%; margin:(@size-padding)*2 0; p { padding:(@size-padding)*2; font-family:@font-family; font-size:(@size-font); } } .list-box { width:100%; float:left; clear:both; margin:0 0 (@size-padding)*2 0; padding:0 0 (@size-padding)*2 0; border-bottom:1px solid @border-color-gray-light; p.img { margin:0 auto @size-padding auto; width:122px; display:block; img { width:100%; } } p { font-size:(@size-font)/1.1; line-height:(@line-height); span { display:block; color:@color-font-gray-light; font-size:(@size-font)/1.2; } } p.pdf { clear:both; padding:0; margin:0; a { display: block; font-size:(@size-font)/1.2; background: url(../img/back-ico-pdf.png) left top no-repeat; padding:(@size-padding)+3 0 (@size-padding)/2 (@size-padding)*3; } } } .list-box.three-el { padding:0; p { font-family:@font-family; font-size:(@size-font)*1.2 !important; color:@color-font-focus; padding:0 0 @size-padding 0; span { font-size:(@size-font)/1.2 !important; line-height:(@line-height)/1.4 !important; .font-italic; } } .link { padding:0; a { padding:0; text-align:right; font-size:(@size-font)/1.3 !important; } } } .list-box.three-el.bg { background-color:@color-background-list-box; padding:(@size-padding) (@size-padding)*2; border:0; span { float:left; width:40px; display:block; font-size:(@size-font)*2; font-family:@font-family; } p { font-size:(@size-font)/1.1 !important; color:@color-font; font-family:@font-family-default; padding:@size-padding 0 0 0; } } .img-intro { padding:@size-padding 0 (@size-padding)*2 0; } .list-tbl { width:100%; padding:0 0 (@size-padding) 0; float:left; li { display:block; float:left; width:100%; padding:0 0 (@size-padding)*2 0; span { display:block; text-transform:uppercase; color:@color-font-focus; padding:0 (@size-padding)*2 0 0; font-style:italic; line-height:(@line-height); } p { padding:0 0 0 0; line-height:(@line-height)/1.1; font-size:(@size-font)/1.1; } } } .production { width:100%; clear:both; float:left; padding:(@size-padding)*2 0 0 0; .production-list { padding:0 0 (@size-padding)*3 0; li { display:block; text-align:center; a { overflow:hidden; text-indent:-1000px; width:271px; display:block; margin:auto; } } .tab1 { a { background: url(../img/back-link-materie-small.png) left top no-repeat; height:384px; } .eng { background: url(../img/back-link-materie-small-eng.png) left top no-repeat; } .active { background-position:0 -384px; } } .tab2 { a { background: url(../img/back-link-produzione-small.png) left top no-repeat; height:453px; } .eng { background: url(../img/back-link-produzione-small-eng.png) left top no-repeat; } .active { background-position:0 -453px; } } .tab3 { a { background: url(../img/back-link-collezione-small.png) left top no-repeat; height:492px; } .eng { background: url(../img/back-link-collezione-small-eng.png) left top no-repeat; } .active { background-position:0 -492px; } } } .tabcontent { padding:(@size-padding)*2 0; .tabpanel { margin:auto; position:relative; .title-box { display:block; width:100%; background: url(../img/back-title.png) left 44px repeat-x; padding:(@size-padding)*3 (@size-padding)*2 (@size-padding)*3 (@size-padding)*2; text-align:center; h2 { background-color:@color-background-white; font-size:(@size-font)*1.7; width:auto; display:inline; padding:0 (@size-padding)*2; color:@color-font-focus; } } .bx-pager { display:block; width:100%; text-align:center; clear:both; padding:0; } .bx-controls-direction { display:none; } a.close { display:none; float:left; background: url(../img/back-ico-close-small-2x.png) 0 0 no-repeat; background-size: 35px 33px; width:35px; height:33px; overflow:hidden; text-indent:-1000px; position:absolute; right:0; top:-10px; z-index:501; } } } .cols { padding:0 0 (@size-padding)*4 0; margin:0; } } .maps { .img { display:none; } .country { margin:0 0 (@size-padding) 0; .int { display:none; background-color:@color-background-box; } .a-link { display:block; width:100%; height:38px; background:transparent url(../img/back-open-close.png) top right no-repeat; color:@color-font-white; text-transform:uppercase; padding:@size-padding 0 0 @size-padding; font-size:(@size-font)*1.1; } .a-link.open { background-position:right -38px; color:@color-link-focus; } ul { padding:(@size-padding) 0 (@size-padding) (@size-padding); li { padding:0 0 (@size-padding)/3 0; font-size:(@size-font)/1.1; strong { display:block; padding:0 0 (@size-padding)/3 0; } } } } } .tabs { clear:both; width:100%; .tabs-link { float:left; width:100%; margin:0 0 (@size-padding)*2 0; li { display:block; float:left; padding:0 0 1px 0; width:100%; a { display:block; padding:(@size-padding)*1.5 0; width:100%; text-align:center; font-family:@font-family; font-size:(@size-font)*1.1; color:@color-font-submenu; background-color:@color-background-tabs; font-style:italic; } a.active { color:@color-link-focus; background-color:@color-background-focus; color:#FFF; } } } } .data { display:none; } .data.slider { overflow:hidden; width:100%; display:block; border:1px solid @border-color-gray-light; background-color:@color-background-data; float:left; height:340px; ul { li { display:block; width:100%; text-align:center; .claim { margin-bottom:0; padding-bottom:0; height:75px; p { background:none; padding-bottom:0; } } } } .bx-controls-direction { bottom:-25px; } .bx-pager { padding:0; } } .stock-quotes { clear:both; iframe { width:100%; border:0; height:1970px; } } } .exclusivity-content { width:@width-viewport !important; margin:0 !important; .exclusivity { width:100%; clear:both; float:left; .w70 { padding:0; img { width:50%; margin:auto; } .small { display:block; } .large { display:none; } } .tabcontent { .tabpanel { padding:(@size-padding)*2 0; margin:auto; .title { text-align:center; } .slider.year { background: url(../img/back-line-medium.png) bottom center no-repeat; padding:0 0 (@size-padding)*2 0; margin:0 0 (@size-padding)*4 0; text-align:center; .ctn { margin:auto; width:100%; font-family:@font-family; text-align:center; img { margin:auto; } span { color:@color-font-focus; font-size:(@size-font)*1.3; margin:auto; } p { color:@color-font-gray-light; font-size:(@size-font)*1.3; font-style:italic; padding:0 0 @size-padding 0; } } .bx-controls-direction { position:absolute; top:0; left:0; width:100%; a { position:absolute; display: block; text-indent: -9999px; overflow:hidden; width: 25px; height: 46px; bottom:0; } .bx-prev { left:0; background: url(../img/back-arrow-slide-prev-2x.png) 0 0 no-repeat; background-size: 25px 46px; } .bx-next { background: url(../img/back-arrow-slide-next-2x.png) 0 0 no-repeat; background-size: 25px 46px; right:0; } a.disabled { display:none; } } .bx-pager { display:none; } } .box { float:left; width:100%; .slider.img { .bx-controls-direction { display:none; } .bx-viewport { left:0; } img { width:100%; } .medium { display:none; } .large { display:block; } } .txt { p, ul { padding:@size-padding 0 0 0; } } } .bx-pager { position:absolute; bottom:-15px; margin:auto; left:0; right:0; } } } } } .internal.line { border-bottom:1px solid @border-color-gray-light; margin-bottom:(@size-padding)*3; } .internal.line-focus { background: url(../img/back-line-medium.png) center bottom no-repeat; margin-bottom:(@size-padding)*3; } .internal.bg { background:@color-background-light; width:100%; padding:0 3%; margin:0; .cols { margin:0; padding:0; } } .slider-img { clear:both; float:left; width:100%; margin:(@size-padding)*2 0 (@size-padding)*4 0; padding:(@size-padding)*2 0; border-top:1px solid @border-color-gray-light; border-bottom:1px solid @border-color-gray-light; background-color:@color-background-slider-img; .ctn { width:85%; margin:0 auto; img { display:block; margin:auto; width:100%; } } .bx-next, .bx-prev { width:11px; height:17px; display: block; text-indent: -9999px; overflow:hidden; position:absolute; top:65px; z-index:190; } .bx-next { right:-15px; background: url(../img/back-arrow-slider-next-off-2x.png) 0 0 no-repeat; background-size: 11px 17px; } .bx-next.disabled { background: url(../img/back-arrow-slider-next-disabled-2x.png) 0 0 no-repeat; background-size: 11px 17px; cursor:default; } .bx-prev { left:-22px; background: url(../img/back-arrow-slider-prev-off-2x.png) 0 0 no-repeat; background-size: 11px 17px; } .bx-prev.disabled { background: url(../img/back-arrow-slider-prev-disabled-2x.png) 0 0 no-repeat; background-size: 11px 17px; cursor:default; } } table.tbl { width:100%; clear:both; border-left:1px solid @border-color-table; border-top:1px solid @border-color-table; background-color:@color-background-table; margin:0 0 (@size-padding)*2 0; th, td { font-size:(@size-font)/1.1; line-height:(@line-height)/1.1; color:@color-font-table; vertical-align:middle; padding:(@size-padding)/2; border-right:1px solid @border-color-table; border-bottom:1px solid @border-color-table; text-align:left; text-transform:none; button { margin:0; padding:0; border:0; font-size:(@size-font)/1.1; line-height:(@line-height)/1.1; color:@color-font-focus; vertical-align:middle; } a { color:@color-font-focus; text-decoration:underline; } } th { color:@color-font-focus; background-color:@color-background-th; } .bg { background-color:@color-background-td; } tr.bg { td { background-color:@color-background-tr; } } .focus { font-style:italic; font-size:@size-font; } .small { font-size:(@size-font)/1.3; line-height:(@line-height)/1.6; } .right { text-align:right; button { text-align:right; } } .center { text-align:center; } } table.tbl.tablesaw { th { padding:(@size-padding)/2 0; } } table.tbl.italic { td, th { font-style:italic; } } .accordion { clear:both; float:left; width:100%; margin:0 0 (@size-padding)*2 0; li { padding:0 0 1px 0; display:block; float:left; width:100%; } a.link-accordion { font-family:@font-family; font-size:(@size-font)*1.1; height: 37px; overflow:hidden; background: url(../img/back-tab-toggle.png) right -38px no-repeat; display:table; float:left; width:100%; padding:0 (@size-padding)*5 0 0; border-bottom:1px solid @border-color-gray; span { display:table-cell; vertical-align: middle; height:100%; } } a.open { color:@color-font-focus; background-position:right 0; border-bottom:1px solid @border-color-focus; } .ctn { display:none; clear:both; padding:@size-padding 0; } .cols { padding:0; .claim { margin:(@size-padding)*2 0 @size-padding 0; } .last { margin:0 0 (@size-padding)*2 0; } } .txt { p { line-height:(@line-height)*1.2; font-size:(@size-font)/1.1; } } } .download { clear:both; float:left; width:100%; margin:0 0 (@size-padding)*2 0; background-color:@color-background-download; border-top:1px solid @border-color-gray-light; li { display:block; float:left; width:100%; background: url(../img/back-ico-pdf-small-2x.png) 10px center no-repeat; background-size: 17px 21px; padding:(@size-padding)+5 0 (@size-padding)+5 (@size-padding)*4; border-bottom:1px solid @border-color-gray-light; display:table; height:100%; p { display:table-cell; vertical-align: middle; padding:0 (@size-padding)*10 0 0; position:relative; font-size:(@size-font)/1.1; a { position:absolute; top:-7px; right:10px; background: url(../img/back-ico-download-2x.png) left center no-repeat; background-size: 21px 24px; padding:(@size-padding)-3 0 0 (@size-padding)*3; height:29px; } } } } .download.variant { padding:(@size-padding) 0 0 0; margin:0; background-color:transparent; border-top:1px solid @border-color-focus; li { width:100%; border:0; background-position:10px 10px; p { vertical-align:top; border-bottom:1px solid @border-color-gray-light; height:30px; a { top:-10px; right:0; } } } li.last { p { border-bottom:0; } } } .slider{ .bx-controls { margin:auto; text-align:center; .bx-pager { display:block; width:100%; text-align:center; clear:both; padding:0 0 20px 0; .bx-pager-item { display: inline-block; } .bx-pager-link { display: block; text-indent: -9999px; overflow:hidden; width: 13px; height: 13px; background: url(../img/back-ico-bullet-2x.png) top left no-repeat; background-size: 13px 13px; margin: 0 3px; float:left; } .bx-pager-link:hover, .bx-pager-link.active { background: url(../img/back-ico-bullet-on-2x.png) top left no-repeat; background-size: 13px 13px; } } .bx-controls-direction { position:absolute; bottom:-5px; left:0; width:100%; a { position:absolute; display: block; text-indent: -9999px; overflow:hidden; width: 15px; height: 27px; bottom:0; } .bx-prev { background: url(../img/back-ico-arrow-prev-slider-2x.png) 0 0 no-repeat; background-size: 15px 27px; left:32%; } .bx-next { background: url(../img/back-ico-arrow-next-slider-2x.png) 0 0 no-repeat; background-size: 15px 27px; right:32%; } a.disabled { display:none; } } } } .result { clear:both; .cols { width:100%; padding:0 0 (@size-padding)*2.5 0; h2 { color:@color-font-focus; padding:0 0 (@size-padding)*2 (@size-padding)*2; text-align:center; } p.img { display:none; } ul { padding:0 0 0 (@size-padding)*4; li { background: url(../img/back-ico-pdf-small-2x.png) 10px center no-repeat; padding:(@size-padding) (@size-padding) (@size-padding) (@size-padding)*4; background-size: 17px 21px; color:@color-font-gray-light; a { color:@color-font-gray-light; } } } p { font-size:(@size-font)/1.1; } } } .result.default { display:none; } .top { display:none; } .pagination { width:100%; text-align:center; float:left; margin:@size-padding 0 (@size-padding)*2 0; clear:both; a { background-color:@color-background-pagination; padding:(@size-padding)/2 @size-padding; } .active, a:hover { color:@color-font-active; background-color:@color-background-focus; } } .detail { position:relative; display:none; clear:both; float:left; padding:(@size-padding)*2 @size-padding; .title { display:none; h1, h2 { background-color:@color-background-light !important; } } .intro { padding:(@size-padding)*2 0 @size-padding 0; background: url(../img/back-line-small.png) center 3% no-repeat; text-align:center; p { background: url(../img/back-line-medium.png) center bottom no-repeat; .font-italic; padding:0 0 (@size-padding)*2 0; } } h2 { color:@color-font-focus; } .txt { p { font-size:(@size-font)/1.2; } } .link { text-align:left; border-top:1px solid @border-color-gray-light; margin:@size-padding 0 0 0; a { padding:(@size-padding)*2 0 0 0; width:100%; text-align:left; } } a.close { display:none; float:left; background: url(../img/back-ico-close-2x.png) 0 0 no-repeat; background-size: 47px 44px; width:47px; height:44px; overflow:hidden; text-indent:-1000px; position:absolute; right:10px; top:10px; z-index:501; } p.img { display:none; padding:(@size-padding)*2 (@size-padding)*11 @size-padding (@size-padding)*11; } } .card { .detail { margin:0; padding:0 0 (@size-padding) 0 !important; .txt { p { padding:0 0 (@size-padding) 0; } } } } .error-404 { width:@width-viewport; margin:0; position:relative; .img { padding:(@size-padding)*3 0 0 0; } .int { position:absolute; color:@color-font-white; top:20%; margin-left:auto; margin-right:auto; text-align:center; left: 0; right: 0; h1 { font-size:(@size-font)*3; } p { font-size:(@size-font); font-family:@font-family; line-height:@line-height; span { display:block; } } } .ctn { padding:(@size-padding) 0 (@size-padding)*3 0; margin:0 0 (@size-padding)*3 0; position:relative; width:100%; background-color:@color-background-error404; input { border:1px solid @border-color-box; background:@color-background-light; font-style:italic; width:300px; display:block; margin:0 auto; float:none; } p { color:@color-font; margin:(@size-padding)*2 auto; text-align:center; font-size:(@size-font)/1.1; a { color:@color-link; } span { display:block; } } } } .lastupdate { text-align:right; width:100%; float:left; padding:0 (@size-padding)/2 (@size-padding)*3 0; clear:both; .font-italic; font-size:(@size-font)/1.4; } .sel-tbl { clear:both; padding:@size-padding 0; select { width:100%; display:inline; border:0; border-left:1px solid @border-color-gray-light; padding:0 0 0 @size-padding; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; background:transparent url(../img/back-select2.png) top right no-repeat; outline:none; height:38px; } } } .hp { .title { text-align:center; padding:0 (@size-padding)*2 (@size-padding)*2 (@size-padding)*2; h2, h1 { color:@color-font-focus; font-size:(@size-font)*1.6; } span { .font-italic } } .news { background-color:@color-background-light; width:100%; position:relative; overflow:hidden; float:left; padding:0 0 (@size-padding)*3 0; h3 { text-align:center; color:@color-font-focus; font-size:(@size-font)*1.2; line-height:(@line-height)/1.1; padding:(@size-padding)+5 (@size-padding)*3; a { color:@color-font-focus; } } p { text-align:center; line-height:(@line-height)+0.2; padding:0 12% (@size-padding)+5 12%; color:@color-font-gray-light; font-size:(@size-font)/1.2; } } .box { position:relative; width:100%; height:100%; float:left; overflow:hidden; cursor:pointer; background:transparent url(../img/back-opacity.png) top left repeat; .int { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; ul { display:table; width:100%; height:100%; li { display:table-cell; vertical-align:middle; height:100%; } } h3 { text-align:center; color:@color-font-title-hp; } } img { width:100%; z-index:1; } .transition { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition-duration:1s; transition-duration:1s; } .small { display:block; } .medium, .large { display:none; } p.btn a { z-index:11; } } .bg-hp-bottom { display:none; } .box-bottom { background-color:@color-background-hp-box; clear:both; width:100%; float:left; h3 { text-align:center; color:@color-font-title-gray-light; font-size:(@size-font)*1.1; border-bottom:1px solid @border-color-title; padding:(@size-padding)+15 0; } h4 { text-align:center; color:@color-font-title-hp; font-size:(@size-font); padding:0 0 (@size-padding)+5 0; } .left, .center, .right { border-bottom:2px solid @border-color-box; clear:both; p.btn.light { padding: (@size-padding)*2 0; } iframe { width:100%; height:371px; border:0; } } .slider { .bx-controls-direction { display:none; } } .claim { width:100%; padding:0; margin:0; background:none !important; p { background:none !important; padding:(@size-padding)*4 0 (@size-padding)*2 0 !important; margin:0 (@size-padding)*3 (@size-padding) (@size-padding)*3 !important; font-family:@font-family; border-bottom:1px solid @border-color-gray-light; span.big { width:auto; } } } .result { .width-viewport-mobile; margin-bottom:0; border-bottom:1px solid @border-color-gray-light; .cols { h2 { padding:(@size-padding)*2 @size-padding !important; color:@color-font-title-gray-light !important; } } } } table { width:95%; margin:auto; clear:both; th, td { font-size:(@size-font)/1.1; line-height:(@line-height)*1; color:@color-font-tbl; vertical-align:top; padding:(@size-padding)+5 0; border-bottom:1px solid @border-color-tbl; text-align:left; } .last{ border-bottom:1px solid @border-color-tbl; } th { font-family:@font-family; padding:(@size-padding)+5 (@size-padding)+15 (@size-padding)+5 0; font-weight:normal; } td { font-family:@font-family-default; padding:(@size-padding)+5 0 (@size-padding)+5 (@size-padding)+15; } .change { color:@color-font-change; } .txt-small { p { font-size:(@size-font)/1.4; line-height:(@line-height)*1.3; } } .txt-big { p { font-size:(@size-font)*1.1; } } .align-right { text-align:right; } .more { vertical-align:middle; border-bottom:0; text-align:center; padding:(@size-padding)+5 0; a { .link-italic-focus; } } img { margin:0; .medium { display:none; } } } } .hp.int { .internal { .left { width:100%; float:left; } .right { width:100%; float:left; } h2 { color:@color-font-focus; padding:(@size-padding)*2 (@size-padding)*2 (@size-padding)*2 0; font-size:(@size-font)*1.4; line-height:(@line-height)/1.2; } p { padding:0 0 @size-padding 0; } p.img { padding:0; position:relative; .font-italic { position:absolute; bottom:15px; left:15px; z-index:30; color:@color-font-claim; font-size:(@size-font); line-height:(@size-padding)*1.8; padding:0 @size-padding 0 0; .uppercase { .upp; display:block; line-height:(@line-height)/20; } } } .font-italic { .font-italic; } .link { text-align:left; border-top:1px solid @border-color-gray-light; margin:@size-padding 0 0 0; a { padding:(@size-padding)*2 0 0 0; width:100%; text-align:left; } } .link.noline { border:0; a { padding:(@size-padding) 0 0 0; } } article { .txt { p { font-size:(@size-font)/1.1; } } time { display:block; padding:(@size-padding)*2 (@size-padding)*2 (@size-padding) 0; font-size:(@size-font)*1.1; font-family:@font-family; color:@color-font-focus; border-top:1px solid @border-color-focus; } } } .graphic.bg { clear:both; float:left; width:100%; background:@color-background-light; h1 { padding-bottom:0; } iframe { width:100%; height:790px; border:0; } .graphic-title { clear:both; width:100%; } .ctn-tbl { float:left; width:100%; table { float:none; width:95%; margin:auto; clear:both; } td { text-align:right; } .link { a { padding:(@size-padding)*2 0 (@size-padding)*2 (@size-padding); text-align:left; } } } .organization { background: url(../img/back-arrow-graphic-mobile.png) left 165px no-repeat; li { display:block; padding:(@size-padding) 0 0 0; background:@color-background-box; border-top:1px solid @border-color-focus; border-bottom:1px solid @border-color-focus; text-align:center; width:94%; height:73px; margin:0 auto @size-padding auto; color:@color-font-gray-light; padding:(@size-padding)*3 0 0 0; } li.soci { margin:0 auto (@size-padding)*2 auto; } li.consiglio { margin:0 auto (@size-padding)*2 auto; } li.vigilanza { margin:(@size-padding)*2 auto (@size-padding) auto; } li.rischi, li.remunerazione { width:75%; margin:0 0 (@size-padding) 22%; } } p.btn { margin:(@size-padding)*2 auto; width:94%; clear:both; border-top:1px solid @border-color-gray-light; padding:(@size-padding)*2 0 0 0; } } .box-bottom.h270 { h3 { border-top:1px solid @border-color-box; } .left, .center, .right { border:0; .box { background:none; p { text-align:center; padding:(@size-padding)*2 (@size-padding)*2 (@size-padding) (@size-padding)*2; font-size:(@size-font)/1.1; line-height:(@line-height)*1.1; } .btn { border:0; height:auto; padding-top:0; margin:0 0 @size-padding 0; a { padding:(@size-padding)/2.5 (@size-padding)*2 !important; font-size:(@size-font)/1.1 !important; } } } } } .box-bottom.h150 { h3 { border-top:1px solid @border-color-box; } .left, .center, .right { height:70px; border:0; .box { background:none; } } } .box-bottom.h560 { .left, .center, .right { .box { background:none; h3 { border:0; } } } } .mockup { margin:0 !important; position:relative; padding:0 !important; clear:both; float:left; width:100% !important; height:100%; .large { display:none; } .medium { display:none; } .small { position:absolute; } .ctn { .title.top { display:block !important; h1 { background-color:transparent !important; display:block; font-size:(@size-font)*1.3; padding:15% 0 7.5% 0; } } .mockup-list { padding:(@size-padding)*18 0 (@size-padding) 0; clear:both; background:@color-background-light url(../img/back-mockup-mobile.png) center 35px no-repeat; li { a { display:block; margin:auto; width:95%; border-bottom:1px solid @border-color-gray-light; padding:(@size-padding)*2 (@size-padding)*7 (@size-padding)*2 0; color:@color-font-gray-light; font-size:(@size-font)/1.1; background:transparent url(../img/back-ico-arrow-tabs-off-2x.png) right center no-repeat; background-size:27px 27px; } } .tab1, .tab2, .tab3 { .active { background:transparent url(../img/back-ico-arrow-tabs-on-2x.png) right center no-repeat; background-size:27px 27px; } } } .tabcontent { width:100% !important; clear:both; padding:0; margin:0 !important; background-color:@color-background-box; .tabpanel { position:relative; clear:both; margin:auto; padding:(@size-padding)*2 (@size-padding)+5 0 (@size-padding)+5; width:@width-viewport; header { border-bottom:1px solid @border-color-gray-light; margin:0 0 (@size-padding)*2 0 !important; h2 { text-align:center; padding-top:0 !important; font-size:(@size-font)*1.1; } } .txt { border-bottom:1px solid @border-color-gray-light; margin:0 0 (@size-padding)*2 0; p { text-align:center; } } .btn { text-align:center !important; a { font-size:@size-font !important; } } a.close { display:none; float:left; background: url(../img/back-ico-close-small-2x.png) 0 0 no-repeat; background-size: 35px 33px; width:35px; height:33px; overflow:hidden; text-indent:-1000px; position:absolute; right:18px; top:22px; z-index:501; } } } } } } #claim { line-height:@line-height; font-family:@font-family; font-size:(@size-font); text-align: center; width:@width-viewport; height:100%; clear:both; float:left; position:relative; margin:49px 0 0 0; overflow:hidden; .intro{ position:absolute; top:13%; left:0; width:100%; height:40%; .int { display:table; width:100%; height:100%; p { color:@color-font-claim; font-style:italic; padding:@size-padding (@size-padding)*4; display:block; display:table-cell; vertical-align: middle; font-size:(@size-font)/1.1; line-height:(@line-height)/1.1; width:auto; } } } .ctn { background-color:@color-background-dark; border-top:1px solid @border-color-focus; color:@color-font-focus; padding:(@size-padding)*1.5 0 @size-padding 0; width:100%; p { padding:0 (@size-padding)*4 (@size-padding)*1.5 (@size-padding)*4; a { padding:(@size-padding)/2.5 (@size-padding)*2 !important; } } .arrow { display:none; } } } #claim.int { .intro { top:18%; .int { background:none; p { background:none; } } } } footer { background-color:@color-background-footer; color:@color-font-footer; font-size:(@size-font)/1.4; width:@width-viewport; float:left; clear:both; font-family:@font-family; .ft { a { color:@color-font-footer; } p { padding:@size-padding; } ul { float:left; padding:@size-padding; li { display:block; float:left; } } .list1 { border-bottom:1px solid @border-color-footer; width:100%; li { width:33%; a { text-transform:uppercase; } } .center { text-align:center; } .right { text-align:right; } } .list2 { a { font-style:italic; margin:0 20px 0 0; } } ul.social { float:right; width:auto; a { width:20px; height:20px; overflow:hidden; text-indent:-1000px; display:block; float:left; margin:0 5px; } .tw { background: url(../img/back-ico-twitter-2x.png) 0 0 no-repeat; background-size: 20px 20px; } .fb { background: url(../img/back-ico-facebook-2x.png) 0 0 no-repeat; background-size: 20px 20px; } } } } #blueimp-gallery { .slide-content { width:80%; } .close { background: url(../img/back-close-lightbox-2x.png) top left no-repeat; width:94px; height:86px; background-size: 47px 43px; overflow:hidden; text-indent:-1000px; top:30px; right:20px; } .switch.close { background: url(../img/back-ico-preview-2x.png) top left no-repeat; background-size: 47px 43px; right:80px; } .photo-download.close { background: url(../img/back-ico-download-photo-2x.png) top left no-repeat; background-size: 47px 43px; right:155px !important; width:47px; height:43px; } .download-all.close { background: url(../img/back-ico-download-gallery-2x.png) top left no-repeat; background-size: 47px 43px; right:215px !important; width:47px; height:43px; } .prev, .next { width:21.5px; height:40px; overflow:hidden; text-indent:-1000px; border:0; } .prev { background: url(../img/back-arrow-lightbox-prev-2x.png) top left no-repeat; background-size: 21.5px 40px; left:2% !important; } .next { background: url(../img/back-arrow-lightbox-next-2x.png) top left no-repeat; background-size: 21.5px 40px; right:2% !important; } } /*************************************************************/ /* screen: 660-1190 */ @media only screen and (min-width: 660px) and (max-width: 1190px) { /* Tablet */ .bh-rwdinfo { z-index:2 } /* header */ header { #menu { width: 50%; .menu { .topbar { .services { ul { padding:0 0 (@size-padding)*2 0; li { width:30%; float:left; padding:@size-padding 0 0 (@size-padding)*2; } li:first-child { width:40%; padding:@size-padding 0 0 @size-padding; } } } } } } } /* main */ #main { .listing { .width-viewport-tablet; } .internal { .width-viewport-tablet; .cols { .claim { margin:(@size-padding)*3 0 (@size-padding)*2 0; p { padding:(@size-padding)*2 (@size-padding)*8; } } } .production { .production-list { li { a { width:536px; } } .tab1 { a { background: url(../img/back-link-materie-medium.png) left top no-repeat; height:370px; } .eng { background: url(../img/back-link-materie-medium-eng.png) left top no-repeat; } .active { background-position:0 -370px; } } .tab2 { a { background: url(../img/back-link-produzione-medium.png) left top no-repeat; height:365px; } .eng { background: url(../img/back-link-produzione-medium-eng.png) left top no-repeat; } .active { background-position:0 -365px; } } .tab3 { a { background: url(../img/back-link-collezione-medium.png) left top no-repeat; height:290px; } .eng { background: url(../img/back-link-collezione-medium-eng.png) left top no-repeat; } .active { background-position:0 -290px; } } } .tabcontent { .tabpanel { a.close { top:0; display:block; } } } } .wtablet { width:80%; margin:auto; display:block; } .maps { .img { display:block; } .col-left { float:left; width:40%; margin:0 (@size-padding) 0 5%; } .col-right { float:right; width:40%; margin:0 5% 0 (@size-padding); } } .stock-quotes { iframe { height:1550px; } } } .internal.bg { width:100%; padding:0 1.5%; margin:0; p.img { margin:0 0 (@size-padding)*2 0; } } .slider-img { .bx-next, .bx-prev { top:75px; } .bx-next { right:-25px; } .bx-prev { left:-35px; } } .accordion { .cols { padding:0; .claim { margin:(@size-padding)*2 0 0 0; } } } .result { margin:auto; width:80%; .cols { h2 { text-align:center; } p.img { float:none; margin:auto; padding:0 (@size-padding) 0 0; width:80%; display:block; } ul { float:none; clear:both; padding-left:@size-padding; } } .last { padding:0; } } .card { .detail { margin:0; padding:0; background:none; position:relative; .title, .close { display:none; } .txt { p { padding:0 0 (@size-padding) 0; } } } } .exclusivity-content { .exclusivity { .w70 { position:relative; height:237px; .large { display:block; } .small { display:none; } } .tabcontent { .tabpanel { .slider.year { .ctn { width:100% !important; img { margin:auto; width:50%; } } } .box { .slider.img { .medium { display:block; } .large { display:none; } } .txt { p { padding:(@size-padding) 0 0 (@size-padding) !important; } } } } } } } } #main.hp { .title { width:98%; span { font-size:(@size-font)*1.1; } } .box { width:50%; display:block; float:left; img { width:100%; } .medium { display:block; } .small, .large { display:none; } } .bg-hp-bottom { display:none; } table { width:48%; float:left; clear:none; margin:0 1%; .last{ border-bottom:0; } } .box-bottom { h3 { font-size:(@size-font)*1.2; } h4 { font-size:(@size-font); } .left { position:relative; .box { float:left; } img { margin:0; } .medium { display:block; } .small { display:none; } } .right { table { float:right; } .w100 { .width-viewport-tablet; margin-bottom:0; } } .left, .center, .right { border-top:1px solid @border-color-box; border-bottom:0; width:100%; float:left; clear:both; iframe { height:185px; } } .result { .width-viewport-tablet; margin-bottom:0; padding:0 0 (@size-padding)*2 0; .cols { width:50%; margin:0 auto; float:none; h2 { text-align:center; padding:(@size-padding)*2 @size-padding; color:@color-font-title-gray-light; } p.img { float:left; width:40%; display:block; } ul { float:left; clear:none; } } } } } #main.hp.int { .graphic.bg { .ctn-tbl { table { float:none; width:98%; margin:auto; } } .graphic-title { clear:both; margin:auto; width:98%; } } .box-bottom.h270, .box-bottom.h150, .box-bottom.h560 { h3 { border-top:0; } .left, .center, .right { float:left; width:33.33333333%; clear:none; .box { width:100%; p { padding:(@size-padding) 0; font-size:(@size-font)/1.1; line-height:(@line-height)*1.1; height:70px; } p.btn { border:0; a { padding:(@size-padding)/2.5 (@size-padding)*2 !important; font-size:(@size-font)/1.1 !important; } } } } .center { border-left:1px solid @color-font-gray-light; border-right:1px solid @color-font-gray-light; } } .box-bottom.h150 { h3 { border-bottom:0; } .left, .center, .right { height:auto; .box { p.btn {padding:0 0 @size-padding 0;} } } } } #claim { .intro{ top:15%; .int { p { font-size:(@size-font)*1.2; line-height:(@line-height)*1; padding:0 11.9%; } } } } /* footer */ footer { .ft { p { float:left; width:60%; } ul { float:left; li { display:block; float:left; } } .list1 { float:right; border-bottom:0; width:39%; } } } } /*************************************************************/ @media only screen and (min-width: 660px) { /* header */ header { background-position:left top; } /*Path*/ #path { nav { font-size:(@size-font); } .print { display:block; right:10px; } .share { .icon { padding:0; top:-2px; right:35px; width:120px; text-align:left; a { margin:0 (@size-padding)/2; float:left; } } } } /* main */ #main { header.title-page { .title-page; border-bottom:0; } header.intro { border-bottom:1px solid @border-color-gray-light; padding:0 (@size-padding)*3 (@size-padding)*2 (@size-padding)*3; margin:0 0 (@size-padding)*3 0; h2 { font-size:(@size-font)*1.3; } span { font-size:(@size-font)*1.1; } } .listing { .right,.left { float:left; width:48%; clear:none; p { background: url(../img/back-line-small.png) left top no-repeat; margin:(@size-padding)*2 0 0 0; } } .left { margin:0 2% (@size-padding)*2 0; } .right { margin:0 0 (@size-padding)*2 2%; } .line-top { background: url(../img/back-line-small.png) 20px top no-repeat; padding:(@size-padding)*2 0 (@size-padding)*2; width:49%; display:inline-block; clear:none; } } .vert { .left, .right { width:100%; clear:both; padding:0 0 (@size-padding) 0; p { background:none; width:49%; padding:0 0 (@size-padding)*2 (@size-padding)*2; float:left; clear:none; line-height:(@line-height)/1.1; margin:0; } img { width:49%; float:left; display:block; } .link { border-top:1px solid @border-color-gray-light; padding:@size-padding 0 0 0; margin:0 0 0 (@size-padding)*2; width:49%; display:inline-block; clear:none; a { padding:0; text-align:right; } } .line-top { background: url(../img/back-line-small.png) 20px top no-repeat; padding:(@size-padding) 0 (@size-padding)*2 (@size-padding)*2; width:49%; display:inline-block; clear:none; h3 { font-size:(@size-font)*1.4; } } } } .claim { p { padding:(@size-padding)*2 (@size-padding)*4; font-size:(@size-font); line-height:(@line-height)*1.2; margin:0 0 (@size-padding)*2 0; } } .menu-tabs { background: url(../img/back-menu-tab.png) top left repeat-x; section { .width-viewport-tablet; } .tabs { li { width:auto; a { padding:(@size-padding)*2.45 (@size-padding)*4; font-size:(@size-font)*1.2 } } } .submenu-tabs { display:block; li { display:block; float:left; a { font-family:@font-family; display:block; color:@color-font-gray-light; padding:(@size-padding)*2 (@size-padding)*2 (@size-padding)*2 (@size-padding) } a.active, a:hover { color:@color-link-focus; } } } .submenu-sel { display:none; } .tabs-year { border-bottom:1px solid @border-color-focus; li { width:auto; padding:0 1px 0 0; a { padding:(@size-padding)*1.2; font-family:@font-family; font-size:(@size-font)*1.1; width:auto; } } } } .calendar { background:none; .documents { margin:0; border:0; padding:@size-padding 0 0 0; } .documents p span { float:left; padding:0 (@size-padding)*3 0 0; span.number { display:block; float:none; padding:0; } } .documents.variant { padding:(@size-padding)*2 0 0 0; } .datepicker { table { td { padding:(@size-padding)*7 (@size-padding)*4 (@size-padding) (@size-padding); font-size:(@size-font)*1.3; } th { font-size:(@size-font)/1.1; } } } .events { .documents { li { p { padding:0; } } } } } .documents { li { p { margin:0 (@size-padding)*20 0 0; } .ctn-zip { font-size:(@size-font)*1.1; padding:0; } ul.icon { position:absolute; right:0; top:-7px; margin:0; border-left:0; height:auto; width:auto; li { width:70px; border:0; height:auto; a { margin:0 auto; float:none; text-align:center; } .pdf, .website, .webcast, .zip2, .webcast2 { background-position:center top; padding:(@size-padding)*3.3 0 0 0; margin-top:(@size-padding)-3 } .zip { background-position:right top; padding:(@size-padding)-3 (@size-padding)*3.5 (@size-padding)*2 0; } } } } li:last-child { padding:0 0 (@size-padding) 0; border-bottom:1px solid @border-color-focus; margin:0 0 @size-padding 0; } } .internal { .list-box { position:relative; margin:0 (@size-padding)*2 (@size-padding)*2 0; padding:0; p.img { float:left; padding:0 (@size-padding)*2 (@size-padding)*2 0; } p { clear:none; padding:(@size-padding)*2 (@size-padding)*8 0 0; margin:0; overflow:hidden; span { font-size:(@size-font)/1.1; } } p.pdf { position:absolute; top:25px; right:0; a { background: url(../img/back-ico-pdf.png) center 10px no-repeat; padding:(@size-padding)*4 0 0 0; text-align:center; margin:0 0 0 @size-padding; } } } .list-tbl { margin:auto; float:none; width:80%; li { span { width:30%; float:left; text-align:right; } p { width:70%; clear:none; overflow:hidden; } } } .line-top-left { background: url(../img/back-line-small.png) left top no-repeat; padding:(@size-padding)*2 0 0 0; display:inline-block; clear:none; h3 { font-size:(@size-font)*1.4; } } .img { .small { display:none; } .large { display:block; } } /* .w70 { img { width:70% !important; margin:auto; } }*/ .tabs { .tabs-link { border-bottom:2px solid @border-color-focus; li { padding:0 1px 0 0; width:auto; a { padding:(@size-padding)*1.5 (@size-padding)*2.5; } } } } .data { display:block; border:1px solid @border-color-gray-light; background-color:@color-background-data; padding:(@size-padding)*2 0; position:relative; float:left; margin:0 0 (@size-padding)*2 0; li { display:block; float:left; width:33%; text-align:center; .claim { margin-bottom:0; padding-bottom:0; height:110px; p { background:none; } } } .note { clear:both; font-size:(@size-font)/1.4; width:500px; color:@color-font-gray-light; text-align:center; padding:(@size-padding)*2 0 @size-padding 0; margin:auto; span { font-size:(@size-font)*1.4; font-style:italic; font-family:@font-family; } } } .data.slider { display:none; } } .frm { legend { font-size:(@size-font)*1.1; } input { width:30%; margin:0 (@size-padding)/2 0 0; } .sel-ctn { width:50% !important; } label { &.visible { padding:0 0 (@size-padding)/2 0; } } } .frm.alert { div { padding:0 0 (@size-padding)*1.5 0; } div.check { padding:0 0 (@size-padding) 0; } input { width:50%; } .documents { li { padding:0 (@size-padding)*10 0 0; ul.icon { top:-20px; right:0; margin:@size-padding 0; li { width:auto; padding:0; margin:0; .pdf { background-position:top right; padding:(@size-padding)-3 (@size-padding)*3.5 (@size-padding)*2 0; } } } } } } table.tbl { th, td { padding:(@size-padding); } } table.tbl.tablesaw { th { padding:(@size-padding)/2; } } .tablesaw-bar { display:none; } .accordion { .link-accordion { span { font-size:(@size-font)*1.2; } } } .download { li { p { font-size:(@size-font)/1.1; } } } .result { .cols { width:33.33333%; float:left; display:block; padding:0 0 (@size-padding)*2.5 0; h2 { color:@color-font-focus; padding:0 0 (@size-padding)*2 (@size-padding)*2; } ul { float:left; padding:(@size-padding)*3 0 0 (@size-padding)*2; } } } .result.default { display:block; } .result.slider { display:none; } .detail { padding:(@size-padding)*2 0; background-color:@color-background-light; position:absolute; z-index:501; .title { display:block; width:98%; background: url(../img/back-title.png) left 44px repeat-x; padding:(@size-padding)*3 (@size-padding)*2 (@size-padding)*3 (@size-padding)*2; text-align:center; h1, h2 { background-color:@color-background-light; font-size:(@size-font)*1.7; width:auto; display:inline; padding:0 (@size-padding)*2; color:@color-font-focus; padding:0 20px !important; } span { display:block; .font-italic; font-size:(@size-font); padding:(@size-padding)/2 0 0 0; } } .intro { padding:(@size-padding)*2 (@size-padding)*16 @size-padding (@size-padding)*16; p { font-size:(@size-font); } } h2 { color:@color-font-focus; padding:(@size-padding)*2 (@size-padding)*11; font-size:(@size-font)*1.3 } .txt { p { padding:0 (@size-padding)*11 @size-padding (@size-padding)*11; } .link { padding:0; font-size:@size-font; } } .link { margin:@size-padding (@size-padding)*11 0 (@size-padding)*11; a { padding:(@size-padding)*2 0 0 0; width:100%; text-align:left; } } a.close { display:block; } p.img { display:block; } } .error-404 { .img { padding:(@size-padding)*3 0; } .int { top:15%; text-align:center; margin-left: auto; margin-right: auto; left: 0; right: 0; h1 { font-size:(@size-font)*9; } p { font-size:(@size-font)*1.4; span { display:inline; } } } .ctn { position:absolute; width:489px; height:126px; bottom:20%; margin:0 auto; padding:0; left: 0; right: 0; background: url(../img/back-error404.png) left top repeat-x; input { width:300px; } p { color:@color-font-white; font-size:(@size-font)*1.1; a { color:@color-font-white; } span { display:inline; } } } } .sel-tbl { display:none; } .exclusivity-content { .exclusivity { margin:0 0 (@size-padding)*2 0; background: url(../img/back-list-link-bullet.png) left top repeat-x; .w70 { height:237px; clear:both; img { width:1000px !important; margin-top:@size-padding; } .large { display:block; } .small { display:none; } } .tabcontent { .tabpanel { padding:(@size-padding)*2 0; margin:auto; .title { text-align:center; } .slider.year { padding:0 0 (@size-padding)*2 0; margin:0 0 (@size-padding)*4 0; text-align:center; .ctn { margin:auto; width:70%; text-align:left; img { float:left; margin:0 @size-padding 0 0; } span { display:block; float:left; color:@color-font-focus; font-size:(@size-font)*1.5; padding:(@size-padding)*10 0 (@size-padding) 0; width:40%; } p { color:@color-font-gray-light; font-size:(@size-font)*1.5; font-style:italic; float:left; display:block; clear:none; width:40%; } } } .box { background-color:@color-background-box; margin:0 0 (@size-padding)*4 0; .slider.img { width:40%; } .txt { padding:(@size-padding)*2 0 0 (@size-padding)*2; float:left; width:59%; .list { padding:0; margin:0; } } .slider.img.left { float:left; } .slider.img.right { float:right; } } } } } } } #main.hp { .title { margin:auto; background: url(../img/back-title.png) left 44px repeat-x; padding:(@size-padding)*3 (@size-padding)*2 (@size-padding)*3 (@size-padding)*2; h2, h1 { background-color:@color-background-main; font-size:(@size-font)*1.7; width:auto; display:inline; padding:0 (@size-padding)*2; } h2 { background-color:#ffffff; } span { padding:(@size-padding)*2; padding:@size-padding 15% 0 15%; } } .news { h3 { font-size:(@size-font)*1.25; } p { line-height:(@line-height); font-size:(@size-font)/1.1; } } .box { .int { h3 { font-size:(@size-font)*1.4; line-height:(@line-height)*0.9; } } } table { .txt-small { p { font-size:(@size-font)*0.8; line-height:(@line-height)*1.2; } } .txt-big { p { font-size:(@size-font)*1.1; } } } } #main.hp.int { .internal { article { time { padding:(@size-padding)*2 0 (@size-padding) 0; font-size:(@size-font)*1.2; } } p.img { padding:0; .font-italic { font-size:(@size-font); line-height:(@size-padding)*2; .uppercase { font-size:(@size-font)*4; } } } } .graphic.bg { h1, h2 { background:@color-background-light; } .organization { width:100%; height:470px; float:left; position:relative; background: url(../img/back-arrow-graphic-desktop.png) center 180px no-repeat; li { width:155px; position:absolute; margin:0; padding:(@size-padding)*2 0 0 0; span { display:block; } } li.soci { padding:(@size-padding)*3 0 0 0; top:0; margin-left: auto; margin-right: auto; left: 0; right: 0; } li.collegio { top:110px; left:12%; } li.consiglio { top:110px; margin-left: auto; margin-right: auto; left: 0; right: 0; } li.vigilanza { top:110px; right:12%; } li.rischi { top:263px; left:23%; } li.remunerazione { top:263px; right:23%; } li.societa { top:370px; margin-left: auto; margin-right: auto; left: 0; right: 0; } } p.btn { width:98%; } } .mockup { .medium { display:block; } .large { display:none !important; } .ctn { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; .title.top { background: url(../img/back-title-h.png) center center no-repeat; } .mockup-list { position:absolute; bottom:0; left:0; right:0; top:0; margin:auto; width:@width-viewport; height:644px; background: url(../img/back-mockup-tablet.png) center 305px no-repeat; li { a { position:absolute; border:0; width:192px; height:192px; display:block; overflow:hidden; text-indent:-1000px; background: url(../img/back-bullet-tab-mockup.png) top left no-repeat; margin:0; border:0; padding:0; background-size:192px; } .eng { background: url(../img/back-bullet-tab-mockup-eng.png) top left no-repeat; } } .tab1 { a { background-position:0 0; left:0; right:0; margin:auto; top:13%; } .active { background-position:0 -192px; } } .tab2 { a { background-position:0 -384px; top:320px; left:3%; } .active { background-position:0 -576px; } } .tab3 { a { background-position:0 -768px; top:320px; right:3%; } .active { background-position:0 -960px; } } } .tabcontent { padding:0; margin:70% 0 0 0 !important; background:@color-background-box url(../img/back-arrow-tabs.png) top center no-repeat; .tabpanel { clear:both; margin:auto; padding:(@size-padding)*5 0 0 0; width:@width-viewport; position:relative; header { h2 { font-size:(@size-font)*1.2; } } .cols { width:70%; margin:auto; float:none; } a.close { right:10px; top:10px; display:block; } } } } } } #claim { .intro{ height:50%; } .ctn { position:absolute; bottom:0; left:0; background:transparent url(../img/back-opacity.png) 0 0 repeat; padding:(@size-padding)+5 0 0 0; p { padding:0 0 (@size-padding)+5 0; } } } } /*************************************************************/ /* screen: >1191px */ @media only screen and (min-width: 1191px) { /* Desktop */ .bh-rwdinfo { z-index:3 } /* header */ header { z-index:500; .hd { width:@width-desktop; margin:auto; } .logo { float:left; } .open-close-menu { display:none; } .menubar { display:block; position:relative; .name-site { position:relative; top:-50px; right:0; } .lang { position:relative; top:-98px; left:760px; margin:0; width:100px; text-align:left; border:0; padding:0; font-family:@font-family; } } #menu { top:0; display:block; height:50px; .menu { position: static; width: @width-desktop; float:none; margin:auto; height:auto; min-height:auto; nav { ul { li { background:none; float:left; padding:0 8.8% (@size-padding)+5 0; width:auto; a { margin:0; text-align:center; display:block; float:left; background:none; span { display:none; } } a.active, a:hover, a.open { background:none; } .submenu { display:none; background-color:@color-background-submenu; width:100%; height:330px !important; position:absolute; top:43px; left:0; z-index:152; border-bottom:2px solid @border-color-submenu; .int { width:@width-desktop; margin:auto; height:100%; float:none; display:block; p { display:block; padding:(@size-padding)*4 0; float:left; margin:0 (@size-padding)*5 0 0; border:0; width:auto; a { display:block; width:400px; height:248px; overflow:hidden; text-indent:-1000px; background:transparent url(../img/back-img-menu.png) 0 0 repeat; } .eng { background:transparent url(../img/back-img-menu-eng.png) 0 0 repeat; } .menu-label1 { background-position:0 0; } .menu-label1:hover { background-position:0 -248px; } .menu-label2 { background-position:0 -496px; } .menu-label2:hover { background-position:0 -744px; } .menu-label3 { background-position:0 -992px; } .menu-label3:hover { background-position:0 -1240px; } .menu-label4 { background-position:0 -1488px; } .menu-label4:hover { background-position:0 -1736px; } .menu-label5 { background-position:0 -1984px; } .menu-label5:hover { background-position:0 -2232px; } } ul { float:left; width:330px; display:block; padding:(@size-padding)*4 0 0 0; border:0; li { display:block; width:100%; border:0; padding:0 0 (@size-padding)+5 0; a { font-size:@size-font; color:@color-font-submenu; text-transform:none; margin:0; display:block; text-align:left; background:none; padding:0; } a.active, a:hover { color:@color-font-menu-active; } } } } .contact { border:0; .title { display:block; background:none; h2 { color:@color-font-focus; padding:(@size-padding)*4 0 0 0; } } div { margin:(@size-padding)*2 0 0 0; float:left; display:block; width:400px; border-left:1px solid @border-color-gray-light; height:200px; padding:(@size-padding) 0 0 (@size-padding)*2; border-top:0; p { padding:0 0 (@size-padding)*3 0; font-size:(@size-font)/1.1; color:@color-font-gray-light; line-height:@line-height; strong { font-size:(@size-font)*1.1; display:block; font-weight:bold; } a { background:none; overflow:auto; text-indent:0; width:auto; height:100%; text-align:left; border:0; color:@color-font; text-transform:none; font-family:@font-family-default; font-size:(@size-font); color:@color-font-gray-light; padding:0; } a:hover { color:@color-font-focus; } span { .font-italic; font-size:@size-font; } } p.email { background:transparent url(../img/back-ico-contacts.png) 0 4px no-repeat; padding:0 0 (@size-padding)*3 (@size-padding)*2.5; margin:0; } p.phone { background:transparent url(../img/back-ico-contacts.png) 0 -182px no-repeat; padding:0 0 (@size-padding)*3 (@size-padding)*2.5; margin:0; } p.site { background:transparent url(../img/back-ico-contacts.png) 0 -384px no-repeat; padding:0 0 (@size-padding)*3 (@size-padding)*2.5; margin:0; } } .first { border-left:0; padding:(@size-padding)*3 0 0 0; width:370px; } } } } .last { padding:0 0 (@size-padding)+5 0; } } } .lev1 { display:none; } .topbar { position:relative; top:-175px; right:0; display:block; .search, .services, .frm-search { position:static; float:right; width:auto; padding:(@size-padding)+5 @size-padding 0 0; display:block; font-size:@size-font; } .frm-search { padding:0; } .search { margin:(@size-padding)/1.5 @size-padding 0 0; padding:(@size-padding)/1.5 @size-padding; background:none; background-color:@color-background-input; display:none; input { width:100%; padding:0; } } .link-search { display:block; float:right; background: url(../img/back-ico-search-2x.png) 0 0 no-repeat; width:20px; height:20px; overflow:hidden; text-indent:-1000px; margin:(@size-padding)+2 0 0 0; background-size: 20px 20px; a { display:block; } } .services { ul { li { padding:0 @size-padding; width:auto; background:none; } } } } } } } /*Path*/ #path { nav { padding:(@size-padding) (@size-padding)*5 (@size-padding) 0; } .int { width:@width-desktop; margin:auto; } .share { right:0; top:6px } .print { right:0; } } /* main */ #main { .aux { width:@width-desktop; margin:auto; } header.title-page { width:100%; border-bottom:0; h1 { padding:0 (@size-padding)*2 0 0; } } header.intro { padding:0 (@size-padding)*7 (@size-padding)*2 (@size-padding)*7; } .listing { width:100%; margin:0; } .vert { div { p { line-height:(@line-height)*1.3 !important; } .link { margin:(@size-padding)*2 0 0 (@size-padding)*2; } } } .claim { p { padding:(@size-padding)*2 (@size-padding)*15; } } .menu-tabs { section { width:100%; margin:0 0 (@size-padding)*2 0; } } .calendar { .datepicker { width:70%; float:left; } .events { float:right; width:27%; padding:(@size-padding)*6 0 0 0; } } .internal { width:100%; margin:0; header.title h2, header.title h3 { padding:0 0 (@size-padding)*2 0; } .cols { padding:0 0 (@size-padding)*2 0; width:50%; img { width:95%; } .txt { p, ul { padding:0 (@size-padding)*4 (@size-padding)*2 0; } } .claim { width:95%; p { font-size:(@size-font); } } table.tbl { width:95%; } .img { padding:0 !important; } .bg { width:98%; h3 { font-size:(@size-font)*1.2; } } .download { width:98%; } .btn { text-align:left; } } .right { table.tbl, .bg, .download { float:right; } } .small { width:38%; } .large { width:62%; } .line { border-bottom:1px solid @border-color-gray-light; } .list-box { width:48.2%; clear:none; } .list-box.three-el { min-height:90px; width:30%; margin:0 0 (@size-padding)*2 0; position:relative; .link { padding:0; position:absolute; bottom:5px; right:0; } } .list-box.three-el.bg { min-height:320px !important; } .list-box.three-el.center { width:30%; margin:0 5% (@size-padding)*2 5%; } .list-box.right { margin:0 0 (@size-padding)*2 (@size-padding)*2; } .production { background: url(../img/back-link-baloon.png) center 200px no-repeat; padding:0; .production-list { float:left; width:100%; li { width:450px; float:left; display:block; text-align:left; a { overflow:hidden; text-indent:-1000px; width:271px; height:400px; display:block; float:left; margin:0; } } .tab1 { a { background: url(../img/back-link-materie.png) left top no-repeat; height:400px; } .eng { background: url(../img/back-link-materie-eng.png) left top no-repeat; } .active { background-position:0 -400px; } } .tab2 { a { background: url(../img/back-link-produzione.png) left top no-repeat; height:400px; } .eng { background: url(../img/back-link-produzione-eng.png) left top no-repeat; } .active { background-position:0 -400px; } } .tab3 { width:270px; a { background: url(../img/back-link-collezione.png) left top no-repeat; height:423px; } .eng { background: url(../img/back-link-collezione-eng.png) left top no-repeat; } .active { background-position:0 -423px; } } } .tabcontent { background-color:@color-background-box; margin:0 0 (@size-padding)*4 0; padding:0; .tabpanel { background-color:@color-background-box; padding:(@size-padding)*2 0 (@size-padding)*4 0; width:@width-desktop; margin:auto; .title-box { display:block; width:100%; background: url(../img/back-title.png) left 44px repeat-x; padding:(@size-padding)*3 (@size-padding)*2 (@size-padding)*3 (@size-padding)*2; text-align:center; h2 { background-color:@color-background-box; font-size:(@size-font)*1.7; width:auto; display:inline; padding:0 (@size-padding)*2; color:@color-font-focus; } } a.close { top:25px; display:block; } } } .cols { padding:0 0 (@size-padding)*5 0; } } .maps { position:relative; .img { display:block; } .col-left { position:absolute; top:50px; left:100px; width:620px; } .col-right { width:270px; position:absolute; top:50px; right:100px; } .country { margin:0 0 (@size-padding)*2 0; float:left; width:270px; .a-link { width:270px; } } .right { width:270px; float:right; } } .data { li { width:25%; } .note { position:absolute; bottom:20px; right:20px; padding:0; text-align:right; } } .stock-quotes { iframe { height:1440px; } } .w70 { img { width:70% !important; margin:auto; } } } .internal.bg { .cols { p.img { margin:0 0 (@size-padding)*2 0; } .link { margin:0 5% 0 0; } &.even { p.img { img { margin:0 0 0 5%; } } .txt, h2, .link { p { margin:0 0 0 5%; } } h2 { margin:0 0 0 5%; } } } } .slider-img { .bx-next, .bx-prev { top:75px; } .bx-next { right:-35px; } .bx-prev { left:-45px; } } .accordion { .cols { .claim { margin:(@size-padding)*2 0; } } } .result { float:left; width:100%; border:0; .cols { h2 { text-align:left; } p.img { float:left; width:33%; display:block; } } } .top { display:block; clear:both; width:@width-viewport; a { width:57px; height:31px; overflow:hidden; text-indent:-1000px; background: url(../img/back-top.png) top left no-repeat; float:right; margin:0 3.5% 2% 0; } } .detail { .cols { float:left; width:50%; } .intro { padding:(@size-padding)*2 (@size-padding)*10 @size-padding (@size-padding)*10; } h2 { padding:(@size-padding)*2 (@size-padding)*8 (@size-padding)*2 0; } .txt { p { padding:0 (@size-padding)*8 @size-padding 0; } } .link { margin:@size-padding (@size-padding)*8 0 0; font-size:(@size-font) !important; } } .card { .detail { min-height:425px; bottom:0; left:0; position:absolute; .title { width:@width-desktop; margin:auto; } .cols { padding:(@size-padding)*2 0 0 (@size-padding)*8; } } } } #main.hp { z-index:100; margin:65% 0 0 0; .title { width:@width-desktop; span { font-size:(@size-font)*1.2; } } .box { width:25%; display:block; float:left; img { width:100%; } .large { display:block; } .small, .medium { display:none; } } .bg-hp-bottom { display:block; } .box-bottom { background-color:transparent; position:relative; clear:both; h3 { font-size:(@size-font)*1.3; padding:(@size-padding)+15 0; } h4 { text-align:center; color:@color-font-title-hp; font-size:(@size-font)*1.2; padding:0 0 (@size-padding)+5 0; } .left, .center, .right { border-bottom:0; clear:none; background-color:@color-background-hp-box; height:450px; float:left; width:370px; position:relative; p.btn.light { position:absolute; bottom:15px; margin-left: auto; margin-right: auto; padding:0; left: 0; right: 0; } } .left, .right.last { table { th, td { height:77px; } .more { bottom:-18px; } } } .center { margin:0 0 0 2.5%; table { th, td { height:62px; } .more { bottom:-3px; } } } .right { float:right; table { th, td { height:100px; } .more { bottom:-40px; } } } .ctn { position:absolute; top:8%; left:0; width:100%; .box-center { margin:auto; width:@width-desktop; clear:both; } } img.small { display:block; } .box { width:100%; height:auto; } .claim { p { padding:(@size-padding)*8 0 (@size-padding)*2 0 !important; } } .result { width:90%; margin:0 auto; float:none; .cols { width:100%; border-bottom:1px solid @border-color-gray-light; padding:0 0 (@size-padding)*2 0; h2 { text-align:center; padding:(@size-padding)*2 @size-padding; color:@color-font-title-gray-light; } p.img { float:left; width:40%; display:block; } } } } .box-bottom.h420 { .left, .center, .right { height:420px; } } table { width:90%; .last{ border-bottom:1px solid @border-color-tbl; } .more { position:absolute; bottom:10px; left:130px; } } } #main.hp.int { margin:-120px 0 0 0;; .internal { padding:0 0 (@size-padding)*2 0; .left { width:65%; padding:0 8% 0 0; display:inline; } .right { width:35%; } .left, .right { h2 { padding:0 0 (@size-padding)*2 0; font-size:(@size-font)*1.5; } p { padding:0 0 @size-padding 0; } .link { margin:@size-padding 0 0 0; } .font-italic { font-size:(@size-font); } p.img { padding:0; } } } .graphic.bg { padding:0 0 (@size-padding)*2 0; iframe { height:405px; } .ctn-tbl { width:50%; clear:none; table { float:right; } th, td { height:55px; } } .link { margin:@size-padding (@size-padding) 0 (@size-padding)*5; } p.btn { width:100%; } .organization { background: url(../img/back-arrow-graphic-desktop.png) 50% 180px no-repeat; li { width:250px; } } } .box-bottom.h560 { padding:(@size-padding)*5 0; position:relative; .ctn { position:static; width:@width-desktop; margin:auto; } .left { position:relative; height:auto; margin:0 2.5% 0 0; } .left.last { margin:0; } img.small { display:none; } .detail { position:absolute; top:0; left:0; } } .box-bottom.h270 { .ctn { top:13%; h3 { border-top:0; } } .left, .center, .right { height:270px; .box { p { padding:(@size-padding)*2; margin:0 (@size-padding)+5; line-height:(@line-height)*1.1; border-bottom:1px solid @border-color-title; height:90px; } p.btn.light { border:0; position:static; } } } } .box-bottom.h150 { .ctn { top:20%; h3 { border:0; } } .left, .center, .right { height:150px; .box { p.btn { position:static; } } } } .mockup { .medium { display:none; } .large { display:block !important; width:100%; } .ctn { .mockup-list { width:@width-desktop; height:420px; background: url(../img/back-mockup.png) center 225px no-repeat; .tab1 { a { top:20px; } } .tab2 { a { top:245px; left:130px; } } .tab3 { a { top:245px; right:130px; } } } .tabcontent { margin:35% 0 0 0 !important; .tabpanel { padding:(@size-padding)*5 0 0 0; width:@width-desktop; .cols { width:50%; margin:0; float:left; .txt { p { padding:0 0 (@size-padding)*2 0; } } } a.close { top:10px; display:none; } } } } } } #claim { min-width:100%; width:100%; position:fixed; margin:0; z-index:1; .intro{ top:30%; .int { p { font-size:(@size-font)*1.4; line-height:(@line-height)*1.2; padding:0 21%; } } } .ctn { .arrow { display:block; position:absolute; top:50px; right:50px; z-index:205; a { width:40px; height:22px; overflow:hidden; text-indent:-1000px; background: url(../img/back-arrow.down.png) top left no-repeat; float:left; display:block; } } } } #claim.int { position:relative; top:-150px; .intro{ top:38%; } } /*footer*/ footer { position:relative; .ft { width:@width-desktop; margin:auto; p { width:auto; float:left; padding:(@size-padding)+5 @size-padding @size-padding @size-padding; } .list1, .list2 { float:left; border-bottom:0; width:auto; margin:0 0 0 10px; padding:(@size-padding)+5 @size-padding @size-padding @size-padding; li { width:auto; margin:0; a { margin:0 0 0 10px; } } } } } } /*************************************************************/ /* print */ @media print { div, section, nav, article { width:100% !important; padding:0 !important; margin:0 !important; display:block !important; clear:both !important; color:@color-font; position:static; } section { /*page-break-after: always;*/ } .logo-print { display:block; text-align:center; border-bottom:1px solid @border-color-focus !important; img { margin:0 auto 20px auto !important; } } #main, .aux, .internal, .listing, #path { width:100% !important; padding:0 !important; margin:0 !important; display:block !important; clear:both !important; p, ul, h1, h2, h3, h4 { padding:0 0 @size-padding 0 !important; margin:0 !important; width:100% !important; clear:both !important; li { padding-left:0 !important; padding-right:0 !important; } } h1, h2, h3, h4 { padding:@size-padding 0 !important; color:@color-font-focus !important; } h1 { padding:0 0 @size-padding 0 !important; } header { margin:@size-padding 0 !important; padding:0 !important; clear:both !important; width:100% !important; } img { margin:@size-padding 0 !important; width:auto !important; &.large { display:block !important; } &.small { display:none !important; } } .documents, .download { width:100% !important; display:block !important; li { width:100% !important; display:block !important; border:0 !important; padding:0 !important; p { a { display:none !important; } } } } .accordion { .ctn { display:block !important; } } table { page-break-inside: avoid; width:100% !important; padding:0 !important; margin:0 0 @size-padding 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; th, td { padding:3px !important; } } } #path { padding:0 !important; margin:0 !important; } footer { border-top:1px solid @border-color-gray !important; padding:(@size-padding) 0 0 0 !important; margin:(@size-padding)*2 0 0 0 !important; width:100% !important; .list1, .list2 { display:none !important; } } .logo, .menubar, #path, .link, .btn, .pdf, .tabs-year, .submenu-tabs, ul.tabs, .submenu-sel, ul.icon, .slider-img, .slider, .top, .pagination, .production .production-list, .sel-tbl, .tabcontent .download { display:none !important; } } /*sistemazione footer cookie policy Marco*/ table.tblCookie {border-collapse: collapse; width:100%; } table.tblCookie th { font-weight: bold; } table.tblCookie th, table.tblCookie td { text-align: left;border: 1px solid #4b4b4b; padding: 5px; font-size: 0.9090909090909091em; line-height: 1.54em; vertical-align: top; } footer .ft .list1 li{ width: 50%; padding-bottom:1em; text-align:center; } footer .ft .list1 .right { text-align:center; } footer .ft .footSep{ clear:both; } @media only screen and (min-width: 660px) { footer .ft .list1 li { width: auto; padding-right:1em; padding-left:1em; } footer .ft .list1 .right { text-align:right; } footer .ft .footSep{ display:none; } } @media only screen and (min-width: 660px) and (max-width: 1190px) { footer .ft p { float: left; width: 100%; } footer .ft .list1{ width:100%; border-bottom:1px solid #7b7b7b; } } /* cookie law */ .cookieMessage { position:fixed; bottom:0; left:0; background-color:rgba(0,0,0,0.9) !important; color: #fff; z-index:9999999; width:100%; text-align:left; padding: 20px; font-size:13px; line-height:13px; font-family: Georgia, serif !important; border-top: 1px solid #c96; p { font-size:13px; font-weight: light; font-family:Georgia, serif !important; } h3 { font-family: Georgia, serif !important; color: #c96; font-weight: bold; padding-bottom:5px; } .notice-inner { max-width: 900px; margin:0 auto; p{ font-family:Georgia, serif !important; font-style: italic; line-height: 1.4em; a { text-decoration:underline; } &.btn { a { text-decoration:none; font-weight:normal; } } } } .actions { margin-top:5px; text-align:center; height:47px; } a { color: #fff; font-weight:normal; } a:hover{ text-decoration:none; } a.close { position:absolute; top:10px; right:10px; font-family:sans-serif !important; font-size:20px; color:#ccc } }