<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */
/*
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
*/
 body
{
font-family:"Microsoft YaHei UI",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: 'Microsoft YaHei UI'; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family:'Microsoft YaHei UI';
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
    vertical-align: bottom
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: 'Microsoft YaHei UI'; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
    font-size: 18px;
    padding: 5px !important;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul{list-style: none;}

/* ==========================================================================
   Clear Floats
   ========================================================================== */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* @license
 * MyFonts Webfont Build ID 2621212, 2013-08-12T10:39:14-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Futura Pro Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/pro-light/
 * Licensed pageviews: 250,000
 * 
 * Webfont: Futura Pro Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/pro-book/
 * Licensed pageviews: 250,000
 * 
 * Webfont: Futura Pro Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/pro-bold/
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&amp;buildid=2621212
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted &amp;#x00A9; 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * Ã‚Â© 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/27ff1c");*/

  
@font-face {font-family: 'FuturaLTPro-Light';src: url('../font/27FF1C_0_0.eot');src: url('../webfonts/27FF1C_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/27FF1C_0_0.woff') format('woff'),url('../webfonts/27FF1C_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLTPro-Book';src: url('../font/27FF1C_1_0.eot');src: url('../webfonts/27FF1C_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/27FF1C_1_0.woff') format('woff'),url('../webfonts/27FF1C_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLTPro-Bold';src: url('../webfonts/27FF1C_2_0.eot');src: url('../webfonts/27FF1C_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/27FF1C_2_0.woff') format('woff'),url('../webfonts/27FF1C_2_0.ttf') format('truetype');}


.FuturaLTPro-Light { 
  font-family: 'Microsoft YaHei UI';
  font-weight: normal;
  font-style: normal;
}
.FuturaLTPro-Book { 
  font-family: 'Microsoft YaHei UI';
  font-weight: normal;
  font-style: normal;
}
.FuturaLTPro-Bold { 
  font-family: 'Microsoft YaHei UI';
  font-weight: normal;
  font-style: normal;
} 


.mCSB_container {
    margin-right: 0;
    overflow: hidden;
    width: auto;
}
.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}
.mCS_disabled &gt; .mCustomScrollBox &gt; .mCSB_container.mCS_no_scrollbar, .mCS_destroyed &gt; .mCustomScrollBox &gt; .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}
.mCustomScrollBox &gt; .mCSB_scrollTools {
    height: 100%;
    right: 0;
    top: 0;
    width: 6px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    width: 4px;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 4px;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.mCSB_scrollTools .mCSB_buttonDown {
    margin-top: -40px;
    top: 100%;
}
.mCSB_horizontal &gt; .mCSB_container {
    height: auto;
    margin-bottom: 30px;
    margin-right: 0;
    overflow: hidden;
}
.mCSB_horizontal &gt; .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}
.mCS_disabled &gt; .mCSB_horizontal &gt; .mCSB_container.mCS_no_scrollbar, .mCS_destroyed &gt; .mCSB_horizontal &gt; .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 30px;
    margin-right: 0;
}
.mCSB_horizontal.mCustomScrollBox &gt; .mCSB_scrollTools {
    bottom: 0;
    height: 16px;
    left: 0;
    overflow: hidden;
    right: auto;
    top: auto;
    width: 100%;
}
.mCSB_horizontal &gt; .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 2px;
    margin: 7px 0;
    width: 100%;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger {
    height: 100%;
    width: 7px;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 10px;
    height: 4px;
    margin: 6px auto;
    width: 100%;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_buttonRight {
    cursor: pointer;
    display: block;
    float: left;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 20px;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_buttonRight {
    float: right;
    margin-left: -40px;
}
.mCustomScrollBox {
}
.mCustomScrollBox &gt; .mCSB_scrollTools {
    opacity: 0.75;
}
.mCustomScrollBox:hover &gt; .mCSB_scrollTools {
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: 0.4;
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    width: 4px;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 1px;
    width: 4px;
}
.mCS-light-2.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.mCS-light-2.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}
.mCS-light-2 &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    width: 4px;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border-radius: 1px;
    width: 4px;
}
.mCS-dark-2.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.mCS-dark-2.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}
.mCS-dark-2 &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    width: 4px;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    width: 6px;
}
.mCS-light-thick.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.mCS-light-thick.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}
.mCS-light-thick &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    width: 4px;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border-radius: 2px;
    width: 6px;
}
.mCS-dark-thick.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}
.mCS-dark-thick.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}
.mCS-dark-thick &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
.mCS-light-thin &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
.mCS-light-thin &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-light-thin.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}
.mCS-light-thin.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #292a2c;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #ed1c24;
    width: 4px;
}
.mCS-dark-thin.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}
.mCS-dark-thin.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #ed1c24;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/*#fancybox-loading,*/ .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	/*background-position: 0 -108px;*/
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 100px;
	height: 100px;
	background: url('../images/loader.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/plugins/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/plugins/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background-color: #4d4f53;
	color: #2e2e2e;
	font-family: 'Microsoft YaHei UI', sans-serif;
	font-weight: 400;
	font-size: 14px;
} 
#body-space {
	height: 130px;
}
input, textarea {
	font-family: 'Microsoft YaHei UI', sans-serif;
}
/*
|------------------------------------------------------------------------------------
| transitions
|------------------------------------------------------------------------------------
*/
.animate_background_position {
	transition: background-position 333ms ease-in-out;
	-webkit-transition: background-position 333ms ease-in-out;
}
.animate_color {
	
	transition: color 333ms ease-in-out;
	-webkit-transition: color 333ms ease-in-out;
}
.animate_width {
	transition: width 333ms ease-in-out;
	-webkit-transition: width 333ms ease-in-out;
}
.animate_top {
	transition: top 333ms ease-in-out;
	-webkit-transition: top 333ms ease-in-out;
}
.animate_bottom {
	transition: bottom 333ms ease-in-out;
	-webkit-transition: bottom 333ms ease-in-out;
}
.animate_height {
	transition: height 333ms ease-in-out;
	-webkit-transition: height 333ms ease-in-out;
}
.animate_left{
	transition: left 333ms ease-in-out;
	-webkit-transition: left 333ms ease-in-out;
}
.animate_right{
	transition: right 333ms ease-in-out;
	-webkit-transition: right 333ms ease-in-out;
}
.animate_opacity{
	transition: opacity 333ms ease-in-out;
	-webkit-transition: opacity 333ms ease-in-out;
}
.animate_transform {
	transition: transform 333ms ease-in-out;
	-webkit-transition: -webkit-transform 333ms ease-in-out;
}
.animate_border_radius {
	transition: border-radius 333ms ease-in-out;
	-webkit-transition: border-radius 333ms ease-in-out;
}
.animate_background_color{
	transition: background-color 500ms;
	-webkit-transition: background-color 500ms;
} 
.animation_all {
	transition: all 300ms ease 0s;
}

/*
|------------------------------------------------------------------------------------
| utiles
|------------------------------------------------------------------------------------
*/

