/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Mamba
   ========================================================================== */




/*************************************************
//  Tipografías
/*************************************************/


/* Asap */
@font-face {
  font-family:Asap;
  font-style:normal;
  font-weight:normal;
  src:local('Asap'),
      local('Asap-Regular'),
      url(fonts/Asap-Regular.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/asap/v2/nvGvEwsMAvkIa6w2U-PXffesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family:Asap;
  font-style:normal;
  font-weight:bold;
  src:local('Asap Bold'),
      local('Asap-Bold'),
      url(fonts/Asap-Bold.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/asap/v2/QGN0GG0540fyG6NL_PpOpgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family:Asap;
  font-style:italic;
  font-weight:normal;
  src:local('Asap Italic'),
      local('Asap-Italic'),
      url(fonts/Asap-Italic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/asap/v2/QnZU7dKCBgkkMBlac2djsOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family:Asap;
  font-style:italic;
  font-weight:bold;
  src:local('Asap Bold Italic'),
      local('Asap-Bold-Italic'),
      url(fonts/Asap-Bold-Italic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/asap/v2/_sVKdO-TLWvaH-ptGimJBbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}


/* Lato */
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:100;
  src:local('Lato Hairline'),
      local('Lato-Hairline'),
      url(fonts/lato-hairline.woff) format('woff'),
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:100;
  src:local('Lato Hairline Italic'),
      local('Lato-Hairline-Italic'),
      url(fonts/Lato-Hairline-Italic.woff) format('woff'),
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:300;
  src:local('Lato Light'),
      local('Lato-Light'),
      url(fonts/lato-light.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:300;
  src:local('Lato Light Italic'),
      local('Lato-Light-Italic'),
      url(fonts/lato-light-italic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/2HG_tEPiQ4Z6795cGfdivLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:normal;
  src:local('Lato Regular'),
      local('Lato-Regular'),
      url(fonts/lato-regular.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:normal;
  src:local('Lato Regular Italic'),
      local('Lato-Regular-Italic'),
      url(fonts/lato-regularitalic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:bold;
  src:local('Lato Bold Italic'),
      local('Lato-Bold-Italic'),
      url(fonts/lato-bold.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:bold;
  src:local('Lato Bold Italic'),
      local('Lato-Bold-Italic'),
      url(fonts/lato-bolditalic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:bolder;
  src:local('Lato Black Italic'),
      local('Lato-Black-Italic'),
      url(fonts/lato-black.woff) format('woff'),
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:bolder;
  src:local('Lato Black Italic'),
      local('Lato-Black-Italic'),
      url(fonts/lato-blackitalic.woff) format('woff'),
}
/*@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:300;
  src:local('Lato Light'),
      local('Lato-Light'),
      url(fonts/Lato-Light.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:300;
  src:local('Lato Light Italic'),
      local('Lato-Light-Italic'),
      url(fonts/Lato-Light-Italic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/2HG_tEPiQ4Z6795cGfdivLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:normal;
  font-weight:normal;
  src:local('Lato Regular'),
      local('Lato-Regular'),
      url(fonts/Lato-Regular.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:normal;
  src:local('Lato Regular Italic'),
      local('Lato-Regular-Italic'),
      url(fonts/Lato-RegularItalic.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family:Lato;
  font-style:italic;
  font-weight:bold;
  src:local('Lato Bold Italic'),
      local('Lato-Bold-Italic'),
      url(fonts/Lato-Bold.woff) format('woff'),
      url(http://themes.googleusercontent.com/static/fonts/lato/v7/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}*/




/*************************************************
//  Iconos
/*************************************************/
@font-face {
    font-family:Entypo;
    font-weight:normal;
    font-style:normal;
    src: url('fonts/entypo.eot'),
         url('fonts/entypo.woff') format('woff'),
         url('fonts/entypo.ttf') format('truetype'),
         url('fonts/entypo.svg') format('svg');
}

span.icon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:Entypo;
    font-style:normal;
    font-weight:normal;
    font-size:2em;
    line-height:0;
    -webkit-font-smoothing:antialiased;
    pointer-events:none;
}

span.icon.phone:before { content:"📞"; }
span.icon.mobile:before { content:"📱"; }
span.icon.mouse:before { content:""; }
span.icon.address:before { content:""; }
span.icon.mail:before { content:"✉"; }
span.icon.paper-plane:before { content:"🔿"; }
span.icon.pencil:before { content:"✎"; }
span.icon.feather:before { content:"✒"; }
span.icon.attach:before { content:"📎"; }
span.icon.inbox:before { content:""; }
span.icon.reply:before { content:""; }
span.icon.reply-all:before { content:""; }
span.icon.forward:before { content:"➦"; }
span.icon.user:before { content:"👤"; }
span.icon.users:before { content:"👥"; }
span.icon.add-user:before { content:""; }
span.icon.vcard:before { content:""; }
span.icon.export:before { content:""; }
span.icon.location:before { content:""; }
span.icon.map:before { content:""; }
span.icon.compass:before { content:""; }
span.icon.direction :before { content:"➢"; }
span.icon.hair-cross:before { content:"🎯"; }
span.icon.share:before { content:""; }
span.icon.shareable :before { content:""; }
span.icon.heart:before { content:"♥"; }
span.icon.heart-empty:before { content:"♡"; }
span.icon.star:before { content:"★"; }
span.icon.star-empty:before { content:"☆"; }
span.icon.thumbs-up:before { content:"👍"; }
span.icon.thumbs-down:before { content:"👎"; }
span.icon.chat:before { content:""; }
span.icon.comment:before { content:""; }
span.icon.quote:before { content:"❞"; }
span.icon.home:before { content:"⌂"; }
span.icon.popup:before { content:""; }
span.icon.search:before { content:"🔍"; }
span.icon.flashlight:before { content:"🔦"; }
span.icon.print:before { content:""; }
span.icon.bell:before { content:"🔔"; }
span.icon.link:before { content:"🔗"; }
span.icon.flag:before { content:"⚑"; }
span.icon.cog:before { content:"⚙"; }
span.icon.tools:before { content:"⚒"; }
span.icon.trophy:before { content:"🏆"; }
span.icon.tag:before { content:""; }
span.icon.camera:before { content:"📷"; }
span.icon.megaphone:before { content:"📣"; }
span.icon.moon:before { content:"☽"; }
span.icon.palette:before { content:"🎨"; }
span.icon.leaf:before { content:"🍂"; }
span.icon.note:before { content:"♪"; }
span.icon.beamed-note:before { content:"♫"; }
span.icon.new:before { content:"💥"; }
span.icon.graduation-cap:before { content:"🎓"; }
span.icon.book:before { content:"📕"; }
span.icon.newspaper:before { content:"📰"; }
span.icon.bag :before { content:"👜"; }
span.icon.airplane:before { content:"✈"; }
span.icon.lifebuoy:before { content:""; }
span.icon.eye:before { content:""; }
span.icon.clock:before { content:"🕔"; }
span.icon.mic:before { content:"🎤"; }
span.icon.calendar:before { content:"📅"; }
span.icon.flash:before { content:"⚡"; }
span.icon.thunder-cloud:before { content:"⛈"; }
span.icon.droplet:before { content:"💧"; }
span.icon.cd:before { content:"💿"; }
span.icon.briefcase:before { content:"💼"; }
span.icon.air:before { content:"💨"; }
span.icon.hourglass:before { content:"⏳"; }
span.icon.gauge:before { content:"🛇"; }
span.icon.language:before { content:"🎔"; }
span.icon.network:before { content:""; }
span.icon.key:before { content:"🔑"; }
span.icon.battery:before { content:"🔋"; }
span.icon.bucket:before { content:"📾"; }
span.icon.magnet:before { content:""; }
span.icon.drive:before { content:"📽"; }
span.icon.cup:before { content:"☕"; }
span.icon.rocket:before { content:"🚀"; }
span.icon.brush:before { content:""; }
span.icon.suitcase:before { content:"🛆"; }
span.icon.traffic-cone:before { content:"🛈"; }
span.icon.globe:before { content:"🌎"; }
span.icon.keyboard:before { content:"⌨"; }
span.icon.browser:before { content:""; }
span.icon.publish:before { content:""; }
span.icon.progress-3:before { content:""; }
span.icon.progress-2:before { content:""; }
span.icon.progress-1:before { content:""; }
span.icon.progress-0:before { content:""; }
span.icon.light-down:before { content:"🔅"; }
span.icon.light-up:before { content:"🔆"; }
span.icon.adjust:before { content:"◑"; }
span.icon.code:before { content:""; }
span.icon.monitor:before { content:"💻"; }
span.icon.infinity:before { content:"∞"; }
span.icon.light-bulb:before { content:"💡"; }
span.icon.credit-card:before { content:"💳"; }
span.icon.database:before { content:"📸"; }
span.icon.voicemail:before { content:"✇"; }
span.icon.clipboard:before { content:"📋"; }
span.icon.cart:before { content:""; }
span.icon.box:before { content:"📦"; }
span.icon.ticket:before { content:"🎫"; }
span.icon.rss:before { content:""; }
span.icon.signal:before { content:"📶"; }
span.icon.thermometer:before { content:"📿"; }
span.icon.water:before { content:"💦"; }
span.icon.sweden:before { content:""; }
span.icon.line-graph:before { content:"📈"; }
span.icon.pie-chart:before { content:"◴"; }
span.icon.bar-graph:before { content:"📊"; }
span.icon.area-graph:before { content:"🔾"; }
span.icon.lock:before { content:"🔒"; }
span.icon.lock-open:before { content:"🔓"; }
span.icon.logout:before { content:""; }
span.icon.login:before { content:""; }
span.icon.check:before { content:"✓"; }
span.icon.cross:before { content:"❌"; }
span.icon.squared-minus:before { content:"⊟"; }
span.icon.squared-plus:before { content:"⊞"; }
span.icon.squared-cross:before { content:"❎"; }
span.icon.circled-minus:before { content:"⊖"; }
span.icon.circled-plus:before { content:"⊕"; }
span.icon.circled-cross:before { content:"✖"; }
span.icon.minus:before { content:"➖"; }
span.icon.plus:before { content:"➕"; }
span.icon.erase:before { content:"⌫"; }
span.icon.block:before { content:"🚫"; }
span.icon.info:before { content:"ℹ"; }
span.icon.circled-info:before { content:""; }
span.icon.help:before { content:"❓"; }
span.icon.circled-help:before { content:""; }
span.icon.warning:before { content:"⚠"; }
span.icon.cycle:before { content:"🔄"; }
span.icon.cw:before { content:"⟳"; }
span.icon.ccw:before { content:"⟲"; }
span.icon.shuffle:before { content:"🔀"; }
span.icon.back:before { content:"🔙"; }
span.icon.level-down:before { content:"↳"; }
span.icon.retweet:before { content:""; }
span.icon.loop:before { content:"🔁"; }
span.icon.back-in-time:before { content:""; }
span.icon.level-up:before { content:"↰"; }
span.icon.switch:before { content:"⇆"; }
span.icon.numbered-list:before { content:""; }
span.icon.add-to-list:before { content:""; }
span.icon.layout:before { content:"⚏"; }
span.icon.list:before { content:"☰"; }
span.icon.text-doc:before { content:"📄"; }
span.icon.text-doc-inverted:before { content:""; }
span.icon.doc:before { content:""; }
span.icon.docs:before { content:""; }
span.icon.landscape-doc:before { content:""; }
span.icon.picture:before { content:"🌄"; }
span.icon.video:before { content:"🎬"; }
span.icon.music:before { content:"🎵"; }
span.icon.folder:before { content:"📁"; }
span.icon.archive:before { content:""; }
span.icon.trash:before { content:""; }
span.icon.upload:before { content:"📤"; }
span.icon.download:before { content:"📥"; }
span.icon.save:before { content:"💾"; }
span.icon.install:before { content:""; }
span.icon.cloud:before { content:"☁"; }
span.icon.upload-cloud:before { content:""; }
span.icon.bookmark:before { content:"🔖"; }
span.icon.bookmarks:before { content:"📑"; }
span.icon.open-book:before { content:"📖"; }
span.icon.play:before { content:"▶"; }
span.icon.paus:before { content:"‖"; }
span.icon.record:before { content:"●"; }
span.icon.stop:before { content:"■"; }
span.icon.ff:before { content:"⏩"; }
span.icon.fb:before { content:"⏪"; }
span.icon.to-start:before { content:"⏮"; }
span.icon.to-end:before { content:"⏭"; }
span.icon.resize-full:before { content:""; }
span.icon.resize-small:before { content:""; }
span.icon.volume:before { content:"⏷"; }
span.icon.sound:before { content:"🔊"; }
span.icon.mute:before { content:"🔇"; }
span.icon.flow-cascade:before { content:"🕨"; }
span.icon.flow-branch:before { content:"🕩"; }
span.icon.flow-tree:before { content:"🕪"; }
span.icon.flow-line:before { content:"🕫"; }
span.icon.flow-parallel:before { content:"🕬"; }
span.icon.left-bold:before { content:""; }
span.icon.down-bold:before { content:""; }
span.icon.up-bold:before { content:""; }
span.icon.right-bold:before { content:""; }
span.icon.left:before { content:"⬅"; }
span.icon.down:before { content:"⬇"; }
span.icon.up:before { content:"⬆"; }
span.icon.right:before { content:"➡"; }
span.icon.circled-left:before { content:""; }
span.icon.circled-down:before { content:""; }
span.icon.circled-up:before { content:""; }
span.icon.circled-right:before { content:""; }
span.icon.triangle-left:before { content:"◂"; }
span.icon.triangle-down:before { content:"▾"; }
span.icon.triangle-up:before { content:"▴"; }
span.icon.triangle-right:before { content:"▸"; }
span.icon.chevron-left:before { content:""; }
span.icon.chevron-down:before { content:""; }
span.icon.chevron-up:before { content:""; }
span.icon.chevron-right:before { content:""; }
span.icon.chevron-small-left:before { content:""; }
span.icon.chevron-small-down:before { content:""; }
span.icon.chevron-small-up:before { content:""; }
span.icon.chevron-small-right:before { content:""; }
span.icon.chevron-thin-left:before { content:""; }
span.icon.chevron-thin-down:before { content:""; }
span.icon.chevron-thin-up:before { content:""; }
span.icon.chevron-thin-right:before { content:""; }
span.icon.left-thin:before { content:"←"; }
span.icon.down-thin:before { content:"↓"; }
span.icon.up-thin:before { content:"↑"; }
span.icon.right-thin:before { content:"→"; }
span.icon.arrow-combo:before { content:""; }
span.icon.three-dots:before { content:"⏶"; }
span.icon.two-dots:before { content:"⏵"; }
span.icon.dot :before { content:"⏴"; }
span.icon.s-facebook:before { content:""; }
span.icon.c-facebook:before { content:""; }
span.icon.facebook:before { content:""; }
span.icon.c-twitter:before { content:""; }
span.icon.twitter:before { content:""; }
span.icon.soundcloud:before { content:""; }


/* Side scroll *//*
::-webkit-scrollbar-thumb
{
    border-radius:16px;
    border:4px solid #000;
}

::-webkit-scrollbar-thumb:vertical
{
    background-color:#a0a0a0;
    height:100px
}

::-webkit-scrollbar-thumb:horizontal
{
    background-color:#a0a0a0;
    height:16px!important
}

::-webkit-scrollbar-thumb:hover
{
    background-color:#333333
}

::-webkit-scrollbar
{
    height:16px;width:16px;
    background-color:#000
}

::-webkit-scrollbar-corner
{
    background-color:#000
}
*/


body {
    color:#fff;
    font-family:Lato, Helvetica, Arial, sans-serif;
    background:#000 url(images/background.jpg) no-repeat 50% 0;
}

body *
{
    transition: none 105ms linear;
}

a:visited {
    color:#fff;
    text-decoration:underline;
}

body > div.container {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-top:7px solid #a31916;
    box-sizing:border-box;
    -webkit-transition:-webkit-filter 500ms linear;
    -webkit-transition:filter 500ms linear;
    transition-property:-webkit-filter;
    transition-property:filter;
}

body.blur > div.container {
    overflow:hidden;
    pointer-events:none;
    -webkit-filter:blur(28px);
    filter:blur(28px);
}

body > div.container > div.center {
    position:relative;
    max-width:990px;
    padding:0 10px;
    margin:auto;
}

#header {
    padding-top:8px;
}




/*************************************************
//  Menú usuario
/*************************************************/

body > div.container > div.center > aside.user {
    position:absolute;
    top:0;
    right:10px;
    font-size:12px;
}

body > div.container > div.center > aside.user > a {
    display:block;
    text-align:right;
    padding-right: 120px;
}
.img_user_menu{
    height: 45px;
    margin-left: 12px;
    margin-right: 12px;
    width: 45px;
}
body > div.container > div.center > aside.user > a > span {
    display:inline-block;
    margin-right:5px;
    font-family:Asap,inherit;
}

body > div.container > div.center > aside.user > a > h4:after,
body > div.container > div.center > aside.user > a > h4:before
{
    content:"";
}
body > div.container > div.center > aside.user > a > h4 {
    display:inline-block;
    margin:0;
    /*margin-right:10px;*/
    text-transform:uppercase;
    font-size:14px;
    font-family:Asap,inherit;
}

body > div.container > div.center > aside.user > a > img {
    display:inline-block;
}

body > div.container > div.center > aside.user > nav {
    border:1px solid rgba(255,255,255,0.2);
    text-transform:uppercase;
    font-size:14px;
    /*width:530px;*/
    margin-top: 1px;
}

body > div.container > div.center > aside.user > nav > ul {
    margin:0;
    padding:10px 22px;
    list-style:none;
}

body > div.container > div.center > aside.user > nav > ul > li {
    display:inline-block;
    margin-right:35px;
}

body > div.container > div.center > aside.user > nav > ul > li:last-child {
    margin-right:0;
}

body > div.container > div.center > aside.user > nav > ul > li > a {
    color:inherit;
    opacity:0.3;
    text-decoration:none;
    font-weight:300;
    transition-property:all;
}   

body > div.container > div.center > aside.user > nav > ul > li > a:hover {
    opacity:.7;
    /*font-weight:normal;*/
}    
body > div.container > div.center > aside.user > nav > ul > li > a.selected {
    opacity:1;
    font-weight:normal;
}    





/*************************************************
//  Selector de idioma
/*************************************************/
#header > aside.lang {
    position:absolute;
    z-index:10;
    top:12px;
    right:10px;
    border:1px solid rgba(255,255,255,0.3);
    height:18px;
    transition-property:all;
}

#header > aside.lang > h5 {
    position:absolute;
    top:0;
    right:0;
    width:18px;
    height:100%;
    margin:0;
    background:rgba(255,255,255,0.3) url(images/arrow-down.svg) no-repeat 50% 50%;
    pointer-events:none;
    transition-property:all;
}

#header > aside.lang > select {
    display:block;
    width:100%;
    height:100%;
    margin:0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    text-transform:lowercase;
    background:none;
    color:#B3B3B3;
    border:none;
    outline:none;
    font-size:10px;
    font-family:Asap,inherit;
    cursor:pointer;
    padding:0 40px 0 20px;
    border-radius:0;
}

#header > aside.lang:hover {
    border-color:rgba(255,255,255,0.6);
}

#header > aside.lang:hover > h5 {
    background-color:rgba(255,255,255,0.4);
}






/*************************************************
//  Header
/*************************************************/

#header > span.menu-button {
    display:none;
    position:absolute;
    z-index:1;
    left:7px;
    top:7px;
    width:23px;
    height:25px;
    background:url(images/menu.svg) no-repeat 50% 50%;
    cursor:pointer;
    transition-property:opacity;
}

#header > span.menu-button:hover {
    opacity:0.7;
}

