/* fuentes */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,600,700,700italic);
* {font-family: 'Open Sans', sans-serif}

/* varios */
.form-control {
    border-radius: 0;
    box-shadow: none;
    background-color: white;
}
.btn {
    border: 1px solid;
    border-radius: 0;
}

/* colores */
.tx-corp, .th-corp:hover, a:active.tx-corp, a.tx-corp:focus     {color: #2c3156}
.tx-corp2, .th-corp2:hover, a:active.tx-corp2, a.tx-corp2:focus     {color: #c2c2c0}
.tx-white, .th-white:hover, a:active.tx-white, a.tx-white:focus {color: white}
.tx-black, .th-black:hover, a:active.tx-black, a.tx-black:focus {color: black}
.bg-corp, .bh-corp:hover    {background-color: #2c3156}
.bg-corp2, .bh-corp2:hover    {background-color: #c2c2c0}
.bg-white, .bh-white:hover  {background-color: white}
.bg-black, .bh-black:hover  {background-color: black}
.bg-transparent, .bh-transparent:hover  {background-color: transparent}
.form-control::-moz-placeholder         {color: #c2c2c0}
.form-control:-ms-input-placeholder     {color: #c2c2c0}
.form-control::-webkit-input-placeholder{color: #c2c2c0}
.form-control {
    color: #c2c2c0;
    border-color: #c2c2c0;
}
.has-error .form-control    {border-color: #ea6b6d!important}
.has-success .form-control  {border-color: #5290c7!important}
#cargando   {background-color: rgba(255,255,255,0.75)}


/* menu: estructura basica */
header #menu .menu-elem {position: relative}
header #menu .open > nav    {display: block!important}

section #video {
    max-width: 540px;
    margin: 0 auto;
}
section #video #video-cont {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
}
section #video #video-cont iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media all and (min-width: 1200px) {
    header #menu-mini {display: none}
    header #menu > .menu-elem {
        display: inline-block;
        vertical-align: middle;
    }
    header #menu nav {
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;
        display: none;
        text-align: left;
        white-space: nowrap;
    }
    header #menu nav nav {
        top: 0;
        left: 100%;
    }
}
@media all and (max-width: 1199px) {
    header {position: relative}
    header #header-menu {position: static}
    header #menu-mini {display: inline-block}
    header #menu {
        width: 100%;
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;
        display: none;
        text-align: center;
    }
    header #menu.open {display: block!important}
    header #menu nav {display: none}
    header #menu .menu-elem {border-top: 1px solid}
    header #menu > .menu-elem:first-of-type {border-top: 0}
    header #menu .menu-sub {
        width: 32px;
        border-left: 1px solid;
        border-right: 1px solid;
    }
}

/* menu: colores */

@media all and (min-width: 1200px) {
    header #menu .menu-link,
    header #menu .menu-sub          {color: #2c3156}
    header #menu .menu-link:hover,
    header #menu .menu-sub:hover    {color: #c2c2c0}
    header #menu .menu-activo .menu-link {
        color: #c2c2c0;
    }
}
@media all and (max-width: 1199px) {
    header #menu        {background-color: #2c3156}
    header #menu .menu-link,
    header #menu .menu-sub          {color: white}
    header #menu .menu-link:hover,
    header #menu .menu-sub:hover    {color: #c2c2c0}
/*    header #menu nav    {background-color: #888}
    header #menu .menu-elem,
    header #menu .menu-sub {border-color: #ccc}*/
}

/* menu: tamaños */
header #menu .menu-sub {margin-left: 5px}
@media all and (min-width: 1200px) {
    header #menu .menu-elem {padding: 0 10px}
    header #menu > .menu-elem {
        padding: 0 20px;
        line-height: 44px;
    }
    header #menu nav .menu-elem {line-height: 32px}
}
@media all and (max-width: 1199px) {
    header #menu .menu-elem,
    header #menu .menu-sub {
        line-height: 32px;
    }
}


body {
    margin-top: 48px;
    color: #2c3156;
    font-size: 15px;
}
header {
    width: 100%;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
}
header #header-logo {
    padding-top: 8px;
    padding-bottom: 8px;
}
header #menu-mini {
    line-height: 44px;
}
header #header-idiomas, header #header-redes {
    line-height: 44px;
    display: inline-block;
    vertical-align: middle;
}
header #header-redes {
    margin-left: 15px;
}
header #header-redes a {
    margin-left: 5px;
}
footer #footer-top, footer #footer-bottom {
    padding: 20px 0;
}
footer #footer-top {
    background-image: url('../images/fondo-footer.jpg');
    background-size: cover;
    background-position: center center;
}

@media all and (max-width: 539px) {
    header #menu-mini span + span {display: none}
}