@charset "utf-8";
body {
    color: #000;
    margin: 0;
    /*Reseteando estilos para todos los navegadores*/
    padding: 0;
    /*Reseteando estilos para todos los navegadores*/
    font-family: 'Roboto', sans-serif;
    /*Color de todo el texto*/
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
    background-color: #FAFAFA;
}

#top-nav {
    height: 44px;
    background-color: #03010c;
    /*color de mm*/
}

.top-nav-container {
    color: white;
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.menu_top {
    /*	position: fixed;*/
    right: 0;
    left: 0;
    z-index: 1030;
    color: #79AC5B;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
    opacity: 0.6px;
    position: fixed;
    z-index: 1000;
    top: 40px;
    width: 100%;
    max-width: 100%;
}





.top-nav-container span {
    color: #79AC5B;
}

.subtitulo_secundario {
    float: left;
}

.Noespacio {
    padding: 0px;
    margin: 0px;
}

.recipiente {
    margin-top: 25px;
}

#header {
    width: 100%;
    min-height: 100%;
}

nav {
    background-color: #FAFAFA;
}

.nav-container {
    color: black;
    width: 100%;
    height: 104px;
    line-height: 44px;
}

.logo {
    float: left;
    padding: 11px;
}

.menu {
    float: right;
}

#mensaje {
    height: 488px;
    border-top: 1px solid #e2e2e2;
    background-color: #222842;
    color: #ffffff;
    text-align: center
}

.color_text {
    color: white;
}

.contenedormensaje {
    background-color: #222842;
    width: 100%;
    height: 488px;
    padding-top: 46px;
    /*-ms-display: flex;
			 	display: flex;
				align-items: center;
			 	justify-content: center;*/
}

.contenedor-row {
    padding-top: 36px;
    text-align: center;
}

.cuadro {
    background-color: #79ac5b;
    width: 264px;
    height: 120px;
    margin-bottom: 26px;
    line-height: 170px;
}

.cuadro_2 {
    color: #ffffff;
    background-color: #79ac5b;
    width: 264px;
    height: 280px;
    margin-bottom: 26px;
    font-size: 16px;
    padding-top: 21px;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 25px;
}

.parrafo {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.titulo_parrafo {
    font-size: 20px;
    line-height: 24px;
}

.espace+p {
    color: #ffffff;
    padding-top: 20px;
    text-align: justify;
    font-size: 18px;
}

.titulo_texto {
    font-size: 20px;
    color: #ffffff;
    line-height: 20px;
    margin-bottom: 27px;
    text-align: left;
    font-family: MyriadPro-Bold;
}

.fa-bitbucket {
    padding-top: 4px;
}

div+span {
    color: #da4a3a;
    font-size: 20px;
    font-family: MyriadPro-Bold;
}

i {
    color: #fff;
}

.espacio-contenedor {
    padding-top: 10px;
    font-size: 16px;
    font-family: MyriadPro-Regular;
    color: #656565;
}

.main-menu {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: table;
}

.main-menu__item {
    float: left;
}

.main-menu__link {
    text-decoration: none;
    color: #333333;
    display: block;
    line-height: 104px;
    padding: 0 1em;
}

.main-menu__link:hover {
    line-height: 125px;
    text-decoration: none;
    color: #92d050;
    display: block;
    line-height: 104px;
    padding: 0 1em;
}

.main-menu--child {
    position: absolute;
    width: 8em;
    display: none;
}

.main-menu__item--child {
    float: none;
}

.main-menu__item:hover>.main-menu--child {
    display: block;
    background-color: #592e43;
    color: #ffffff;
}

.primer_footer {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0px;
    background-color: #222842;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 10px;
}

#espacio_margen_section {
    padding-bottom: 5px;
    border-bottom: 6px solid #fff;
}

#cuerpo-footer {
    width: 100%;
    max-width: 1170px;
    margin: auto;
    color: #fff;
    font-size: 14px;
    padding-right: 0px;
    padding-left: 12px;
}

.contenido-footer {
    border-bottom: #fff;
    display: flex;
    display: -webkit-flex;
}

.col-footer {
    width: 40.3333%;
    padding: 0 15px;
}

.alineado {
    float: left;
    padding-left: 30px;
}