.autocomplete-suggestions { /*border: 1px solid #999;*/ background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { /*background: #F0F0F0;*/ }
.autocomplete-suggestions strong { font-weight: bold; color: #ED1C24; }
.autocomplete-suggestions:hover {  }
.autocomplete-group { padding: 2px 5px; }


.hidden-h1 {
	font-size: 0;
	text-indent: -9999px;
}
.visible-phone { display: none !important; }
.visible-tablet { display: none; }
.visible-desktop { display: block; }

.shadow_top {
	background-image: url(../images/layout/shadow_1x16.png);
	background-repeat: repeat-x;
}
strong {
	font-weight: bold;
}
.red-link-inner-content {
	font-size: 16px;
	color: #cb2228;
	text-decoration: underline;
	width: 100%;
	font-weight: bold;
	display: block;
	text-align: center;
}
.gray-link-inner-content {
	font-size: 16px;
	color: #323232;
	text-decoration: underline;
	width: 100%;
	font-weight: bold;
	display: block;
	text-align: left;
}
.green-link-inner-content {
	font-size: 16px;
	color: #9ec44c;
	text-decoration: underline;
	width: 100%;
	font-weight: bold;
	display: block;
	text-align: center;
}
.interceramic-green-color {
	color:#9ec44c;
}
.height-auto {
	height:auto !important;
}
.overflow-hidden {
	overflow: hidden;
}
.full-width-height {
	width: 100%;
	height: 10%;
}
.txt-color-black {
	color:#000;
}
.txt-color-black-important {
	color:#000 !important;
}
.txt-align-center {
	text-align: center;
}
.btn-solid-red {
	background-color: #fb0101;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 21px;
    text-align: center;
    text-decoration: none;
}
.padding-left-15 {
	padding-left: 15px;
}
.padding-right-20 {
	padding-right:20px;
}
.float-right {
	float:right;
}
.backstretch {
	max-height: 100%;
}
.add_list_icon_2 {
	background:transparent url("../images/home/add_list_icon_2.png") no-repeat scroll 0 0;
	width: 11px;
	height: 11px; 
	float: left;
    margin-right: 6px;
}
.a-view-btn:hover &gt; .product_info_button_text .add_list_icon_2 {
	background-position: -11px 0;
}
.modal-add-favorites {
    line-height: 20px;
    padding: 0 20px;
    text-align: center;
}

.project-select-width {
    margin-bottom: 18px;
    margin-top: 12px;
    width: 200px;
}
.modal-add-favorites .btn-solid-red {
    width:100px;
    background-color: #646464;
}
#add-project-id {
    display: none;
}
/*
|------------------------------------------------------------------------------------
| Navigation menu
|------------------------------------------------------------------------------------
*/
#header {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 34;
	/* Hack to avoid children's margins move this element. */
	/*padding-top: 1px;*/
	margin-top: 0;/*-1px;*/
}

#logo {
	background:url('../images/layout/interceramic-logo.png') no-repeat scroll 0 0;
	background-size: 52% auto;
	height: 80px;
	left: 18px;
	position: absolute;
	top: 12px;
	width: 390px;
	display: block;
} 

#menu_btn {
	background-image: url('../images/layout/menu_btn.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 53px;
	position: absolute;
	right: 14px;
	top: 4px;
	width: 53px;
}
#menu_submenu{
	background-image: url('../images/layout/menu_submenu.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 17px;
	position: absolute;
	right: 27px;
	top: 14px;
	width: 25px;
}


#top_nav {
	display: block;
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

#top_nav &gt; li {
	display: block;
	float: right;
	height: 78px;
	margin: 0;
	min-width: 60px;
	padding: 0;
	position: relative;
}


.top_nav_backgrounds {

    /*
    ajustes 2da etapa
    background-color: #363636;
    */
	display: block;
	float: right;
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 99;
}

.top_nav_menu {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 60px;
}

.top_nav_icon {
	background-image: url('../images/layout/sprite-menu.png');
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	width: 60px;
}


/**
 * CONTACT MENU
 */


/*
ajustes 2da etapa
 li#contact_menu:hover .top_nav_backgrounds { width: 340px; }
 li#contact_menu:hover #contact_menu_wrap { width: 340px; }
  li#contact_menu:hover #contact_menu_icon { background-position: -60px -390px; }
*/
.top_nav_backgrounds { width: 92px; }
#contact_menu_wrap { width: 92px; }

 li#contact_menu { background-color: #e4e4e4; width:120px; }
 a#contact_menu_wrap {
 	display: block;
 	text-decoration: none;
 }
 #contact_menu_icon {
 	background-position: 0 -390px;
 	float: right;
     display: none;
 }

 #contact_menu_text {
 	/*
 	ajustes 2da etapa
 	color: #acacac;
 	*/
     color:#2e2e2e;
 	display: block;
 	float: left;
 	margin: 22px 0 0 18px;

     max-width: 58px;
     text-align: center;
 }

 /**
 * LOGIN MENU
 */

 li#login_menu { background-color: #f8f8f8; }
/* ajustes 2da etapa
 li#login_menu:hover #login_menu_wrap { width: 340px; }
 li#login_menu:hover .top_nav_backgrounds { width: 340px; }
  li#login_menu:hover #login_menu_btn { background-position: -60px -312px; }
 */
#login_menu_wrap { width: 72px; }
.top_nav_backgrounds { width: 72px; }



 a#login_menu_wrap {
 	display: block;
 	text-decoration: none;
 }
 #login_menu_btn {
 	background-position: 0 -312px;
 	float: right;
     display: none;
 }

 #login_menu_text {
     /*
     ajustes 2da etapa
 	color: #acacac;
 	*/
     color:#2e2e2e;
 	display: block;
 	float: left;
 	margin: 30px 0 0 17px;
 }

/**
 * FIND STORE MENU
 */

 li#find_store_menu {
 	background-color: #eee; width:100px;
 }
 /*
 ajustes 2da etapa
 li#find_store_menu:hover .top_nav_backgrounds,
 li#find_store_menu.active .top_nav_backgrounds{ width: 340px; }
 li#find_store_menu:hover #find_store_menu_wrap,
 li#find_store_menu.active #find_store_menu_wrap{ width: 340px; }
  li#find_store_menu:hover #find_store_menu_icon,
 li#find_store_menu.active #find_store_menu_icon{ background-position: -60px -234px; }
 */
.top_nav_backgrounds,
li#find_store_menu.active .top_nav_backgrounds{ width: 118px; }
#find_store_menu_wrap,
li#find_store_menu.active #find_store_menu_wrap{ width: 118px; }



 a#find_store_menu_wrap {
 	display: block;
 	text-decoration: none;
 }
 #find_store_menu_icon {
 	background-position: 0 -234px;
 	float: right;
     display: none;
 }

 #find_store_menu_text {

     /*
     ajustes 2da etapa
     color: #acacac;
     */
     color:#2e2e2e;
 	display: block;
 	float: left;
 	margin: 22px 0 0 22px;

     max-width: 86px;
     text-align: center;
 }

/**
 * MY LIST MENU
 */

/*
ajustes 2da etapa
 li#my_list_menu:hover .top_nav_backgrounds { width: 340px; }
 li#my_list_menu:hover #my_list_menu_wrap { width: 340px; }
  li#my_list_menu:hover #my_list_menu_icon { background-position: -60px -156px; }
*/
.top_nav_backgrounds { width: 104px; }
#my_list_menu_wrap { width: 104px; }




 li#my_list_menu { background-color: #d7d7d7; width:140px; }

 a#my_list_menu_wrap, #choose_country_menu_wrapper {
 	display: block;
 	text-decoration: none;
 }
#choose_country_menu_wrap {
    overflow: visible;
}
 #my_list_menu_icon {
 	background-position: 0 -156px;
 	float: right;
     display: none;
 }

 #my_list_menu_text {
 	/*
 	ajustes 2da etapa
 	color: #acacac;
 	*/
     color:#2e2e2e;
 	display: block;
 	float: left;
 	margin: 22px 0 0 23px;

     max-width: 62px;
     text-align: center;
 }
#choose_country_text {
    /*
    ajustes 2da etapa
    color: #acacac;
    */
    color:#2e2e2e;
    display: block;
    float: left;
    margin: 22px 0 0 17px;

    max-width: 100px;
    text-align: center;
}

/**
 * SEARCH MENU 
 */

 li#search_menu { background-color: #b4b4b4; }

