@font-face {
    font-family: 'Antenna';
    src: url('../fonts/Antenna-Regular.eot');
    src: url('../fonts/Antenna-Regular?#iefix') format('embedded-opentype'), url('../fonts/Antenna-Regular.woff') format('woff'), url('../fonts/Antenna-Regular.ttf') format('truetype'), url('../fonts/Antenna-Regular.sgv#MatizRegular') format('svg');
    font-weight: normal;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Antenna';
        src: url('../fonts/Antenna-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
}
@font-face {
    font-family: 'Antenna';
    src: url('../fonts/Antenna-RegularItalic.eot');
    src: url('../fonts/Antenna-RegularItalic?#iefix') format('embedded-opentype'), url('../fonts/Antenna-RegularItalic.woff') format('woff'), url('../fonts/Antenna-RegularItalic.ttf') format('truetype'), url('../fonts/Antenna-RegularItalic.sgv#MatizRegular') format('svg');
    font-weight: normal;
    font-style: italic
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Antenna';
        src: url('../fonts/Antenna-RegularItalic.svg') format('svg');
        font-weight: normal;
        font-style: italic
    }
}
@font-face {
    font-family: 'Antenna';
    src: url('../fonts/Antenna-Bold.eot');
    src: url('../fonts/Antenna-Bold?#iefix') format('embedded-opentype'), url('../fonts/Antenna-Bold.woff') format('woff'), url('../fonts/Antenna-Bold.ttf') format('truetype'), url('../fonts/Antenna-Bold.sgv#MatizRegular') format('svg');
    font-weight: bold;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Antenna';
        src: url('../fonts/Antenna-Bold.svg') format('svg');
        font-weight: bold;
        font-style: normal
    }
}
@font-face {
    font-family: 'Antenna';
    src: url('../fonts/Antenna-BoldItalic.eot');
    src: url('../fonts/Antenna-BoldItalic?#iefix') format('embedded-opentype'), url('../fonts/Antenna-BoldItalic.woff') format('woff'), url('../fonts/Antenna-BoldItalic.ttf') format('truetype'), url('../fonts/Antenna-BoldItalic.sgv#MatizRegular') format('svg');
    font-weight: bold;
    font-style: italic
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Antenna';
        src: url('../fonts/Antenna-BoldItalic.svg') format('svg');
        font-weight: bold;
        font-style: italic
    }
}
@font-face {
    font-family: 'AntennaCond';
    src: url('../fonts/AntennaCond-Regular.eot');
    src: url('../fonts/AntennaCond-Regular?#iefix') format('embedded-opentype'), url('../fonts/AntennaCond-Regular.woff') format('woff'), url('../fonts/AntennaCond-Regular.ttf') format('truetype'), url('../fonts/AntennaCond-Regular.sgv#MatizRegular') format('svg');
    font-weight: normal;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'AntennaCond';
        src: url('../fonts/AntennaCond-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
}
@font-face {
    font-family: 'AntennaCond';
    src: url('../fonts/AntennaCond-RegularItalic.eot');
    src: url('../fonts/AntennaCond-RegularItalic?#iefix') format('embedded-opentype'), url('../fonts/AntennaCond-RegularItalic.woff') format('woff'), url('../fonts/AntennaCond-RegularItalic.ttf') format('truetype'), url('../fonts/AntennaCond-RegularItalic.sgv#MatizRegular') format('svg');
    font-weight: normal;
    font-style: italic
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'AntennaCond';
        src: url('../fonts/AntennaCond-RegularItalic.svg') format('svg');
        font-weight: normal;
        font-style: italic
    }
}
@font-face {
    font-family: 'AntennaCond';
    src: url('../fonts/AntennaCond-Bold.eot');
    src: url('../fonts/AntennaCond-Bold?#iefix') format('embedded-opentype'), url('../fonts/AntennaCond-Bold.woff') format('woff'), url('../fonts/AntennaCond-Bold.ttf') format('truetype'), url('../fonts/AntennaCond-Bold.sgv#MatizRegular') format('svg');
    font-weight: bold;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'AntennaCond';
        src: url('../fonts/AntennaCond-Bold.svg') format('svg');
        font-weight: bold;
        font-style: normal
    }
}
@font-face {
    font-family: 'AntennaCond';
    src: url('../fonts/AntennaCond-BoldItalic.eot');
    src: url('../fonts/AntennaCond-BoldItalic?#iefix') format('embedded-opentype'), url('../fonts/AntennaCond-BoldItalic.woff') format('woff'), url('../fonts/AntennaCond-BoldItalic.ttf') format('truetype'), url('../fonts/AntennaCond-BoldItalic.sgv#MatizRegular') format('svg');
    font-weight: bold;
    font-style: italic
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'AntennaCond';
        src: url('../fonts/AntennaCond-BoldItalic.svg') format('svg');
        font-weight: bold;
        font-style: italic
    }
}
@font-face {
    font-family: 'Aurulent';
    src: url('../fonts/AurulentSans-Regular.eot');
    src: url('../fonts/AurulentSans-Regular?#iefix') format('embedded-opentype'), url('../fonts/AurulentSans-Regular.woff') format('woff'), url('../fonts/AurulentSans-Regular.ttf') format('truetype'), url('../fonts/AurulentSans-Regular.sgv#MatizRegular') format('svg');
    font-weight: normal;
    font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Aurulent';
        src: url('../fonts/AurulentSans-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
}
.clearfix {
    overflow: auto;
    zoom: 1;
}
html {
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased
}
body {
    background: #333 url(../img/fondo.jpg) no-repeat center center;
    background-attachment: fixed;
    color: #000;
    font-family: Antenna
}
header {
    background: #000
}
.header-info {
    background: url(../img/fondo_header.jpg) repeat-y center center;
    background-size: 100%
}
.links-top {
    color: #d5870a;
    font-size: 80%;
    margin: 2px 10px
}
.links-top-separator {
    color: #c80003;
    font-size: 80%;
}
.links-top:hover {
    color: #c80003;
    text-decoration: none
}
#casa {
    padding: 4px 0 0 10px
}
#idiomas button {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #d5870a;
    font-size: 80%
}
#social {
    padding: 4px 10px 0 0
}
#social li {
    padding: 0
}
#social img {
    height: 16px;
    width: 16px
}
#menu {
    font-family: AntennaCond;
    font-weight: bold;
    letter-spacing: .15em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    background-image: linear-gradient(top, #242424, #484848 30%, #242424);
    background-image: -moz-linear-gradient(top, #242424, #484848 30%, #242424);
    background-image: -ms-linear-gradient(top, #242424, #484848 30%, #242424);
    background-image: -o-linear-gradient(top, #242424, #484848 30%, #242424);
    background-image: -webkit-linear-gradient(top, #242424, #484848 30%, #242424)
}
#menu li {
    border-left: 1px solid #333
}
.menu-empresa {
    border-left: 0
}
.menu-oro {
    border-right: 1px solid #333
}
#menu li a {
    color: #ddd
}
#menu li a:hover {
    color: #fff;
    background-image: linear-gradient(top, #666, #484848 60%);
    background-image: -moz-linear-gradient(top, #666, #484848 60%);
    background-image: -ms-linear-gradient(top, #666, #484848 60%);
    background-image: -o-linear-gradient(top, #666, #484848 60%);
    background-image: -webkit-linear-gradient(top, #666, #484848 60%)
}
#menu li.active a,
#menu li.active a:hover {
    color: #ccc;
    background-image: linear-gradient(top, #121212, #242424 30%, #121212);
    background-image: -moz-linear-gradient(top, #121212, #242424 30%, #121212);
    background-image: -ms-linear-gradient(top, #121212, #242424 30%, #121212);
    background-image: -o-linear-gradient(top, #121212, #242424 30%, #121212);
    background-image: -webkit-linear-gradient(top, #121212, #242424 30%, #121212)
}
.logo-container {
    overflow: visible;
    text-align: center
}
#logo {
    margin-top: -20px;
    padding-bottom: 12px
}
#logo img {
    max-width: 240px;
}
.fontface #cab-barra a.on,
.fontface #cab-barra a.on:hover {
    text-shadow: none
}
.menu-filon {
    background: #999;
    overflow: hidden;
    height: 1px;
    background-image: linear-gradient(left, #333, #999, #fff, #999, #333);
    background-image: -moz-linear-gradient(left, #333, #999, #fff, #999, #333);
    background-image: -ms-linear-gradient(left, #333, #999, #fff, #999, #333);
    background-image: -o-linear-gradient(left, #333, #999, #fff, #999, #333);
    background-image: -webkit-linear-gradient(left, #333, #999, #fff, #999, #333)
}
footer {
    background: #576068;
    border-top: 2px solid #c80003;
    color: #ccc;
    font-size: 80%;
    padding-top: 10px
}
footer a {
    color: #ccc
}
footer a:hover {
    color: #fff
}
#mapa {
    font-family: AntennaCond;
    text-transform: uppercase
}
.separador {
    border-top: 1px solid red
}
.bordered {
    border: 3px double #d5870a;
    padding: 2px
}
.margin-right {
    margin-right: 20px
}
h1 {
    color: #c80003;
    font-family: AntennaCond;
    letter-spacing: .05em;
    text-shadow: #000 2px 2px 4px;
    text-transform: uppercase
}
h2 {
    color: #d5870a;
    font-family: Antenna;
    letter-spacing: -0.05em;
    text-shadow: #bbb 2px 2px 4px
}
h3 {
    font-family: AntennaCond;
    letter-spacing: .05em
}
h4 {
    font-family: AntennaCond
}
section {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: justify;
    padding: 20px
}
article {
    margin-bottom: 40px
}
iframe {
    border: 0
}
.intro {
    background: #000;
    padding: 45px 40px;
    height: 240px
}
.intro p {
    color: #d5870a
}
.aside-elem {
    margin-bottom: 20px
}
.aside-title {
    border-bottom: 1px solid #c80003;
    font-size: 115%;
    font-weight: bold
}
aside .btn {
    background: #d5870a;
    color: #fff;
    margin: 0;
    padding: 2px 6px
}
aside .btn:hover {
    background: #c80003;
    text-shadow: #000 1px 1px 1px
}
aside .btn:active {
    background: #000;
    margin-top: 1px
}
.tlf {
    font-size: 125%;
    text-align: center
}
.pag-empresa .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/empresa.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, left
}
.pag-laboratorio .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/laboratorio.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, center
}
.pag-oro .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/oro.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, center
}
.pag-plata .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/plata.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, center
}
.pag-tiendas .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/tiendas.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, left
}
.pag-actualidad .intro {
    background-image: url(../img/intro/textura.png), url(../img/intro/actualidad.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, center
}
.oro-valor {
    font-family: Aurulent;
    font-size: 360%;
    margin: 0 10px 10px 10px;
    text-align: center
}
.oro-valor-1 {
    background: #ddb500;
    border: 2px solid #fff;
    color: #fff;
    text-shadow: #000 0 0 6px;
    background-image: radial-gradient(50% 50%, circle, #fff, #ddb500 150%);
    background-image: -moz-radial-gradient(50% 50%, circle, #fff, #ddb500 150%);
    background-image: -ms-radial-gradient(50% 50%, circle, #fff, #ddb500 150%);
    background-image: -o-radial-gradient(50% 50%, circle, #fff, #ddb500 150%);
    background-image: -webkit-radial-gradient(50% 50%, circle, #fff, #ddb500 150%)
}
.oro-valor-2 {
    background: #f5a72a;
    border: 2px solid #cc071e;
    color: #eee;
    text-shadow: #666 0 0 6px;
    background-image: radial-gradient(50% 50%, circle, #ffd700, #f5a72a 50%);
    background-image: -moz-radial-gradient(50% 50%, circle, #ffd700, #f5a72a 50%);
    background-image: -ms-radial-gradient(50% 50%, circle, #ffd700, #f5a72a 50%);
    background-image: -o-radial-gradient(50% 50%, circle, #ffd700, #f5a72a 50%);
    background-image: -webkit-radial-gradient(50% 50%, circle, #ffd700, #f5a72a 50%)
}
.oro-valor-3 {
    background: #d38508;
    border: 2px solid #000;
    color: #eee;
    text-shadow: #000 0 0 6px;
    background-image: radial-gradient(50% 50%, circle, #ddb500, #d38508 90%);
    background-image: -moz-radial-gradient(50% 50%, circle, #ddb500, #d38508 90%);
    background-image: -ms-radial-gradient(50% 50%, circle, #ddb500, #d38508 90%);
    background-image: -o-radial-gradient(50% 50%, circle, #ddb500, #d38508 90%);
    background-image: -webkit-radial-gradient(50% 50%, circle, #ddb500, #d38508 90%)
}
.plata-valor {
    background: #dadada;
    border: 2px solid #fff;
    color: #EEE;
    text-shadow: #000 0 0 6px;
    background-image: radial-gradient(50% 50%, circle, #dadada, #757575 75%);
    background-image: -moz-radial-gradient(50% 50%, circle, #dadada, #757575 75%);
    background-image: -ms-radial-gradient(50% 50%, circle, #dadada, #757575 75%);
    background-image: -o-radial-gradient(50% 50%, circle, #dadada, #757575 75%);
    background-image: -webkit-radial-gradient(50% 50%, circle, #dadada, #757575 75%)
}
.platino-valor {
    background: #E5E4E2;
    background: radial-gradient(#E5E4E2, white);
    border: 2px solid #DDB500;
    color: #FFF;
    text-shadow: 0 0 2px #000;
}
.paladio-valor {
    background: #6F6A75;
    background: radial-gradient(#6F6A75, #97B5BD);
    border: 2px solid #97B5BD;
    color: #FFF;
    text-shadow: 0 0 6px #000;
}
#home {
    background-color: grey;
    background-image: url(../img/home/fondo.jpg)
}
#home .row {
    padding: 20px 0
}
.home-elem {
    border-bottom: 2px solid #c80003;
    margin-bottom: 20px;
    padding-bottom: 20px
}
#home h1 {
    font-family: Antenna;
    text-shadow: #000 1px 1px 1px;
    text-transform: none
}
#home h2 {
    border-bottom: 1px dotted #576068;
    border-bottom: 1px dotted rgba(87, 96, 104, 0.5);
    font-size: 200%;
    text-shadow: none
}
#home dd {
    padding-bottom: 16px
}
#home dd span {
    font-family: Aurulent;
    font-size: 180%;
    padding: 4px 8px
}
.aviso {
    background: #BBB;
    border: 2px solid #C80003;
    font-size: 21px;
    font-weight: 200;
    padding: 20px;
}
.aviso-sm {
    background: #BBB;
    border: 2px solid #C80003;
    padding: 10px;
}
.numerico {
    font-family: monospace;
    font-size: 120%;
    font-weight: bold;
    text-align: right;
}
.table td {
    vertical-align: middle !important;
}
.table .cabecera td {
    font-weight: bold;
    text-align: center;
}
.table .oro-valor {
    font-size: 150%;
}
.btn-primary {
    background-color: #576068;
    border-color: #fff
}
.btn-primary:hover {
    background-color: #d5870a;
    border-color: #c80003
}
.ellipsis-two-lines {
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.catalogo-precio {
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 480px) {
    #logo {
        margin-top: 12px;
    }
    #menu li {
        display: block;
        text-align: center;
        width: 100%
    }
}