#header > nav > ul > li.logout {
    display:none;
}

#header > nav > ul > li.lang {
    display:none;
}






/*************************************************
//  Header Home
/*************************************************/

#header.home {
    border-bottom:1px solid rgba(255,255,255,0.4);
    padding-bottom:558px;
}

#header.home > h1 {
    margin:0;
    margin-left:10px;
}

#header.home > h1 > a {
    display:block;
    background:url(images/logo-internal_new.svg) no-repeat;
    width:150px;
    height:150px;
    -webkit-transition : -webkit-filter 200ms linear
}

.no-svg #header.home > h1 > a { background-image:url(images/logo.png); }
/*
#header.home > h1 > a:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
*/
#header.home > nav {
    position:relative;
}

#header.home > nav > ul {
    margin:0;
    padding:0;
    list-style:none;
}

#header.home > nav > ul > li {
    position:absolute;
    width:17%;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
}

#header.home > nav > ul > li.who {
    top:0;
    left:49%;
}

#header.home > nav > ul > li.what {
    top:0;
    left:66%;
}

#header.home > nav > ul > li.how {
    top:0;
    left:83%;
    border-right:none;
}

#header.home > nav > ul > li.blog {
    top:165px;
    left:0;
}

#header.home > nav > ul > li.community {
    top:165px;
    left:49%;
}