/* ajuste 2da etapa  li#search_menu:hover .top_nav_backgrounds { width: 340px; } */
.top_nav_backgrounds { width: 340px; }

/* ajuste 2da etapa
 li#search_menu:hover #search_menu_wrap { width: 340px;
  li#search_menu:hover #search_menu_btn { background-position: -60px -78px; }}
 */
#search_menu_wrap { width: 254px; }

 #search_menu_btn {
 	background-color: transparent;
 	border: 0;
 	background-position: 0 -78px;
 	float: right;
 	cursor:pointer;
 }
 #search_menu_btn2 {
 	background-color: transparent;
 	border: 0;
 	height: 38px;
 	background-position: 0 -50px;
 	float: right;
 	display: none;
 }

.search_menu_btn_lupa_on { background-position: -60px -78px !important; }
 #search_menu_input {
 	border: none;
     box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .35) inset;
     background-color: #acacac;
     background-image: none !important;
     /*
     background-color: #2a2a2a;
     ajustes 2da etapa
     color: #acacac;
     */
     color:#acacac;
 	display: block;
 	float: right;
 	height: 38px;
 	margin-top: 22px;
 	padding: 0 0 0 9px;
 	/*
     ajustes 2da etapa
     width: 243px;
     */
     width: 160px;
 }


/**
 * User Account
 */
li#user_account{
	width: 120px;
	height: 78px;
}
li#user_account span{
	margin-top: 1.2em;
	margin-right: 1em;
	float: right;
	display:  block;
	width: auto;
}
li#user_account a{
	float: right;
	text-decoration: none;
	display: block;
	color: #ed1c24;
	text-align: right;
}
li#user_account a.btn_signout_nav{
	color: #292a2c;
	margin-right: 1em;
}
li#user_account a:hover{
	text-decoration: underline;
}



/**
 * CHOOSE COUNTRY
 */

/*
ajustes 2da etapa
 li#choose_country_menu:hover .top_nav_backgrounds { width: 340px; }
 li#choose_country_menu:hover #choose_country_menu_wrap { width: 340px; }
  #choose_country_menu:hover #choose_country_menu_btn { background-position: -60px 0; }
*/
.top_nav_backgrounds { width: 128px; }
#choose_country_menu_wrapper { width:128px; }
#choose_country_menu_wrap { width: 128px; }




 li#choose_country_menu { background-color: #c6c6c6; }

 #choose_country_menu_btn {
 	background-position: 0 0;
 	float: right;
     display: none;
 }

#flags_wrap {
    background-color: #acacac;
    display: none;
    margin: 0;
    padding: 10px;
    position: relative;
    width: 265px;
    z-index: 3;
}

  #flags_wrap_full {
 	display: none;
 }
 .flags {
 	background-image: url('../images/layout/sprite-banderas.png');
 	display: block;
 	float: left;
 	height: 15px;
 	margin-left: 20px;
 	width: 27px
 }
 .flags:first-child { margin-left: 0; }
  .flags_full {
 	background-image: url('../images/layout/sprite-banderas.png');
 	display: inline-block;
 	height: 15px;
 	margin-left: 20px;
 	width: 27px
 }
 .flags_full:first-child { margin-left: 0; }
 #china_flag { background-position: -27px 15px; }
 #china_flag:hover { background-position: 0 15px; }
 #canada_flag { background-position: -27px 0; }
 #canada_flag:hover { background-position: 0 0; }
 #usa_flag { background-position: -27px -15px; }
 #usa_flag:hover { background-position: 0 -15px; }
 #mx_flag { background-position: -27px -30px; }
 #mx_flag:hover { background-position: 0 -30px; }
 #guatemala_flag { background-position: -27px -45px; }
 #guatemala_flag:hover { background-position: 0 -45px; }
 #panama_flag { background-position: -27px -60px; }
 #panama_flag:hover { background-position: 0 -60px; }

  #china_flag_full { background-position: -27px 15px; }
 #china_flag_full:hover { background-position: 0 15px; }
 #canada_flag_full { background-position: -27px 0; }
 #canada_flag_full:hover { background-position: 0 0; }
 #usa_flag_full { background-position: -27px -15px; }
 #usa_flag_full:hover { background-position: 0 -15px; }
 #mx_flag_full { background-position: -27px -30px; }
 #mx_flag_full:hover { background-position: 0 -30px; }
 #guatemala_flag_full { background-position: -27px -45px; }
 #guatemala_flag_full:hover { background-position: 0 -45px; }
 #panama_flag_full { background-position: -27px -60px; }
 #panama_flag_full:hover { background-position: 0 -60px; }

/**
 * HEADER CONTENT
 */

 #header_content {
 	background-color: #3b3c3f;
 	height: auto;
 	overflow: hidden;
 	position: relative;
 }
 #header_content_canvas {
 	height: 0;
 }
 #header_content_close {
 	background-color: #fff;
 	box-shadow: 4px 4px 16px rgba(0,0,0,0.1);
 	color: #000;
 	font-size: 18px;
 	line-height: 60px;
 	position: absolute;
 	right: 0;
 	text-align: center;
 	text-decoration: none;
 	top: 0;
 	width: 120px;
 }
 #header_content_close_bg {
 	background-color: #ed1c24;
 	height: 100%;
 	left: 0;
 	position: absolute;
 	top: 0;
 	width: 0;
 	z-index: 1;
 }
 #header_content_close:hover #header_content_close_bg{
 	width: 100%;
 }
 #header_content_close_txt {
 	position: relative;
 	z-index: 2;
 }
 #header_content_close:hover #header_content_close_txt{
 	color: #fff;
 }
/**
* MENU BUTTONS
*/
#menu_nav {
	display: block;
	background-color: #4d4f53;
}
#menu_nav ul {
	background:#4D4F53 url('../images/layout/gradient-menu.png') repeat-x scroll 0 0;
	margin: 0;
	list-style: none;
	padding: 0;
	width: 100%;
}
#menu_nav li {
	display: block;
	float: left;
	height: 52px;
	line-height: 52px;
	text-align: center;
}
#menu_nav li a {
	color: #e6e6e6;
	font-size: 1.07em;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
#menu_nav li a:hover { color: #363636;}

.menu_nav_li_a_active {
	color:#363636 !important;
}
.menu_nav_backgrounds_active {
	width: 100% !important;
}
/* Text inside menus */
.menu_nav_text {
	position: relative;
	z-index: 2;
}
/* Menu's background on mouse over */
.menu_nav_backgrounds {
	background: url('../images/layout/gradient-menu.png') repeat-x scroll 0 0 #cc2228;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}
#menu_nav li a:hover .menu_nav_backgrounds { 
	width: 100%; 
}
.indicador {
	border-bottom: 6px solid transparent;
	border-right: 6px solid #ED1C24;
	border-top: 6px solid transparent;
	height: 0;
	left: -6px;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 100;
}
.indicador_separador {
	float: left;
	height: 100%;
	width: 1%;
}
#about_btn { 
	width: 16%; 
}
#products_btn { 
	width: 16%; 
}
#gallery_btn { 
	width: 16%; 
}
#mkt_btn { 
	width: 16%; 
}
#customer_btn { 
	width: 18%;
}
#inspiration_btn { 
	width: 14%; 
}
#inteceranic_green_btn{ 
	width:18%;
}




/*
|------------------------------------------------------------------------------------
| Navigation SUBmenu
|------------------------------------------------------------------------------------
*/