.col-footer p {
    line-height: 19px;
    font-size: 13px;
    text-align: justify;
}

.log-footer {
    margin-bottom: 11px;
    width: 131px;
    height: 71px;
}

.col-footer span {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
    margin-top: 13px;
}

.list-footer {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar_contacto a, .list-footer a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-bottom: 7px;
    font-size: 13px;
}

.list-footer a {
    text-transform: uppercase;
}

.sidebar_contacto a:hover, .sidebar_contacto a:focus, .list-footer a:hover, .list-footer a:focus {
    text-decoration: underline;
    color: #fff;
}

.list-dos-footer {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-dos-footer li {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 10px;
}

.box-img {
    width: 24.99999%;
    padding-top: 5px;
}

.list-img-footer {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.box-txt {
    width: 74.99999%;
}

.box-txt a {
    color: #79AC5B;
    font-size: 13px;
    text-decoration: none;
}

.box-txt a:hover, .box-txt a:focus {
    text-decoration: underline;
    color: #79ac5b;
}

.box-txt p {
    margin-top: 0;
    margin-bottom: 10px;
}

.box-txt time {
    font-size: 10px;
}

.enlace-footer {
    display: block;
    margin-top: 15px;
    text-align: center;
}

.enlace-footer a {
    text-decoration: none;
    color: #4c4644;
    font-weight: normal;
    font-size: 11px;
}

.enlace-footer a:hover, .enlace-footer a:focus {
    text-decoration: underline;
    color: #4c4644;
}

.footer-secundario {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.list-sec {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
}

.list-sec li {
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.list-sec li a {
    padding-top: 3px;
    display: block;
    color: #79AC5B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.list-sec li a i {
    padding-top: 10px;
}

.list-sec li a:hover {
    padding-top: 3px;
    color: white;
    background-color: #71a155;
}

/*Responsive Design*/

@media only screen and (max-width: 1080px) {
    .contenido-footer {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col-footer {
        width: 41.66666%;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 635px) {
    .col-footer {
        width: 100%;
        padding: 0 10px;
    }
    .footer-secundario {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        border-top: 1px solid #79AC5B;
        padding-top: 10px;
        text-align: center;
    }
    .list-sec {
        margin-top: 10px;
    }
}

/*SEGUNDO FOOTER*/

.segundo_footer {
    font-family: 'Open Sans';
    background-color: #79ac5b;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
}

#cuerpo-footer2 {
    padding-left: 12px;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    color: #ffffff;
    font-size: 14px;
    padding-right: 0px;
}

.contenido-footer2 {
    display: flex;
    display: -webkit-flex;
}

.col-footer2 {
    width: 40.3333%;
    padding: 0 15px;
}

.col-footer3 {
    width: 31.3333%;
    padding-left: 2.9%;
}

.col-footer3 p {
    line-height: 19px;
    font-size: 13px;
    text-align: justify;
}

.col-footer2 p {
    line-height: 19px;
    font-size: 13px;
    text-align: justify;
}

.log-footer2 {
    margin-bottom: 11px;
    width: 131px;
    height: 71px;
}

.col-footer2 span {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
    margin-top: 13px;
}

.col-footer3 span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
    margin-top: 13px;
}

.list-footer2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-footer2 a {
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 7px;
    font-size: 13px;
}

.list-footer2 a:hover {
    text-decoration: underline;
}

.list-dos-footer2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-dos-footer2 li {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 10px;
}

.box-img2 {
    width: 24.99999%;
    padding-top: 5px;
}

.list-img-footer2 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.box-txt2 {
    width: 74.99999%;
}

.box-txt2 a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
}

.box-txt2 a:hover {
    text-decoration: underline;
}

.box-txt2 p {
    margin-top: 0;
    margin-bottom: 10px;
}

.box-txt2 time {
    font-size: 13px;
}

.enlace-footer2 {
    display: block;
    margin-top: 15px;
    text-align: center;
}

.enlace-footer2 a {
    text-decoration: none;
    color: #000;
    font-weight: normal;
    font-size: 13px;
}

.enlace-footer2 a:hover {
    text-decoration: underline;
}

.footer-secundario2 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}

.list-sec2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
}

.list-sec2 li {
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.list-sec2 li a {
    padding-top: 3px;
    display: block;
    color: #79AC5B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.list-sec2 li a i {
    padding-top: 10px;
}

.list-sec2 li a:hover {
    padding-top: 3px;
    color: #fff;
    background-color: #397420;
}

/*Responsive Design*/

@media only screen and (max-width: 1080px) {
    .contenido-footer2 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col-footer2 {
        width: 41.66666%;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 635px) {
    .col-footer2 {
        width: 100%;
        padding: 0 10px;
    }
    .footer-secundario2 {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        border-top: 1px solid #79AC5B;
        padding-top: 10px;
        text-align: center;
    }
    .list-sec2 {
        margin-top: 10px;
    }
}

/**/

.ir-arriba {
    display: none;
    padding: 15px;
    background: #222842;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: inline-block;
    z-index: 10;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.ir-arriba:hover {
    background: #333;
}

#contenido_conocenos {
    background-color: #222842;
    width: 100%;
    height: auto;
}

.breadcrumb {
    margin-top: 7px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #FAFAFA;
    border-radius: 4px;
    font-size: 14px;
    color: #a2e10b;
}

.breadcrumb li {
    color: #a2e10b;
}

.contenidoprincipal {
    font-size: 18px;
    color: #797878;
    text-align: justify;
    font-family: 'roboto';
}

.Subtitulo {
    font-size: 48px;
    color: #222842;
    text-align: left;
    font-family: 'roboto';
    font-weight: 300;
}

.margen {
    margin-top: 20px;
}

.textocolumna {
    color: #999999;
    font-size: 15px;
    text-align: justify;
    padding: 0px 30px;
}

.span {
    color: #33333b;
    font-size: 21px;
    padding-bottom: 11px;
}

.color {
    background-color: #28334f;
    color: #ffffff;
    margin-top: 78px;
    padding-bottom: 85px;
}

.contenedor_articulo {
    margin-top: 66px;
}

.titulo_principal {
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    padding-bottom: 31px;
}

.subtitulo_principal {
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    padding-bottom: 46px;
}

.alineado {
    padding-left: 0px;
    text-align: justify;
    font-size: 13px;
    font-family: 'roboto';
}

.espacio {
    float: right;
}

.subtitulo_secundario {
    font-size: 15px;
    padding-top: 4px;
    padding-bottom: 11px;
}

.menu-fixed {
    opacity: 0.6px;
    position: fixed;
    z-index: 1000;
    top: 40px;
    width: 100%;
    max-width: 100%;
}

.contenedor_texto {
    background-color: #222842;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 13px;
    padding-top: 10px;
}

.navbar .fa-facebook, .navbar .fa-twitter, .navbar .fa-google-plus, .navbar .fa-youtube, .navbar .fa-linkedin, .navbar .fa-mobile, .navbar .fa-envelope-o {
    color: white;
}

.footer-secundario .list-sec .fa-facebook, .footer-secundario .list-sec .fa-twitter, .footer-secundario .list-sec .fa-google-plus, .footer-secundario .list-sec .fa-youtube, .footer-secundario .list-sec .fa-linkedin {
    color: #fff;
}

.footer-secundario .list-sec .fa-facebook:hover {
    color: #FFFFF;
}

.cf {
    zoom: 1;
}

.g-map {
    display: block;
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
    height: 254px;
}

#mapa .capa-anti-eventos {
    width: 100%;
    height: 254px;
    position: absolute;
    cursor: pointer;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 254px !important;
}

.cuadro_certificaciones {
    background-color: #6b71a0;
    color: white;
    width: 100%;
    height: 200px;
    padding: 30px;
    text-align: center;
}

.cuadro_certificaciones2 {
    background-color: #bc3a70;
    color: #ffffff;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.contenedor_cuadro {
    background-color: #E8500C;
}

/*Menu a pedido del Sr Victor*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/*estilos generales*/

.ui-color-fondo {
    background-color: #79AC5B;
    color: #fff;
    padding: 12px 0;
}

.ui-ancho-1170px {
    width: 90%;
    max-width: 1170px;
    margin: auto;
}

.ui-ancho-1570px {
    width: 90%;
    max-width: 1570px;
    margin: auto;
}

.ui-ancho-908px {
    width: 90%;
    max-width: 908px;
    margin: auto;
}

.ui-padding-15 {
    padding: 5px 0;
}

.ui-padding-50 {
    padding: 50px 0;
}

.ui-t-centrado {
    text-align: center;
}

/*menu principal*/

#box-menu-logotipo {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

#box-logotipo-superior {
    display: inline-block;
}

#menu-principal {
    float: right;
    display: block;
}