#header.home > nav > ul > li.careers {
    top:165px;
    left:66%;
}

#header.home > nav > ul > li.careers {
    top:165px;
    left:66%;
}

#header.home > nav > ul > li.suppliers {
    top:165px;
    left:83%;
    border-right:none;
}

#header.home > nav > ul > li.contact {
    top:330px;
    left:49%;
}

#header.home > nav > ul > li > a {
    display:block;
    height:164px;
    font-size:14px;
    background:rgba(255,255,255,0.3);
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    transition-property:background-color;
}

#header.home > nav > ul > li > a > span.text {
    position:absolute;
    top:100px;
    width:80%;
    left:10%;
    display:block;
    font-weight:300;
}

#header.home > nav > ul > li > a > span.icon {
    position:absolute;
    top:50px;
    left:50%;
    display:block;
    width:50px;
    height:50px;
    background:no-repeat 50% 0;
}

#header.home > nav > ul > li > a:hover {
    background-color:#a31916;
}

#header.home > nav > ul > li.who > a > span.icon {
    width:36px;
    height:36px;
    margin-left:-18px;
    background-image:url(images/nav-who-icon.svg);
}
.no-svg #header.home > nav > ul > li.who > a > span.icon { background-image:url(images/nav-who-icon.png); }


#header.home > nav > ul > li.what > a > span.icon {
    width:32px;
    height:36px;
    margin-left:-16px;
    background-image:url(images/nav-what-icon.svg);
}
#header.home > nav > ul > li.what > a:hover > span.icon { background-position:-1px -45px; }
.no-svg #header.home > nav > ul > li.what > a > span.icon { background-image:url(images/nav-what-icon.png); }


