@font-face {
    font-family: 'fuente';
    src: url(../fuentes/SourceSansPro-Semibold.otf);
}

@font-face {
    font-family: 'fuenteencabezado';
    src: url(../fuentes/Viga-Regular.ttf);
}

@font-face {
    font-family: 'fuentetexto';
    src: url(../fuentes/SourceSansPro-Light.ttf);
}

body {

    /* background: url(../images/bg.png);*/
}



.modal-dialog {
    font-family: 'fuente';
}

.headermodal {

    background-color: #115A99;

    color: white;

    font-size: 22px;

    text-transform: uppercase;

    padding-top: 20px;

    padding-bottom: 20px;

}



.modalcont {

    margin-top: 25px;

}







.encabezado-fix {

    font-family: 'fuente';

    position: relative;

    width: 100%;

    background-color: #FFF;



    align-items: center;

    justify-content: center;

}

.cont-encabezado {

    font-family: 'fuentetexto';
    width: 960px;
    margin: 0 auto;

}

.centerfull {

    display: flex;

    align-items: center;

    justify-content: center;

}



.encabezado {

    padding: 10px 0px;

}



.textHeader {

    font-size: 22px;
    font-family: 'fuenteencabezado';
    padding-top: 22px;

}



.searchInput {

    border-radius: 25px;

    border: 1px solid;

    background-color: #F0F1F1;

    font-size: 12px;

    height: 25px;

    padding: 2px 8px;

}



#searchbutton {

    border-radius: 25px;

    background-color: #FCB813;

    border: 1px solid #FCB813;

    height: 25px;

    padding: 0px 10px;

    font-weight: bold;

}



.navbarenc {
    background-color: #2A356A;
}



#contactenos {

    border-radius: 25px;

    background-color: #FCB813;

    border: 1px solid #FCB813;

    height: 30px;

    padding: 8px 10px;

    font-weight: bold;

    font-size: 12px;

}



#contactenosf {

    border-radius: 25px;

    background-color: #FCB813;

    border: 1px solid #FCB813;

    height: 30px;

    padding: 5px 5px;



}



/* color  parar nav inical */

.colorhead {

    background-color: #434343;

    color: #8E8F91;

    padding: 2px;

    font-size: 12px;



}



/* contenedor para carouselinicial */

.contenerdor {



    margin: 12px 15px 12px 15px;



}



/* estilo botones dentro del carouselinicial */

.contboton {
    position: absolute;
    width: 100%;
    bottom: 20%;
    text-align: center;
}
.contboton span{
    font-family: 'fuenteencabezado';
    padding: 5px 25px;
    border-radius: 20px;
    background-color: #FFC211;
    color: #2A356A;
    font-weight: bold;
    font-size: 15px;
}
.lineabottom{
    width: 35%;
    height: 4px;
    background-color: #2A356A;
    margin-top: 4px;
}
.a-hover:hover .contboton span{
    background-color: #2A356A;
    color: #FFF;
}
.a-hover:hover .lineabottom{
    width: 100%;
    background-color: #FFC211;
}


/* imagen de bg para secion servicio*/

.bgservicios {

    margin-top: 60px;

    padding: 40px 10px;

    background: url(../administrador/repositorio/image/recursos/bgservicio.png);

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.titulo-top {

    position: relative;

    top: -65px;

}



.contenedor-servicio {

    margin-top: 30px;

    margin-bottom: 10px;

    cursor: pointer;



}



.contenedor-servicio a,
.contenedor-servicio a:active,
.contenedor-servicio a:link,
.contenedor-servicio a:focus {



    text-decoration: none;

}



.infoserv {

    margin-top: 20px;

    color: #FFFFFF;

    font-size: 17px;

    font-weight: bold;

}



#galeria {

    margin-top: -22px;



    padding-bottom: 40px;

}

.float-right{
    float: right;
}

.tipointfooter {



    color: #FFFFFF;

}



.tipointfooter a,
.tipointfooter a:active,
.tipointfooter a:link,
.tipointfooter a:focus {



    color: #FFFFFF;

    font-weight: bold;

    text-decoration: none;

}



.headnoti {

    margin-bottom: 40px;

}



.headnoti button {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #115A99;

    border: 1px solid #115A99;

    padding: 4px 25px 3px 27px;

    font-size: 20px;



}



.headnoti button:hover {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #FCB812;

    border: 1px solid #FCB812;

    padding: 4px 25px 3px 27px;

    font-size: 20px;



}



.headnoti span {



    font-size: 24px;

    color: black;

}



.notitexto {



    overflow: auto;

    height: 200px;

    color: black;

    font-size: 14px;

    text-align: justify;



}



.btnnoti button {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #115A99;

    border: 1px solid #115A99;

    padding: 8px 25px 7px 27px;

    font-size: 14px;



}



.btnnoti button:hover {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #FCB812;

    border: 1px solid #FCB812;

    padding: 8px 25px 7px 27px;

    font-size: 14px;



}





.btnbuscar {



    color: white;

    background-color: #115A99;

    border-radius: 45px 0px 0px 45px;

    padding: 7px 18px 7px 17px;

    cursor: pointer;



}

.btnbuscar i {

    margin-right: 12px;

}



.btnbuscar span {

    font-size: 16px;

}



.btnvolver {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #115A99;

    border: 1px solid #115A99;

    padding: 8px 25px 7px 27px;

    font-size: 20px;

    text-decoration: none !important;



}



.btnvolver:hover {



    color: #FFFFFF;

    border-radius: 25px;

    background-color: #FCB813;

    border: 1px solid #FCB813;

    padding: 8px 25px 7px 27px;

    text-decoration: none !important;



}





.titleseccion {



    margin-top: -20px;



}



.text-section {
    font-family: 'fuentetexto';
    margin-top: 30px;
    text-align: justify;
    margin-bottom: 30px;

}

.coloresfondo{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 300px;
    background-color: #2A356A;
    border-bottom: 100px solid #F5F5F5;
}

.sections {



    padding-bottom: 35px;



}



.aliados {



    clear: both;

    max-width: 960px;

    /*background: #FFF;*/
    padding-top: 20px;

    padding-bottom: 0px;

    margin-top: 60px;

    margin-bottom: 40px;

}



.collapseservi a,
.collapseservi a:active,
.collapseservi a:link,
.collapseservi a:focus {



    text-decoration: none !important;

}





.collapsebtn:hover {



    color: #115A99;

    background-color: #115A99 !important;

    text-decoration: none !important;

}



.bor-btn {

    padding: 4px;

    border-radius: 25px;

    -moz-box-shadow: 1px 1px 0px 0px #114879;

    -webkit-box-shadow: 1px 1px 0px 0px #114879;

}