.submenu-main-wrap {
	display: block;
	background-color: #fff;
	color:#373737;
	padding:30px 10px 30px 30px;
	box-shadow: 0px 1px 5px #565656;
}
.submenu-main-wrap  ul {
	background: none !important;
}
.submenu-main-wrap li {
	float:none !important;
	line-height: 32px !important;
	height: auto !important;
}
.submenu-main-wrap a {
	color:#373737 !important;
	text-align: left !important;
}
.submenu-column-wrap {
	display: inline-block;
	vertical-align: top;
	margin-right: 22px;
	margin-top:6px;
	margin-bottom:6px;
}
.submenu-main-wrap a:hover {
    color:#ed1c24 !important;
}
.submenu-main-wrap a:hover &gt; .submenu-label {
    color:#ed1c24 !important;
}
.submenu-spacer {
	margin-top:8px;
}
.submenu-label {
	color:#1f1f21;
}
#submenu-literature-width .submenu-label {
    text-align: center;
}
#submenu-about-width {
	width: 656px;
    display: none;
}
#customer_btn  #submenu-customer-width {
    left: -140px;
    position: relative;
    width: 800px;
    display: none;
    padding:0;
}
#customer_btn  #submenu-customer-width
{
    left:-290px !important;
}
#submenu-inspiration-width {
    width: 322px;
    display: none;
}
#submenu-green-width {
    /*left: -187px;*/
    position: relative;
    width: 442px;
    display: none;
}
.a-view-all {
    margin-left:20px;
}
.a-view-all2 {
    margin-left:5px;
}
#submenu-galeria-width {
    width: 554px;
    display: none;
}

#submenu-productos-width {
    width: 666px;
    display: none;
    padding:0; /*30px 10px 30px 30px;*/
    text-align: left;

}
#submenu-literature-width {
    width: 294px;
    display: none;
}

#submenu-galeria-width{
	width: 695px;
	padding:0;
	margin: 0;
}
.single_submenu_category_gallery{
    width: 550px;
    display: inline-block;
    padding:0;
    margin: 0;
    float: left;
    /*min-height: 410px;*/
}
.single_submenu_product_gallery{
    width: 50%;
    display: inline-block;
    padding:0;
    margin: 0;
    float: left;
    min-height: 470px;
}
#image_residential_submenu,
#image_commercial_submenu{
    background: #fff url('../images/layout/image_submenu_gallery.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#image_product_submenu,
#image_look_submenu{
    background: #fff url('../images/layout/image_submenu_news.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#image_look_submenu{
    background-position: -540px 0;
}
#image_commercial_submenu{
    background-position: -351px 0;
}
#image_commercial_submenu{
    background-position: -351px 0;
}
.single_submenu_category_gallery
{
	background: #fff;
	position: relative;
	padding-bottom: 2em;
	box-shadow: 0px 1px 5px #565656;
}
.single_submenu_category_gallery .single_submenu_category_gallery_body{
	margin: 1.5em;
}
.single_submenu_category_gallery h3{
	font-family: 'Microsoft YaHei UI';
	font-size: 2.2em;
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	font-weight: 100;
}
.single_submenu_category_gallery_body table{
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.single_submenu_category_gallery_body table tr{
	margin: 0;
	padding: 0;
}
.single_submenu_category_gallery_body table tr td{
	width: 50%;
	text-align: left;
	/*font-weight: bold;*/
	font-size: .9em;
	margin: 0;
	padding: 0;
	line-height: 40px;
}
/* */
.single_submenu_category_product_left .single_submenu_category_product_body table tr td {
    width:33% !important;
}
#submenu-productos-width .single_submenu_category_product_body{
    margin-bottom:35px;
}
.single_submenu_category_product_left
{
    background: #fff;
    position: relative;
    padding-bottom: 1em;
    width:550px;
    float: left;
}
.single_submenu_category_product
{
    background: #fff;
    position: relative;
    padding-bottom: 2em;
    width:100%;
    float:left;	
	box-shadow: 0px 1px 5px #565656;		
}
.single_submenu_category_product .single_submenu_category_product_body,
.single_submenu_category_product_left .single_submenu_category_product_body{
    margin: 1.5em;
}
.single_submenu_category_product h3,
.single_submenu_category_product_left h3{
    font-family: 'Microsoft YaHei UI';
    font-size: 2.2em;
    /*text-align: left;*/
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0;
    /*font-weight: 100;*/
}
.single_submenu_category_product_body table{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.single_submenu_category_product_body table tr{
    margin: 0;
    padding: 0;
}
.single_submenu_category_product_body table tr td{
    width: 50%;
    text-align: left;
    /*font-weight: bold;*/
    font-size: .9em;
    margin: 0;
    padding: 0;
    line-height: 40px;
}
#menu_nav li a.buttonRedGallery
{
	margin-top: 1em;
	position: relative;
	padding: .2em .5em;
	background-color: #ed1c24;
	color: #fff !important;
	width: 120px !important;
	height: 30px !important;
	display: block;
	line-height: 2em !important;
	font-family: 'Microsoft YaHei UI';
	font-weight: 100 !important;
}
a.btn-gallery-all{
    position: absolute !important;
    bottom: 1em;
}
/* nuevos estilos para el submenu */

#banner_menu_about {
    /* background: #fff url('../images/layout/banner_about.jpg') 0 0 no-repeat; */
    width: 100%;
    height: 200px;
}
#banner_menu_literature {
    background: #fff url('../images/layout/banner_literature.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#banner_menu_cr {
    background: #fff url('../images/customer-resources/customer-resources-banner.jpg') center 0 no-repeat;
    width: 100%;
    height: 200px;
}
#banner_menu_inspiration {
    background: #fff url('../images/layout/banner_inspiration.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#banner_menu_green {
    background: #fff url('../images/layout/banner_green.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#banner_menu_greens {
    background: #fff url('../images/layout/banner_green.jpg') 0 0 no-repeat;
    width: 100%;
    height: 200px;
}
#submenu-about-width,
#submenu-inspiration-width,
#submenu-green-width{
    padding: 0 !important;
    width: 550px !important;
}

#submenu-inspiration-width,
#submenu-green-width {
    float: right;
    position: relative;
}
#submenu-literature-width {
    padding: 0 !important;
    width: 550px !important;
}
.table-submenu-mm {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    margin-top:20px;
    width: 100%;
}
.table-submenu-mm td {
    width:40%;
    padding-left:10%;
}
.submenu-main-wrap a.btn-submenu-new-a {
    background-color: #ed1c24;
    color: #ffffff !important;
    display: block;
    font-family: 'Microsoft YaHei UI';
    font-weight: 100 !important;
    height: 30px !important;
    line-height: 2em !important;
    margin-top: 1em;
    padding: 0.2em 0.5em;
    position: relative;
    width: 150px !important;
}
.submenu-main-wrap a.btn-submenu-new-a:hover {
    color: #FFF !important;
}

/*
|------------------------------------------------------------------------------------
| Footer
|------------------------------------------------------------------------------------
*/
#footer {
	/*padding-bottom: 30px;*/
	z-index: 32;
	position:relative;
	width:100%;
	height:95px;
	background-color: #4d4f53;	
}

#footer-index{
	/*padding-bottom: 30px;*/
	z-index: 32;
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:90px;
	background-color: #4d4f53;
}

#footer-menu {
	margin-top: 0;
}
#footer-menu ul {
	background: url("../images/layout/gradient-menu.png") repeat-x scroll 0 0 #4d4f53;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#footer-menu li {
	display: block;
	float: left;
	line-height: 10px;
	width: 20%;
	position:relative;

}

#footer-menu li a {
	color: #bdbdbd;
	display: block;
	font-size: 1em;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0 auto;
}

#footer-menu li ul {display: none;}
/* specific to non IE browsers */

