@font-face {

  font-family: 'WorkSans-Bold';

  src: url('../fonts/WorkSans-Bold.eot');

  src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/WorkSans-Bold.woff') format('woff'),

    url('../fonts/WorkSans-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'WorkSans-Light';

  src: url('../fonts/WorkSans-Light.eot');

  src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),

    url('../fonts/WorkSans-Light.woff') format('woff'),

    url('../fonts/WorkSans-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'WorkSans-SemiBold';

  src: url('../fonts/WorkSans-SemiBold.eot');

  src: url('../fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),

    url('../fonts/WorkSans-SemiBold.woff') format('woff'),

    url('../fonts/WorkSans-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}



@font-face {

  font-family: 'WorkSans-Regular';

  src: url('../fonts/WorkSans-Regular.eot');

  src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/WorkSans-Regular.woff') format('woff'),

    url('../fonts/WorkSans-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@media (min-width: 768px) {

  .btcolapse {

    display: none; }



  .bxcolapse {

    display: block;

    position: relative;

    width: auto; } }

/**/

 .colla{height: 50px;}

.btcolapse {

  position: absolute;

  top: 80%;

  right: 0;

  width: 40px;

  height: 40px;

  margin-right: 15px;

  transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%); }



.btcolapse span {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 6px;

    border-radius: 2px;

    background-color: transparent;

    transform: translate(-50%, -50%);

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -ms-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s; }



.btcolapse span:before {

      content: "";

      display: block;

      position: absolute;

      top: 50%;

      left: 50%;

      width: 100%;

      height: 6px;

      border-radius: 2px;

      background-color: #FFF;

      -webkit-transform: translate(-50%, -50%) rotate(45deg);

      -moz-transform: translate(-50%, -50%) rotate(45deg);

      -ms-transform: translate(-50%, -50%) rotate(45deg);

      -o-transform: translate(-50%, -50%) rotate(45deg);

      transform: translate(-50%, -50%) rotate(45deg);

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; }



.btcolapse span:after {

      content: "";

      display: block;

      position: absolute;

      top: 50%;

      left: 50%;

      width: 100%;

      height: 6px;

      border-radius: 2px;

      background-color: #FFF;

      -webkit-transform: translate(-50%, -50%) rotate(-45deg);

      -moz-transform: translate(-50%, -50%) rotate(-45deg);

      -ms-transform: translate(-50%, -50%) rotate(-45deg);

      -o-transform: translate(-50%, -50%) rotate(-45deg);

      transform: translate(-50%, -50%) rotate(-45deg);

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; }



.btcolapse.collapsed span {

    background-color: #FFF; }



.btcolapse.collapsed span:before {

      margin-top: -11px;

      -webkit-transform: translate(-50%, -50%) rotate(0deg);

      -moz-transform: translate(-50%, -50%) rotate(0deg);

      -ms-transform: translate(-50%, -50%) rotate(0deg);

      -o-transform: translate(-50%, -50%) rotate(0deg);

      transform: translate(-50%, -50%) rotate(0deg); }



.btcolapse.collapsed span:after {

      margin-top: 11px;

      -webkit-transform: translate(-50%, -50%) rotate(0deg);

      -moz-transform: translate(-50%, -50%) rotate(0deg);

      -ms-transform: translate(-50%, -50%) rotate(0deg);

      -o-transform: translate(-50%, -50%) rotate(0deg);

      transform: translate(-50%, -50%) rotate(0deg); }



.btcolapse.op2 span:before { background-color: #FFF; }

.btcolapse.op2 span:after {background-color: #FFF; }

.btcolapse.op2.collapsed span { background-color: #FFF; }

/******STYLOS GENERALES*******/

h1{font-family: 'WorkSans-Regular'; color: white; }

h2,h3,h4,h5,h6{font-family: 'WorkSans-SemiBold'; text-align: center; color: #000; text-transform: uppercase;}

p{font-family: 'WorkSans-Regular',arial,sans-serif; color: black}

@media(min-width: 769px){

  h2{font-size: 2.9em;}

  h3{font-size: 2.5em;}

  h4{font-size: 1.7em;}

  h5{font-size: 1.5em;}

  h6{font-size: 1.3em;}

  p, #descripcion-prod li{font-size: 18px; line-height: 30px;}


}





@media(max-width: 769px){

  h1{text-align: left;}

  p,#descripcion-prod li{font-size: 15px; line-height: 25px;}

}



/*****MENU*****/

.menuprincipal { z-index: 30; position: absolute; width: 100%;}

.menuprincipal ul li {display: block; }



.menuprincipal ul li a 

{

  display: block;

    font-family: 'WorkSans-SemiBold', arial, sans-serif;

    color: #000;

    font-size: 18px;

    text-transform: uppercase;

    padding: 12px 40px;



}



@media(max-width: 768px){

  .menuprincipal ul li a {background:#FFF; color: #000; text-align: center;}

  .menuprincipal ul li.active a ,.menuprincipal ul li a:hover {border-radius: 0px !important; color:white; }

  .men{

    display: block;

    position: relative;

    margin-left: -30px;

    margin-right: -15px;}
	
	.noticias .bxslide .blk .bxctn .bxinfo .bt a{ padding: 10px 25px !important; }

}



.menuprincipal ul li a:hover 

{

 text-decoration: none; 

 background-color: #000; 

 color:  #FFF;

}








.menuprincipal ul li.active a 

{

background-color: #000;

color: #FFF;

}



@media (min-width: 768px) {

 
  .menuprincipal {width: 100%;position: relative;text-align: center; }

  .menuprincipal ul {display: inline-block;text-align: center; }

  .menuprincipal ul li {display: inline-block; }

  .menuprincipal ul li + li {border-top: 0; } 

 /* .header{height: 140px;}*/

  .monsilogo{float: right; margin: 15px auto;}

  .menuprincipal ul li.active a 

{

background-color: #000;

color: #FFF;

}





}

@media(max-width: 768px){

.monsilogo{float: right; margin: 15px auto; }



  /*.menuprincipal ul li.active a { background-color:#fff ; color:  #d5652c;}*/

  .menuprincipal ul li + li {border-bottom:  1px solid #000; }

}

@media (min-width: 1000px) 

{

  .menuprincipal {width: 100%; } 

}

@media(max-width: 769px){
    .barra_tienda{height: 60px; color: black; background-color: white;}
}

@media(min-width: 769px){
  .barra_tienda{height: 60px; color: black; background-color: white; position: absolute; z-index: 150; width:300px; top: 0; left: 75%;}
}





.barra_derecha a{color: black; text-align: right; text-decoration: none!important; padding: 20px 24px;}

.logo_negro{background: black; padding: 15px 0px; }

@media(min-width: 769px){

  .logo_negro h1{padding-top:25px; }

  .barra_derecha{float: right; padding: 15px 0px;}

  .mnu{border-bottom: 2px solid #000;}

      .carousel-inner .item{
    width: 100%;
    max-height: 500px;    
  }
  .carousel-inner .item img{
    position: relative;
    left: 50%;
    top: 50%;
    width: auto;
    -webkit-transform: translate(-50%,-21%);
    -ms-transform: translate(-50%,-21%);
    transform: translate(-50%,-21%);
  }



}



@media(max-width: 769px){

  .logo_negro h1{font-size: 22px; text-align: center;}

}



#myCarousel .carousel-inner > .item > img{width: 100%!important; }

#myCarousel .carousel-control.left{background-image: url(../imagenes/izquierdo.jpg); background-repeat: no-repeat;}

#myCarousel .carousel-control.right{background-image: url(../imagenes/derecha.jpg); background-repeat: no-repeat; background-position-x:100%;}

#myCarousel .carousel-control{top: 50%}

#myCarousel .carousel-caption{top: 25%; background: rgba(255,255,255,0.6);}

#myCarousel .carousel-caption h2{font-family: 'WorkSans-Regular'; letter-spacing: 5px;}

#myCarousel .carousel-caption span{font-family: 'WorkSans-Bold';}

 @media(min-width: 769px){

  #myCarousel .carousel-caption h2{font-size: 4.8em}

  #myCarousel .carousel-caption {height: 300px; width: 40%; left: 30%; right: 30%; top: 25%;}

 }



 @media(max-width: 769px){

  #myCarousel .carousel-caption h2{font-size: 1.8em}

  #myCarousel .carousel-caption {height: 115px; width: 70%; left: 15%; right: 15%;top: 15%;}

 }



 .inosotros{background: #000; color: white; text-align: center; padding: 80px 0px;}

 .inosotros h2{color: white; padding-bottom: 25px;}

 .inosotros p{text-align: center; color: white;padding-bottom: 25px; }


 .inosotros img{display: block; margin: 25px auto;}



 .btn-rojo{ background: #a41722; width: 296px; margin: 10px auto; padding:10px 0px; text-align: center; }

 .btn-rojo:hover{background: #b51a26;}

 .btn-rojo a{color: white; font-family: 'WorkSans-SemiBold'; text-decoration: none; font-size: 18px; .btn-rojo p{text-align: center; color: white; font-family: 'WorkSans-SemiBold'; text-decoration: none; font-size: 18px;}}

 



 .iproductos{background: #FFF;padding: 80px 0px;}



 .iproductos h2{font-family: 'WorkSans-Regular'; padding-bottom: 25px;}

 .iproductos h2 span{font-family: 'WorkSans-SemiBold';}



 .idivision{background: #e4e4e4; padding: 30px 0px; height: 160px;}

 .img1{display: block; margin: 10px auto;}

 .img2{display: block; margin: 10px auto;}

 .img3{display: block; margin: 18px auto;}

 .img4{display: block; margin: 19px auto;}

 .img5{display: block; margin: 10px auto;}



 #myCarousel2 .carousel-indicators .active{border:1px solid #8b8b8b; background: #8b8b8b;}

 #myCarousel2 .carousel-indicators li{border: 1px solid #8b8b8b; background: rgba(139,139,139,0.5);}

 #myCarousel2 .carousel-indicators{top: 95px;}



 .inoticias{background: #FFF;padding: 80px 0px;}

 .inoticias h2{font-family: 'WorkSans-Regular'; padding-bottom: 25px;}

 .inoticias h2 span{font-family: 'WorkSans-SemiBold';}



 #topfooter{background-image: url('../imagenes/footer.jpg'); padding-top: 60px; padding-bottom: 60px;}

 #topfooter h2{font-family: 'WorkSans-Regular';  color: white; }

 #topfooter h2 span{font-family: 'WorkSans-SemiBold';}

 #topfooter img{display: block; margin: 25px auto;}

 #topfooter p{color: white; text-align: center;}


 .bx-wrapper{margin: 50px auto; border: none!important; box-shadow: none!important;} 

 @media(max-width: 769px){

    .slide4 .slide{margin: 0px 0px!important;}
    .equilibrio img{display: block; margin:5px auto;}

 }
@media(min-width: 769px){
  .equilibrio{ margin-left: -40px; margin-top: 6px;}
 .linea{margin-right: 0px}
}




.formu{  

  font-family: 'WorkSans-Light';

  padding-top: 45px;

}

.formu textarea{

    width: 100%;

    padding: 6px;

    height: 187px;

    display: block;

    font-weight: normal;

    font-size: 1.8rem;

    border: 0;

    background-color: rgba(199, 199, 198, 0.6);

    margin-bottom: 20px;

    color: black;

}



.formu input { 

  width: 100%;   

  padding: 6px;

    height: 39px;

    display: block;

    font-weight: normal;

    font-size: 1.8rem;

    border: 0;

    background-color: rgba(199, 199, 198, 0.6);

    margin-bottom: 20px;

    color: black;

}

.formu button{    

  float: right;

  padding: 10px 90px;

  font-family: 'WorkSans-SemiBold';

  font-size: 1.5em;

  border: 1px solid #a41722;

  background: #a41722;

  color: white!important; 

}

.formu button:hover{border: 1px solid #b51a26;

  background: #b51a26;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: black;

}

::-moz-placeholder { /* Firefox 19+ */

  color: black;

}

:-ms-input-placeholder { /* IE 10+ */

  color: black;

}

:-moz-placeholder { /* Firefox 18- */

  color: black;

}

#bottomfooter{

  background: #FFF;

  color: black;

  text-align: right;

  padding: 17px 0px;

}

#bottomfooter h6{

  font-family: 'WorkSans-Light',sans-serif,arial;

  font-size: 15px;



}



.bxfotoproducto{

  width: 90%;

  margin: 0 5%;

}









.catalogo .bxslide {

  display: block;

  position: relative;

  width: 100%;

  height: 62rem;

  padding-top: 5rem;

}



.catalogo .bxslide .blk {width: 100%;}



.catalogo .bxslide .blk .bxctn {

  width: 100%;

  max-width: 280px;

  margin-left: auto;

  margin-right: auto;

}



.catalogo .bxslide .blk .bxctn .bximg {

  overflow: hidden;

  display: block;

  position: relative;

  width: 100%;

  height: 250px;

  margin-bottom: 4rem;

}



.catalogo .bxslide .blk .bxctn .bximg img {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  height: 100%;

  transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



.catalogo .bxslide .blk .bxctn .bxinfo {

  display: block;

  position: relative;

}



.catalogo .bxslide .blk .bxctn .bxinfo h3 {

  display: block;

  font-family: "WorkSans-SemiBold", arial, sans-serif;

  font-size: 2.5rem;

  text-align: center;

  color: #000;

  margin-bottom: .5em;

  height:70px;}



.catalogo .bxslide .blk .bxctn .bxinfo p {text-align: center; height: 70px;}

.catalogo .bxslide .blk .bxctn .bxinfo hr{border-bottom:  1px solid #000;}



.catalogo .bxslide .blk .bxctn .bxinfo .bt { padding: 0; text-align: center; }





.catalogo .bxslide .blk .bxctn .bxinfo .bt i{

color: #FFF;

}



.catalogo .bxslide .blk .bxctn .bxinfo .bt a {

  font-size: 16px;

  width: inherit;

  padding: 1rem 3rem;

  background-color: #a41722;

  color: white;

  text-decoration:none;

}



.catalogo .bxslide .blk .bxctn .bxinfo .bt a:hover, .catalogo .bxslide .blk .bxctn .bxinfo .bt a:focus {



  background-color: #b51a26;

}







@media (min-width: 768px) 

{



  .catalogo .bxslide {

    max-width: 1000px;

    height: 65rem;

    padding-top: 0;

    margin-left: auto;

    margin-right: auto;

  }



  .catalogo .bxslide .blk .bxctn {

    padding-left: 15px;

    padding-right: 15px;

    max-width: 100%;



  }



}



















@media (min-width: 1250px) {







  .slide .rsArrow,







  .catalogo .bxslide .rsArrow {







    display: block !important;







  }







}















.slide .rsArrow {







  display: none !important;







  opacity: 1 !important;







  visibility: inherit !important;







  position: absolute;







  top: 50%;







  left: 50%;







  width: 1250px;







  width: 100%;







  height: 1px;







  margin-top: 15rem;







  transform: translate(-50%, -50%);







  -o-transform: translate(-50%, -50%);







  -ms-transform: translate(-50%, -50%);







  -moz-transform: translate(-50%, -50%);







  -webkit-transform: translate(-50%, -50%);







}















.slide .rsArrow .rsArrowIcn {







  opacity: .8;







  visibility: inherit !important;







  display: block !important;







  position: absolute;







  bottom: 0;







  width: 7.7rem;







  height: 15rem;







  background-repeat: no-repeat;







  background-position: center;







  background-size: auto auto;







  -webkit-transition-duration: 0.2s;







  -moz-transition-duration: 0.2s;







  -ms-transition-duration: 0.2s;







  -o-transition-duration: 0.2s;







  transition-duration: 0.2s;







}















.slide .rsArrow:hover .rsArrowIcn {







  opacity: 1;







}















.slide .rsArrowLeft .rsArrowIcn {







  left: 0;







  margin-left: 5rem;







  background-image: url(../imagenes/flecha-izquierda-.png);







}















.slide .rsArrowRight .rsArrowIcn {







  right: 0;







  margin-right: 5rem;







  background-image: url(../imagenes/flecha-derecha-.png);







}















@media (min-width: 768px) {







  .slide .rsArrow {







    display: none !important;







  }







}















/* nav */







.catalogo .bxslide .rsNav {







  z-index: 10;







  display: block !important;







  position: absolute;







  top: 93%;







  text-align: center;







  width: 100%;







  margin-bottom: 2rem;







}















.catalogo .bxslide .rsBullet {







  display: inline-block;







  width: 1.8rem;







  height: 1.8rem;







  border-radius: 100%;







  background-color: rgba(0, 0, 0, 0.3);







  cursor: pointer;







}















.catalogo .bxslide .rsBullet + .rsBullet {







  margin-left: .6rem;







}















.catalogo .bxslide .rsBullet.rsNavSelected {







  background-color: #000;







}















@media (min-width: 768px) {







  .catalogo .bxslide .rsNav {







    display: block !important;







  }







}



.noticias .bxslide {







  display: block;







  position: relative;







  width: 100%;







  height: 70rem;







  padding-top: 5rem;







}















.noticias .bxslide .blk {







  width: 100%;







}















.noticias .bxslide .blk .bxctn {







  width: 100%;







  max-width: 280px;







  margin-left: auto;







  margin-right: auto;







}















.noticias .bxslide .blk .bxctn .bximg {







  overflow: hidden;







  display: block;







  position: relative;







  width: 100%;







  height: 200px;







  margin-bottom: 4rem;







}















.noticias .bxslide .blk .bxctn .bximg img {







  display: block;







  position: absolute;







  top: 50%;







  left: 50%;







  height: 100%;







  transform: translate(-50%, -50%);







  -o-transform: translate(-50%, -50%);







  -ms-transform: translate(-50%, -50%);







  -moz-transform: translate(-50%, -50%);







  -webkit-transform: translate(-50%, -50%);







}















.noticias .bxslide .blk .bxctn .bxinfo {







  display: block;







  position: relative;







}















.noticias .bxslide .blk .bxctn .bxinfo h3 {

  display: block;

  font-family: "WorkSans-SemiBold", arial, sans-serif;

  text-align: center;

  text-transform: uppercase;

  color: black;

  margin-bottom: .5em;

  height: 50px;

  font-size: 1.4em;



}



.noticias .bxslide .blk .bxctn .bxinfo p {

  color: black;

  text-align: center;

  height: 150px;



}





.noticias .bxslide .blk .bxctn .bxinfo .bt {







  padding: 0;







  text-align: center;







}















.noticias .bxslide .blk .bxctn .bxinfo .bt a {

  font-size: 16px;

  width: inherit;

  color: white;

  padding: 1rem 15rem;

  background-color: #a41722;

  text-decoration: none;

}





.noticias .bxslide .blk .bxctn .bxinfo .bt a:hover, .noticias .bxslide .blk .bxctn .bxinfo .bt a:focus {







  background-color: #b51a26;







}















@media (min-width: 768px) {







  .noticias .bxslide {







    max-width: 100%;







    height: 38rem;







    padding-top: 0;







  }







  .noticias .bxslide .blk {







    max-width: 1000px;







    margin-left: auto;







    margin-right: auto;







  }







  .noticias .bxslide .blk .bxctn {







    max-width: inherit;







  }







  .noticias .bxslide .blk .bxctn:after {







    content: "";







    display: block;







    clear: both;







  }







  .noticias .bxslide .blk .bxctn .bximg {







    float: left;







    width: 50%;







    height: 300px;







  }







  .noticias .bxslide .blk .bxctn .bxinfo {







    float: left;







    width: 50%;







    padding-left: 40px;



  }



  .noticias .bxslide .blk .bxctn .bxinfo h3 {



    text-align: left;

  }



  .noticias .bxslide .blk .bxctn .bxinfo p {



    text-align: justify;

  }



  .noticias .bxslide .blk .bxctn .bxinfo .bt {

    text-align: left;

  }



}



.noticias .bxslide .rsNav {







  z-index: 10;







  display: block !important;







  position: absolute;







  top: 80%;







  text-align: center;







  width: 100%;







  margin-bottom: 2rem;







}















.noticias .bxslide .rsBullet {







  display: inline-block;







  width: 1.8rem;







  height: 1.8rem;







  border-radius: 100%;







  background-color: rgba(0, 0, 0, 0.3);







  cursor: pointer;







}















.noticias .bxslide .rsBullet + .rsBullet {







  margin-left: .6rem;







}















.noticias .bxslide .rsBullet.rsNavSelected {







  background-color: black;







}















@media (min-width: 768px) {




  .noticias .bxslide .rsNav {



    top: inherit;



    bottom: 0;



  }



}



/********************NOSOTROS***************************/



.snosotros{padding: 14rem 0;}





.bxmap #map {
    width: 100%;
    height: 45rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#info-contacto h3{ font-size:1.4em;     color: #a41722; text-transform:uppercase; }
#info-contacto  p{ text-align:center; }


/********************BOTON WHATSAPP***************************/

.whats {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999999;
}