.bor-btn:hover .btn-menu {

    background-color: #19ABE2;

}

.tri-top {

    position: absolute;

    left: 5px;

    top: -33px;

    color: #FCB812;

}

.figura-css-top {

    position: absolute;

    z-index: 9;

    top: 0;

    width: 0;

    height: 40px;

    border-left: 240px solid rgba(22, 163, 177, .8);

    border-right: 240px solid rgba(22, 163, 177, .8);

    border-top: 19px solid transparent;

}

.figura-css-botom {

    position: absolute;

    z-index: 9;

    bottom: 0;

    width: 0;

    height: 40px;

    border-left: 240px solid rgba(22, 163, 177, .8);

    border-right: 240px solid rgba(22, 163, 177, .8);

    border-bottom: 19px solid transparent;

}

.figura-css-all {

    display: none;

    position: absolute;

    z-index: 9;

    top: 0;

    width: 0;

    height: 100%;

    border-left: 240px solid rgba(22, 163, 177, .8);

    border-right: 240px solid rgba(22, 163, 177, .8);

    border-bottom: 19px solid transparent;

    border-top: 19px solid transparent;

}



.img-sercar {

    width: 480px;

    position: relative;

}



.figura-ini-css-top {

    width: 100%;

    height: 50px;

    padding-top: 15px;

    position: absolute;

    bottom: 0;

    background: #008995;

    opacity: 0.8;

}

.figura-ini-css-top:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 0;

    border-bottom: 20px solid #FFF;

    border-left: 240px solid transparent;

    border-right: 240px solid transparent;

}



.btn-menu {

    color: #FFF;

    font-size: 14px;

    padding: 10px 15px 12px 15px;

    border-radius: 20px;

    background-color: #114879;

    border: none;

}

.bor-btn-foot {

    padding: 4px;

    border-radius: 25px;

    -moz-box-shadow: 1px 1px 0px 0px #19ABE2;

    -webkit-box-shadow: 1px 1px 0px 0px #19ABE2;

}

.bor-btn-foot:hover .btn-menu-foot {

    background-color: #114879;

}

.txt-pqr {

    font-size: 13px;

    color: #C3C8CD;

}

.btn-menu-foot {

    color: #FFF;

    font-size: 14px;

    padding: 10px 15px 12px 15px;

    border-radius: 20px;

    background-color: #19ABE2;

    border: none;

}



.cont-redes {

    height: 20px;

    display: flex;

    align-items: center;

}



.face, .twi, .youtu, .gmail{
    padding-left: 10px;
    padding-right: 10px;
    color: #FFC10D;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 15px;
    font-size: 20px;
    cursor: pointer;
}

.face:hover {
    color: #7D8C98;
}
.twi:hover {
    color: #7D8C98;
}
.youtu:hover {
    color: #7D8C98;
}
.gmail:hover {
    color: #7D8C98;
}



.facebook {

    margin-left: 10px;

    padding-left: 10px;

    padding-right: 10px;

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

}

.facebook a:hover,
.facebook a:active,
.facebook a:link {

    color: #38589B;

}

.facebook-hov {

    display: none;

    position: relative;

    top: -1px;

    background: #38589B;

    padding: 1px 15px 1px 10px;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    color: #FFF;

}

.facebook-foot {

    margin-left: 10px;

    padding-left: 10px;

    padding-right: 10px;

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

}

.facebook-foot a:hover,
.facebook-foot a:active,
.facebook-foot a:link {

    color: #FFF;

}

.facebook-foot-hov {

    display: none;

    position: relative;

    top: -1px;

    background: #FFF;

    padding: 1px 15px 1px 10px;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    color: #38589B;

}

.twitter {

    padding-left: 10px;

    padding-right: 10px;

}

.twitter a:hover,
.twitter a:active,
.twitter a:link {

    color: #33BAE7;

}



.twitter-hov {

    display: none;

    position: relative;

    top: -1px;

    background: #33BAE7;

    padding: 1px 15px 1px 10px;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    color: #FFF;

}

.twitter-foot {

    padding-left: 10px;

    padding-right: 10px;

}

.twitter-foot a:hover,
.twitter-foot a:active,
.twitter-foot a:link {

    color: #FFF;

}



.twitter-foot-hov {

    display: none;

    position: relative;

    top: -1px;

    background: #FFF;

    padding: 1px 15px 1px 10px;

    border-bottom-right-radius: 20px;

    border-top-right-radius: 20px;

    color: #33BAE7;

}



.div-icons-encabezado {

    text-align: right;

}

.span-shop {

    /*margin-left: 10px;

    margin-right: 10px;*/
    padding-left: 10px;

    padding-right: 10px;

    border-right: 1px solid #CCC;

    border-left: 1px solid #CCC;

}

.margin-menu {

    margin-top: 10px;

}
.margin-t{
    margin-top: 20px;
}
.modal-tam-medio {

    width: 333px;

}

.div-catalogo-menu {

    position: fixed;

    top: 19%;

    left: 0;

    width: 100%;

    height: 41%;

    z-index: 1;

    background-color: #FFF;

    border-bottom: 15px solid #90298D;

    display: none;

    padding: 20px 40px;

}

.padding-b10 {

    padding-bottom: 10px;

}

.cont-body {

    position: absolute;

    width: 100%;

    top: 22%;

    left: 0;

}

.txt-pag {

    text-align: justify;

}

.div-shadow {

    background: #FFF;

    box-shadow: 3px 3px 10px -1px #CCC;

}



.margin-lin-ini {

    padding: 7px;



}



.imglin {

    height: 100%;

    max-width: 100%;

}

.img-ga {

    width: 100%;

}

.container-full {

    font-size: 15px;

}



.btn-primario {

    float: right;

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #2A356A;

    color: #FFF;

}

.btn-primario:hover {
    background-color: #FFC10D;
}

.btn-secundario {

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #666666;

    color: #FFF;

    margin-right: 10px;

}

.btn-secundario:hover {

    background-color: #454545;

}

.btn-tercero {

    padding: 3px 15px 3px 15px;

    border: none;

    background-color: #FFF;

    color: #000;

    margin-right: 10px;

}

.btn-tercero:hover {

    background-color: #666;

    color: #FFF;

}



.cont-encab {

    width: 100%;

    height: 100%;

    max-width: 100%;

    margin-top: 0px;

    background-color: #FFF;

    display: flex;

    align-items: center;

    justify-content: center;

}

.img-logo {
    cursor: pointer;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    margin-right: 30px;
}

.lineasubmenu{
    width: 20%;
    height: 5px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
}

.div-menu {

    height: 100%;

}



.menu-movil {

    display: none;

}



.menu-gen {

    display: block;

}



.cont-login {

    text-align: left;

}



.img-responsive {

    margin: 0 auto;

}