#header.home > nav > ul > li.how > a > span.icon {
    width:43px;
    height:38px;
    margin-left:-21px;
    background-image:url(images/nav-how-icon.svg);
}
#header.home > nav > ul > li.how > a:hover > span.icon { background-position:0 -38px; }
.no-svg #header.home > nav > ul > li.how > a > span.icon { background-image:url(images/nav-how-icon.png); }


#header.home > nav > ul > li.blog > a > span.icon {
    width:60px;
    height:36px;
    margin-left:-30px;
    background-image:url(images/nav-blog-icon.svg);
}
#header.home > nav > ul > li.blog > a:hover > span.icon { background-position:0 -36px; }
.no-svg #header.home > nav > ul > li.blog > a > span.icon { background-image:url(images/nav-blog-icon.png); }


#header.home > nav > ul > li.community > a > span.icon {
    width:28px;
    height:36px;
    margin-left:-14px;
    background-image:url(images/nav-community-icon.svg);
}
#header.home > nav > ul > li.community > a:hover > span.icon { background-position:0 -36px; }
.no-svg #header.home > nav > ul > li.community > a > span.icon { background-image:url(images/nav-community-icon.png); }


#header.home > nav > ul > li.careers > a > span.icon {
    width:50px;
    height:41px;
    margin-left:-25px;
    background-image:url(images/nav-careers-icon.svg);
}
#header.home > nav > ul > li.careers > a:hover > span.icon { background-position:0 -41px; }
.no-svg #header.home > nav > ul > li.careers > a > span.icon { background-image:url(images/nav-careers-icon.png); }


#header.home > nav > ul > li.suppliers > a > span.icon {
    width:50px;
    height:36px;
    margin-left:-18px;
    background-image:url(images/nav-suppliers-icon.svg);
}
#header.home > nav > ul > li.suppliers > a:hover > span.icon { background-position:0 -36px; }
.no-svg #header.home > nav > ul > li.suppliers > a > span.icon { background-image:url(images/nav-suppliers-icon.png); }


#header.home > nav > ul > li.contact > a > span.icon {
    width:47px;
    height:33px;
    margin-left:-24px;
    background-image:url(images/nav-contact-icon.svg);
}
#header.home > nav > ul > li.contact > a:hover > span.icon { background-position:0 -33px; }
.no-svg #header.home > nav > ul > li.contact > a  > span.icon{ background-image:url(images/nav-contact-icon.png); }




