@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
@font-face {
    font-family: 'Trajan';
    src: url('../fonts/trajanprobold.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helveticaneue.ttf') format('truetype');
}
* {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    border-spacing: 0;
    border-collapse: collapse;
    resize: none;
    color: rgba(255,255,255,0.75);
}
html, body {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 12px;
    font-weight: lighter;
    font-family: 'Helvetica Neue', sans-serif;
}
a {
    text-decoration: none;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
#contenedor {
    max-width: 800px;
    padding: 0 10px;
    margin: 0 auto;
}
#top {
    position: relative;
}
#top #menu {
    list-style-type: none;
}
#top #menu li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
#top #menu li + li {
    margin-left: 5px;
}
#top #menu li a, #top #menu li span {
    display: block;
    margin: 0 auto;
    background-position: center top;
}
#top #menu li a:hover, #top #menu li span:hover {
    background-position: center bottom;
}
#top #menu li:hover .submenu {
    display: block;
}
#top #menu li .submenu {
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
}
#top #menu li #personalidad, #top #menu li #cocktails, #top #menu li #eventos, #top #menu li #contacto {
    width: 80px;
    height: 55px;
}
#top #menu li #elaboracion {
    width: 84px;
    height: 59px;
}
#top #menu li #elaboracion + .submenu {
    margin-top: -5px;
}
#top #menu li #adn, #top #menu li #revolucion, #top #menu li #materia, #top #menu li #sabor, #top #menu li #alma, #top #menu li #cuerpo, #top #menu li #rocks, #top #menu li #combinados {
    width: 76px;
    height: 27px;
}
#top #menu-mini {
    margin-top: 10px;
}
#top #menu-mini, #top #menu-mini option {
    color: black;
    font-family: 'Verdana';
}
#top #home {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 150px;
}
#top #idiomas {
    /*white-space: nowrap;*/
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 0;
}
#titulo {
    max-width: 100%;
    display: block;
}
#dcha #comparte #comparte-titulo {
    margin-bottom: 10px;
    text-transform: uppercase;
}
#dcha #comparte ul {
    list-style-type: none;
}
#dcha #comparte ul li a {
    width: 120px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    display: block;
}
#dcha #comparte ul li:first-of-type a {
    background-image: url('../images/compartir-facebook.png');
}
#dcha #comparte ul li:last-of-type a {
    background-image: url('../images/compartir-twitter.png');
}
#pie {
    height: 110px;
    background-image: url('../images/pie.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    text-align: center;
}
#pie #enlaces a {
    padding: 0 5px;
    font-family: 'Trajan';
}
#pie #enlaces a, #pie #enlaces img {
    display: inline-block;
    vertical-align: middle;
}
#pie #redes {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}
#pie #redes a + a {
    margin-left: 5px;
}

@viewport {
    width: device-width;
    zoom: 1;
}
@media all and (min-width: 800px) {
    #top #menu-mini {
        display: none;
    }
    #top #home {
        display: block;
    }
    #top #idiomas a + a {
        margin-left: 10px;
    }
    #izda, #dcha {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
    }
    #izda {
        width: 62%;
        padding-right: 30px;
    }
    #izda #izda-cont {
        padding-left: 50px;
    }
    #dcha {
        width: 38%;
        padding-left: 30px;
        background-image: url('../images/separador.png');
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    #dcha #comparte {
        position: relative;
    }
    #dcha #comparte #comparte-titulo {
        display: none;
    }
    #dcha #comparte img {
        margin: 0 auto;
        display: block;
    }
    #dcha #comparte ul {
        width: 100%;
        position: absolute;
        z-index: 10;
        top: 75px;
        left: 0;
    }
    #dcha #comparte ul li + li {
        margin-top: 20px;
    }
    #dcha #comparte ul li a {
        margin: 0 auto;
        color: #444;
    }
    #pie #enlaces a {
        font-size: 10px;
    }
}
@media all and (min-width: 540px) and (max-width: 799px) {
    #top #menu-mini {
        display: none;
    }
    #top #home {
        display: none;
    }
    #top #idiomas a {
        display: block;
    }
    #top #idiomas a + a {
        margin-top: 10px;
    }
    #dcha {
        margin-top: 40px;
    }
    #dcha img {
        display: none;
    }
    #dcha #comparte ul {
        text-align: center;
    }
    #dcha #comparte ul li {
        display: inline-block;
    }
    #dcha #comparte ul li + li {
        margin-left: 20px;
    }
    #pie #enlaces a {
        font-size: 10px;
    }
}
@media all and (max-width: 539px) {
    #top {
        margin-bottom: 30px;
    }
    #top #menu {
        display: none;
    }
    #top #home {
        display: none;
    }
    #top #idiomas a {
        display: block;
    }
    #top #idiomas a + a {
        margin-top: 10px;
    }
    #dcha {
        margin-top: 40px;
    }
    #dcha img {
        display: none;
    }
    #dcha #comparte ul {
        text-align: center;
    }
    #dcha #comparte ul li {
        display: inline-block;
    }
    #dcha #comparte ul li + li {
        margin-left: 20px;
    }
    #pie #enlaces a {
        font-size: 9px;
    }
}