#menuPrincipal {

    margin: 0 auto;

    position: relative;

    z-index: 99;



    /*top:30px;*/
}



input[type="radio"],
input[type="checkbox"] {

    margin: 0;

}

.info-email {

    margin-top: 10px;

    margin-bottom: 8px;

}

.margin-b {
    margin-bottom: 10px;
}
.margin-b-extra{
    margin-bottom: 30px;
}
.datosp {

    padding-bottom: 15px;

    padding-top: 15px;

}

.color-not {

    background-color: #EDF9FF;

    padding-bottom: 90px;

    margin-top: 30px;

}

.ban-inf {

    margin-top: -95px;

}

.containerMenuCenter {}

.bor-footer-cap {

    position: absolute;

    width: 100%;

    height: 10%;

    top: 0;

    background-color: #114879;

    opacity: 0.5;

    border-bottom: 1px solid #FFF;

}

.height-full {

    height: 100%;

}

.tit-not {

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: bold;

}

.img-not {}

.div-btn-pub {

    position: relative;

    text-decoration: none !important;

    padding: 4px 25px 6px 25px;

    background-color: #2A356A;

    color: #FFF !important;

    border-radius: 20px;

    font-size: 10px;

}

.individual {

    font-family: 'fuente';

    min-height: 25px;

    color: black;

    font-size: 14px;

    padding: 0;

    padding-top: 3px;

    text-align: right;

    padding-right: 0px;

    background-color: #000;

    padding-right: 20px;

}



.individual a {

    color: white!important;

    font-size: 12px;

}



.individual a:hover {

    color: #CCC !important;

}

.serdistribuidor {

    font-family: 'fuente';

    font-size: 28px;

    padding: 0;

    margin-top: 25px;

    float: right;

    text-align: right;

}

.buscador {

    padding: 0;

    margin-top: 25px;

    float: right;

}



.buscador-espacio {

    /*	float:right;*/
}

.lin-tit {

    position: absolute;

    width: 100%;

    height: 1px;

    background-color: #16a3b1;

}

.buscador-img {

    width: 34px;

    height: 34px;

    background-color: #FFCA05;

    position: relative;

    float: right;

    background-image: url(../images/buscar-producto.png);

}



.buscador input {

    float: right;

    width: 50%;

    border-radius: 0;



}



.buscador button {

    border-radius: 0;

    background-color: #ED1C24;

    border-color: #ED1C24;

    float: right;

    color: white;

    font-family: 'fuente';

    font-size: 15px;

}

.modal-catalogo {

    background: none !important;

    border: none !important;

}



.modal-header {

    text-align: center;

}

.div-ali {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 10px;

}

.tit-ali {

    font-size: 13px;

    text-align: center;

    height: 60px;

    background-color: #16a3b1;

    color: #FFF;

}

.modal-content {

    background-color: #FFF;

    width: 100%;

    max-width: 700px;

    margin: 0 auto;

    border: 0;

    border-radius: 0;

    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .5);

    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);

}

.modal-footer {

    background-color: #FFF;

}



.modal-baner {

    background-color: transparent !important;

}

.modal {

    z-index: 99999;

}

.cont-inicio-car {

    position: relative;

    top: 10px;

    padding-right: 0px;

    font-size: 12px;

}





.cont-inicio-car * {

    color: #000;

}



.entrar {

    padding-left: 15px;

    background: url(../images/icono-usuario.png) no-repeat;

    background-size: 12%;

    color: white !important;

    font-size: 15px;

}



.resumen-btn-finalizar {

    margin-top: 10px;

    background: #555;

    color: #FFF !important;

}



.resumen-btn-finalizar:hover {

    color: #555 !important;

}



#enlacescarro {

    padding-top: 6px;

    padding: 0px;

    padding-bottom: 10px;



}



#botonregistro {

    padding: 0;

    margin-bottom: 10px;

    font-family: 'fuente';

    left: -4px;

}



#botonregistro a:link {

    color: #000;

}



.img-movil-enc {

    display: none;

}

.img-enc {

    display: block;

}





/*#resumencarro {

    background: #666;

    padding: 5px 10px;

    margin-top: 5px;

}



#resumencarro * {

    text-align: center;

}*/

.entrar:hover,

.mi-carro:hover {

    cursor: pointer;

    color: #808285 !important;

}



.mi-carro {

    float: right;

    font-size: 12px;

    color: #808285 !important;

    margin-top: 4px;

    background: url(../images/carrito.png) no-repeat;

    background-position: 0px -2px;

    background-size: 23%;

    padding-left: 20px;

}



.registrarme {

    float: right;

    padding: 5px 10px 5px 10px;

    background-color: #FFCA05;

}



.ayuda {

    font-size: 15px;

    color: white !important;

    margin-top: 4px;

    margin-left: 10%;

    padding-left: 17px;

    background: url(../images/ayuda.png) no-repeat;

    background-position: 0 1px;

    background-size: 24%;

}



.menu-ayuda {

    list-style: none;

    margin-top: 15px;

    margin-left: -15px;

    padding: 0;

    padding-bottom: 5px;

}



.menu-ayuda .active,

.menu-ayuda .active:hover {

    background: #005BA7;

    color: #FFF;

    text-align: center;

    border: 1px solid #CCC;

}



.menu-ayuda li:hover {

    background: #EEE;

}





.menu-ayuda li a {

    display: block;

    text-align: center;

    color: #676566;

}



.menu-ayuda li a:hover {

    color: #555;

}



#cantidadcarro,
#totalcarro {

    padding: 6px 0;

    /* background: #999;*/
}



#cantidadcarro {

    background: url(../images/icono-bolsita.png) no-repeat 0px 5px;

    background-size: 26%;

    padding-left: 30px;

}



#cantidadcarro span {

    color: black;

    background-color: #FFCA05;

    padding: 5px 15px 5px 15px;

    border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    -webkit-border-radius: 5px 5px 5px 5px;

    border: 0px solid #d669d2;



}



#totalcarro {

    text-align: center;



    /*  margin-top: 2px;*/
}

#totalcarro span {



    color: black;

    background-color: #FFCA05;

    padding: 5px 10px 5px 10px;

    border-radius: 5px 5px 5px 5px;

    -moz-border-radius: 5px 5px 5px 5px;

    -webkit-border-radius: 5px 5px 5px 5px;

    border: 0px solid #d669d2;

}

.menu-principal {

    position: relative;

    /*width: 100%;

    height: auto;*/
}



.menuprincipal-tit {

    font-family: 'fuente';

    width: 120px;

    background-image: url(../images/menu-tit.png);

    font-size: 22px;

    padding: 5px 5px 5px 45px;

    background-color: #FFCA05;

    color: black;

    position: relative
}