.ui-box-icon-responsive {
    display: none;
    vertical-align: middle;
    float: right;
    padding: 7px;
}

.ui-icon-menu {
    width: 25px;
    height: 3px;
    background-color: #333;
    display: block;
    margin-bottom: 3px;
}

#menu-principal ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu-principal>ul>li {
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

#menu-principal>ul>li:hover #sub-menu {
    display: none;
}

#menu-principal>ul>li #sub-menu {
    display: none;
}



#menu-principal ul li a {
    text-decoration: none;
}

.sin_marca {
    padding-bottom: 10px;
    margin-right: 32px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    display: block;
    font-size: 12pt;
    font-family: 'Roboto', sans-serif;
}

.sin_marca:hover {
    padding-bottom: 10px;
    margin-right: 32px;
    border-bottom: 2px solid #ed3237;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    display: block;
    font-size: 12pt;
    font-family: 'Roboto', sans-serif;
}

#sub-menu {
    position: absolute;
    top: 90px;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.8);
}

#sub-menu:before {
    content: '';
    width: 40px;
    height: 4px;
    background-color: #FFE11F;
    position: absolute;
    top: -4px;
}

#sub-menu li {
    display: block;
    width: 220px;
}

#sub-menu-evento #sub-menu li a {
    color: #fff;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #848484;
    font-weight: normal;
   /* font-size: 12px;*/
}