#footer-menu li:hover ul {display:block; position:absolute;bottom:30px; width:100% !important;;}
#footer-menu li:hover ul li a.hide {width:100%;background:#ff0000; color:#000;}
#footer-menu li:hover ul li {display:block; background:#696969; color:#000;width:100% !important;; clear:both; padding-bottom:1px;}
#footer-menu li:hover ul li:hover a.hide { color:#ff0000;}
#footer-menu li:hover ul li ul {display: none;}
#footer-menu li:hover ul li a {display:block; color:#FFFFFF; width:100%;}
#footer-menu li:hover ul li a:hover {background:#cc2228; color:#fff;}
#footer-menu li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
#footer-menu li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
#footer-menu li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}
#footer-menu li:hover ul.left {left:-105px;}
#footer-menu li:hover ul li:hover ul.left {left:-210px; width:209px;}


.footer-menu-li {
	width: 25% !important;
}
#footer-menu-second-line li {
	text-align: center;
	width: 25% !important;
}

#footer-copyright {
	float: left;
	left: 4%;
	position: relative;
	margin-top: 15px;
	color: #8b8b8b;
	overflow:hidden;
}
.footer-second-line a {
	color:#bdbdbd;
	text-decoration: none;
	font-size: 12px;
}
.footer-copyright-cell {
	width:40%;
}
#footer-menu-second-line {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#footer-menu-second-line li {
	display: block;
	float: left;
	line-height: 15px;
	width: 12%;
}
#footer-copyright-cell a {
	text-decoration: none;
}
.footer-second-line {
	padding-top: 0px;
	position: relative;
	margin-bottom: 5px;
}
#footer-legal {
	color:#bdbdbd;
	width: 50%;
	text-align: center;
	float: left;
	margin-top: 24px;
	
}
.footer-social {
	background:transparent url("../images/layout/sprite-footer.png") no-repeat scroll 0 0;
	width: 42px;
	height: 42px;
	display: inline-block;
	margin-right: 5px;
}
#social-ico-1:hover {
	background-position: 0 -42px;
}
#social-ico-2 {
	background-position: -43px 0;
}
#social-ico-2:hover {
	background-position: -43px -42px;
}
#social-ico-2:hover div{
    display:block; 
} 
#social-ico-2 div{
    display:none; position:fixed;right:330px;bottom:80px;
	z-index:999;
}
#social-ico-3 {
	background-position: -86px 0;
}
#social-ico-3:hover {
	background-position: -86px -42px;
}
#social-ico-4 {
	background-position: -129px 0;
}
#social-ico-4:hover {
	background-position: -129px -42px;
}
#social-ico-5 {
	background-position: -172px 0;
}
#social-ico-5:hover {
	background-position: -172px -42px;
}
#social-ico-6 {
	background-position: -215px 0;
}
#social-ico-6:hover {
	background-position: -215px -42px;
}
#social-ico-7 {
	background-position: -258px 0;
}
#social-ico-7:hover {
	background-position: -258px -42px;
}
#social-ico-8 {
	background-position: -301px 0;
}
#social-ico-8:hover {
	background-position: -301px -42px;
}
#footer-social-icons {
	width: 438px;
	float: right;
}
#footer-menu a:hover, .footer-second-line a:hover {
	color:#fff;
}
#legal-terms, #privacy-policy {
	display: none;
	padding:30px;
}
.fancybox-inner-scroll {
	height: 370px;
	width: 100%;
	position: relative;
}


/*
|------------------------------------------------------------------------------------
| Menu flotante izquierdo rombos -- module-three-column
|------------------------------------------------------------------------------------
*/

.menu-rombos {
height:100%;
	position:fixed;
	padding-left:10px;
	padding-top:100px;
	width:300px;
	z-index: /*31;*/ 2;
	
}
.menu-rombos li {
	position: relative;
}

.menu-rombos  li:hover .flex-footerb { display: block; }
.menu-rombos  li .flex-footerb { width: 150px; height: 150px; position: absolute; left: 42px; top: -58px; color:#FFFFFF; text-align: center; padding-top: 15px;  background-color: red;   transform:rotate(45deg);   -ms-transform:rotate(45deg); /* Internet Explorer */   -moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari å’Œ Chrome */   -o-transform:rotate(45deg); /* Opera */  display: none; }

.btn-rombo {
	background:transparent url("../images/layout/sprite-bg-menu.png") no-repeat scroll 0 0;
	width: 58px;
	height: 58px;
	display: block;
	z-index: 2;
	position: relative;
}


.btn-rombo-active {
	background-position: -58px 0 !important;
}
.ico-bg-green {
	background:transparent url("../images/layout/sprite-bg-menu-green.png") no-repeat scroll 0 0;

}
.btn-rombo-img {
	display: block;
    height: 54px;
    position: absolute;
    width: 58px;
    z-index: 3;
    outline: none;
}

.black-rombo {
	/*/background:transparent url("../images/layout/bg-menu-rombo.png") no-repeat scroll 0 0;
	color: #FFF;*/
    color:#000;
	height: 142px;
    line-height: 20px;
    padding-top: 74px;
    position: absolute;
    text-align: left; /*center;*/
    top: -68px;  /*-77px;*/
    width: 212px;
    left:66px;
    /*ft:-154px;
    display: none;*/
}
.black-rombo-red-txt {
    color:#FF0000 !important;
}
.module-three-block-txt, 
.module-three-block-txt-2 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	max-width: 580px;
	text-align: left;
	width: 100%;
}
.module-three-block-txt-2 {
	margin-top: 5%;
}
.module-three-block-txt {
	max-height: 450px;
}
.module-three-block-txt table {

	
}
.module-three-block-txt-wrap {
	min-height: 374px; /*250px;*/
	vertical-align: top;
}
.module-three-img {
	vertical-align:top;
}

.module-three-section-wrap {
	width:auto;
	height: 100%;
	background-color: #FFF;
	text-align: center;
	color:#323232;
	/*min-height: 610px;*/
}
.module-three-section-wrap h2 {
	font-size: 26px;
	margin-bottom: 20px;
	/*font-family: 'FuturaLTPro-Bold';*/
	text-transform: capitalize;
	font-weight: bold;
}
.module-three-section-wrap  p {
	font-size: 14px;
    line-height: 18px;
    padding-right: 30px;
}
.module-three-block-txt-wrap {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	max-width: 680px;
	text-align: left;
	width: 95%;
	padding-left: 5%;
	margin-top: 3%;
	/*min-height: 374px;
	vertical-align: top;*/
}
.module-three-img {
	width: 100%;
	height: 100%;
	display: inline-block;
	max-width: 490px;
	max-height: 500px;
	position: relative;
	top:7%; /*7%;*/
	min-height: 300px;
}
.module-three-section-tab {
	background: #4d4f53 url('../images/layout/bg-shadow.jpg') repeat-x scroll 0 0;
	border-bottom: 1px solid #898a8c;
    color: #4f5054;
    display: block;
    font-size: 24px;
    height: 54px;
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 32px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    display: none;
}
.module-three-section-tab:hover {
	opacity: 0.9;
}
.fix-height {
	max-height: 590px !important;
}

/* estilos para el scroll */
.mCustomScrollBox &gt; .mCSB_scrollTools {
	width: 18px !important;
}
.mCSB_scrollTools .mCSB_dragger {
	background: none repeat scroll 0 0 #ed1c24;
	border: medium none;
	border-radius: 8px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	height: 16px !important;
	width: 16px !important;
	left: 1px;
}
.mCSB_horizontal &gt; .mCSB_scrollTools .mCSB_dragger {
	width: 30px;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: none repeat scroll 0 0 #ed1c24;
}
.mCS-dark-thin &gt; .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: none repeat scroll 0 0 #ed1c24;
}
.mCustomScrollBox {
	padding-right: 0;
}
.mCSB_container {
	margin-right: 28px !important;
}