.linea-gris-sup {

    float: left;

    position: absolute;

    background-color: #333;

    width: 100%;

    height: 200px;

    background: url(../administrador/repositorio/image/recursos/borde-slider-sup.png) repeat-x;

    background-repeat: no-repeat;

    background-position: center bottom;

    z-index: 99;

    /*top:-100px;*/
}



.linea-gris {

    float: left;

    position: absolute;

    background-color: #333;

    width: 100%;

    height: 100px;

    background: url(../administrador/repositorio/image/recursos/borde-slider.png) repeat-x;

    z-index: 99;

    background-size: 100%;

    /*top:-100px;*/
}

.cont-slide {

    min-height: 50px;

    background-color: #000;

    min-height: 20px;



}

.cont-slide {

    background-color: #fff;



}



.lineslider {

    background: url(../administrador/repositorio/image/recursos/baint.png) repeat-x;

    background-position: bottom;

    background-size: 100%;

    z-index: 99;

    height: 39px;

    width: 100%;

    position: absolute;

    bottom: -25px;

}



.cont-slider {

    background: #F5F5F5;

    height: 505px;



}

#news-letter {

    position: relative;

    background-color: white;

    width: 90%;

    margin: 0 auto;

    top: -10px;

    -webkit-box-shadow: 9px 18px 34px -19px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 9px 18px 34px -19px rgba(0, 0, 0, 0.75);

    box-shadow: 9px 18px 34px -19px rgba(0, 0, 0, 0.75);



}



.news-letter {

    float: left;

    width: 50%;

    margin-right: 5px;

}

.cont-news-letter {



    width: 960px;

    max-width: 100%;

    margin: 0 auto;

    margin-top: 0px;

    margin-bottom: 20px;

    padding-top: 10px;

    min-height: 60px;

    background-color: white;



}



.cont-news-letter button {

    border-radius: 0;

    background-color: #EE4D8F;

}



.cont-news-letter label {

    width: 28%;

    float: left;

    position: relative;

    margin-top: 5px;

}



/* carousel

*************************************/

.contcar1 {

    clear: both;

    max-width: 960px;

    /*background: #FFF;*/
    padding-top: 20px;

    padding-bottom: 0px;

}



.pubtitle {

    font-family: 'helveticaneueBold';

    display: block;

    /*background: #80B33A;*/
    color: #333091;

    width: 85%;

    margin: 0 auto;

    text-align: center;

    padding: 5px 0;

    margin-top: 10px;

    position: relative;

    z-index: 1;

    font-size: 25px;

    color: #333091;

    font-weight: bold;

}

.div-cont-sertop {

    margin: 0 auto;

    position: relative;

    width: 100%;

    background-color: #FFF;



    display: flex;

    -moz-display: flex;

    -webkit-display: flex;

    align-items: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

}

.div-pos-top {

    width: 960px;

    position: relative;



}

.tamaser {

    width: 20%;

}

.img-ser {

    background-color: #114879;

    width: 140px;

    height: 140px;

    border-radius: 50%;

}

.margin-compesa {

    margin-top: 32%;

}



.tit-ini {
    font-family: 'fuenteencabezado';
    padding: 8px 45px 8px 45px;
    font-size: 25px;
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 30px;
    background: transparent;
    margin-bottom: 25px;
    margin-top: 25px;
    z-index: 99;
}



.tit-init {

    padding: 3px 25px 3px 25px;

    font-size: 18px;

    color: #FFFFFF;

    border-radius: 30px;

    background-color: #FCB812;

    margin-bottom: -40px;

    z-index: 99;



}



.carousel-inner {

    background-repeat: no-repeat;

    background-position: center;

}

.capa-ser {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #FFF;

    opacity: 0.9;

    z-index: -1;

}

.cont-titser {

    color: #FFF;

    height: 100%;

    z-index: 9;

    text-align: center;

}

.title-movil {

    display: none;



}

.margin-gal {

    padding: 5px;

}



.cont-serflo {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 35% 10% 35% 10%;

}

.cont-serflo:hover {

    background-color: #1D8042;

    opacity: 0.8;

    padding: 0;

}

.cont-serflo:hover .capa-ser-tit {

    background: none;

}

.cont-serflo:hover .titser {

    font-size: 25px;

}

.cont-serflo:hover .introser {

    font-size: 18px;

}

.capa-ser-tit {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #333333;

    opacity: 0.8;

    z-index: -1;

}

.carousel-control {

    color: #000;

    width: 50px;

    z-index: 1000;

}

.titser {

    font-size: 20px;

    text-align: center;

    font-weight: bold;

    text-transform: uppercase;

    color: #018990;

    line-height: 1;

    margin-bottom: 10px;

}

.des-ser {

    font-size: 12px;

    text-align: center;

    color: #018990;

}

.introser {

    text-align: center;

}



.carousel-control.left,

.carousel-control.right {

    background: none;

    height: 30px;

    bottom: 40%;

}



.carousel-control.left {

    background: url(../images/car1-left.png) no-repeat 5px 60%;

    left: -60px !important;

}



.carousel-control.right {

    background: url(../images/car1-right.png) no-repeat 5px 60%;

    right: -60px !important;

}



.contcarnot {

    padding-left: 0;

    padding-right: 0;

}



.contcarnot .carousel-control.right {

    right: 15px;

}



.cont-paginador {

    background: #FFF;

}

.cont-bloqueamarillo {

    clear: both;

    position: relative;

    width: 100%;

    background-color: #FFF;

    min-height: 130px;

    overflow: auto;

    padding: 0;

    /*top: -130px;*/
}



.cont-bloqueamarillo-contenido {

    font-family: 'fuente';

    float: none;

    position: relative;

    color: white;

    max-width: 960px;

    margin: 0 auto;

    padding-top: 10px;

    text-align: center;

    padding-top: 50px;



}



.cont-bloqueblanco {

    clear: both;

    position: relative;

    width: 100%;

    min-height: 130px;

    overflow: auto;

    padding: 0;

    text-align: center;

    /*top: -130px;*/
}

#tituto-seccion {

    font-family: 'fuente';

    font-size: 25px;

    /*background-color:white;*/
    padding: 8px 0px 8px 0px;

    /*color: #686867;*/
    color: black;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    border-bottom: 1px solid #686867;

    margin-bottom: 20px;

    text-transform: capitalize;

}



.cont-bloqueblanco-contenido {

    font-family: 'fuente';

    color: #666;

    float: none;

    position: relative;

    max-width: 960px;

    margin: 0 auto;

    padding-top: 10px;

    text-align: left;

    padding-top: 50px;

    overflow: hidden;

    background-color: #FFF;

}



