.fuente-secundaria { font-family: 'Kanit', sans-serif; font-weight: bolder}
.bolder {font-weight: bold}
html, body { overflow-x: hidden;margin:0;padding:0; background:#112;}
img {object-fit: cover;}
#poli-bg {display:block;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,ffffff+69 */
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dbdbdb 0%,#ffffff 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;height:100px;}
#parallax01 {background: url(/included/proyecto/imagenes/parallax/01.jpg) ; }
#parallax02 {background: url(/included/proyecto/imagenes/parallax/02.jpg) ; }
#parallax03 {background: url(/included/proyecto/imagenes/parallax/03.jpg) ; }
#parallax04 {background: url(/included/proyecto/imagenes/parallax/04.jpg) ; }
#qrcode {display:block;float:right;width:200px;height:200px;margin-top:20px;border-radius:5px; background: url(imagenes/qr_img.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header-altura {height:40vh;min-height:28px;}
#header {display:block;position:relative;}
#header-principal {background-image: url(/included/proyecto/imagenes/headerbg.jpg); background-repeat: no-repeat; background-size: auto; background-position: center right;min-height:40vh;}
.swiper-slide-main{}
#swiper-slide-1 {background-image: url(/included/proyecto/imagenes/carousel/bg01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#swiper-slide-2 {background-image: url(/included/proyecto/imagenes/carousel/bg02.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#swiper-slide-3 {background-image: url(/included/proyecto/imagenes/carousel/bg03.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
#publi-parallax {background: url(/included/proyecto/imagenes/parallax/05.jpg) ; }
.height-50vh{min-height:50vh;}
.height-100vh{min-height:100vh;}
.center-v { display: flex; justify-content: center; vertical-align: middle!important;}
.center-v-alt {  position: absolute;  top: 50%;  left:50%;  transform: translate(-50%,-50%);}
.square {width:200px;height:200px;display:block;}
.img-fit {object-fit: cover;}
.swiper-container {      width: 100%;      height: 100%;    }
.swiper-slide {  text-align: center; background: #111; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      -webkit-justify-content: center; justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.width-100 {display:block;width:100%;}
.fit {padding:0px!important;margin:0px !important;}
.scroller {    -webkit-background-size: cover;    background-size: cover;    text-align: center;    color: #fff;    overflow: hidden;}
#subMenu{
display:none;
position:fixed;
top:0;
left:0;
z-index:500;
opacity:.9;
}
#menu-principal {border-bottom:1px solid white;}
.borde-header-abajo{display:block;position:absolute;z-index:900;bottom:-5px;left:0;width:100%;}

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#nuestros-productos-container{
background-size: cover;
  background-image: url(/included/proyecto/imagenes/productos-bg.jpg);
background-position:top;
background-repeat: no-repeat;
}
#poli-abajo {
   width: 0; 
   height: 0; 
   border-top: 30px solid #249; 
   border-right: 100vw solid transparent; 
}
#poli-arriba { 
   width: 0; 
   height: 0; 
   border-bottom: 30px solid #249; 
   border-left: 100vw solid transparent; 
}

#poli-arriba-bg { 
   width: 0; 
   height: 0; 
   border-bottom: 10vh solid #fff; 
   border-left: 100vw solid transparent; 
   position:absolute;bottom:0;left:0;
}


.color-a {color: #09063B}
.color-b {color: #FA5D00}
.color-c {color: #001A38}
.color-d {color: #382BFF}
.color-e {color: #452C11}
.color-f {color: #cacaca}
.fondo-a-alpha {background:rgba(10,30,80,0.8);}
.fondo-a-alpha2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,001a63+99&0+43,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,0) 0%, rgba(17,61,130,0) 43%, rgba(0,26,99,0.98) 99%, rgba(0,26,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,0) 0%,rgba(17,61,130,0) 43%,rgba(0,26,99,0.98) 99%,rgba(0,26,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,0) 0%,rgba(17,61,130,0) 43%,rgba(0,26,99,0.98) 99%,rgba(0,26,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001a63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}






.fondo-a-alpha3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+1,1f207c+100&0+0,0+23,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,0) 0%, rgba(30,87,153,0) 1%, rgba(30,75,147,0) 23%, rgba(31,32,124,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,0) 0%,rgba(30,87,153,0) 1%,rgba(30,75,147,0) 23%,rgba(31,32,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,0) 0%,rgba(30,87,153,0) 1%,rgba(30,75,147,0) 23%,rgba(31,32,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#1f207c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.fondo-blanco {background:#eee;}
.fondo-blanco>div {background:#fefefe;}
.fondo-a {background:#215;}
.contraste {background:#001A50;color:#eee;}
.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
    vertical-align: top;
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}