#sub-menu-evento #sub-menu li a:hover, #sub-menu-evento #sub-menu li a i {
   /* color: #81b34c;*/
    /*color*/
}

#sub-menu-evento #sub-menu li a i {
    padding-right: 10px;
}

.ui-icon-menu-evento {
    margin-left: 5px;
}

.fixed-menu {
    position: fixed;
    top: 44px;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    border-bottom: 5px 10px 1px solid #333;
    box-shadow: 0px 3px 8px 0px #A4A4A4;
}

@media only screen and (max-width: 995px) {
    #menu-principal {
        float: right;
        display: block;
        overflow: scroll;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100%;
        position: fixed;
        width: 80%;
        margin: 0;
        right: 100%;
        z-index: 10;
        /*esto fuerza al elemento a posicionarse*/
    }
    .ui-box-icon-responsive {
        display: block;
        vertical-align: middle;
        float: right;
        padding: 7px;
    }
    .ui-icon-menu {
        width: 25px;
        height: 3px;
        background-color: #333;
        display: block;
        margin-bottom: 3px;
    }
    #menu-principal>ul>li {
        display: block;
        position: relative;
        margin-left: 0px;
    }
    #menu-principal ul li a {
        color: #000;
        text-decoration: none;
        display: block;
        padding: 10px 20px;
        color: #BDBDBD;
        display: block;
        border-bottom: 1px solid #848484;
        font-weight: normal;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    #menu-principal ul li a:hover {
        color: #79AC5B;
    }
    #sub-menu {
        position: relative;
        top: 0px;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.8);
    }
    #sub-menu:before {
        display: none;
    }
    #sub-menu li {
        display: block;
        width: 100%;
    }
    #sub-menu-evento #sub-menu li a {
        color: #848484;
        padding: 10px 30px;
        display: block;
        border-bottom: 1px solid #848484;
        font-weight: normal;
        font-size: 12px;
    }
    #sub-menu li a:hover {
        color: #79AC5B;
    }
    #sub-menu li a i {
        padding-right: 10px;
    }
    .fixed-menu {
        position: fixed;
        top: 44px;
        z-index: 100;
        width: 100%;
        background-color: #fff;
        border-bottom: 5px 10px 1px solid #333;
        box-shadow: 0px 3px 8px 0px #A4A4A4;
    }
    .ui-icon-menu-evento {
        margin-left: 5px;
        float: right;
    }
    .ui-no-padding {
        padding: 0;
    }
}