/*************************************************
//  Header Internas
/*************************************************/

#header {
}

#header.internal > h1 {
    margin:0;
    margin-top:8px;
    margin-left:10px;
}

#header.internal > h1 > a {
    display:block;
    background:url(images/logo-interna.svg) no-repeat;
    width:110px;
    height:110px;
    transition-property:-webkit-filter;
}

.no-svg body > div.container.internal > header > h1 > a { background-image:url(images/logo-internal_new.png); }
/*
#header > h1 > a:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}
*/
#header.internal {
}

#header.internal > h1 {
    position:absolute;
    left:0px;
    top:0;
}

#header.internal > nav {
    position:absolute;
    left:10px;
    top:163px;
}

#header.internal > nav > ul {
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid rgba(255,255,255,0.1);
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding-top:8px;
}

#header.internal > nav > ul > li {
    line-height:1em;
}

#header.internal > nav > ul > li > a {
    display:block;
    padding:7px 5px;
    max-width:112px;
    color:inherit;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:300;
    font-size:14px;
    transition-property:font-weight;
    opacity: .3;
}

#header.internal > nav > ul > li > a:hover,
#header.internal > nav > ul > li > a.selected {
    font-weight:normal;
    opacity: .7;
}

#header.internal > nav > ul > li > a.selected {
    cursor:default;
    pointer-events:none;
    opacity: 1;
}

#header.internal > nav > ul > li.how > a {
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

#header.internal > nav > ul > li.blog > a {
    padding-top:16px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

#header.internal > nav > ul > li.careers > a {
    padding-top:15px;
}

#header.internal > nav > ul > li.community > a {
    padding-bottom:15px;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

#header.internal > nav > ul > li.suppliers > a {
    padding-top:14px;
}

#header.internal > nav > ul > li.contact > a {
    padding-bottom:14px;
}




/*************************************************
//  Contenido secciones internas
/*************************************************/

body > div.container > div.center > section {
    padding-left:163px;
    padding-top:148px;
    padding-bottom:18px;
    min-height:340px;
}

body > div.container > div.center > section > h2 {
    margin:0;
    margin-bottom:20px;
    text-transform:uppercase;
    font-weight:300;
    font-size:21px;
}

body > div.container > div.center > section > p {
    margin:0;
    font-size:12px;
    font-family:Asap,inherit;
    margin-bottom:6px;
    text-align: justify;
}



/*************************************************
//  Footer
/*************************************************/

#footer {
    border-top:1px solid  rgba(255,255,255,0.4);
}

#footer > div.info {
    padding-top:25px;
    padding-bottom:40px;
    border-bottom:1px solid  rgba(255,255,255,0.4);
}

#footer > div.info > section > h3 {
    margin:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:21px;
}

#footer > div.info > section > h3 > strong {
    font-weight:bold;
}

#footer > div.info > section > p {
    margin:0;
    margin-bottom:13px;
    font-size:12px;
    font-family:Asap, inherit;
}

#footer > div.info > section {
    float:left;
}

#footer > div.info > section.links {
    width:29%;
    margin-right:29%;
}

#footer > div.info > section.maling {
    width:42%;
}

#footer > div.info > section.links > ul {
    margin:0;
    padding:0;
    list-style:none;
}

#footer > div.info > section.links > ul > li {
    display:inline-block;
}

#footer > div.info > section.links > ul > li > a {
    display:block;
    width:45px;
    height:45px;
    background:#c11b1b no-repeat 50% 50%;
    transition-property:background-color;
}

#footer > div.info > section.links > ul > li > a:hover {
    background-color:#d12824;
}

#footer > div.info > section.links > ul > li > a.fb { background-image:url(images/facebook.svg); }
#footer > div.info > section.links > ul > li > a.ln { background-image:url(images/linkedin.svg); }
#footer > div.info > section.links > ul > li > a.sk { background-image:url(images/skype.svg); }
#footer > div.info > section.links > ul > li > a.tw { background-image:url(images/twitter.svg); }
#footer > div.info > section.links > ul > li > a.pr { background-image:url(images/proz.svg); }

.no-svg #footer > div.info > section.links > ul > li > a.fb { background-image:url(images/facebook.png); }
.no-svg #footer > div.info > section.links > ul > li > a.ln { background-image:url(images/linkedin.png); }
.no-svg #footer > div.info > section.links > ul > li > a.sk { background-image:url(images/skype.png); }
.no-svg #footer > div.info > section.links > ul > li > a.tw { background-image:url(images/twitter.png); }
.no-svg #footer > div.info > section.links > ul > li > a.pr { background-image:url(images/proz.png); }

#footer > div.info > section.maling {
    transition-property:opacity;
}

#footer > div.info > section.maling.disabled {
    opacity:0.5;
}

#footer > div.info > section.maling > form > div.email {
    position:relative;
    float:left;
    width:84%;
}

#footer > div.info > section.maling > form > div.email > span.icon {
    position:absolute;
    top:23px;
    right:13px;
    font-size:30px;
    pointer-events:none;
    display:none;
}

#footer > div.info > section.maling > form > div.email > span.icon.check {
    color:#A31916;
}

#footer > div.info > section.maling > form.ok > div.email > span.icon.check {
    display:block;
}

#footer > div.info > section.maling > form.error > div.email > span.icon.warning {
    display:block;
}

#footer > div.info > section.maling > form > input[type=submit] {
    display:block;
    float:left;
    width:10%;
    height:44px;
    text-indent:-9999px;
    overflow:hidden;
    border:none;
    background:#A31916 url(images/arrow-right.svg) no-repeat 50% 50%;
    transition-property:background-color;
    outline:none;
}

.no-svg #footer > div.info > section.maling > form > input[type=submit] { background-image:url(images/arrow-right.png) }

#footer > div.info > section.maling > form > input[type=submit]:hover,
#footer > div.info > section.maling > form > input[type=submit]:focus {
    background-color:#d12824;
}

#footer > div.info > section.maling > form > p.error-msg {
    margin:0;
    clear:both;
    padding-top:5px;
    font-size:11px;
    font-family:Arial,inherit;
    font-weight:bold;
    display:none;
}

#footer > div.info > section.maling > form.error > p.error-msg {
    display:block;
}

#footer > div.info > section.maling > form > p.error-msg > span.icon {
    color:#FF0000;
    top:4px;
    margin-right:4px;
    font-size:31px;
}

