
h1, h2, h3, h4 ,h5 ,h6{
    font-family: ubuntu !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, .nuestra_empresa, .nuestros_valores, .proyectos .titulo{
    font-family: ubuntu !important;
}

.logo-container > img {
    max-width: 300px;
    max-height: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
}
.proyectos .titulo, h1.categoria, h1{
    position:relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.separador_titulo{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 30px;
}
.botonera-inicio .name {
    padding: 100px 10px;
    text-align: center;
    font-size: 25pt;
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
.botonera-inicio .container .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.botonera-inicio .container .row .col a img {
    width: 95%;
    margin-right: 10px;
    margin-left: 10px;
}

.form_buscador {
    border: 2px solid #d3d3d3;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all 0s;
    transition: all 0s !important;
    width: 100%;
    float: left;
    /*background-color: #eeeeee;*/
}

.form_buscador input[type="text"] {
    width: 100%;
}

.form_buscador .btn.btn-buscador.btn-danger {
    width: 99%;
}

.headerContent .form_buscador input[type="text"] {
    color: #2F2F2F;
    border: none;
    box-shadow: none;
    height: 42px;
    width: 85%;
    background-color: #eeeeee;
    padding-left: 20px;
}
.headerContent .form_buscador button {
    margin: 0;
    width: 15%;
    float:right;
    color: white;
    height: 42px;
    padding: 0 3px 0 5px;
    border: none;
}
.headerContent .form_buscador button i {
    font-size: 20px;
    color: white !important;

}

.swal2-confirm .swal2-styled{
    background-color: #e03c89 !important;
    border-left-color: #e03c89 !important;
    border-right-color: #e03c89 !important;
    color: white !important;
}
.faq h3 {
    text-align: left !important;
}

/* CATALOGO PACK */
.grupos-packs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

.grupos-packs a {
    width: 100%;
    height: 100%;
    background: #dcdcdc;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    z-index: 99;
}

.sharer iframe {
    display: block;
}

#twitter-widget-0 {
    height: 30px !important;
    margin-top: -19px;
}

.btn-busca{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:220px;
}

/*INICIO EFECTO ZOOM FOTOS_DESCRIPCION_EFECTOZOOM*/
.descripcion_efz{
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.descripcion_efz img{
    max-width: 100%;
    height: auto;
    width: 100%;
    border: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.descripcion_efz .imageContainer :hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transition: scale(1.02);
    transform: scale(1.02);
}

.descripcion_efz .descripcion_txt {
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    padding: 10px 15px 15px;
    position: absolute;
    width: 100%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.descripcion_efz .descripcion_txt:hover {
    background: rgba(48, 48, 56, 0.8);
}
.descripcion_efz .descripcion_txt h2{
    color: #303038;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.descripcion_efz .descripcion_txt h3{
    color: black;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.descripcion_efz:hover h2{
    color: #fff;
}
.descripcion_efz:hover h3{
    color: #777777;
}
.descripcion_efz:hover a{
    outline: none;
    text-decoration: none;
}

.descripcion_txt p{
    color: #303038;
    margin-bottom: 10px;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.descripcion_efz:hover .descripcion_txt p{
    color: #fff;
}
.descripcion_efz:hover .descripcion_txt{
    background: rgba(25, 25, 25, 0.9);
}

.descripcion_efz a {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
/*PRODUCT*/
.detalles_producto .precio_final {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bold;
    /*color: #e4868d !important;DESDE PANEL*/
}

.detalles_producto .imagen .secondary a {
    width: 30%;
    display: inline-block;
    border: #BFBFBF 1px solid !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}

.detalles_producto .imageAuto {
    overflow: initial !important;
    /*
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    
    border: #BFBFBF 1px solid !important;
    */
    margin-bottom: 30px;
    height: 410px !important;
}
.detalles_producto .imageAuto .img_producto{
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75); 
}
.detalles_producto .imagen .secondary img {
    max-width: 114px;
    max-height: 136px;
    display: block;
    margin: 0 auto;

}

.lista_categorias .name{
    text-align: center;
}

/**BREADCRUMB*/
.breadcrumb { 
    list-style: none; 
    overflow: hidden !important; 
    font-size: 18px;
    /*margin: 40px;*/
    padding: 0 !important; 
    background-color: transparent !important;
    margin-left: 15px;
}
.breadcrumb li { 
    float: left; 
}
.breadcrumb li a {
    color: white !important;
    text-decoration: none; 
    padding: 10px 0 10px 40px;
    background: brown; /* fallback color */
    background: black; 
    position: relative; 
    display: block;
    float: left;
}
.breadcrumb li a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid black;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}   
.breadcrumb li a:before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #063a2d;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 0px;
    left: 100%;
    z-index: 1; 
}   
.breadcrumb li:first-child a {
    padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        #063a2d; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #063a2d; }
.breadcrumb li:nth-child(3) a       { background:        #063a2d; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #063a2d; }
.breadcrumb li:nth-child(4) a       { background:        #063a2d; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #063a2d; }
.breadcrumb li:nth-child(5) a       { background:        #063a2d; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #063a2d; }

.breadcrumb li:last-child a {
    background: #063a2d !important;
    color: white;
    pointer-events: none;
    cursor: default;
}
.breadcrumb li:last-child a:after {
    border-left-color: #063a2d !important;
    color: white;
    pointer-events: none;
    cursor: default;
}

.breadcrumb li .selected {
    background-color: #063a2d !important;
}
.breadcrumb li .selected:after {
    border-left-color: #063a2d !important;
}
.breadcrumb li:last-child a:after { border: 0; }
/*
.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }
*/
/**BREADCRUMB*/

@media screen and (min-width: 1200px) {
    .btn-area-personal.ap-left{
        float: right;
    }
    .ap-left .pasarela label.option_pasarela {
        float:right;
    }
}
@media screen and (max-width: 1200px) {
    .detalles_producto .imagen .secondary a {
        width: 45%;
        display: inline-block;
        border: #BFBFBF 1px solid !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .breadcrumb li a {
        color: white;
        text-decoration: none; 
        padding: 10px 0 10px 27px;
        background: brown; /* fallback color */
        background: #313131; 
        position: relative; 
        display: block;
        float: left;
    }
    .breadcrumb li a:before { 
        content: " "; 
        display: block; 
        width: 0; 
        height: 0;
        border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
        border-bottom: 50px solid transparent;
        border-left: 15px solid #313131;
        position: absolute;
        top: 50%;
        margin-top: -50px; 
        margin-left: 0px;
        left: 100%;
        z-index: 1; 
    }   

    .detalles_producto .imagen .secondary a {
        width: 45%;
        display: inline-block;
        border: #BFBFBF 1px solid !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }
    label.option_pasarela{
        margin-left: auto;
        margin-right: auto;
    }
}

.msg.info{
    background-color:#e4868d;
}
.msg.info p{
    color: white;
    text-align: center;
}

.detallesPedido .form-group{
    margin: 0px !important;
}
.subproductos span{
    display: block;
}

.template.botonera-inicio-img{
    margin-top: 50px;
}

.botonera-inicio-img img{
    margin-bottom: 10px;
    max-height: 140px;
    max-width: 140px;
    padding: 0px;
}
.botonera-inicio-img .txt-botonera{
    color: #4b4b4b;
}
.botonera-inicio-img h4{
    font-weight: bold;
}
.sesion-cesta a{
    display: inline-block;
}

.producto.small {
    border: 2px #fff solid !important;
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    margin-top: 15px;
    margin-bottom: 15px;
}
/*
.social-line {
    background: #063a2d !important;
}
*/
footer {
    padding: 0px !important;
    text-align: center;
    background-color: #323232 !important;
}

a.aviso_legal{
    color: #AAAAAA !important;
}
footer .caja_menu .header{
    color: white !important;
}

footer hr{
    max-width: 100% !important;
    width: 100%;
    border-top: 2px solid #5c5c5c;
}
.footer-big p{
    font-size: 16px;
    color: white !important;
    font-weight: bold;
}
.footer3, .footer3 A{
    color: white !important;
}

h1.name{
    /*color: #323232 !important;*/
}

div .tabsTab > div {
    text-align: center;
    font-size: 20px;
}
p.referencia [itemprop="productID"]{
    font-weight: bold;
}

p.referencia {
    text-align: center;
}
div.recomendados h2{
    background-color: #063a2d;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: white;
}

.registro_login button{
    width: 250px;
}

.registro_login .registro, .proceso_compra .registro{
    border: solid 2px #b5b5b5;
    padding: 50px;
}
.registro_login .row, .proceso_compra .row{
    margin-right: 0px;
    margin-left: 0px;
}
.registro_login .checks-login label{
    color: #313131!important;
}
.registro_login .checks-login > div > div{
    padding-left: 0px !important;
}
.a-login-user{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check {
    background: #063a2d;
}
.separator_login{
    margin-top: 20px;
}
.form-group label.control-label {
    color: #313131;

}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #313131!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #313131!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #313131 !important;
}

.tabsTab .selected{
    border-bottom: 5px solid #063a2d;
}

.navbar-men3 {
    color: white !important;
    z-index: 99;
    /* padding: 0px !important;*/
    border-radius: 0px;
    margin-bottom: 15px;
}
li.nav-item ul{
    /* background-color: #063a2d !important;*/
}
.row.nosection{
    margin-top: -50px !important;
}

.menu_lateral_left .caja_menu div.header{
    background-color: #063a2d;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    color: white;
    text-align: center;
}
.menu_lateral_left > div{
    margin-bottom: 20px;
    padding-left: 0px !important;
}
.cat-prod-ecommerce{
    padding: 0px;
}
.caja_menu.categorias > div.body > ul.nav > li{
    width: 100%;
}
.caja_menu.categorias > div.body > ul.nav > li > ul{
    display:none;
}
.caja_menu.categorias > div.body > ul.nav a{
    color: black;
    font-size: 16px;
}

.menu-lateral.sidebar ul{
    display:block !important;
}
.buscadorlateral > input, .buscadorlateral > button{
    width: 70%;
    display: inline-block;
}
.buscadorlateral > button{
    width: 14% !important;
    float: right;
    display: inline-block;
}

hr.lateral_cesta{
    max-width: 100%; 
    width: 100%;
}

.btn-unidades{
    padding: 10px 15px !important;
}

.btn-area-personal{
    background-color: #d32a31;
    padding: 25px 0px !important;
    border-radius: 3px;
    color: white !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    width: 400px;
}
.area-personal .img-area-personal{
    width: 32px;
    max-width: 32px;
    max-height: 32px;
    height: 32px;
    margin-right: 10px;
}

.row.area-personal{
    margin-top: 50px;

}
.cont_cesta .prod-price, .cont_cesta .amount-tot {
    font-size: 18px;
    text-align: center !important;
}
.cart-totals{
    font-size: 18px;
}
.cont_cesta .prod-name a{
    display:block;
    text-align: center;
    color: black;
    font-size: 18px;
}

.btn-remove-cesta{
    border: none;
    background: none;
}
.add-cesta{
    padding: 15px 0px !important;
    width: 95%;
    cursor: pointer;
}

.btn-remove-cesta .fa{
    color: #a2a2a2;
}
hr.hr_cesta{
    max-width: 100%;
    width: 100%;
    margin-top: 5px;
}
.res_cesta{
    /*margin-left: 25px;*/
}
.res_cesta .btn-unidades{
    padding: 0px !important;
    height: 30px;
    width: 70px;
}
.proceso_compra_estado > div p{
    background-color: #d32a31;
    text-align: center;
    padding: 10px 0px;
    color: white;
}
.proceso_compra_estado > div.selected p{
    background-color: #063a2d;
}
.pasarela{
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
}
.pasarela label.option_pasarela {
    padding: 15px 60px;
    width: 250px;
    height: 75px;
    cursor: pointer;
    margin-bottom: 0 !important;
    font-size: 11pt;
    text-transform: uppercase;
    border: solid 2px #b5b5b5;
    color: black;
    border-radius: 5px;
    text-align: center !important;
    display:block;
}
.pasarela label.option_pasarela[for=option_forma_pago_1], .pasarela label.option_pasarela[for=option_forma_pago_3],
.pasarela label.option_pasarela[for=option_forma_pago_2], .pasarela label.option_pasarela[for=option_forma_pago_0]{
    margin-left:auto;
    margin-right:auto;
}
.pasarela label.option_pasarela[for=option_forma_pago_2]{
    padding: 7px 60px !important;
}
.pasarela label.option_pasarela[for=option_forma_pago_1]{
    padding: 7px 60px !important;
}
.pasarela label.option_pasarela[for=option_forma_pago_3]{
    padding: 15px 60px !important;
}
.pasarela label.option_pasarela[for=option_forma_pago_0]{
    padding: 26px 60px !important;
}

.pasarela input {
    display: none;
}

.pasarela input:checked + label.option_pasarela {
    border-radius: 5px;
    background-color: #063a2d;
    border: solid 2px #d32a31;
    color:white;
}
.pasarela label:hover.option_pasarela  {
    background-color: #063a2d;
    border: solid 2px #d32a31;
    border-radius: 5px;
    color:white;
}
.resumen_total div {
    font-size: 18px;
}

.comentario_pedido_resumen > div{
    margin: 6px;
}
.comentario_pedido_resumen{
    border: solid 2px #b5b5b5;
    padding: 10px 100px;
}
.resumen_total > div div:first-child{
    font-weight: bold;
    padding-left: 50px;
}
.resumen_total > div div:nth-child(2){
    text-align: right;
    padding-right: 50px;
}
.botones_pedido{
    text-align: center;
}
.headerContent .sesion-cesta a.btn{
    width: 200px;
    padding-left: 0px;
    padding-right: 0px;
}
.caja_menu.menu_desplegable ul{
    padding: 0px;
    color:white;
}
.caja_menu.menu_desplegable ul a{
    padding: 0px;
}
.footer_telefonos_centros, .footer_telefonos_centros .sntbd_footer_text{
    padding-right: 0px;
    padding-left: 0px;
}

.direccion_footer p:first-child{
    font-size: 18pt;

    line-height: 20pt;

    margin: 0 0 30px;

    font-weight: bold;
}

ul.ambitos {
    margin-left: 40px;
    text-align: left;
}
ul.ambitos > li {
    list-style-type: disc !important;
}
ul.list_disc > li {
    list-style-type: disc !important;
}

@media screen and (min-width: 1200px) {
    /*PARA QUITAR MARGENES*/

    .mt-0 {
        margin-top: 0px !important;
    }
    .mt-10 {
        margin-top: 10px !important;
    }
    .mt-20 {
        margin-top: 20px !important;
    }
    .mt-30 {
        margin-top: 30px !important;
    }
    .mt-40 {
        margin-top: 40px !important;
    }
    .mt-50 {
        margin-top: 50px !important;
    }

    .mb-0 {
        margin-bottom: 0px !important;
    }
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .mb-20 {
        margin-bottom: 20px !important;
    }
    .mb-30 {
        margin-bottom: 30px !important;
    }
    .mb-40 {
        margin-bottom: 40px !important;
    }
    .mb-50 {
        margin-bottom: 50px !important;
    }

    /*PADDINGS*/

    .pt-0 {
        padding-top: 0px !important;
    }
    .pt-10 {
        padding-top: 10px !important;
    }
    .pt-20 {
        padding-top: 20px !important;
    }
    .pt-30 {
        padding-top: 30px !important;
    }
    .pt-40 {
        padding-top: 40px !important;
    }
    .pt-50 {
        padding-top: 50px !important;
    }

    .pb-0 {
        padding-bottom: 0px !important;
    }
    .pb-10 {
        padding-bottom: 10px !important;
    }
    .pb-20 {
        padding-bottom: 20px !important;
    }
    .pb-30 {
        padding-bottom: 30px !important;
    }
    .pb-40 {
        padding-bottom: 40px !important;
    }
    .pb-50 {
        padding-bottom: 50px !important;
    }


    .pl-0 {
        padding-left: 0px !important;
    }
    .pl-10 {
        padding-left: 10px !important;
    }
    .pl-20 {
        padding-left: 20px !important;
    }
    .pl-30 {
        padding-left: 30px !important;
    }
    .pl-40 {
        padding-left: 40px !important;
    }
    .pl-50 {
        padding-left: 50px !important;
    }
    .pl-60 {
        padding-left: 60px !important;
    }
    .pl-70 {
        padding-left: 70px !important;
    }
    .pl-80 {
        padding-left: 80px !important;
    }
    .pl-90 {
        padding-left: 90px !important;
    }
    .pl-100 {
        padding-left: 100px !important;
    }

    .pr-0 {
        padding-right: 0px !important;
    }
    .pr-10 {
        padding-right: 10px !important;
    }
    .pr-20 {
        padding-right: 20px !important;
    }
    .pr-30 {
        padding-right: 30px !important;
    }
    .pr-40 {
        padding-right: 40px !important;
    }
    .pr-50 {
        padding-right: 50px !important;
    }
    .pr-60 {
        padding-right: 60px !important;
    }
    .pr-70 {
        padding-right: 70px !important;
    }
    .pr-80 {
        padding-right: 80px !important;
    }
    .pr-90 {
        padding-right: 90px !important;
    }
    .pr-100 {
        padding-right: 100px !important;
    }
}
.main_submenu > li:hover > a {
    background-color: #063a2d !important;
    color: white !important;
}
.main_submenu > li > a.active{
    background-color: #063a2d !important;
    color: white !important;
}

.main_submenu > li > a {
    border-bottom: 2px solid transparent !important;
    border-bottom-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar .navbar-nav > li > a {
    padding-bottom: 5px !important;

}
.main_submenu > li > ul > li:hover > a{
    background-color: #063a2d !important;
    color: white !important;
}

.motivo_contact > textarea{
    height: 141px;
}

.menu_superior_header > ul{
    display: inline-block;
}

.menu_superior_header > ul > li{
    display: inline-block;
    font-size: 12px !important;
}

/*inicio SERVICIO TICKET*/
@media screen and (max-width: 850px) {
    .form_solicitud_ticket{
        width: 100% !important;
        max-width: 100% !important;
    }
}
.form_solicitud_ticket{
    max-width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    /*SOMBRA INTERNA
    -webkit-box-shadow: inset 1px 2px 20px 4px rgba(174,217,167,0.34);
    -moz-box-shadow: inset 1px 2px 20px 4px rgba(174,217,167,0.34);
    box-shadow: inset 1px 2px 20px 4px rgba(174,217,167,0.34);
    */
    /*SOMBRA EXTERNA*/
    -webkit-box-shadow: 1px 2px 20px 4px rgba(174,217,167,0.7);
    -moz-box-shadow: 1px 2px 20px 4px rgba(174,217,167,0.7);
    box-shadow: 1px 2px 20px 4px rgba(174,217,167,0.7);

}

.form_solicitud_ticket h4{
    text-align: left;
}

.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    top: -13px;
    font-size: 14px;
    line-height: 1.42857;
    padding-left: 10px;
}

.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    top: -40px;
    left: 0;
    font-size: 11px;
    line-height: 1.07143;
}

.alert-emosistemas{
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    background-color: #65aa41;
    color: white;
    font-size: 16px;
}

.form_solicitud_ticket h4{
    margin-bottom: -15px;
}

.btn{
    box-shadow: none !important;
}
/*fin SERVICIO TICKET*/
body.home .contacto-superior{
    top: 0px;
}
body.home #navbarResponsive{
    margin-top: 15px;
}
body.home .navbar-men1{
    position:absolute;
    width: 100%;
    background: none;
    padding: 0px !important;
}

body.home .navbar-men3{
    position: fixed;
    top: 0;
    width: 100%;
    /*background: rgba(0,0,0,0.7) !important;*/
    height: 70px;
    transition: 750ms ease;
    background: none;
}
body.home .navbar-men3.scrolled{
    background: rgba(198, 198, 198, 0.96) !important;
    color: white;
}

body.home .navbar .navbar-nav > li > a {
    color: #2e2e30;
}

.headerLogo {
    padding: 9px;
    display: flex;
    /*justify-content: space-between;
    flex-wrap: wrap;*/
    align-items: center;
}

@media all and (max-width: 991px) {
    body.home .navbar-men1, body.home .navbar-men3{
        position:absolute;
        width: 100%;
        background: rgba(0,0,0,0.7) !important;
    }
    .headerLogo {
        padding: 9px;
        display: flex;
        /*justify-content: space-between;
        flex-wrap: wrap;*/
        align-items: center;
        margin-top:0px;
    }
    .navbar-men1{
        display:none;
    }
}
/**ESTILOS PAGINA INICIO**/
/*NO ES HOME*/
body.nohome .navbar-men3{
    display:block;
    width: 100%;
    background: #f7f7f7 !important;
    margin-top:5px;
}
body.nohome .navbar-men1{
    display:block;
    width: 100%;
    background: black !important;
    color: white !important;
}
/*NO ES HOME*/

/*NOTICIAS EMO*/
.alert.alert-with-icon i[data-notify="icon"] {
    display: block;
    left: 15px;
    position: absolute;
    margin-top: -39px;
    font-size: 20px;
    background-color: #FFFFFF;
    padding: 9px;
    border-radius: 50%;
    max-width: 38px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

h3.card-title{
    color: white !important;
}

.noticias_emosistemas{
    margin-top: 25px;
}
.noticias_emosistemas i.fa{
    color: #00cae3;
}

.card {
    font-size: 1rem !important;
}
.card {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
.card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: .25rem;
}

.card.bg-green, .card .card-header-green .card-icon, .card .card-header-green .card-text, .card .card-header-green:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-green .back, .card.card-rotate.bg-green .front, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .information > h3 {
    background: linear-gradient(60deg,#718f0a,#5c720c);
}
.card [class*="card-header-"] {
    margin: 0 15px;
    margin-top: 0px;
    padding: 0;
    position: relative;
}
.card .card-header {
    z-index: 3 !important;
    border-radius: 5px;
    margin-bottom: 20px;
}
.card .card-body {
    padding: .9375rem 20px;
    position: relative;
}
.card .card-body, .card .card-footer {
    padding: .9375rem 1.875rem;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.noticias_emosistemas span.nombre_noticia{
    font-weight: bold;
}

.contactus-1 h2, .contactus-1 h3, .contactus-1 h4, .contactus-1 h5, .contactus-1 div{
    color: black !important;

}

.contactus-1 h2, .contactus-1 h3, .contactus-1 h4, .contactus-1 h5, .contactus-1 .description{
    text-align: center; 
}
.contactus-1 {
    padding: 20px 0;
}
.header_contacto_2columnas h4{
    color:white !important;
}
.header_contacto_2columnas{
    background-color:#063a2d !important;
}
.contactus-1 .vcard .r{
    margin-top: 20px;
}

.features-5 .info p {
    color: #FFFFFF;
    min-height: 0px;
}

.movil_epanel12 img{
    margin-left: 0px;
}

.container-fluid.generico_full {
    margin-top: -55px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.web_caracteristicas{
    color: white;
}

.web_caracteristicas p.titulo_caracteristica{
    border-bottom: solid 1px white;
}

.web_caracteristicas span{
    font-weight: bold;
}

.servicios_it {
    border-bottom: solid 5px #063a2d;
}

.contactus-1.contactus_presupuesto{
    background-position: center center;
    background-size: cover;
}

.datosEmpresa .card-content img{
    width: 158px;
}

.datosEmpresa .card-title{
    color:white !important;
    margin-bottom:0px;
}

h1.sobre_nosotros{
    font-size: 66pt;
    padding-left: 11%;
    padding-right: 10%;
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.nuestros_valores p{
    padding-left: 10%;
    padding-right: 10%;
}

.btn-3cards{
    color:black !important;
    cursor:pointer;
    text-decoration: none !important;
    border: none;
    border-radius: 3px;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #ffd511 !important;
}
.btn-3cards:hover{
    text-decoration: none !important;
}

.cards3 .card-content{
    padding-top: 70px;
}

.cards3 {
    border: none !important   
}

div.proyectos.productos{
    margin-bottom: 30px;
}

.card-content .category.text-3cards{
    color: white !important;
    font-weight: bold;
}

.card-background::after {
    background-color: rgba(0, 0, 0, 0.26);
}

.section-image::after {
    background-color: rgba(0, 0, 0, 0.2);
}

.texto_centrales p{
    color: #323232 !important;
}

.texto_centrales p{
    margin-bottom: 0px;
}

.contactus-1.section-image div{
    z-index: 9;
}

.producto.small:hover a{
    text-decoration:none !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

.pagination p{
    margin-top: 4px !important;
}

.pagination a{
    padding: 10px 15px !important;
    font-size: 15px !important;

}

.pagination .active a{
    background-color: #063a2d !important;
    border-color: #063a2d !important;
}

h3.card-title.montserrat{
    font-family: ubuntu !important;
}

.subscribe-line.subscribe-line-image h5.description{
    color: black !important;
}

a:focus, a:hover{
    color: #ffd511;
}