.tabla {
    background-color: #A7AC68;
    width: 100%;
    height: 167px;
    margin-bottom: 0px;
    line-height: 167px;
    color: #ffffff;
    background: -webkit-linear-gradient(right, red, yellow);
}

.subTituloInt {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.tabla2 {
    margin-left: 0px;
    background-color: #7F9556;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    color: #ffffff;
}

.hijo {
    width: 100%;
    margin-left: 0px;
    background-color: #FF523A;
    height: auto;
    border: solid 1px #ffffff;
    color: #ffffff;
    padding-top: 4px;
}

.tabla_2 {
    background-color: #A7AC68;
    width: 100%;
    height: 279px;
    margin-bottom: 0px;
    line-height: 279px;
    color: #ffffff;
    background: -webkit-linear-gradient(right, #FF523A, #098673);
}

.tabla3 {
    background-color: #A7AC68;
    width: 100%;
    height: 223px;
    margin-bottom: 0px;
    line-height: 279px;
    color: #ffffff;
    background: -webkit-linear-gradient(right, #FF523A, #098673);
}

.ui-padding-10 {
    padding: 5px 0;
}

.contenedor_header {
    margin-top: 24px;
}

.id_mensaje {
    background-image: url("../images/Haku-internalpage-1.jpg");
    background-repeat: no-repeat;
    background-position: right;
    color: white;
    padding: 15px 0;
}

.id_mensaje h2 {
    font-family: 'Roboto';
    font-weight: 300;
}

.contenidoprincipal form {
    font-size: 14px;
}

.aligment {
    margin-top: 30%;
    margin-left: 33%;
}

.aligment1 {
    margin-top: 30%;
    margin-left: 30%;
}

.alinear_top {
    margin-top: 20px;
    margin-bottom: 20px;
}

.caja_banner {
    border: 2px solid #79AC5B;
    background-color: #79AC5B;
    border-radius: 50%;
    height: 150px;
    width: 150px;
}

.caja_banner:hover {
    background-color: white;
    border: 2px solid #5da05b;
    cursor: pointer;
}

.font_banner {
    padding-top: 12px;
    color: #79ac5b;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

hr.style13 {
    height: 5px;
    border: 0;
    box-shadow: 0 10px 10px -10px #79AC5B inset;
}

a.panel-title {
    padding-left: 64%;
}

a.panel-title:link {
    text-decoration: none;
}

.boton_dinamico1 {
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #222842;
    background: #fff;
    border-radius: 30px;
    margin-right: 20px;
}

.boton_dinamico1:hover {
    text-decoration: none;
    color: #fff;
    background: #222842;
    border: solid;
    border-radius: 30px;
}

.boton_dinamico2 {
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #fff;
    background: #222842;
    border-radius: 30px;
    margin-right: 20px;
    border: solid;
}

.boton_dinamico2:hover {
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #222842;
    background: #fff;
    border-radius: 30px;
    margin-right: 20px;
}



.lezca{
        font-weight: 200;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #fff;
    background: #a71523;
    border-radius: 10px;
    margin-right: 25px;
    border: solid;

}

.lezca:hover {
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #a71523;
    background:#fff;
    border-radius: 10px;
    margin-right: 20px;
        font-weight: 200;
    font-size: 16px;
}

.aladin{
    font-weight: 100;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #fff;
    background: #a71523;
    border-radius: 10px;
    margin-right: 25px;
    border: solid;

}

.aladin:hover {
    text-decoration: none;
    padding: 10px 40px 10px 40px;
    color: #a71523;
    background:#fff;
    border-radius: 10px;
    margin-right: 20px;
    font-weight: 100;
    font-size: 12px;
}

.column_item {
    background-color: #fff;
    border: #d4cfcf 2px solid;
    border-radius: 15px;
    padding: 20px;
    text-align: initial;
    margin-right: 36px;
    color: #000;
}

.column_1 {
    border: #d4cfcf 2px solid;
    background-color: #fff;
    border-radius: 15px;
    margin-right: 36px;
    padding: 20px;
    text-align: initial;
    color: #000;
}

.column_item:hover {
    background-color: #fff;
    border: #d4cfcf 2px solid;
    border-radius: 15px;
    padding: 20px;
    text-align: initial;
    margin-right: 36px;
    color: #000;
    -webkit-box-shadow: 0 0 1.5em #a59e9e;
}

.column_3{
    border: #d4cfcf 2px solid;
    background-color: #fff;
    border-radius: 15px;
    margin-right: 36px;
    padding: 20px;
    text-align: initial;
    color: #000;
}


.column_3:hover {
    border: #d4cfcf 2px solid;
    background-color: #fff;
    border-radius: 15px;
    margin-right: 36px;
    padding: 20px;
    text-align: initial;
    color: #000;
    -webkit-box-shadow: 0 0 1.5em #a59e9e;
}

.column_1:hover {
    border: #d4cfcf 2px solid;
    background-color: #fff;
    border-radius: 15px;
    margin-right: 36px;
    padding: 20px;
    text-align: initial;
    color: #000;
    -webkit-box-shadow: 0 0 1.5em #a59e9e;
}

.centrar_div {
    padding-bottom: 20px;
}

.contenedor_somos {
    font-size: 16px;
    color: #000;
    background-color: #fff;
    width: 100%;
    height: 388px;
    padding-top: 46px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.sin_padding[class*="col-"] {
    padding-left: 1px!important;
}

.somoscontenedor {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-top: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.slider {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

.slider ul {
    display: flex;
    padding: 0;
    width: 400%;
    animation: cambio 20s infinite alternate linear;
}

.slider li {
    background-color:#c5d3d4fc;
    width: 100%;
    list-style: none;
}

.slider img {
    background-color:#c5d3d4fc;
    width: 100%;
}

#beltran{
    background-color:#c5d3d4fc;
    
}

@keyframes cambio {
    0% {
        margin-left: 0;
    }
    20% {
        margin-left: 0;
    }
    25% {
        margin-left: -100%;
    }
    45% {
        margin-left: -100%;
    }
    50% {
        margin-left: -200%;
    }
    70% {
        margin-left: -200%;
    }
    75% {
        margin-left: -300%;
    }
    100% {
        margin-left: -300%;
    }
}

.llll {
    padding-left: 50px;
    margin-left: 50px;
}

.iconos_fa {
    color: #000;
}

#all {
    background-color: #fff;
}

#all2 {
    padding: 22px;
    background-color: #222842;
    -webkit-box-shadow: 4px 4px 8px #222842;
    border-radius: 15px;
}

#oscuro {
    background-color: #222842;
    color: #fff;
    border-radius: 15px;
}

.txt {
    text-align: left;
}

.servicio_logistica {
    background-image: image('./images/fotos/almacen.jpg');
}

#border_1 {
    color: #fff;
}

#border_2 {
    color: #fff;
    border-top: solid #ebebee 2px;
}

.id_mensaje {
    background-image: url('../images/fotos/encabezado.png');
    padding: 15px 0;
    background-repeat: no-repeat;
    background-position: right;
}

#all_1 {
    background-color: #28334f;
}