#footer > address {
    position:relative;
    padding:10px 0;
    font-family:Asap,inherit;
    font-size:12px;
}

#footer > address > p {
    margin:0;
}

#footer > address > p:nth-child(1) {
    float:left;
}

#footer > address > p:nth-child(2) {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    text-align:right;
}

#footer > address > p.author > a {
    padding-top:10px;
    width:300px;
    display:block;
    height:100%;
    text-decoration:none;
    color:inherit;
    box-sizing:border-box;
    transition-property:color;
}

#footer > address > p.author > a > strong {
    position:relative;
    margin-left:4px;
    top:2px;
    display:inline-block;
    width:112px;
    height:13px;
    background:url(images/weareosom-logo.svg) no-repeat;
    overflow:hidden;
    transition-property:background-position;
}

.no-svg #footer > address > p.author > a > strong {
    background-image:url(images/weareosom-logo.png);
}

#footer > address > p.author > a:hover {
    color:#E84C3C;
}

#footer > address > p.author > a:hover > strong {
    background-position:0 -23px;
}






/* ==========================================================================
   Clases comunes
   ========================================================================== */


/*************************************************
//  Paginador
/*************************************************/

div.pager {
    text-align:right;
}

div.pager > span{
    display:inline-block;
    margin-right:2px;
    border:1px solid rgba(255,255,255,0.2);
    text-decoration:none;
	color:#fff;
    font-size:12px;
    padding:2px 7px;
    transition-property:color, background-color, border-color;
}
div.pager > span > a{
	color:#fff;
    font-size:12px;
    padding:2px 7px;
	margin:-2px -7px;
	text-decoration:none;
}

div.pager > span.icon {
    top:2px;
}

div.pager > span > a:hover,
div.pager > span.selected {
    background-color:#A31916;
    border-color:transparent;
}

div.pager > span > a.selected {
    pointer-events:none;
}




/*************************************************
//  Input Field A (Fondo semitransparente, sin borde)
/*************************************************/

div.input-field-a {
    position:relative;
    line-height:0;
    box-sizing:border-box;
    border-bottom:1px solid transparent;
    transition-property:opacity;
}

div.input-field-a.disabled {
    opacity:0.5;
}

div.input-field-a.focus {
    color:#A31916;
    transition-property:color;
}

div.input-field-a > span.icon {
    pointer-events:none;
}

div.input-field-a > span.icon.input {
    position:absolute;
    top:15px;
    left:15px;
    font-size:36px;
    transition-property:color,border-color;
}

div.input-field-a > span.icon.warning {
    display:none;
    position:absolute;
    top:13px;
    right:15px;
    color:#FF0000;
    font-size:40px;
}

div.input-field-a.error > span.icon.warning {
    display:block;
}

div.input-field-a > input, 
div.input-field-a > textarea, 
div.input-field-a > span.text, 
div.input-field-a > div.select > select {
    display:block;
    background:rgba(255,255,255,0.4);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing:border-box;
    border:3px solid transparent;
    border-radius:0;
    margin:0;
    padding:13px 13px 12px 13px;
    /*padding:13px 50px 12px 48px;*/
    color:#fff;
    width:100%;
    line-height:normal;
    text-transform:uppercase;
    font-family:Asap,inherit;
    font-size:12px;
    transition-property:border-color;
    outline:none;
}

div.input-field-a > input:focus, 
div.input-field-a > textarea:focus,
div.input-field-a > div.select > select:focus {
    border:3px solid #A31916;
}