/* comienza modulo mixed */
.module-three-menu-wrapper {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    max-width: 1180px;
    text-align: left;
    width: 95%;
	padding-left:5%;
}
.module-three-section-wrap {
	background-color: #FFF !important;
}
.module-three-menu-wrap-select {
	display: none;
	border: 1px solid #acacac;
    color: #000;
    font-size: 14px;
    margin: 0 auto;
    padding: 4px 10px;
    width: 80%;
}
.module-three-menu-wrap {
	list-style: none;
}
.module-three-menu-wrap li {
	float: left;
	height:85px;
}
.module-three-menu-wrap li a {
	color:#4f5054;
	font-size: 14px;
	text-decoration: none;
}
.module-three-menu-wrap li a:hover {
	color:#ff0000;
}
.module-three-active-menu-option {
	color:#FF0000 !important;
}
.module-three-full-width {
	max-width: 910px;
}
/* termina modulo mixed */



/*
|------------------------------------------------------------------------------------
| breakpoint 1440
|------------------------------------------------------------------------------------
*/
@media (max-width: 1440px) { 
    
    #search_menu_input_wrap {
        display: block;
    }

	/*
	|--------------------------------------{------------------------------------------
	| footer
	|--------------------------------------------------------------------------------
	*/
	#footer-legal {
		width: 46%;
	}

}


/*
|------------------------------------------------------------------------------------
| breakpoint 1280
|------------------------------------------------------------------------------------
*/
@media (max-width: 1280px) {


    /*
    |--------------------------------------------------------------------------------
    | footer
    |--------------------------------------------------------------------------------
    */
    #footer-legal {
        width: 38%;
    }

}




/*
|------------------------------------------------------------------------------------
| breakpoint 1100
|------------------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
    .top_nav_backgrounds {
        width: auto;
    }

    #search_menu_wrap {
        width: 216px;
    }
    #search_menu_input {
        width: 126px;
    }
    #choose_country_menu_wrap, #choose_country_menu_wrapper {
        width: 104px;
    }
    #choose_country_text {
        margin:22px 0 0 5px;
    }
    #my_list_menu_text {
        margin:22px 0 0 10px;
    }
    #my_list_menu_wrap {
        width:76px;
    }
    #contact_menu_text {
        margin:22px 0 0 10px;
    }
    #contact_menu_wrap {
        width: 71px;
    }
    #find_store_menu_text {
        margin:22px 0 0 6px;
    }
    #find_store_menu_wrap, li#find_store_menu.active #find_store_menu_wrap {
        width: 96px;
    }
    #login_menu_text {
        margin:30px 0 0 11px;
    }
    #login_menu_wrap {
        width: 58px;
    }


}


/*
|------------------------------------------------------------------------------------
| breakpoint 1024
|------------------------------------------------------------------------------------
*/
@media (max-width: 1024px) { 

	/*
	|--------------------------------------------------------------------------------
	| General site
	|--------------------------------------------------------------------------------
	*/

	#body-space {
		height: 105px;
	}

	.visible-phone { display: block !important; }
	.visible-tablet { display: block; }
	.visible-desktop { display: none !important; }

	/*
	|--------------------------------------------------------------------------------
	| navigation menu
	|--------------------------------------------------------------------------------
	*/

	#logo {

		background:url('../images/layout/interceramic-logo-2.png?v=1') no-repeat scroll 0 0;
		background-size: 53% auto;
        top:13px;
		height: 37px;
		left: 16px;
		position: absolute;
		width: 226px;
		display: block;
	}

	#top_nav {
		background: #4d4f53 url('../images/layout/gradient-menu-small.png') repeat-x scroll 0 0;
		background-size: auto 100%;
		width: 100% !important;
	}

	#top_nav &gt; li {
		background: #4d4f53 url('../images/layout/gradient-menu-small.png') repeat-x scroll 0 0;
		background-size: auto 100%;
		height: 45px;
		min-width: 0;
		width: 16.6%;
	}

	.top_nav_backgrounds { display: block; }
	.top_nav_menu { 
		overflow: visible;
		width: auto;
	}

	.top_nav_icon {
		background-image: url('../images/layout/sprite-menu-small.png'); 
		background-size: 100% auto;
		height: 100%;
		width: 45px;
	}

	#header_topnav {
		height:59px;
		position:relative;
	}

	#menu_nav_bottom_wrapper {
		height:45px;
	}

	/**
	 * CONTACT MENU
	 */

	 /*
	 ajustes 2da etapa
	 li#contact_menu:hover .top_nav_backgrounds { width: 0; }
	 li#contact_menu:hover #contact_menu_wrap { width: auto; }
	 */
    .top_nav_backgrounds { width: 0; }
    #contact_menu_wrap { width: auto; }


	 #contact_menu_icon {
	 	float: none;
	 	background-position: 0 -225px;
         display: block;
	 }
	 li#contact_menu:hover #contact_menu_icon { background-position: 0 -225px; }
	 #contact_menu_text { display: none; }

	/**
	 * LOGIN MENU
	 */

    /*
    ajustes 2da etapa
	 li#login_menu:hover .top_nav_backgrounds { width: 0; }
	 li#login_menu:hover #login_menu_wrap { width: auto; }
	 li#login_menu:hover #login_menu_btn { background-position: 0 -180px; }
	 */
    .top_nav_backgrounds { width: 0; }
    #login_menu_wrap { width: auto; }



	 #login_menu_btn {
	 	float: none;
	 	background-position: 0 -180px;
         display: block;
	 }

	 #login_menu_text { display: none; }

	/**
	 * FIND STORE MENU
	 */

	 /*
	 ajustes 2da etapa
	 li#find_store_menu:hover .top_nav_backgrounds { width: 0; }
	 li#find_store_menu:hover #find_store_menu_wrap { width: auto; }
	 */
    .top_nav_backgrounds { width: 0; }
    #find_store_menu_wrap { width: auto; }


	 #find_store_menu_icon {
	 	float: none;
	 	background-position: 0 -135px;
         display: block;
	 }
	 li#find_store_menu:hover #find_store_menu_icon { background-position: 0 -135px; }
	 #find_store_menu_text { display: none; }

	 li#find_store_menu
	 {
	 	float:right;
	 }
	 li#find_store_menu.active .top_nav_backgrounds{ width: 0; }
	 li#find_store_menu.active #find_store_menu_wrap{ width: 60px; }
	 li#find_store_menu.active #find_store_menu_icon{ background-position: 0px -141px; }

	/**
	 * MY LIST MENU
	 */

	 /*
	 ajustes 2da etapa
	 li#my_list_menu:hover .top_nav_backgrounds { width: 0; }
	 li#my_list_menu:hover #my_list_menu_wrap { width: auto; }
	 */
    .top_nav_backgrounds { width: 0; }
    #my_list_menu_wrap, #choose_country_menu_wrapper { width: auto; }


	 #my_list_menu_icon {
	 	float: none;
	 	background-position: 0 -90px;
         display: block;
	 }
	 li#my_list_menu:hover #my_list_menu_icon { background-position: 0 -90px; }
	 #my_list_menu_text, #choose_country_text { display: none; }

	/**
	 * SEARCH MENU
	 */

	 /* ajuste 2da etapa
	 li#search_menu:hover .top_nav_backgrounds { width: 0; }
	  li#search_menu:hover #search_menu_wrap { width: auto; }
	   li#search_menu:hover #search_menu_btn { background-position: 0 -45px; }*/
    .top_nav_backgrounds { width: 0; }
    #search_menu_wrap { width: auto; }
    #search_menu_btn { background-position: 0 -45px; }


	 #search_menu_btn {
	 	float: none;
	 	background-position: 0 -45px;
	 }

	 #search_menu_input_wrap {
	 	background-color: #4d4f53;
	 	display: none;
	 	float: none;
	 	position: absolute;
	 	top: 45px;
	 	margin: 0;
	 	padding: 5px 5px 10px;
	 }
	 li#search_menu.selected #search_menu_input_wrap { display: block; }
	 #search_menu_input {
	 	margin: 0;
	 }

	 /* MenÃƒÂº de busqueda */
	 #search_menu_input_wrap {
	 	width: 235px;
	 }
	 #search_menu_input {
	 	float: left;
	 }
	 #search_menu_btn2 {
	 	display: block;
	 }
	 #search_menu_input {
	 	width: 180px;
	 }


	li#user_account{
		display: none;
	}
	/**
	 * CHOOSE COUNTRY
	 */
        /*
        ajustes 2da etapa
         li#choose_country_menu:hover .top_nav_backgrounds { width: 0; }
         li#choose_country_menu:hover #choose_country_menu_wrap { width: auto; }
        */
        .top_nav_backgrounds { width: 0; }
        #choose_country_menu_wrap { width: auto; }



	 #choose_country_menu_btn {
	 	float: none;
	 	background-position: 0 0;
         display: block;
	 }
	 li#choose_country_menu:hover #choose_country_menu_btn { background-position: 0 0; }
	 #flags_wrap {
	 	display: none;
	 }
	 #flags_wrap_full {
	 	background-color: #4d4f53;
	 	float: none;
	 	margin: 0;
	 	padding: 15px 2px 10px;
	 	position: absolute;
	 	text-align: center;
	 	width: 80%;
	 	z-index: 1;
	 	display: block;
	 }
	 li#choose_country_menu.selected #flags_wrap { display: block; }

	/**
	 * BotÃƒÂ³n de cerrar del menÃƒÂº
	 */
	 #header_content_close:hover #header_content_close_bg{
	 	width: 0;
	 }
	 #header_content_close:hover #header_content_close_txt{
	 	color: #000;
	 }

	/**
	 * MENU BUTTONS
	 */

	 #menu_nav {
	 	background-color: #363636;
	 	height: 0;
	 	left: 0;
	 	top: 60px;
	 	width: 100%;
	 	z-index: 100;
	 	overflow: hidden;
	 }
	 #menu_nav ul { background: none; }
	 #menu_nav li {
	 	border-bottom: 2px solid #2f2f2f;
	 	float: none;
	 	height: 42px;
	 	line-height: 42px;
	 	width: 100%;
	 }
	 #menu_nav li a {
	 	color: #fff;
	 	font-size: 1.4em;
	 	padding-left: 19px;
	 	text-align: left;
	 }
	 #menu_nav li a:hover {
	 	background-color: none !important;
	 }

	 .indicador {
	 	border-bottom: 6px solid #ED1C24;
	 	border-left: 6px solid transparent;
	 	border-right: 6px solid transparent;
	 	height: 0;
	 	left: 78px;
	 	margin-top: 0;
	 	position: absolute;
	 	top: -12px;
	 	width: 0;
	 	z-index: 100;
	 }
	 .indicador_separador {
	 	float: none;
	 	height: 1px;
	 	width: 100%;
	 }

	/*
	|------------------------------------------------------------------------------------
	| Navigation SUBmenu
	|------------------------------------------------------------------------------------
	*/

	.submenu-main-wrap {
		display: none;
	}

	/*
	|--------------------------------------------------------------------------------
	| footer
	|--------------------------------------------------------------------------------
	*/
	#footer-menu {
		padding-left: 0;
	}

	#footer-menu li, .footer-menu-li {
		width: 25% !important;
	}
	#footer-menu-second-line li {
		width: 25% !important;
	}
	#footer-copyright {
		color: #bdbdbd;
		float: left;
		left: auto;
		margin-top: 24px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#footer-legal {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	#footer-social-icons {
		float: none;
		text-align: center;
		width: 100%;
	}
	.footer-second-line {
		padding-top: 20px;
	}

	/*
	|------------------------------------------------------------------------------------
	| Menu flotante izquierdo rombos -- module-three-column
	|------------------------------------------------------------------------------------
	*/
	.menu-rombos {
		display: none;
	}
	.module-three-block-txt-wrap {
		max-width: 100% !important;
		text-align: center;
		width: 100%;
		padding-left: 0;
	}
	.module-three-section-wrap {
		min-height: none !important;
	}
	.module-three-section-wrap h2 {
		width: 85%;
		margin:0 auto 30px;
		text-align: left;
	}
	.module-three-section-wrap .h2-menu {
		width: 100%;
	}
	.module-three-block-txt, 
	.module-three-block-txt-2 {
		max-width: 84%;
		padding-left:7.5%;
		padding-right:7.5%;
		max-height: none !important;
		min-height: 150px;
	}
	.module-three-block-txt .mCustomScrollBox, 
	.module-three-block-txt-2 .mCustomScrollBox {
		height: auto !important;
		max-height: none !important;
	}
	.module-three-section-wrap {
		height: auto;
	}
	.module-three-img {
		padding-bottom: 55%;
		min-height: 100%;
	}
	.module-three-img-menu {
		padding-bottom:8%;
		min-height: 100%;
	}
	.module-three-section-tab {
		display: block;
	}
	.module-three-section-wrap h2 {
		font-size: 13px;
		margin: 0 auto 15px;
	}






}