.bloque-noticias {

    padding-left: 0;

    padding-right: 0;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    background-color: hsla(0, 0%, 0%, 0.2);



}



.bloque-noticias-item {

    margin-bottom: 10px;

}

.res-cont {

    margin-top: 0 !important;

}

.cont-contenido {

    width: 960px;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}

.bor-top {

    border-top: 1px solid #8D949D;

}

.tit-top {

    position: relative;

    top: -40px;

}







.fondo-contenido {

    font-family: 'fuente';

    position: relative;

    z-index: 99;

    float: left;

    width: 100%;

}

.con-pagsite {
    font-family: 'fuente';
    text-align: justify;
    color: #212121;
}

.con-pagsite-int {
    font-family: 'fuente';
    color: #838485;
    text-align: justify;
    margin-bottom: 30px;

}

.top-contenido {

    border-bottom: 5px solid #C60A44;

}



.logo-cont {

    position: relative;

    float: left;

    bottom: -2px;

    margin-left: -15px;

}



.linea-ser {

    position: absolute;

    width: 100%;

    height: 1px;

    background-color: #8D949D;

    z-index: -1;

}

.puntos-lineas {

    position: relative;

    top: -2px;

    background: #FFF;

    padding: 0px 5px;

}



.linea {

    position: relative;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-top: 10px;

    margin-bottom: 10px;

    padding-left: 0;

    padding-right: 0;

    /*	background-color:#FBD21A;*/
    text-align: center;

}



.linea h2 {

    position: absolute;

    top: -16px;

    left: 0;

    margin-top: 0;

    padding: 5px 35px;

    padding-left: 15px;

    color: #FFF;

    font-family: 'fuente';

    font-size: 20px;

    background: #000;

}



.impub {

    width: 100%;

    margin-left: -15px;

}



.promo {

    width: 98%;

}



.banner-izq {

    padding-right: 10px;



}

.banner-der {

    padding-left: 10px;



}



.menu-abajo {

    margin-top: 15px;

    list-style: none;

    padding: 0;

    padding-top: 5px;

    font-family: 'fuente';

    border-top: 1px solid #C60A44;

}



.menu-abajo li {

    float: left;

    width: 20%;

    text-align: center;

}



.menu-abajo li a {

    color: #C50A44;

    font-size: 20px;

    padding: 5px 10px;

    text-decoration: none;

}



.menu-abajo li a:hover {

    color: #999;

}



.footer {
    font-family: 'fuente';
    width: 100%;
    border-top: 5px solid #FFC10D;
    background-color: #445060;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #7D8C98;
}

.footer hr {

    width: 65%;

    border-top: 1px solid #AAB9CA;

}

.fotfot {

    color: #AAB9CA;

}

.fotfot a,
.fotfot a:link,
.fotfot a:active {

    color: #128341;

}

.fotfot a:hover {

    color: #FFF;

}

.txt-pie {
    font-family: 'fuenteencabezado';
    color: #7D8C98;
    line-height: 1.5;
    padding-bottom: 20px;
    border-bottom: 1px solid #7D8C98;
    margin-bottom: 20px;
}

.img-foot {

    margin-top: 10px;

}

.img-facebook,
.img-twitter,
.img-inker,
.img-instagram {

    padding: 3px 10px 3px 10px;

}

.btn-inicio {

    background-color: #AAB9CA;

    color: #303943;

    padding: 3px 20px 3px 20px;

    border-radius: 20px;

    border: none;

}

.ul-inicio li {

    float: left;

    padding: 5px;

}

.div-capa-footer {

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    z-index: -1;

    background-color: #373737;

    opacity: 0.8;

}

.contenido-footer {

    width: 960px;

    max-width: 100%;

    margin: 0 auto;

}



.info-foot {

    margin: 10px 0;

    text-align: center;

    font-family: 'fuente';

    color: white;

    margin-bottom: 40px;

}



.redes {

    font-family: 'fuente';

    font-size: 15px;

    color: white;

    text-align: center;

    margin-bottom: 15px;

    margin-top: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

}

#div-cont-age {



    display: block;

    position: absolute;

    top: 60%;

    z-index: -1;



}

.div-buscar {

    position: fixed;

    right: 0;

    top: 48%;

    width: 130px;

    z-index: 9999;

}



#cont-ser {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding-left: 5px;

    z-index: 99;

}

.cont-agenda {

    border: 1px solid #16A3B1;

    border-radius: 7px;

    background-color: #E0E2E2;

    padding-top: 33px;

    padding-bottom: 10px;

    z-index: -1;

}

.cont-agenda .form-control {

    margin-top: 3px;

    margin-bottom: 3px;

    font-size: 12px;

    height: 30px;

}

.cont-agenda textarea {

    height: inherit !important;

}

.hov-ser:hover .figura-css-botom,
.hov-ser:hover .figura-css-top {

    display: none;

}

.hov-ser:hover .figura-css-all {

    display: block;

}

.hov-ser:hover .titser,
.hov-ser:hover .des-ser {

    color: #FFF;

}

.hov-ser:hover .btn-ser {

    color: #FFF;

    border: 1px solid #FFF;

    background-color: transparent;

}

.btn-agenda {

    background-color: #FCB812;

    color: #018990;

    padding: 4px 25px 4px 25px;

    border: none;

    border-radius: 20px;

    font-size: 12px;

    float: right;

    margin-top: 5px;

}

.btn-ser {

    background-color: #FCB812;

    color: #018990;

    padding: 4px 25px 4px 25px;

    border: none;

    border-radius: 20px;

    font-size: 12px;

    margin-top: 10px;

}

.derechos {

    color: #FFFFFF;

    font-size: 15px;

}

.derechos a {

    color: #FFFFFF !important;

    text-decoration: none !important;

    font-weight: bold;

}



.logo-foot {

    padding-top: 25px;

}



.tipoint{
    margin-top: 20px;
}
.tipoint a, .tipoint a:focus, .tipoint a:link, .tipoint a:active{
    color: #FFC10D;
    text-decoration: none;
}

#rango-precio {

    float: left;

    width: 50%;

    margin-right: 10px;

}



#precio {

    float: left;

    width: 40%;

}



.detalle-pro {

    position: relative;

    padding: 5px;

    padding-top: 10px;

    text-align: center;

    font-size: 14px;

}

.pro-hov {

    border: 1px solid #FFF;

}



.pro-hov:hover {

    border: 1px solid #CCC;

}



#tipoproducto,

.textodcto {

    position: absolute;

    left: 0;

}



.textodcto {

    top: 18px;

    left: 39px;

    color: #FFF;

}



.detalle-pro h1 {

    font-size: 18px;

}



.precio-normal {

    float: left;

    font-size: 16px;

    font-weight: bold;

    color: #999;

    margin-top: 5px;

}