div.input-field-a > input::-webkit-input-placeholder { color:#fff; }
div.input-field-a > input::-moz-input-placeholder { color:#fff; }
div.input-field-a > input:-ms-input-placeholder { color:#fff; }

div.input-field-a > textarea::-webkit-input-placeholder { color:#fff; }
div.input-field-a > textarea::-moz-input-placeholder { color:#fff; }
div.input-field-a > textarea:-ms-input-placeholder { color:#fff; }

div.input-field-a.text {
    float:none;
    clear:both;
    width:auto;
}

div.input-field-a > textarea {
    padding-left:10px;
    min-height:110px;
}

div.input-field-a > div.select > span.icon.chevron-thin-down {
    position: absolute;
    right: 5px;
    top: 10px;
}

div.input-field-a > input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}


/*************************************************
//  Input Field B (Borde ancho, ej.Footer)
/*************************************************/

div.input-field-b {
    position:relative;
    line-height:0;
    box-sizing:border-box;
    transition-property:opacity;
}

div.input-field-b.disabled {
    opacity:0.5;
}

div.input-field-b.focus {
    color:#A31916;
}

div.input-field-b > span.icon.input {
    position:absolute;
    top:22px;
    left:15px;
    font-size:36px;
    transition-property:border-color;
}

div.input-field-b > span.icon.warning {
    display:none;
    position:absolute;
    top:13px;
    right:15px;
    color:#FF0000;
    font-size:40px;
}

div.input-field-b.error > span.icon.warning {
    display:block;
}

div.input-field-b > input {
    display:block;
    background:#a1a1a1;
    border:10px solid rgba(255, 255, 255, 0.2);
    color:#fff;
    width:100%;
    padding:6px;
    box-sizing:border-box;
    /*text-transform:uppercase;*/
    font-family:Asap,inherit;
    font-size:11px;
    font-weight:bold;
}

div.input-field-b > input::-webkit-input-placeholder { color:#fff; }
div.input-field-b > input::-moz-input-placeholder { color:#fff; }
div.input-field-b > input:-ms-input-placeholder { color:#fff; }


/*************************************************
//  Search
/*************************************************/

form.search {
    margin-bottom:17px;
    border:1px solid rgba(255,255,255,0.2);
    padding:10px;  
}

form.search > div {
    position:relative;
    float:left;
    color:rgba(255,255,255,0.6);
}

form.search > div.input {
    width:50%;
    margin-right:2%;
}

form.search > div.select {
    width:48%;
}

form.search > div > span.icon {
    position:absolute;
    top:3px;
    pointer-events:none;
}

form.search > div.input > span.icon.search {
    left: 6px;
  top: 12px;
  font-size: 30px;
}

form.search > div.input > span.icon.chevron-small-right {
    right: 6px;
  top: 12px;
  font-size: 45px;
}

form.search > div.input > input {
    display:block;
    border:none;
    background:rgba(255,255,255,0.3);
    width:100%;
    height:24px;
    color:#fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    text-transform:uppercase;
    font-size:11px;
    text-indent:32px;
}

form.search > div.input > input::-webkit-input-placeholder {
    color:#fff;
}

form.search > div.input > input::-moz-input-placeholder {
    color:#fff;
}

form.search > div.input > input:-ms-input-placeholder {
    color:#fff;
}

form.search > div.select > select {
    display:block;
    cursor:pointer;
    margin:0;
    padding:0 40px 0 35px;
    width:100%;
    height:24px;
    border:none;
    border-radius:0;
    outline:none;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    background:rgba(255,255,255,0.3);
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    font-family:Asap,inherit;
}

form.search > div.select > span.icon.list {
    left: 6px;
  top: 12px;
  font-size: 30px;
}

form.search > div.select > span.icon.chevron-small-down {
    right:6px;
    top:12px;
    font-size:50px;
}


/*************************************************
//  Botones
/*************************************************/

.button {
    position:relative;
    line-height:normal;
    background:rgba(255,255,255,0.4);
    display:block;
    width:100%;;
    box-sizing:border-box;
    border:none;
    color:#fff;
    height:45px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    font-size:12px;
    font-family:Asap,inherit;
    transition-property:background-color, border-color, color;
    padding:6px;
}

.button:hover {
    background:rgba(255,255,255,0.6);
}

.button.red {
    color:#fff;
    background-color:#A31916;
}

.button.red:hover {
    background-color:#B21B1B;
}

.button.button-3d {
    padding:12px 0 18px 0;
    font-weight:bold;
}

.button.button-3d > span.shadow {
    position:absolute;
    z-index:1;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    height:6px;
    background-color:rgba(0,0,0,0.2);
}

.button.button-3d:active {
    top:6px;
    height:39px;
    margin-bottom:6px;
}

.button.button-3d:active > span.shadow {
    display:none;
}

.button.button-3d.big {
    padding:12px 0 44px 0;
    font-size:21px;
    font-weight:normal;
    font-family:Lato,inherit;
}

.button.button-3d.big:active {
    top:6px;
    padding-bottom:38px;
    margin-bottom:6px;
}




/* ==========================================================================
   Popups
   ========================================================================== */


aside.popup {
    position:fixed;
    z-index:9999;
    width:100%;
    height:100%;
    overflow:auto;
}

@-moz-document url-prefix() {
    aside.popup {
        /*opacity:0.7;*/
        //background-color:rgba(0,0,0,0.8);
        background:#000 url("images/background.jpg") no-repeat 50% 0;
    }
}

aside.popup > div.container {
    position:relative;
    margin:auto;
    margin-top:40px;
    margin-bottom:40px;
}

aside.popup > div.container > button.close {
    position:absolute;
    z-index:1;
    top:3px;
    right:3px;
    border:none;
    width:20px;
    height:20px;
    background:url(images/close.svg) no-repeat 50% 50%;
    transition-property:opacity;
}

aside.popup > div.container > button.close:hover,
aside.popup > div.container > button.close:focus {
    opacity:0.75;
}




/* ==========================================================================
   Adaptaciones responsive
   ========================================================================== */

@media (max-width:790px)
{
    
    #header.home > h1 {
        margin-bottom:24px;
    }

    #header.home > nav > ul > li {
        width:20%;
    }

    #header.home > nav > ul > li.who {
        top:0;
        left:60%;
    }

    #header.home > nav > ul > li.what {
        top:0;
        left:80%;
    }

    #header.home > nav > ul > li.how {
        top:145px;
        left:80%;
        border-right:none;
    }

    #header.home > nav > ul > li.blog {
        top:145px;
        left:0;
    }

    #header.home > nav > ul > li.community {
        top:145px;
        left:60%;
    }

    #header.home > nav > ul > li.careers {
        top:145px;
        left:80%;
    }

    #header.home > nav > ul > li.careers {
        top:290px;
        left:0%;
    }

    #header.home > nav > ul > li.suppliers {
        top:290px;
        left:80%;
        border-right:none;
    }

    #header.home > nav > ul > li.contact {
        top:290px;
        left:60%;
    }

    #header.home > nav > ul > li > a {
        height:144px;
    }

    #header.home > nav > ul > li > a > span.text {
        position:absolute;
        top:84px;
        width:80%;
        left:10%;
        display:block;
    }

    #header.home > nav > ul > li > a > span.icon {
        top:40px;
    }
    
    

    #header.internal > h1 {
        width:122px;
    }

    #header.internal > h1 > a {
        margin:auto;
        width:93px;
        height:93px;
        background-size:100%;
        background-size:contain;
    }

    #header.internal > nav {
        top:119px;
    }
    
    
    
    /* Section */
    
    body > div.container > div.center > section {
        padding-left:140px;
        padding-top:104px;
        min-height:auto;
    }
    
    

    #footer > div.info > section.links {
        width:29%;
        margin-right:11%;
    }

    #footer > div.info > section.maling {
        width:60%;
    }
}