/*
|------------------------------------------------------------------------------------
| breakpoint 768
|------------------------------------------------------------------------------------
*/
@media (max-width: 768px) { 
	
	/*
	|------------------------------------------------------------------------------------
	| Utiles
	|------------------------------------------------------------------------------------
	*/

	.visible-phone { display: block !important; }
	.visible-tablet { display: none; }
	.visible-desktop { display: none; }

	/*
	|------------------------------------------------------------------------------------
	| Menu flotante izquierdo rombos -- module-three-column
	|------------------------------------------------------------------------------------
	*/
	
	.module-three-img {
		padding-bottom: 55%;
	}
	.module-three-img-menu {
		padding-bottom: 8%;
	}
	.module-three-menu-wrap {
		display: none;
	}
	.module-three-menu-wrap-select {
		display: block;
	}
	.module-three-section-wrap .h2-menu {
		width: 90%;
	}

	/*
	|------------------------------------------------------------------------------------
	| En movil no animamos nada para que no haya el problema del doble tap
	|------------------------------------------------------------------------------------
	*/
	
	.animate_background_position {
		transition: none;
		-webkit-transition: none;
	}
	.animate_color {
		
		transition: none;
		-webkit-transition: none;
	}
	.animate_width {
		transition: none;
		-webkit-transition: none;
	}
	.animate_top {
		transition: none;
		-webkit-transition: none;
	}
	.animate_bottom {
		transition: none;
		-webkit-transition: none;
	}
	.animate_height {
		transition: none;
		-webkit-transition: none;
	}
	.animate_left{
		transition: none;
		-webkit-transition: none;
	}
	.animate_right{
		transition: none;
		-webkit-transition: none;
	}
	.animate_opacity{
		transition: none;
		-webkit-transition: none;
	}
	.animate_transform {
		transition: none;
		-webkit-transition: -webkit-none;
	}
	.animate_border_radius {
		transition: none;
		-webkit-transition: none;
	}
	.animate_background_color{
		transition: none;
		-webkit-transition: none;
	} 
	.animation_all {
		transition: none;
	}

}

/*
|------------------------------------------------------------------------------------
| breakpoint 640
|------------------------------------------------------------------------------------
*/
@media (max-width: 640px) { 

	/*
	|--------------------------------------------------------------------------------
	| footer
	|--------------------------------------------------------------------------------
	*/

	#footer-menu li, .footer-menu-li {
		width: 33% !important;
	}
	#footer-menu-second-line li {
		width: 33% !important;
	}

}