#azul {
    background-color: #28334f;
}

#contenedor_usb {
    background-color: #28334f;
}

.padding_input {
    padding-bottom: 20px;
}

.separador_47 {
    padding-bottom: 20px;
}

.lipa {
    padding: 10px;
    border-bottom: 1px solid black;
}

#opacidad {
   
}

#colorin {
    color: #FFE11F;
}

#spa {
    font-weight: 300px;
    color: #000;
    font-size: 1.6em;
}

#anuncio1 {
    background-color: black;
    position: fixed;
    left: 0;
    bottom: 52%;
    width: 112px;
    padding: 20px 20px 20px 20px;
    color: #FFFFFF;
    text-align: center;
    z-index: 120;
}

#anuncio2 {
    background-color: black;
    position: fixed;
    left: 0;
    bottom: 26%;
    width: 112px;
    padding: 20px 20px 20px 20px;
    color: #FFFFFF;
    text-align: center;
    z-index: 120;
}

#anuncio3 {
    background-color: black;
    position: fixed;
    left: 0;
    bottom: 5%;
    width: 112px;
    padding: 20px 20px 20px 20px;
    color: #FFFFFF;
    text-align: center;
    z-index: 120;
}

/*Paralax*/

.image3 {
    position: relative;
    background: url("../images/fotos/bb.jpg") no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
}

.texto_blanco {
    color: #fff;
    font-weight: 100px;
}

