/* ------------------------------- FONT */

@font-face {
    font-family: 'TradeGothicLHRegular';
    src: url('trade-webfont.eot');
    src: url('trade-webfont.eot?#iefix') format('embedded-opentype'),
         url('trade-webfont.woff') format('woff'),
         url('trade-webfont.ttf') format('truetype'),
         url('trade-webfont.svg#TradeGothicLHRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * Emigre web font kit 5332f7c7418a9
 * 
 * These fonts are not shareware. 
 * Use of these fonts requires the purchase 
 * of a license from Emigre, www.emigre.com  
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?PFilR.html
 *
 * © 2012 Emigre, Inc
 */


@font-face {
    font-family: 'FilosofiaRegularRegular';
    src: url('filosreg-071211001EmigreWebOnly.eot');
    src: url('filosreg-071211001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('filosreg-071211001EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
 * Emigre web font kit 5332f7c742515
 * 
 * These fonts are not shareware. 
 * Use of these fonts requires the purchase 
 * of a license from Emigre, www.emigre.com  
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?PFilI.html
 *
 * © 2012 Emigre, Inc
 */


@font-face {
    font-family: 'FilosofiaItalicRegular';
    src: url('filosita-071211002EmigreWebOnly.eot');
    src: url('filosita-071211002EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('filosita-071211002EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ------------------------------- RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


/* ------------------------------- GENERAL */

body { margin: 0 auto; padding: 0; font-family: 'FilosofiaRegularRegular', Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 18px; color: #000; }

em { font-family: 'FilosofiaItalicRegular', Georgia, "Times New Roman", Times, serif; font-style: normal; }


/* ------------------------------- SUPERSIZED & HOME */

#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/progress.gif) no-repeat center center;}

#supersized { position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }

#supersized img { width: auto; height: auto; position: relative; outline: none; border: none; }

#splash-logo { width: 195px; position: absolute; right: 15%; /*bottom: 20%;*/ bottom: 10%; }

#splash-logo img { margin-bottom: 10px; }

#splash-logo ul { list-style-type: none; text-align: center; }

#splash-logo ul li { display: inline; position: relative; }

#splash-logo ul li a { color: #FFF; text-decoration: none; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; padding: 6px 10px; display: inline-block; border-right: 1px solid #FFF; border-top: 1px solid #FFF;}

#splash-logo ul li a:hover { color: #CCC; }

#splash-logo ul li a.no-line { border-right: none; }


/* ------------------------------- HEADER */

#header { width: 100%; border-bottom: 1px solid #8D8D8D; margin-bottom: 50px; }

#headercontainer { padding: 0; margin: 0 auto; width: 960px; padding-top: 20px; }

#header-company, #header-logo, #header-languages { float: left; height: 30px; /*margin-bottom: 20px;*/ border-bottom: 20px solid #FFF; }

#header-logo { width: 320px; text-align: center; }

#header-logo img { width: 160px; height: auto; } /* RG 2019 */  

#header-company { width: 300px; border-left: 20px solid #FFF; text-align: left; }

#header-company img { width: 130px; height: auto; } /* RG 2019 */

#header-languages { width: 300px; border-right: 20px solid #FFF; text-align: right; }


/* ------------------------------- MENU */

#menu { width: 100%; clear: both; }

#menu ul { list-style-type: none; text-transform: uppercase; text-align: center; border-bottom: 1px solid #8D8D8D; }

#menu ul li { display: inline; position: relative; }

#menu ul li a { color: #000; text-decoration: none; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 10px; padding: 5px 0; margin: 0 12px; display: inline-block; }

#menu ul li a:hover { color: /*#B18B80*/ #917269; }

#menu ul li.active-menu a { color: /*#B18B80*/ #917269; }

#menu ul li ul { position: absolute; left: -70%; top: 20px; width: 500px; text-align: left; border-bottom: none;}

#menu ul li ul li { display: inline; position: relative; }

#menu ul li ul li a { color: #000; text-decoration: none; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 10px; padding: 8px 12px 5px 12px; margin: 0; float: left; border-left: 1px solid #8D8D8D; }

#menu ul li ul li:first-child a { border-left: none; }

#menu ul li.active-menu ul li a { color: #000; }

#menu ul li.active-menu ul li a:hover { color: /*#B18B80*/ #917269; }

#menu ul li.active-menu ul li.active-menu a { color: /*#B18B80*/ #917269; }

#menu ul li.projects ul { position: absolute; left: -80px; top: 20px; width: 700px; text-align: left; border-bottom: none;}

#menu2 { width: 100%; clear: both; margin-bottom: 30px; height: 30px; }

#menu2 ul { list-style-type: none; text-transform: uppercase; text-align: center; }

#menu2 ul li { display: inline; position: relative; }

#menu2 ul li a { color: #000; text-decoration: none; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 10px; padding: 8px 12px 5px 12px; margin: 0; display: inline-block; border-left: 1px solid #8D8D8D; }

#menu2 ul li:first-child a { border-left: none; }

#menu2 ul li a:hover { color: /*#B18B80*/ #917269; }

#menu2 ul li.active-menu a { color: /*#B18B80*/ #917269; }

.has_search { margin-right: 12px; }

.has_search a { border-right: 1px solid #8D8D8D; }



/* ------------------------------- LANGUAGES */

#header-languages ul { list-style-type: none; border-top: 10px solid #FFF; /* new */ }

#header-languages ul li { display: inline; border-right: 1px solid #000; }

#header-languages ul li a { color: #000; text-decoration: none; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; /*padding: 10px 4px 10px 2px;*/ padding: 0px 4px 0px 2px; display: inline-block; }

#header-languages ul li a:hover { color: /*#B18B80*/ #917269; }

#header-languages ul li.no-line { border: none; }


/* ------------------------------- CONTENTS */

.contents-block { padding: 0; margin: 0 auto; width: 960px; position: relative; }

.block740 { width: 740px; display: inline; float: left; margin-left: 110px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block720 { width: 720px; display: inline; float: left; margin-left: 120px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block680 { width: 680px; display: inline; float: left; margin-left: 140px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block640 { width: 640px; float: left; display: inline; margin-left: 160px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block600 { width: 600px; display: inline; float: left; margin-left: 180px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block540 { width: 540px; display: inline; float: left; margin-left: 210px; font-size: 16px; line-height: 22px; margin-bottom: 40px; clear: both; }

.block500 { width: 500px; display: inline; float: left; margin-left: 230px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block430 { width: 430px; display: inline; float: left; margin-left: 265px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block470 { width: 450px; display: inline; float: left; margin-left: 285px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.block800 { width: 800px; display: inline; float: left; margin-left: 80px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.technical-notes { width: 800px; display: inline; float: left; margin-left: 80px; font-size: 16px; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #8D8D8D; margin-bottom: 40px; }

.block150 { /*width: 150px;*/ padding: 0 20px; margin-bottom: 30px; }

.block150.alignleft a { display: block; float: left; /*width: 64px; height: 64px;*/ width: 80px; height: 80px; overflow: hidden; margin-right: 12px; } /* RG 2019 */

.block150.alignleft a:hover img { /*margin-top: -64px;*/ margin-top: -80px; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } /* RG 2019 */

.block150.alignleft img { width: 80px; height: auto; } /* RG 2019 new */


/* ------------------------------- TOP TEN */

.topten { width: 130px; height: 190px; margin: 0 15px 0 15px; float: left; text-align: center; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 9px; line-height: 11px; text-transform: uppercase; }

.topten img { border-radius: 120px; margin-bottom: 5px; }

.topten a { text-decoration: none; color: #000; }

.topten a:hover { color: /*#B18B80*/ #917269; }

.topten a:hover span { color: #000; }


/* ------------------------------- INSIDE INTRO */

.block500 p { margin-bottom: 24px; }

.block500 p img { margin-bottom: 20px; }

.block500 p a, .block540 p a { color: #000; text-decoration: none; }

.block500 p a:hover, .block540 p a:hover { color: /*#B18B80*/ #917269; }


/* ------------------------------- INSIDE PHILOSOPHY */

.block500 ul { padding-left: 20px; }


/* ------------------------------- INSIDE CERTIFICATIONS */

.download-certifications { width: 50%; float: left; font-size: 14px; }

.download-certifications ul { list-style-type: none; padding-left: 0; }

.download-certifications ul li { background: url(../img/icon-list-typology.png) left top no-repeat; padding-left: 8px; }

.download-certifications ul li a { color: #000; text-decoration: none; }

.download-certifications ul li a:hover { color: /*#B18B80*/ #917269; }


/* ------------------------------- INSIDE REFERENCES */

.references-typologies ul { list-style-type: none; padding-left: 0; width: 640px; }

.references-typologies ul li { display: inline; width: 210px; }

.references-typologies ul li a { float: left; margin-right: 5px; margin-bottom: 10px; width: 200px; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; text-transform: uppercase; font-weight: 800; color: #000; text-decoration: none; margin-bottom: 40px; }

.references-typologies ul li a:hover  { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; }

.reference-type-list ul { padding-left: 0; list-style-type: none; }

.references-typologies h2.titolo-nero { font-weight: normal!important; }


/* ------------------------------- INSIDE HISTORY & GROUP */

.block-history-group { width: 640px; float: left; display: inline; margin-left: 160px; font-size: 16px; line-height: 22px; margin-bottom: 30px; }

.block-history-group h1 { color: #917269; }

.block-history-group h2, .block-history-group p.brown { font-size: 25px; line-height: 26px; font-weight: normal; margin-bottom: 20px; color: #917269; }

.block-history-group h3 { font-weight: normal; text-decoration: underline; }

/*.block-history-group h2, .block-history-group h3 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 22px; text-transform: uppercase; font-weight: normal; }

.block-history-group h2 { background: url(../img/black-line.png) left bottom no-repeat; }

.block-history-group h3 { margin-bottom: 8px; }*/

.block-history-group p { margin-bottom: 24px; }

.block-history-group p img { margin-bottom: -12px; }


/* ------------------------------- INSIDE CAREERS */

.posizioni-careers { width: 100%; float: left; margin-bottom: 20px; }

.posizioni-careers ul { list-style-type: none; padding-left: 0; }

.posizioni-careers ul li { display: inline; }

.posizioni-careers ul li a { float: left; margin-right: 10px; margin-bottom: 10px; }


/* ------------------------------- INSIDE SHOWS */

.block-shows { width: 612px; display: inline; float: left; margin-left: 174px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.single-show { width: 100%; float: left; margin-bottom: 30px; font-size: 16px; }

.single-show img { float: left; margin-right: 30px; margin-bottom: 20px; }

.single-show p { clear: left; }


/* ------------------------------- INSIDE CLIENTS */

.block-clients { width: 740px; display: inline; float: left; margin-left: 110px; font-size: 16px; line-height: 22px; margin-bottom: 40px; text-align: center; }

.block-clients h1 { color: /*#917269;*/ #000; float: left; }


/* ------------------------------- INSIDE CELEBRATING */

.box-celebrating { width: 520px; float: left; display: inline; margin-left: 160px; margin-bottom: 30px; }

.menu-celebrating { width: 160px; float: left; }

.intro-celebrating { width: 360px; float: left; }

.menu-celebrating ul { list-style-type: none; }

.menu-celebrating ul li { margin-bottom: 12px; }

.menu-celebrating ul li a { font-family: 'FilosofiaItalicRegular', Georgia, "Times New Roman", Times, serif; font-style: normal; color: #000; text-decoration: none; font-size: 16px; line-height: 16px; background: url(../img/icon-list-bedroom.png) left top no-repeat;  padding-left: 12px; display: block; }

.menu-celebrating ul li a span { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 13px!important; text-transform: uppercase; font-style: normal; }

.menu-celebrating ul li a:hover { color: /*#B18B80*/ #917269; }

.box-friendly-faces { width: 640px; float: left; display: inline; margin-left: 160px; margin-bottom: 30px; }


/* ------------------------------- INSIDE MEETS ASIA */

.meets-asia { width: 880px; float: left; display: inline; margin-left: 40px; font-size: 16px; line-height: 22px; }


/* ------------------------------- PROJECTS */

.projects-category { width: 160px; float: left; display: inline; margin: 0 20px 40px 20px; }

.projects-category .slide-title { font-size: 22px; line-height: 22px; text-align: left; /*font-family: Georgia, "Times New Roman", Times, serif;*/ }

.projects-category a { text-decoration: none; color: #000; font-weight: normal; }

.projects-category a:hover { color: /*#B18B80*/ #917269; }

.block600 ul { list-style-type: none; }

.block600 ul li a { color: #999; text-decoration: none; }

.block600 ul li a:hover { color: #000; }

p.viewall a { padding: 4px; border: 1px solid #000; text-decoration: none; color: #000; font-size: 13px; }

p.viewall a:hover { color: /*#B18B80*/ #917269; border: 1px solid /*#B18B80*/ #917269; }

.projects-cover { width: 210px; float: left; display: inline; margin: 0 10px 40px 20px; }

.projects-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 9px; line-height: 11px; text-transform: uppercase; text-decoration: none; color: #000; }

.projects-cover a:hover { color: /*#B18B80*/ #917269; }

.projects-cover a:hover span { color: #000; }

.projects-cover img { padding-top: 5px; float: left; margin-right: 10px; }

p.from-interna { color: #B10933; margin-bottom: 0; }

ul.project-concepts { list-style-type: none; }

ul.project-concepts li a { padding-left: 10px; background: url(../img/icon-list-concepts.png) left top no-repeat; color: #999; text-decoration: none; font-size: 16px; line-height: 20px; }

ul.project-concepts li a:hover { color: #000; }


/* ------------------------------- PRODUCTS */

#menu-products-column { width: 120px; float: left; padding-top: 65px; position: relative; }

#menu-products-column ul li a { color: #000; text-decoration: none; }

#menu-products-column ul li a:hover { color: /*#B18B80*/ #917269; }

#menu-products-column h3 { font-weight: normal; color: #B10933; font-size: 14px; }

#abaco-column { width: 840px; float: right; }

.products-block { width: 100%; float: left; margin-bottom: 30px; }

.products-cover { width: 190px; float: left; margin: 0 6px 16px 6px; }

.products-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 9px; line-height: 16px; text-transform: uppercase; text-decoration: none; color: #000; }

.products-cover a:hover { color: /*#B18B80*/ #917269; }

.products-cover a:hover span { color: #000; }

.item-block { width: 100%; float: left; margin-bottom: 30px; }

.item-drawing { border: 1px solid #8D8D8D; padding: 10px 0 10px 10px; margin-bottom: 10px; }

.item-code { float: left; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; text-transform: uppercase; }

.item-view-finishes { float: right; }

.item-view-finishes a { color: #000; text-decoration: none; padding-right: 20px; background: url(../img/to-finishes.png) center right no-repeat; }

.item-view-finishes a:hover { color: /*#B18B80*/ #917269; }

.concept-description { float: left; clear: both; padding-left: 20px; margin-bottom: 10px; }

.concept-description h1 { font-size: 25px; color: #B10933; font-weight: normal; }

span.concept-pipe { font-size: 20px; color: #000; }

.concept-description h1 span.concept-data { font-size: 16px; color: #000; }

.concept-gallery { float: right; padding-right: 20px; padding-top: 10px; }

.concept-gallery ul { list-style-type: none; float: right; }

.concept-gallery ul li { display: inline; }

.concept-gallery ul li a { display: block; float: left; width: 18px; height: 18px; margin-left: 8px; background: url(../img/view-gallery-dot.png) left top no-repeat; text-indent: -9999px; }

.concept-gallery ul li a:hover { background: url(../img/view-gallery-dot.png) left -20px no-repeat; }

.gallery-data { float: left; font-size: 15px; }

.note { background: url(../img/asterisco.png) left top no-repeat #FFF; width: 20px; height: 10px; text-indent: -9999px; display: inline-block; }

.postilla { font-size: 13px; }


/* ------------------------------- COLLECTIONS */

.cover-collection { width: 170px; float: left; margin-bottom: 20px; }

.cover-collection a { color: #000; text-decoration: none; }

.cover-collection a:hover { color: /*#B18B80*/ #917269; }

.cover-collection a:hover span { color: #000; }

.cover-collection img { float: left; margin: 0 45px 10px 0; }

.intro-collection { width: 820px; float: left; display: inline; margin-left: 124px; margin-bottom: 30px; font-size: 16px; line-height: 20px; }

.intro-collection h1 { color: #B10933; }

.intro-collection p { margin-right: 20px; }

.bedroom-cover { width: 145px; height: 200px; position: relative; float: left; margin-right: 15px; border-top: 20px solid #FFF; }

.bedroom-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; text-transform: uppercase; text-decoration: none; color: #000; }

.bedroom-cover a:hover { color: /*#B18B80*/ #917269; }

.bedroom-cover a:hover span { color: #000; }

.bedroom-cover img { position: absolute; bottom: 0; left: 0; }

.menu-bedroom { width: 184px; float: left; margin-right: 20px; }

.menu-bedroom ul { list-style-type: none; padding-top: 36px; }

.menu-bedroom ul li { margin-bottom: 8px; }

.menu-bedroom ul li a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 14px; text-transform: uppercase; text-decoration: none; color: #000; padding-left: 12px; background: url(../img/icon-list-bedroom.png) left top no-repeat; display: block; }

.menu-bedroom ul li a:hover { color: /*#B18B80*/ #917269; }

.menu-bedroom ul li a:hover span { color: #000; }

.zoom-bedroom { width: 610px; float: left; }

.zoom-bedroom img { float: left; margin-right: 12px; }

.zoom-bedroom h1 { margin-bottom: 10px; }


/* ------------------------------- FINISHES */

.finishes-item { width: 142px; height: 180px; float: left; margin: 0 15px 20px 5px; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 13px!important; }

.finishes-item img { border: 1px solid #8D8D8D; margin-bottom: 4px; }

.intro-finishes .red { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; }

.intro-finishes h2 { color: #B10933; font-size: 22px; line-height: 26px; font-weight: normal; margin-bottom: 20px; }

.intro-finishes h1 { color: #000!important; }


/* ------------------------------- TECHNICAL NOTES */

.technical-notes h2, .technical-notes h3, .technical-notes h4, .technical-notes p { margin-right: 20px; }

.technical-notes h2 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; text-transform: uppercase; margin-bottom: 18px; }

.technical-notes h3 { font-size: 18px; line-height: 18px; font-weight: normal; margin-bottom: 18px; color: #B10933; }

.technical-notes h4 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; font-weight: normal; text-transform: uppercase; }


/* ------------------------------- FABRICS */

.intro-fabrics { width: 100%; float: left; margin-bottom: 40px; font-size: 14px; line-height: 20px; }

.intro-fabrics p { margin: 0 220px; font-size: 16px; line-height: 20px; }

.fabrics-class-home { width: 600px; float: left; margin-bottom: 10px; }

.fabrics-type-cover { width: 140px; float: left; margin: 0 0 20px 0; }

.fabrics-type-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; text-transform: uppercase; text-decoration: none; color: #000; }

.fabrics-type-cover a:hover { color: /*#B18B80*/ #917269; }

#menu-fabrics-column { width: 200px; float: left; padding-top: 35px; position: relative; }

#menu-fabrics-column ul li a { color: #000; text-decoration: none; font-size: 14px; }

#menu-fabrics-column ul li a:hover { color: /*#B18B80*/ #917269; }

#menu-fabrics-column h3 { font-weight: normal; color: #B10933; font-size: 14px; padding-left: 40px; }

#fabrics-column { width: 700px; float: right; padding-right: 40px; }

.fabrics-block { width: 100%; float: left; margin-bottom: 20px; }

.fabrics-block h2 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px!important; line-height: 18px!important; padding-left: 0!important; margin-bottom: 20px!important; font-weight: normal; text-transform: uppercase; color: #B10933; }

h2.fabrics-class-title span { font-family: Georgia, "Times New Roman", Times, serif; color: #000; text-transform: lowercase; font-size: 12px; }

.pictograms { float: left; display: inline; border-bottom: 1px solid #8D8D8D; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; text-transform: uppercase; }

.pictograms ul { list-style-type: none; float: right; padding-left: 10px; }

.pictograms ul li { display: inline; }

.clearfix { width: 100%; height: 1px; float: left; margin-bottom: 15px;}

.fabrics-class { width: 100%; float: left; margin-bottom: 10px; }

.fabrics-cover { width: 115px; float: left; margin: 0 0 20px 0; }

.fabrics-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; color: #000; }

.fabrics-cover a:hover { color: /*#B18B80*/ #917269; }

.fabrics-cover img { margin-bottom: 6px; }

.note-fabrics { width: 100%; float: left; margin-bottom: 40px; font-size: 14px; line-height: 20px; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; text-transform: uppercase; }

.note-fabrics p { margin: 0 220px 20px 220px; }

.pictograms-data { float: left; }


/* ------------------------------- DESIGNERS */

.block-designers { /*width: 604px;*/ width: 640px; display: inline; float: left; /*margin-left: 180px;*/ margin-left: 160px; font-size: 16px; line-height: 22px; margin-bottom: 40px; overflow: hidden; }

.intro-designers { float: left; width: 100%; margin-bottom: 30px; }

.block-designers p { font-size: 16px; }
 
.designer-cover { width: 150px; float: left; border-right: 1px solid #B10933; border-bottom: 1px solid #B10933; position: relative; }

.designer-cover-name { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background: url(../img/bg-designer.png); font-size: 13px; z-index: 10; }

.designer-cover-name a { margin: 0 5px 0 10px; line-height: 15px; display: block; padding-top: 6px; color: #000; text-decoration: none; }

.white-border { border-right: none; }

#menu-designers-column { width: 220px; float: left; padding-top: 10px; position: relative; }

#menu-designers-column ul { list-style-type: none; font-size: 15px; margin-bottom: 20px; padding-left: 40px; }

#menu-designers-column ul li a { color: #000; text-decoration: none; }

#menu-designers-column ul li a:hover { color: /*#B18B80*/ #917269; }

#menu-designers-column ul li.active-menu a { color: #B10933; }

#detail-designer-column { width: 480px; float: right; padding-right: 160px; font-size: 16px; line-height: 22px; }

#detail-designer-column h1 { color: #B10933; margin-bottom: 8px; }

p.firm { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; }

.designer-photo { margin-bottom: 30px; }

.citazione { font-family: 'FilosofiaItalicRegular', Georgia, "Times New Roman", Times, serif; font-style: normal; }

p.con-interna { text-transform: uppercase; }

#detail-designer-column ul { list-style-type: none; color: #B10933; margin-bottom: 30px; }

#detail-designer-column p { margin-bottom: 20px; }

#detail-designer-column p a { color: #000; text-decoration: none; }

#detail-designer-column p a:hover { color: #917269; }

/* DESIGNER 2019 */

.designer-card { width: 17.5%; margin-right:2.5%; height: 120px; float: left; border-top: 3px solid #000; padding-top: 6px; }
p.designer-name { margin-bottom: 0; line-height: 18px; }
p.designer-detail { margin-bottom: 0; line-height: 18px; }
p.designer-city { margin-bottom: 0; color: #B18B80; line-height: 18px }


/* ------------------------------- STORIES */

.block-stories { width: 612px; display: inline; float: left; margin-left: 174px; font-size: 16px; line-height: 22px; margin-bottom: 40px; }

.stories-cover { width: 180px; float: left; display: inline; margin: 0 12px 24px 12px; }

.detail-stories { width: 600px; float: right; padding-right: 180px; font-size: 16px; }

.detail-stories p { margin-bottom: /*24px*/ 12px; line-height: 22px; }

.stories-navigation { width: 180px; float: left; }

.stories-navigation ul { list-style-type: none; padding-left: 40px; width: 60px; height: 20px; background: url(../img/sprite-stories-navigation.png) 40px top no-repeat; position: relative; }

.stories-navigation ul li { display: inline; }

.stories-navigation ul li a { display: block; width: 20px; height: 20px; text-indent: -9999px; }

.stories-navigation ul li.top-story a { background: url(../img/sprite-stories-navigation.png) left top no-repeat; position: absolute; left: 40px; top: 0; }

.stories-navigation ul li.prev-story a { background: url(../img/sprite-stories-navigation.png) -20px top no-repeat; position: absolute; left: 60px; top: 0; }

.stories-navigation ul li.next-story a { background: url(../img/sprite-stories-navigation.png) -40px top no-repeat; position: absolute; left: 80px; top: 0; }

.stories-navigation ul li.top-story a:hover{ background-position: 0px -20px; }

.stories-navigation ul li.prev-story a:hover{ background-position: -20px -20px; }

.stories-navigation ul li.next-story a:hover { background-position: -40px -20px; }

.detail-stories p .maiuscolo-tradegothic { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 9px; line-height: 11px; text-transform: uppercase; }


/* ------------------------------- PRESS REVIEW */

.press-review-column { width: 750px; float: left; display: inline; margin-left: 105px; }

.press-review-cover { width: 130px; height: 200px; float: left; margin-bottom: 10px; margin-right: 20px; }

.press-review-cover img { border: 1px solid #CCC; margin-bottom: 4px; }

.press-review-cover a { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px; color: #000; text-decoration: none; margin-right: 10px; }


/* ------------------------------- PRESS OFFICE */

.press-office-column { width: 600px; float: left; display: inline; margin-left: 200px; }

.press-office-column h1 { margin-right: 60px; font-size: 25px; }

.press-office-halfcol { width: 300px; float: left; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; margin-bottom: 30px; }

.press-office-halfcol h2 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; text-transform: uppercase; color: /*#B18B80*/ #917269; margin-bottom: 8px; }

.press-office-halfcol a { color: #000; text-decoration: none; }

.press-office-halfcol a:hover { color: /*#B18B80*/ #917269; }



/* ------------------------------- CONTACTS */

.contacts-column { width: 520px; float: left; display: inline; margin-left: 220px; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; margin-bottom: 30px;}

.contacts-column h2 { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; text-transform: uppercase; color: /*#B18B80*/ #917269; margin-bottom: 8px; border-bottom: 1px solid #999; }

.contacts-column p { margin-left: 20px; margin-bottom: 30px; }

.contacts-column a { color: #000; text-decoration: none; }

.contacts-column a:hover { color: /*#B18B80*/ #917269; }

.contacts-column img { margin-bottom: 30px; }


/* ------------------------------- FOOTER */

#footer { padding: 30px 0; margin: 0 auto; width: 960px; text-align: center; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 9px; clear: both; }

#footer a { color: #000; }

#footer a:hover { color: /*#B18B80*/ #917269; } 


/* ------------------------------- TYPOGRAPHY */

h1 { font-size: 25px; line-height: 26px; font-weight: normal; margin-bottom: 20px; }

h1.home-title { margin-bottom: 60px; font-family: 'FilosofiaRegularRegular', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; } /* RG 2019 */

h2.home-payoff { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 20px; font-weight: normal; text-transform: uppercase; }

h1.projects { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: normal; text-transform: uppercase; color: #B10933; padding-left: 20px; }

h2.projects { font-size: 15px; font-weight: normal; color: #B10933; padding-left: 20px; text-transform: uppercase; clear: both; }

.block430 h2 { font-size: 18px; font-weight: normal; text-decoration: underline; }

h2.titolo-turnkey { font-size: 18px!important; font-weight: normal; text-decoration: underline; color: #917269; }

.block500 h2 { font-size: 16px; font-weight: normal; }

.products-intro { width: 100%; height: 550px; background: url(../img/products-intro-bg.jpg) center top no-repeat; }

.block470 h1 { font-size: 25px; line-height: 26px; font-weight: normal; margin-bottom: 30px; margin-top: -4px; font-family: 'FilosofiaItalicRegular', Georgia, "Times New Roman", Times, serif; font-style: normal; color: #666; }

#abaco-column h2 { font-size: 25px; line-height: 26px; font-weight: normal; margin-bottom: 40px; padding-left: 6px; }

.block150 ul { list-style-type: none; padding-top: 6px; } /* RG 2019 */

/*.block150 ul li:before { content:"> "; color: #B10933; } */ /* RG 2019 */

.block150 ul li a { display: inline-table; font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px; text-transform: uppercase; color: #000; text-decoration: none; padding: 6px 0; } /* RG 2019 */

.block150 ul li a:hover { color: #999; }

.block150 img { width: 260px; height: auto; } /* RG 2019 */

.block600 p, .block600 ul { padding: 0 20px; margin-bottom: 24px; }

.block540 h3 { font-weight: normal; color: /*#B18B80*/ #917269; }

.block540 ul { list-style-type: none; margin-bottom: 20px; }

.block540 p { margin-right: 350px; }

.block720 p { padding: 0 20px; margin-bottom: 50px; }

p { margin-bottom: 14px; }

#menu-products-column ul { list-style-type: none; font-size: 14px; margin-bottom: 20px; }

#menu-fabrics-column ul { list-style-type: none; font-size: 14px; margin-bottom: 20px; padding-left: 40px; }

#menu-products-column ul li a, #menu-fabrics-column ul li a { display: block; padding-left: 10px; background: url(../img/icon-list-typology.png) left -2px no-repeat; }

#menu-products-column ul.leathers li a, #menu-fabrics-column ul.leathers li a { color: #B10933; font-size: 14px; }

.intro-designers h1 { font-size: 22px; line-height: 26px; font-weight: normal; color: #B10933!important; }

.titolo-nero { font-size: 32px; color: #000; padding-top: 20px; text-align: center; padding-bottom: 32px; font-weight: normal; }

.titolo-sez-ww { font-size: 28px; color: #000; padding-top: 40px; text-align: center; padding-bottom: 6px; border-top: 1px solid #A0A0A0; margin-top: 40px; font-weight: normal; }

.titolo-sez-turnkey { font-size: 28px; color: #000; padding-top: 40px; text-align: center; padding-bottom: 30px; border-top: 1px solid #A0A0A0; margin-top: 40px; font-weight: normal; }

.titolo-brown-group { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal; color: #B18B80; border-top: 1px solid #B18B80; padding: 6px 0 4px 0; }

.anno-group { font-size: 20px; font-weight: normal; margin-bottom: 4px; padding-top: 14px; }

.sottotitolo-references { margin-top:-30px; margin-bottom: 32px; font-size:24px; font-weight:normal; font-family: 'FilosofiaItalicRegular', Georgia, "Times New Roman", Times, serif; text-align: center; }

.anni-references { margin-top:-25px; margin-bottom: 60px; font-size:24px; font-weight:normal; font-family: 'FilosofiaRegularRegular', Georgia, "Times New Roman", Times, serif; text-align: center; }


/* ------------------------------- CAROUSEL ORIZZONTALE */

.interna-carousel { width: 100%; position: relative; height: 280px; float: left; margin-bottom: 20px; }

#wrapper { width: 100%; height: 280px; overflow: hidden; position: absolute; left: 0; } /* height: da modificare, perché con 500px ci sta solo l'immagine */

#carousel { width: 990px; position: relative; }

.sliderbox { width: 330px; display: block; float: left; margin: 0 2px; text-align: center; font-size: 14px; }

#carousel img { display: block; float: left; margin-bottom: 5px; }

.sliderbox .slide-title { text-align: center; display: block; }

.sliderbox a { text-decoration: none; color: #000; }

.sliderbox a:hover { color: /*#B18B80*/ #917269; }
			
#prev { background: url(../img/prev-slide.png) right top no-repeat; display: block; height: 215px; width: 50%; top: 0; position: absolute; } /* height: da modificare, stessa altezza di #wrapper */

#next { background: url(../img/next-slide.png) left top no-repeat; display: block; height: 215px; width: 50%; top: 0; position: absolute; } /* height: da modificare, stessa altezza di #wrapper */

#next:hover { background-position: 0 -215px; }

#prev:hover { background-position: right -215px; }

#prev { left: -400px; }

#next { right: -400px; }

.carousel-concept { width: 920px; position: relative; height: 350px; float: left; margin-bottom: 20px; display: inline; margin-left: 20px; }

#wrapper-concept { width: 100%; height: 350px; overflow: hidden; position: absolute; left: 0; border-bottom: 1px solid #8D8D8D; } /* height: da modificare, perché con 500px ci sta solo l'immagine */

#wrapper-concept #carousel { width: 100%; position: relative; }

.sliderbox-concept { display: block; float: left; margin: 0; text-align: center; width: 920px; }

.sliderbox-concept img { float: none!important; margin: 0 auto; }

.carousel-concept #wrapper-concept #prev { background: url(../img/prev-slide.png) right 30px no-repeat; display: block; height: 320px; width: 50%; top: 0; position: absolute; }

.carousel-concept #wrapper-concept #next { background: url(../img/next-slide.png) left 30px no-repeat; display: block; height: 320px; width: 50%; top: 0; position: absolute; }

.carousel-concept #wrapper-concept #prev { left: -385px; }

.carousel-concept #wrapper-concept #next { right: -385px; }

.carousel-concept #wrapper-concept #next:hover { background-position: 0 -185px; }

.carousel-concept #wrapper-concept #prev:hover { background-position: right -185px; }


/* ------------------------------- CAROUSEL PROGETTI */

#project-photo { width: 960px; float: left; position: relative; }
			
#project-photo img { display: block; float: left; }

#project-images { float: left; overflow: hidden; margin-bottom: 30px; height: 470px; }

#project-thumbs { float: left; width: 200px; height: 470px; overflow: hidden; position: absolute; right: 40px; margin-bottom: 80px; }

#project-thumbs img { margin: 0 5px 10px 5px; cursor: pointer; }

#project-thumbs img.selected, #project-thumbs img:hover  { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6; }
			
#project-thumbs div { width: 200px; float: left; }

.project-description { width: 660px; float: left; clear: both; padding-left: 20px; margin-bottom: 40px; }

.project-description h1 { font-size: 22px; color: #B10933; font-weight: normal; }

.project-description h1 span { font-size: 16px; color: #000; }

.project-description p { padding-right: 220px; font-size: 16px; line-height: 22px; }


/* ------------------------------- GENERIC */

.centered { text-align: center; }

.alignleft { float: left; }

.alignright { float: right; }

.maiuscolo-tradegothic { font-family: 'TradeGothicLHRegular', Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; }

.sottolineato { text-decoration: underline; }

.fit-image img { width: 100%; height: auto; } 


/* ------------------------------- COLORS */

.gray { color: #575756; }

.brown { color: /*#B18B80*/ #917269; }

.darkbrown { color: #7A5756; }

.marine { color: #4B8A95; }

.petrol { color: #706F6F; }

.red { color: #B10933; }


/* ------------------------------- IMAGES */

.block430 img { margin-bottom: 20px; }

.interna-carousel a:hover img, .contents-block a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; }

.products-cover a img {
filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
.products-cover a:hover img {
filter: none; /* Applies to FF + IE */
-webkit-filter: grayscale(0);
filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;
}