@media (max-width:660px)
{
    body > div.container {
        border:none;
    }

    body.menu-opened > div.container > div.center > section,
    body.menu-opened > div.container > div.center > footer {
        -webkit-filter:blur(28px);
        filter:blur(28px);
    }


    
    /* Home */
    
    #header > span.menu-button {
        display:block;
    }
    
    #header.opened {
        height:100%;
    }
    
    #header.opened > nav {
        transition:left 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
        display:block !important;
    }
    
    
    
    /* Home principal */
    body > div.container > div.center {
        position:relative;
        padding-top:40px;
    }
    
    #header.internal,
    #header.home {
        position:fixed;
        z-index:10;
        top:0;
        left:0;
        width:100%;
        border-bottom:none;
        padding:0;
    }

    #header.internal > h1,
    #header.home > h1 {
        position:relative;
        margin:0;
        width:auto;
        height:40px;
        background-color:#A31916;
    }

    #header.internal > h1 > a,
    #header.home > h1 > a {
        position:absolute;
        top:50%;
        left:50%;
        margin-left:-55px;
        margin-top:-12px;
        background-image:url(images/logo-typo.svg);
        width:109px;
        height:24px;
        transition-property:opacity;
    }
    .no-svg #header.home > h1 > a { background-image:url(images/logo-typo.png); }
    .no-svg #header.internal > h1 > a { background-image:url(images/logo-typo.png); }
    
    #header.home > h1 > a:hover,
    #header.internal > h1 > a:hover {
        opacity:0.7;
    }
    
    #header.home > aside.lang,
    #header.internal > aside.lang {
        display:none;
    }
    
    #header.home > nav,
    #header.internal > nav {
        position:absolute;
        top:40px;
        left:0;
        z-index:100;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.3);
        display:none;
        transition-property:all;
    }
    
    #header.home > nav > div.title {
        display:none;
    }
    
    #header.home > nav > ul,
    #header.internal > nav > ul {
        position:absolute;
        z-index:100px;
        width:50%;
        height:100%;
        padding:12px 13px;
        box-sizing:border-box;
        background:rgba(0,0,0,0.8);
    }

    #header.home > nav > ul > li,
    #header.internal > nav > ul > li {
        position:static;
        width:auto;
        line-height:1em;
        border:none;
    }

    #header.home > nav > ul > li.blog,
    #header.internal > nav > ul > li.blog {
        margin-top:10px;
        margin-bottom:10px;
        padding:10px 0 7px 0;
        border-top:1px solid rgba(255,255,255,0.5);
        border-bottom:1px solid rgba(255,255,255,0.5);
    }

    #header.home > nav > ul > li.suppliers,
    #header.internal > nav > ul > li.suppliers {
        margin-top:10px;
        padding-top:10px;
        border-top:1px solid rgba(255,255,255,0.5);
    }

    #header.home > nav > ul > li.contact,
    #header.internal > nav > ul > li.contact {
        margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:1px solid rgba(255,255,255,0.5);
    }

    #header.home > nav > ul > li.logout,
    #header.internal > nav > ul > li.logout {
        margin-top:10px;
        border-bottom:1px solid rgba(255,255,255,0.5);
    }

    #header.home > nav > ul > li.photos,
    #header.internal > nav > ul > li.photos {
        display:none;
    }
    
    #header.home > nav > ul > li.logout,
    #header.internal > nav > ul > li.logout {
        padding-bottom:10px;
        display:block;
    }

    #header.home > nav > ul > li.lang,
    #header.internal > nav > ul > li.lang {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center;
    }

    #header.home > nav > ul > li > a,
    #header.internal > nav > ul > li > a {
        display:block;
        width:auto;
        height:auto;
        background:none;
        text-align:left;
        padding:6px 4px !important;
        transition-property:all;
        max-width:none;
        opacity: .5;
    }

    #header.home > nav > ul > li > a:hover,
    #header.internal > nav > ul > li > a:hover,
    #header.home > nav > ul > li > a.selected,
    #header.internal > nav > ul > li > a.selected {
        background-color:#A31916;
    }

    #header.home > nav > ul > li.lang > a,
    #header.internal > nav > ul > li.lang > a {
        display:inline-block;
        padding:5px 6px;
        border:1px solid rgba(255,255,255,0.5);
        margin-right:-1px;
    }

    #header.home > nav > ul > li.lang > a:last-child,
    #header.internal > nav > ul > li.lang > a:last-child {
        margin-right:0;
    }

    #header.home > nav > ul > li.lang > a:hover,
    #header.internal > nav > ul > li.lang > a:hover {
        padding:5px 6px;
    }

    #header.home > nav > ul > li > a > span.text,
    #header.internal > nav > ul > li > a > span.text {
        position:static;
        display:block;
        width:auto;
        font-weight:normal;
    }

    #header.home > nav > ul > li.logout > a > span.text,
    #header.internal > nav > ul > li.logout > a > span.text {
        font-weight:bold;
    }

    #header.home > nav > ul > li > a > span.icon,
    #header.internal > nav > ul > li > a > span.icon {
        display:none;
    }

    #header.home > nav > ul > li > a:hover,
    #header.internal > nav > ul > li > a:hover {
        padding-left:12px;
    }
    
    
    /*************************************************
    //  Menú usuario
    /*************************************************/

    body > div.container > div.center > aside.user {
        position:static;
        text-align:center;
        margin-bottom:20px;
    }

    body > div.container > div.center > aside.user > a {
        text-align:center;
        padding-right:10px
    }

    body > div.container > div.center > aside.user > nav {
        
        width:auto;
    }

    body > div.container > div.center > aside.user > nav > ul {
        padding:10px 10px;
    }
    
    
    /* Section */
    body > div.container > div.center {
        padding-top:60px;
    }
    
    body > div.container > div.center > section {
        padding:0;
        padding-bottom:20px;
        min-height:auto;
    }
    
    
    /* Footer */
    #footer {
        border-top:1px solid  rgba(255,255,255,0.4);
        text-align:center;
    }

    #footer > div.info {
        padding:0;
        border-bottom:none;
    }

    #footer > div.info > section {
        width:auto;
        text-align:center;
        border-bottom:1px solid  rgba(255,255,255,0.4);
        float:none;
        padding-top:22px;
    }

    #footer > div.info > section.links {
        width:auto;
        margin-right:0;
        padding-bottom:25px;
    }

    #footer > div.info > section.maling {
        width:auto;
        padding-bottom:30px;
    }

    #footer > div.info > section.maling > form {
        position:relative;
        max-width:350px;
        padding-right:44px;
        margin:auto;
    }

    #footer > div.info > section.maling > form > div.email {
        float:left;
        width:100%;
    }
    
    #footer > div.info > section.maling > form > input[type=submit] {
        position:absolute;
        top:0;
        right:0;
        width:44px;
    }

    #footer > address {
        padding-bottom:0;
    }

    #footer > address > p {
        margin:0;
    }

    #footer > address > p:first-child {
        float:none;
    }

    #footer > address > p.author {
        position:static;
        height:auto;
        text-align:inherit;
    }

    #footer > address > p.author > a {
        padding-top:10px;
        padding-bottom:10px;
        width:auto;
        display:inline-block;
        height:auto;
    }

} 




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.cortar{
   max-width: 95px;

  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.optionColor{
    background: none;
    color: #B3B3B3;
}
.fileDownload{
    font-size: 10px !important;
    padding-left: 23px !important;
    text-transform: uppercase;
}
.justify{
    text-align: justify;
}
.texto-p {
    margin: 0 !important;
    font-size: 12px !important;
    font-style: italic !important;
    font-family: Asap,inherit !important;
    text-align: justify !important;
}