.cont-antes {

    margin-top: 5px;

    float: right;

    margin-left: 10px;

}



.fotocarro {

    max-width: 100%;

    filter: none !important;

    -webkit-filter: none !important;

}



.precio-antes {

    color: #D90000;

    text-decoration: line-through;



}



.agregar-al-carro {

    background: #90298d;

    color: #FFF !important;

    width: 100%;

    margin: 10px 0;

    padding: 5px;

    border-radius: 0 !important;

}

.agregar-al-carro:hover {

    background: #721F70;

}



.textoini .volver {

    background: #C60A44;

    color: #FFF;

    border-radius: 5px;

    font-size: 14px;

    padding: 8px;

}



.comprasactivas {}



.comprasactivas .volver {

    background: #C60A44;

    color: #FFF;

    border-radius: 5px;

    font-size: 14px;

    padding: 8px;

}



.clear {

    float: left;

    width: 100%;

    height: 1px;

}



.int-ayuda h1 {

    color: #C60A44;

}



.intlin {

    margin-bottom: 10px;

    border-bottom: 1px solid #DDD;

}



.intlin h1,

.intpag h1 {

    float: left;

}



.hlog {

    width: 100%;

}



.intlin .volver,

.intpag .volver,

.titulo {

    z-index: 999;

}

.titulo .volver {

    float: right;

    margin-top: 10px;

    color: #FFF;

    margin-right: 5px;

}



.intlin p,

.intpag p,

.int-ayuda p {

    float: left;

    width: 100%;

}



.jslider {

    top: 1.6em !important;

}



.filtro-catal {

    float: left;

    border-bottom: 1px solid #EEE;

    padding-bottom: 10px;

}



.cont-contacto {

    padding: 20px;

    border: 1px solid #EEE;

    border-radius: 10px;

}



.login-izq {

    border-right: 1px solid #EEE;

}



.enviar {

    margin-top: 10px;

    margin-left: 15px;

}



.enviar-login {

    float: right;

    margin-top: 5px;

}



.recordar {

    float: left;

    margin-top: 15px;

    font-size: 12px;

    text-decoration: underline;

}



.totales {

    background: #F5F5F5;

}



.conti-comp {

    margin-left: 15px;

}



.en-linea {

    border-radius: 5px;

    padding: 15px;

    color: #000;

    border: 1px solid;

    text-align: center;

    margin-bottom: 15px;

}



.bg-danger {

    background-color: #90298D;

    color: white;

    border-radius: 0px;

}



.cont-pasos h4,

.resumen h4 {

    background: #DDD;

    color: #333;

    padding: 10px 15px;

    border-radius: 5px;

}



.cont-pasos h4 a {

    color: #333;

}



.cont-regform {

    padding-left: 0;

    padding-bottom: 20px;

    text-align: left;

}



.cont-regint {

    padding-left: 0;

}



.gris-form {

    background: #EEE;

    padding-top: 10px;

    padding-bottom: 15px;

    margin-top: 15px;

    margin-left: 15px;

    width: 93%;

    border-radius: 5px;

    border: 1px solid #CCC;

}



.subreg {

    margin-top: 8px;

}



.labfec {

    margin-left: 15px;

}



.perfil-panel {

    margin-top: 15px;

}



.cont-form-datos {

    margin-top: 10px;

    margin-bottom: 15px;

}



.cont-form {

    padding-bottom: 15px;

    clear: both;

    overflow: hidden;

    text-align: left;

}



.perfil-panel {

    padding: 0;

    background: #F5F5F5;

}



.perfil-panel .panel-heading {

    text-align: center;

    font-size: 14px;

    font-weight: bold;

    background: #666666;

    color: #FFF;

}



.perfil-panel table tr:hover {

    background: #DDD;

}



.cont-form-datos h2,

.carro-final h3 {

    margin-top: 0;

    color: #FFF;

    background: #90298D;

    text-align: center;

    border-radius: 5px;

    font-size: 22px;

    padding: 10px 0;

}



.carro-final {

    margin-top: 10px;

    margin-bottom: 10px;

    OVERFLOW: auto;

    max-height: 370px
}



.carro-final .item-car {

    border-bottom: 1px solid #EEE;

    border-radius: 5px;

    padding-bottom: 5px;

    margin-bottom: 10px;



}



.item-car-info {

    margin-bottom: 10px;

    background: #EEE;

    border: 1px solid #CCC;

    border-radius: 3px;

    padding: 5px;

}



.item-car-info span {

    float: left;

    width: 100%;

    font-size: 12px;

}



.thumbnail {

    border: 1px solid #DDD !important;

}



.cont-tbl-final table {

    background: #EEE;

}



.cont-form-datos p {

    text-align: center;

}



.direcciones {

    background: #FFF;

}



.direcciones caption {

    background: #90298d;

    color: #FFF;

    font-size: 22px;

    padding: 6px 0;

}



.direcciones th {

    background: #666666 !important;

    color: #FFF;

    font-weight: normal;

    text-align: center;

}



.direcciones td {

    text-align: center;

}



.titulo h1 {

    font-size: 28px;

}



.titulo h1 a {

    color: #555;

}



.texto-producto {

    background: #FFF;

    margin-bottom: 15px;

    padding: 0;

    color: #686867;

    padding-left: 40px;

}



.texto-producto h3 {

    font-size: 30px;

    color: #2D282A;

    margin-bottom: 20px;

}



.btn-danger {

    background-color: #FFC926;

    border-color: #FFC926;

    color: #000;

}



.btn-danger:hover {

    background-color: #000;

}







h1,
.h1,
h2,
.h2,
h3,
.h3 {

    margin-top: 10px;

}



.prepro {

    font-family: 'fuente';

    color: #333;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

}



.cont-form-reco {

    float: left;

    position: relative;

    margin: 0 auto;

    margin-top: 25px;

    padding-bottom: 15px;

}



.cont-form-reco input[name='txtema'] {

    width: 75%;

    float: left;

}



.cont-form-reco input[type='button'] {

    margin-top: 0;

}



.idiomas {

    padding-left: 0;

}



.pointer {

    cursor: pointer;

}



.mapas-ajax {

    min-height: 485px;

    text-align: left;

}



.cont-m1 {

    float: left;

    width: 100%;

    padding: 0;

}



.cont-m2 {

    padding: 0;

    top: 10px;

    float: left;

}



.item-suc {

    background: #F5F5F5 url(../images/item-parq.png) no-repeat 10px 10px;

    cursor: pointer;

    border-top: 1px solid #736969;

    padding-top: 5px;

    padding-left: 55px;

}



.item-suc:hover {

    background: #EEE url(../images/item-parqhov.png) no-repeat 10px 10px;

}