/*
|------------------------------------------------------------------------------------
| breakpoint 480
|------------------------------------------------------------------------------------
*/
@media (max-width: 480px) { 

	#logo {
		top:15px;
		width: 196px;
	}

	/*
	|--------------------------------------------------------------------------------
	| footer
	|--------------------------------------------------------------------------------
	*/

	#footer-menu li, .footer-menu-li {
		width: 50% !important;
	}
	#footer-menu-second-line li {
		width: 50% !important;
	}
	#footer-copyright {
		font-size: 12px;
	}
	.footer-second-line a {
		background-size: 265px auto;
	}
	.footer-social {
		height: 32px;
		width: 32px;
		margin-right: 4px;
	}
	#social-ico-1:hover {
		background-position: 0 -33px;
	}
	#social-ico-2 {
		background-position: -34px 0;
	}
	#social-ico-2:hover {
		background-position: -34px -33px;
		
	}

	.footer-social-icons #social-ico-2:hover .chat-tips {
	display: block;
}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}

	#social-ico-3 {
		background-position: -67px 0;
	}
	#social-ico-3:hover {
		background-position: -67px -33px;
	}
	#social-ico-4 {
		background-position: -100px 0;
	}
	#social-ico-4:hover {
		background-position: -100px -33px;
	}
	#social-ico-5 {
		background-position: -133px 0;
	}
	#social-ico-5:hover {
		background-position: -133px -33px;
	}
	#social-ico-6 {
		background-position: -167px 0;
	}
	#social-ico-6:hover {
		background-position: -167px -33px;
	}
    #social-ico-7 {
        background-position: -200px 0;
    }
    #social-ico-7:hover {
        background-position: -200px -33px;
    }
    #social-ico-8 {
        background-position: -233px 0;
    }
    #social-ico-8:hover {
        background-position: -233px -33px;
    }
	#legal-terms, #privacy-policy {
		font-size: 10px;
		padding: 11px;
	}
	.fancybox-inner-scroll {
		height: 380px;
	}

	/*
	|------------------------------------------------------------------------------------
	| Menu flotante izquierdo rombos -- module-three-column
	|------------------------------------------------------------------------------------
	*/
	.module-three-section-wrap h2 {
		font-size: 18px;
	}
	.module-three-section-wrap p {
		font-size: 12px;
	}
	.module-three-img {
		background-size: 53% auto !important;
	}
	.module-three-section-tab {
		height: 27px;
		background:url("../images/layout/bg-shadow-mobile.jpg") repeat-x scroll 0 0 #4d4f53;
		font-size: 12px;
		padding-top: 16px;
	}
	.module-three-img {
		padding-bottom: 84%;
	}
	.module-three-block-txt, .module-three-block-txt-2 {
		min-height: 0 !important;
	}
	.module-three-img-menu {
		height: 0 !important;
		min-height: 0 !important;
	}


}

/*
|------------------------------------------------------------------------------------
| breakpoint 360
|------------------------------------------------------------------------------------
*/
@media (max-width: 360px) { 
	
	/*
	|--------------------------------------------------------------------------------
	| Banderas del menu de navegacion
	|--------------------------------------------------------------------------------
	*/

	.flags_full {
		margin-left: 10px;
	}

	/*
	|--------------------------------------------------------------------------------
	| footer
	|--------------------------------------------------------------------------------
	*/

	#footer-menu li a {
		width: 60%;
	}
	.fancybox-inner-scroll {
		height: 278px;
	}

}

#breadcrumbs{
    display: none;
}
@media screen and (min-width: 768px){
    #breadcrumbs{
        display: block;
        position: fixed;
        z-index: 3;
        width:100%;
        margin:0 auto 0;
        background-color: #b3b3b3;
        height: 30px;
    }
    #breadcrumbs .separador_breadcrumbs{
        background: transparent url('../images/breadcrumbs/separador-breadcrumb.png') 0 0 no-repeat;
        width: 75px;
        height:30px;
        display: inline-block;
        margin-left:10px;
    }
    #breadcrumbs a{
        color: inherit;
        text-decoration: none;
        font-size:1.1em;
        color: #3b3d3f;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        vertical-align: top;
        font-weight: 600;
        padding-left: 0;
    }
    #breadcrumbs a.principal{
        padding-left: 1.5em;
    }
    #breadcrumbs a.search{
        margin-left:-30px;
    }
}

@media screen and (min-width: 1025px){
  #breadcrumbs a:hover{
    text-decoration: underline;
  }
}
@media screen and (max-width: 480px){
    #search_menu_input_wrap {
        left:-172px !important;
    }
}



/** new menu */
#content-customer-menu h2 {
    font-size: 12px !important;
    line-height: 16px !important;
}
#container-customer,
#container-customer-menu {
    background-color:#fff;
    overflow:hidden;
}
#content-customer {
    width:80%;
    margin:3em auto;
}
#content-customer-menu {
    width:100%;
    margin:0em auto;
}

.single_column_category
{
    width:16%;
    display: inline-block;
    vertical-align: top;
}
.single_column_category._faqs
{
    width:13%;
}
.single_column_category h2
{
    margin: 1em;
    display:block;
}
.single_column_category ul li
{
    height:65px;
}
.single_column_category .black-rombo
{
    position: relative;
    height: 54px;
    padding-top:0;
    margin-top:20px;

}
#content-customer-menu .single_column_category
{
    width:14.5% !important;
    display: inline-block;
    vertical-align: top;
}
#content-customer-menu .single_column_category._faqs
{
    width:13%;
}
#content-customer-menu .single_column_category h2
{
    margin: 1em;
    display:block;
}
#content-customer-menu .single_column_category ul li
{
    height:65px;
}
#content-customer-menu .single_column_category .black-rombo
{
    position: relative;
    height: 68px;
    padding-top:0;
    margin-top:10px;
    top:-52px !important;
    left:46px !important;
    font-size:11px;
    width:100%;
}


#content-customer-menu .single_column_category .btn-rombo img {
    height: auto;
    margin-left: 14px;
    margin-top: 12px;
    position: absolute;
    width: 14px;
}
#content-customer-menu .single_column_category .btn-rombo {
    background: transparent url("../images/layout/sprite-bg-menu.png") no-repeat scroll 0 0 / 84px auto;
    display: block;
    height: 42px;
    position: relative;
    width: 42px;
    z-index: 2;
}
#content-customer-menu .single_column_category ul li {
    height:62px !important;
}

@media (max-width:1366px){
    #content-customer
    {
        width:95%;
        position: relative;
    }

    #content-customer-menu
    {
        width:100%;
        position: relative;
    }
    .single_column_category
    {
        width:17%;
    }
    .single_column_category._faqs
    {
        width:13%;
    }
    .single_column_category .black-rombo
    {
        width: 120px;
    }
    #content-customer-menu .submenu-customer-width {
        left:-290px;
    }
}
/*
|------------------------------------------------------------------------------------
| breakpoint 1024
|------------------------------------------------------------------------------------
*/
@media (max-width: 1024px) {

    .single_column_category
    {
        width:80%;
        margin:0 auto;
    }

    .single_column_category
    {
        width:30%;
        display: inline-block;
        display: inline-block;
        vertical-align:top;
    }

}

/*
|------------------------------------------------------------------------------------
| breakpoint 768
|------------------------------------------------------------------------------------
*/
@media (max-width: 768px) {

    .single_column_category,
    .single_column_category._faqs
    {
        width:45%;
        display: inline-block;
        vertical-align:top;
    }

}</pre></body></html>