/*centrar divs verticalmente*/

.abs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.form {
    width: 420px;
}

.pokemon {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pokemon li a {
    display: inline;
    padding-top: 3px;
    display: block;
    color: #79AC5B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
}

.pokemon li {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}

.abs-center1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.li_text_blanco {
    font-size: 1.5em;
    color: #fff;
    font-weight: 800;
}

.li_text_amarillo {
    color: #FFE11F;
    font-weight: 300;
}

#profesionales {
    width: 100%;
    height: 25%;
}

/* contenedor centrado profesionales expertos*/

.contenedor112 {
    font-size: 16px;
    color: #000;
    background-color: #fff;
    width: 100%;
    height: 400px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    display: table-cell;
    vertical-align: middle;
}

.padre-flu {
    width: 100%;
    background-color: #fff;
    display: table;
}

/* fin de centrado*/

.letra_peque {
    font-size: 1.3em;
}

.separacion_lin {
    font-size: 1.5em;
    color: #000;
}

#fondo_negro {
    background-color: #000;
    color: #fff;
}

.fondo_negro {
    padding-top: 10px;
    background-color: #000;
    color: #fff;
}

#backlog {
    background-color: #333333;
    border-color: #2c2d2f;
    border-top-width: 12px;
    border-color: #2c2d2f;
    border-top-width: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 35px;
    -webkit-background-size: cover;
    background: url('../images/p1.jpg');
}

.text_footer {
    color: #fff;
}

/* footer */

.footer-style {
    padding-top: 50px;
    background-color: #2C3E50;
}

footer {
    color: white;
}

footer h3 {
    margin-bottom: 30px;
    font-weight: 800;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #2C3E50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140;
}

.texto_b {
    color: #333;
    font-size: 1.5em;
}

.con {
    background-color: #fff;
}

.colop {
    background-color: #fff;
    color: #ffffff;
    padding-bottom: 85px;
}

.blok {
    font-size: 1.3em;
    font-weight: 800;
    color: #000;
}

.emer{

color:#fff !important;

}

#espacio_fotik{

padding-left: 10%;


}
#espacio_fo{

color: #000;
    
    
    }
.txt_bloque{

font-size: 20px;
font-weight: 100;
color:#fff;
width: 100%;
height: 128px;

}
.home{
    position: relative;
    background: #a71523;
    display: inline-block;
    padding: 0px 15px 10px 38px;
    border-radius: 6px;
    color: #000;
   
    }
    

    .marcado {
        padding-top: 8px;
     /*padding-bottom: 10px;
     margin-right: 32px;*/
     /*border-bottom: 2px solid black;*/
     color: #fff;
     font-weight: 200;
     text-decoration: none;
     display: block;
     font-size: 12pt;
     font-family: 'Roboto', sans-serif;
 }
 
   .home i{
   background: #a71523;
   color: #fff;
   font-size: 20px;/*tamaño del icono*/
  
   width: 44px;
   height: 44px;
   text-align: center;
   line-height: 40px;
   border-radius: 50%;
   border:2px solid #fff;
   -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.4);
   box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.2);
   text-shadow: 0 1px 0 rgb(255, 255, 255);
   position: absolute;
   left: -18px;
   top: -1px;
  /*transform:rotate(-45deg);*/
   }

   .Subtitulo5 {
    font-size: 48px;
    color: #222842;
    text-align: center;
    font-family: 'roboto';
    font-weight: 300;
}
.Subtitulo {
    font-size: 48px;
    color: #222842;
    text-align: center;
    font-family: 'roboto';
    font-weight: 300;
}


.home i:hover{
    background: #3f445b;
    color: #fff;
    font-size: 20px;/*tamaño del icono*/
   
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    border:2px solid #fff;
    -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.4);
    box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgb(255, 255, 255);
    position: absolute;
    left: -18px;
    top: -1px;
   transform:rotate(360deg);
   transition: transform 1s ease-out;
    }
/*#video{

width: 100%;
min-width: 100%;
min-height: 100%;
overflow: hidden;


}*/

#color_texto_section{

color: #000;

}

.colop2 {
    background-color: #fff;

    padding-bottom: 85px;
}

.style{

border: 1px #000;


}


.contenedor_principal{

    text-align: center;
}