.continuarcompra {

    padding-bottom: 15px;

}





.megusta-facebook {

    text-align: left;

    margin-bottom: 10px;



}

.facebook-like {

    text-align: left;

    position: relative;

    float: left;

}

.twitter-like {

    text-align: left;

    padding-left: 10px;

    padding-top: 0px;

    position: relative;

    float: left;

}



.volver-noticia {

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: right;

    position: relative;

    vertical-align: middle;

}





.galerianoticia {

    padding: 0;

}



.cont-gal {

    padding: 10px 0px 10px 0px;

    background-color: #E2E2E2;

}

.nopadding {

    padding: 0;



}



#myImageFlowMovil {

    display: none;

}



#myImageFlowPC {

    display: block;

}



#distribuidores a:link {

    color: #FC0;

}



#distribuidores a {

    color: #FC0;

}

#by a:link {

    color: #FFF;

    font-weight: bold;

}



#by a {

    color: #FFF;

    font-weight: bold;

}

#resumensucursales {

    font-size: 14px;

}

.lin-sep {

    border-top: 2px solid #FFCA05;

}

.linea-sub {

    width: 100%;

    border-bottom: 4px solid #DDDDDD;

    z-index: 9;

}

.tit-cla {

    background-color: #000000;

    color: #FFCA05;

    padding: 5px 10px;

    /*border-right: 70px solid transparent;

    border-bottom: 30px solid #fff;*/
}

.submenu-estatic {

    background-color: #fff;

    position: fixed;

    left: 13px;

    top: 5px;
    ;

    z-index: 1001;

    width: 13%;

    font-family: "fuente";

    font-size: 18px;



}

.div-redes {

    background-color: transparent;

    position: fixed;

    right: 5px;

    top: 155px;
    ;

    z-index: 1001;

    text-align: right
}

.hov:hover {

    position: relative;

    left: -8px;

}

.submenu-estatic {

    border: 1px solid #9A9A9A;

    background-color: #EAEBEA;

}

.sub-ul {

    list-style: none;

    padding-left: 0;



}

.sub-ul2 {

    list-style: none;

    padding-left: 0;



}

.sub-ul li {

    list-style: none;

    /*padding-left: 5px;*/
    text-align: left;

    border-bottom: 1px solid #E4E4E4;

    text-transform: uppercase;

    font-weight: bold;



}

.sub-ul li:hover {

    background-color: #9A9A9A;

}

.sub-ul li a {

    text-decoration: none;

    text-align: left;

    padding: 5px 10px;

}

.sub-ul2 li a {

    text-decoration: none;

    text-align: left;

    padding-left: 30px;

}

.sub-ul2 li {

    list-style: none;

    text-align: left;

    border: none;

    text-transform: none;

    font-weight: normal;



}

.sub-ul2 li:hover {}

.sub-ti {

    background-color: #000000;

    color: #FFCA05;

}





#static {

    padding: 5px;

    position: fixed;

    bottom: 40px;

    right: 50px;

    font-weight: bold;

    width: 50px;

    font-size: 0.8em;

    text-align: center;

    display: none;

}

.submenu-div {

    display: none;

}

.submenu-movil {

    text-align: center;

}

.iconos {

    border-left: 1px solid #686867;

    border-right: 1px solid #686867;

}

.subgru {

    width: 100%;

    border-bottom: 1px solid #686867;

    color: #686867;

}

.subgru a {

    text-transform: capitalize;

}

.subgru:hover {

    border-bottom: 1px solid #EA1C24;

    color: #EA1C24;

}

.ul-sub-prin {

    width: auto !important;

    min-width: none;

    border: 1px solid #686867;

    display: block;

}



.div-subgru {

    padding-right: 10px;



}

.img-hov {

    padding: 20px;
    40px;

}

.img-hov img {

    width: 100%;

}

.user-div {

    display: none;

    width: 280px;

    height: auto;

    right: 0px;

    top: 30px;

    position: absolute;

    z-index: 1001;

}

.compras:hover .span-shop {

    color: #000;

}

.ingresoregistro:hover .ing-reg {

    color: #000;

}

.buscar-enc:hover .busc {

    color: #000;

}

.compras-div {

    display: none;

    width: 400px;

    height: auto;

    right: 0px;

    top: 30px;

    position: absolute;

    z-index: 1001;

}

.buscar-div {

    display: none;

    width: 200px;

    height: auto;

    right: 70px;

    top: -6px;

    position: absolute;

    z-index: 1001;

}

.cont-buscar {

    border: 1px solid #CCC;

    background-color: white;

    padding: 10px;

    text-align: left;



}

.txt-r {

    text-align: right;

}

.title {

    font-size: 15px;

    margin-bottom: 15px;

    color: #686867;

    text-transform: uppercase;

}

.btn-div {

    margin-top: 15px;

}

.btn-buscar {

    border: none;

    padding: 5px 10px;

    background-color: #EA1C24;

    color: white !important;

    font-size: 15px;

    text-transform: uppercase;

}

.btn-buscar:hover {

    background-color: #005BA7;

    color: white !important;

}

.btn-clave {

    border: none;

    padding: 6px 10px;

    background-color: #EA1C24;

    color: white;

    font-size: 15px;

    text-transform: uppercase;

}

.btn-buscar:hover {

    background-color: #005BA7;

}





.buscar {

    top: 6em;

    right: -16em;

}

.compra {

    top: 6em;

    right: -20em;

}

.user {

    top: 6em;

    right: -24em;

}

.grises img {

    filter: url('#grayscale');
    /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);
    /* Para cuando es estándar funcione en todos */
    filter: Gray();
    /* IE4-8 and 9 */
    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.grises img:hover {

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: none;



    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.grisessub {

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: none;



    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.span-carro {

    background-color: #C9C9C9;

    padding: 1px 3px;

    font-size: 15px;

    border-radius: 0.8em;

    -moz-border-radius: 0.8em;

    -webkit-border-radius: 0.8em;

    text-align: center;

    min-width: 1.6em;

    color: #EA1C24;

    position: absolute;

    right: 5px;

    top: 15px;

}

.subtotal {

    border-bottom: 1px solid #686867;

    color: #686867;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.sub-span {

    float: right;

}

.sub-pro-can {

    color: #000;

}

.sub-pro {

    color: #686867;

}

.foot-user {

    margin-top: 10px;

    padding-bottom: 15px;

    border-bottom: 1px solid #686867;

    margin-bottom: 15px;

}

.links-int {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    margin-top: 10px;

}

.links-int div {

    padding: 0;

}

.contra a:hover {

    color: #000;

}

.div-form-reg {

    text-align: left;

}

.crear-cuenta {

    width: 100%;

    color: white;

    background-color: #92278F;

    text-align: center;

    padding: 5px 10px;

    font-size: 15px;

    cursor: pointer;

}

.crear-cuenta:hover {

    background-color: #721F70;

}

.nompro {

    text-align: center;

}

.newsletter {

    background-color: #EFEFEF;

    padding-top: 15px;

    padding-bottom: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.btn-news {

    background-color: #4D4D4D;

    padding: 6px 15px;

    font-size: 15px;

    color: white;

    border: none;

}

.center {

    display: flex;

    align-items: center;

}

.nav-foot{
    margin-bottom: 0;
    border-right: 1px solid;
}

.nav-foot li{
    text-align: left;
    position: relative;
    list-style: none;
    margin-bottom: 7px;
}

.nav-foot li a{
    color: #7D8C98;
    font-size: 15px;
    font-family: 'fuente';
    text-decoration: none;
    padding: 4px 15px 4px 15px;
}

.nav-foot li a:hover{
    background-color: #FFC10D;
    color: #445060;
}

.lin-bor {

    width: 93%;

    height: 1px;

    float: right;

    background-color: #C3C8CD;

    margin-top: 10px;

}

.redes-con {

    display: flex;

    align-items: center;

    justify-content: center;

}

.btn-carro {

    border: none;

    padding: 5px 10px;

    background-color: #92278F;

    color: white;

    font-size: 15px;

    text-transform: uppercase;

    width: 100%;

    text-align: center;

}

.btn-carro:hover {

    background-color: #721F70;

}

.title-concar {

    font-family: 'fuente';

    font-size: 25px;

    color: black;

    text-align: center;



}

.banner {

    margin-bottom: 20px;

    margin-top: 20px;

}

.ul-sub-movil {

    display: none;

}

.alin {

    padding-bottom: 10px;

    padding-top: 10px;

    border-bottom: 1px solid #686867;

}

.alin a {

    color: #686867;

}

.alin:hover {

    border-bottom: 1px solid #EA1C24;

}

.alin:hover a {

    color: #EA1C24;

}

.btn-salir {

    margin-top: 15px;

    padding: 5px 10px;

    background-color: #EA1C24;

    margin-bottom: 10px;

    float: right;

}

.btn-salir a {

    color: white !important;

}

.btn-salir:hover {

    background-color: #005BA7;

}

.btn-salir:hover a {

    color: white !important;

}

.introduccion {

    color: #686867;

    margin-bottom: 15px;

}

label {

    color: #686867;

}

.margenes {

    padding: 5px;

    height: 100%;

}

.title-sub {

    position: absolute;

    bottom: 0;

    height: 100%;

    z-index: 99;

    padding: 15px 15px 15px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    /*height: 100%;*/
}

.title-sub span {

    color: white;

    text-align: center;

    margin: 6px;

    text-transform: uppercase;

}

.btn-sub {

    padding: 10px 15px 10px 15px;

    border: 1px solid white;

    font-size: 12px;

}

.lineasub {

    font-size: 20px;

}

.nom-sub {

    font-size: 30px;

}

.cate {

    color: black;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

}

.cate-span {

    text-transform: capitalize;

    font-weight: bold;

    padding-bottom: 10px;

    border-bottom: 1px solid #686867;

    color: black;

    margin-top: 8px;

}

.cate-span:hover {

    color: #EA1C24;

    border-bottom: 1px solid #EA1C24;

}

.canpro {

    float: right;

    color: #686867;

}

.title-pro {

    width: 100%;

    height: 40px;

    max-height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.btn-com-ini {

    padding: 5px 10px;

    border: 1px solid #686867;

    background-color: white;

    margin-top: 10px;

    color: #686867;

}

.btn-com-ini:hover {

    border: 1px solid #EA1C24;

    color: #EA1C24;

}

.title-com {

    color: #686867;

    font-size: 15px;

}

.pro-car {

    border-bottom: 1px solid #686867;

    margin-top: 10px;

}

.barrascroll {

    overflow: auto;

    width: 100%;

    height: 182px;

}
.div-tituloini{
    background-image: url(../administrador/repositorio/image/recursos/fondo-titulo-inicio.jpg);
    background-repeat: repeat-y;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.div-tituloini h1{
    font-family: 'fuenteencabezado';
    background-color: #2A356A;
    color: #FFF;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    padding: 8px 45px;
    border-radius: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.img-modal {

    width: 60%;

}

.grup-label {

    /*opacity: 0.5;*/
}

.btn-color:hover,
.btn-color:focus,
.btn-color:active,
.btn-color.active,
.open > .dropdown-toggle.btn-color {

    color: #333;

    border: 1px solid #000;

    background-image: url(../images/active.png);

    background-repeat: no-repeat;

}

.btn-color {

    border-color: #CCC;

}

.centrar {

    display: flex;

    align-items: center;

    justify-content: center;

}

.confir {

    width: 100%;

    font-size: 20px;

    padding: 50px 20px 50px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

}

.div-reserva {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 99;

}

.div-cont-reserva {

    width: 960px;

    background-color: #303943;

    padding: 10px 0px;

    color: #AAB9CA;

    font-size: 12px;

}

.input-reserva {

    background: transparent;

    border: none;

    border-radius: 0;

    -webkit-box-shadow: initial;

    box-shadow: initial;

    -webkit-transition: initial;

    color: #AAB9CA;

    border-bottom: 1px solid #AAB9CA;

    padding: 3px;

    height: 26px;

    font-size: 11px;

}

.input-modal {

    background: transparent;

    border: none;

    border-radius: 0;

    border-bottom: 1px solid #303943;

    /*border-left: 1px solid #303943;*/
    -webkit-box-shadow: initial;

    box-shadow: initial;

    -webkit-transition: initial;

    color: #303943;

    padding: 3px;

    height: 30px;

    font-size: 13px;

}

.btn-reserva {

    background-color: #128341;

    color: #E7E607;

    padding: 10px 20px 10px 20px;

    border: none;

}

.bor-reserva {

    border-right: 1px solid #AAB9CA;

}

.btn-res-modal-close {

    padding: 5px 15px 5px 15px;

    border: none;

    background-color: #414D5A;

    color: #AAB9CA;

}

.btn-res-modal-close:hover {

    background-color: #303943;

}

.btn-res-modal {

    padding: 5px 15px 5px 15px;

    border: none;

    background-color: #16A3B1;

    color: #FFF;

    border-radius: 20px;

}

.btn-res-modal:hover {

    background-color: #018990;

}

.pad-modal {

    padding: 7px;

}

.tit-pag {

    padding: 4px 25px 4px 25px;

    font-size: 20px;

    font-weight: bold;

    text-transform: uppercase;

    border-radius: 20px;

    margin-bottom: 30px;

    color: white;

    background-color: #115A99;

}