@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

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

-moz-box-sizing: border-box;

box-sizing: border-box;}

a{text-decoration: none}

.toggle-bar,.menu-movil,#btn-menu{display: none;}

body{

  font-family: arial;

  background: rgb(255,255,255);

  position: relative;

  min-width: 1040px;

}

body.enviando:after{

  position: absolute;

  left: 0;top: 0;

  width: 100%;

  height: 100%;

  z-index: 999999999;

  background: rgba(255,255,255,.75);

  content: "";

  display: block;

}

.clear-fl:after{

  content: "";

  display: block;

  clear: both;

}

.center{

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

}

.rd-mobilemenu{display: none}

.container-p{

  display: block;

  margin: 0 auto;

  max-width: 980px;

  width: 100%;

  position: relative;

}

/*slider*/

.fancybox-overlay-fixed{z-index: 99999;}

.fancybox-opened{z-index: 999999;}



.logo-movil,.footer-m{display: none;}



/*END SLIDER*/

/*MENU*/

.header-cont{

  width: 100%;

  height: 163px;

  position: relative;

  overflow: hidden;

    background: url(../images/bg-top.jpg);

    background-position: right;

    border-top: solid 1px #fff;

    border-bottom: solid 5px #fff;

}

.logo-movil{display: none;}

.logo-header{

position: absolute;

left: 0px;

  -webkit-transition: ease all .2s;

  -o-transition: ease all .2s;

  transition: ease all .2s;

  z-index: 9;

}

.logo-header:hover img{opacity: .8}

.logo-header img{

  display: block;

  width: auto;

  margin-top: 43px;

}

.langs{

  display: block;

  float: right;

  margin-top: 72px;

  margin-right: 30px;

  vertical-align: top;

}

.redes{

  display: block;

  float: right;

  margin-top: 69px;

  vertical-align: top;

}



.redes a{

  display: block;

  float: left;

  width:21px;

  height:21px;

  margin-left: 5px;

  text-align: center;

  position: relative;

  vertical-align: top;

  -webkit-transition: ease all .2s;

  -o-transition: ease all .2s;

  transition: ease all .2s;

  color: rgb(255,255,255);

  line-height: 21px;

  border-radius: 4px;

}

.redes a span{font-size: 16px;line-height: 21px;display: block;text-align: center;width: 21px;}

.redes a:nth-child(1){padding-top: 0px;background: rgb(76,107,162);}

.redes a:nth-child(2){padding-top: 0px;padding-left: 0px;background: rgb(66,189,237);}

.redes a:hover{

  background: none;

  color: #fff;

}





.menu-content{

  width: 100%;

}

#menu-ppal{

  float:left;

  margin-right: 65px;

  margin-left: 380px;

}

#menu-ppal>li{

  list-style: none;

  text-align: center;

  display: block;

  float: left;

  position: relative;

  padding: 0px 00px;

}





#menu-ppal>li a{

  font-family: 'Oswald', sans-serif;

  color: #000;

  display: block;

  width: 100%;

  line-height: 157px;

  font-size: 17px;

  position: relative;

  padding: 0 25px;

   text-decoration: none;

   -webkit-transition: ease all .3s;

  -o-transition: ease all .3s;

  transition: ease all .3s;

}





 

 #menu-ppal>li.active a,

 #menu-ppal>li:hover a{

    background: #fff;

 }

/*END HEADER*/

/*SLIDER*/

.slider{

  position: relative;

  z-index: 2;

  -webkit-transition: ease all .5s;

  -o-transition: ease all .5s;

  transition: ease all .5s;

  overflow: hidden;

}

.slider:after{

  content: "";

  display: block;

  width: 100%;

  height: 6px;

  background: rgba(255,255,255,.25);

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 99;

}



.bx-wrapper .bx-viewport {

  -moz-box-shadow: none 0 5px #ccc;

  -webkit-box-shadow: none;

  box-shadow: none;

  border:  0px solid #fff;

  left: 0px;

  background: none;

  z-index: 7;

}

.slider .bx-wrapper .bx-viewport ,

.slider .bx-wrapper .bx-viewport ul,

.slider .bx-wrapper .bx-viewport ul li,

.slider .bx-wrapper .bx-viewport ul li img{

  width: 100%;

  height: 528px ;

  overflow:hidden;

}

.slider .bx-wrapper .bx-viewport ul li img{opacity: 0}

.slider .bx-wrapper .bx-viewport ul li:not(:nth-child(1)) img{

  display: none;

}



.slider .bx-wrapper .bx-prev:hover {

  background-position: 0 0;

}

.slider .bx-wrapper {

    position: relative;

    margin: 0 auto 0px;

    padding: 0;

    *zoom: 1;

}

.bx-controls{

  position: relative;

  z-index: 999;

}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {

    position: absolute;

    bottom: -18px;

    width: 100%;

    z-index: 9;

}

.bx-wrapper .bx-pager {

  text-align: center;

  width: 100%;

}

.bx-wrapper .bx-pager >div{

  display: inline-block;

  background: rgb(217,145,0);

  padding: 8px 2px;

}

.bx-wrapper .bx-pager >div:first-child{

  padding-left: 20px;

  border-radius: 7px 0 0 7px;

}

.bx-wrapper .bx-pager >div:last-child{

  padding-right:  20px;

  border-radius: 0px 7px 7px 0px;

}

.bx-wrapper .bx-pager.bx-default-pager a {

    background: none;

    text-indent: -9999px;

    display: block;

    width: 13px;

    height: 13px;

    margin: 0 3px;

    border:solid 1px #fff;

    background: rgb(217,145,0);

    outline: 0;

    border-radius: 50%;

    color: rgba(0,0,0,0);

}

.bx-wrapper .bx-pager.bx-default-pager a.active{

  background: #fff; 

}

.text-slider{

  position: absolute;

  bottom:70px;

  z-index: 99;

  width: 100%;

}

.text-slider .text,
.text-slider2 .text{

  float:right;

  position: relative;

  height:138px;

  color: #fff;

  font-size: 48px;

  padding: 10px 0px 10px 20px;

  font-weight: bold;

  line-height: 54px;

  text-align: right;

  font-family: "Oswald",sans-serif;

  background: rgba(221,41,27,.75);

}

.text-slider .text span,
.text-slider2 .text span{
  display: block;
  font-weight: 300;
  line-height: 54px;
}

.text-slider .text:after,
.text-slider2 .text:after{
  content: "";
  display: block;
  position: absolute;
 background: rgba(221,41,27,.75);
  height: 138px;
  width: 1200px;
  right: -1200px;
  top: 0;
}



.ctrls-st{

  position: absolute;

  bottom: 20px;

  width: 100%;

  z-index: 99;

}

.ctrl-s{

  float:left;

}

.ctrl-s>div{

  background: rgba(255,255,255,.75);

  height: 36px;

  float: left;

  margin-right: 3px;

  width: 36px;

  position: relative;

  color: rgb(160,160,160);

}

.ctrl-s>div i{

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

  font-size: 20px;

  height: 35px;

  width: 100%;text-align: center;

  line-height: 35px;

  pointer-events: none;

}

.ctrl-s>div a{

  display: block;

  width: 100%;

  height: 100%;

  color: rgba(0,0,0,0);

}

/*SLIDER*/



/*INICIO*/

.title-block {
  display: block;
  background: rgb(219,43,23);
  padding: 15.4px 0px;
  height: 150px;
  text-align: center;
  position: relative;
}
.titleHome1{
  position: relative;
}
.titleHome1 > div{
  float: left;
  width: 340px;
}
.titleHome1 > div img{
  margin: 13px 0;
}
.titleHome1 > div:nth-child(2){
  width: calc(100% - 340px);
  padding-left: 42px;
}
.cuadroTitHome1{
  width: 100%;
  border: 1px dashed #fff;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  font-size:18px;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0px;
  padding-top: 27px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 26px;
}
.cuadroTitHome1 .tit{
  font-weight: 400;
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}
.cuadroTitHome1 .tit strong{
  text-transform: uppercase;
}
.cuadroTitHome1 span{
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
}



.title-block>span img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%); 
}
.inicio .title-block>span{
  height: 153px;
}
.tCenter{
  text-align: center;
}
.tJust{
  text-align: justify;
}

.inicio{
}

.intro-home{
  font-family: "Open Sans";
  color: rgb(97,97,97);
  line-height: 24px;
  text-align: justify;
  letter-spacing: .05em;
  font-size: 16px;
  margin: 30px auto;
}

.bg-intro{

  background: url(../images/inicio/bg-intro.jpg) no-repeat;

  background-position: bottom center;

  padding-top: 40px;

  background-attachment: fixed;

}



.intro-home{

  margin: 0 -10px;

}

.intro-home>div{

  float: left;width: 50%;

  padding: 0 10px;

  margin-bottom: 40px;

}

.intro-home>div figure{

  position: relative;

  border: 5px solid rgb(252,201,0);

  border-radius: 2px;

}

.intro-home>div figure img{

  display: block;

  max-width: 100%;

}

.intro-home>div figure figcaption{

  height: 42px;

  line-height: 42px;

  width: 195px;

  background: rgba(0,0,0,.75);

  text-align: center;

  position: absolute;

  bottom: 5px;

  left: 0;

  color: #fff;

  font-family: "Oswald";

  font-size: 18px;

}

.bg-precios{

  background: url(../images/inicio/bg-precios.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

  padding-top: 40px;

}

.bg-precios .tamales{

  margin-top: 0 5px;

}

.bg-precios .tamales div{

  float: left;

  width: calc(20% - 16px);
  margin-right: 19px;
  margin-bottom: 30px;
}
.bg-precios .tamales div:last-child{
  margin-right: 0px;
}

.bg-precios .tamales div figure{position: relative;}

.bg-precios .tamales div img{

  display: block;

  max-width: 100%;

  margin:0 auto;

  position: relative;

z-index: 2;

}

.bg-precios .tamales div figure:after{

  position: relative;

  content: "";

  width: 100%;

  height: 20px;

  background: url(../images/inicio/sombra-p.png) no-repeat;

  background-size: 100% 100%;

  margin-top: -10px;

  display: block;

}

.bg-precios .pork{

  display: block;
  margin: 0 auto 40px;
  margin-left: -140px;
}

.bg-precios .extras{

  text-align: center;

}

.bg-precios .extras img{

  display: inline-block;

  margin: 0 30px 40px;

  max-width: 100%;

}

.end-ini{

  background: url('../images/home/fondo1.jpg') center no-repeat;
  background-size: cover;
  text-align: center;

  padding-top: 95px;
  padding-bottom: 85.5px;
  overflow: hidden;

}

.end-ini p{

  font-size: 28px;

  font-family: "Oswald";

  color: rgb(22,18,13);

}
.end-ini p strong{
  color: rgb(222,40,28);
}

.end-ini a{

  font-size: 24px;

  color: rgb(14,69,194);

  margin-bottom: 30px;

  margin-top: 20px;

  display: block;

  font-style: italic;

}

/*INICIO END*/

/*nosotros*/

.tamales{padding-top: 40px; background: #333333;}



.tamales .imgs{

 margin: 40px -15px 0; 

}

.tamales .imgs div{

  float: left;

  width: 50%;

  padding: 0 15px;

  margin-bottom: 40px;

}

.tamales .imgs div img{

  display: block;

  max-width: 100%;

  margin: 0 auto;
}

/*nosotros END*/



/*contacto*/

#contacto .info{

  font-family:arial;

  font-size: 13px;

  color: #fff;

  margin: 25px auto;

  text-align: center;

}

#contacto {
  background: #333333;
  padding-top: 40px

}
#contacto  .title-block {
  height: 63px;
}


 input::-webkit-input-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 input::-moz-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 input::-moz-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 input::-ms-input-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana}



 textarea::-webkit-input-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 textarea::-moz-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 textarea::-moz-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana }

 textarea::-ms-input-placeholder { color: rgb(190,190,190); font-size: 11px;font-family: verdana}



 input:focus::-webkit-input-placeholder { color: #000; font-size: 11px;font-family: verdana }

 input:focus::-moz-placeholder { color: #000; font-size: 11px;font-family: verdana }

 input:focus::-moz-placeholder { color: #000; font-size: 11px;font-family: verdana }

 input:focus::-ms-input-placeholder { color: #000; font-size: 11px;font-family: verdana}



 textarea:focus::-webkit-input-placeholder { color: #000; font-size: 11px;font-family: verdana }

 textarea:focus::-moz-placeholder { color: #000; font-size: 11px;font-family: verdana }

 textarea:focus::-moz-placeholder { color: #000; font-size: 11px;font-family: verdana }

 textarea:focus::-ms-input-placeholder { color: #000; font-size: 11px;font-family: verdana}

#form-contact{position: relative;}

#form-contact .env,#form-reg .env{display: none;}

#form-contact.enviando .env,#form-reg.enviando .env{

  color:#59a0a0;

  font-size: 30px;

  text-align: center;

  line-height: 140px;

  background: rgba(255,255,255,.8);

  display: block;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 999;

}

.center-reg{

  display: block;

  text-align: center;

  margin: 0 auto;

  width: 100%;

}

#contacto{

}



#form-contact{

  overflow: hidden;

  height: 1%;

  display: block;

  margin: 0 -4px;

}

#form-contact .col{

  width: 33.333333%;

  padding: 0 4px;

  float: left;

  margin-bottom: 10px;

}

#form-contact .col-3{

  width: 25%;

}

#form-contact .col-6{width: 50%;}

#form-contact input[type='text'], #form-contact input[type='password'], textarea{

  width: 100%;

  height: 40px;

  border:solid 1px rgb(214,214,214);

  resize: none;

  padding: 5px 10px;

  font-size: 11px;

  color: rgb(60,60,60);

  font-family: 'verdana',sans-serif;

  outline: none !important;

}

#form-contact input[type='text']:focus, #form-contact input[type='password']:focus, textarea:focus{outline: none !important}

#form-contact label.error,#form-reg label.error{ color:#792420; font-size: 12px; }

#form-contact  textarea{height: 80px !important;}

#form-contact .col:nth-child(3){margin-right: 0%;}

#form-contact .row-lg{

  width: 100%;

  float: left;

  height: 80px;

  padding: 0 4px;

}

.submit{

  display: block;

  float: left;

  width: 100%;

  margin: 30px auto;

  text-align: center;

}

.submit>div{

  color:rgb(94,94,94);

  display: inline-block;

  font-size: 12px;

  font-family: verdana;

}

.submit>div:last-child{

  float: left;

  margin-top: 10px;

}

.submit>div:last-child >div{

  padding-left: 60px;

  float: left;

  margin-right: 50px;

  position: relative;

}

.submit>div:last-child >div img{

  position: absolute;

  top: 0;

  left: 0;

}

.submit>div:last-child >div .content{

  text-align: left;

  height: 36px;

  padding-left: 10px;

  border-left: 2px solid rgb(160,160,160);

}

.submit>div:last-child >div .content p{

  font-family: "Open Sans";

  color: #fff;

  font-size: 18px;

  margin-bottom: 3px;

  font-weight: bold;

  line-height: 18px;

}

.submit>div:last-child >div .content a{

  display: block;

  font-size: 14px;

  color: #fff;

  font-family: "Open Sans"

}



.submit>div:first-child input{

  background: #DB2B17;

  border-radius: 4px;

  color:rgb(255,255,255);

  border:none;

  font-family: arial;

  font-size: 11px;

  padding: 20px 20px;

  cursor: pointer;

  margin-left: 5px;

  -webkit-transition: linear all .3s;

  -o-transition: linear all .3s;

  transition: linear all .3s;

}

.submit>div:first-child input:hover{

  background:  rgb(223,28,22);
  opacity: 0.9;
  color: #fff;

}

.contact_email,.contact_telf{cursor: pointer}

.submit>div:first-child{ float: right;}



#go-top{

  position: fixed;

  display: block;

  width: 40px;

  height: 40px;

  background: rgba(205,18,31,1);

  bottom: 80px;

  right:20px;

  opacity: .8;

  text-align: center;

  font-size: 22px;

  color:#FFF;

  line-height: 40px;

  border-radius: 50%;

  display: none;

  cursor: pointer;

  z-index: 99;

  -webkit-transition: ease all .3s;

  -o-transition: ease all .3s;

  transition: ease all .3s;

}

#go-top:hover{

  opacity: 1;

  border-radius: 10%;

}

.cont-map{

  margin: 0 0 30px 0;

  

}





/*FOOTER*/



.div-f{border: none;border-bottom:solid 1px #d7d7d7;}

.redes-fm{display: none;}

.dir-footer{

  text-align: center;

  border-top: solid 1px rgb(208,208,208);

  padding: 16px 5px 10px;

}

.dir-footer i{

  display: inline-block;

  color: rgb(1,93,111);

  vertical-align: top;

  font-size: 14px

}

.dir-footer span{

  vertical-align: top;

  margin-top: 0px;

  display: inline-block;

  font-size: 12px;

  color: rgb(60,60,60);

}



#footer{

  display: block;

  text-align: left;

  background: rgb(222,40,28);

  color: #fff;

  font-family: arial;

  font-size: 12px;

  padding-top: 15px;

  padding-bottom:15px;

}

.img-foot{

    position: absolute;

    left: -35%;

    bottom: 0;

}

#footer div#powered{

  color:#fff;

  font-family: arial;

  font-size: 11px;

  padding-top: 0;

  text-align:right;

  float:right;

}

#powered a {

    background: url("../images/iconGlobal.png") no-repeat scroll left center;

    color: #fff;

    padding: 3px 0 3px 20px;

}

#powered a:hover{text-decoration: underline;}

/*END FOOTER*/



.fIU,.fI{opacity: 0}

.rotate{

    -webkit-animation: 1.5s rotate360 infinite linear;

    -moz-animation: 1.5s rotate360 infinite linear;

    -webkit-transform-style: preserve-3d;

}

@-moz-keyframes rotate360{

  from {

    -webkit-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }

  to {

    -webkit-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



@-moz-keyframes linkear{

 0% {

   opacity: 0

  }

  50% {

    opacity: 1

  }

  100%{

    opacity: 0

  }

}



@-moz-keyframes bound{

  0% {

    -webkit-transform: translate(0,0px);

    -ms-transform: translate(0,0px);

    transform: translate(0,0px);

  }



  50% {

    -webkit-transform: translate(0,-10px);

    -ms-transform: translate(0,-10px);

    transform: translate(0,-10px);

  }

  100% {

    -webkit-transform: translate(0,0);

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

    transform: translate(0,0);

  }

}



@-moz-keyframes boundh{

  0% {

    -webkit-transform: translate(0%,0px);

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

    transform: translate(0%,0px);

  }



  50% {

    -webkit-transform: translate(0%,-4px);

    -ms-transform: translate(0%,-4px);

    transform: translate(0%,-4px);

  }

  100% {

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

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

    transform: translate(0%,0);

  }

}



/*Alert*/

.stop-scrolling {

  height: 100%;

  overflow-y: hidden;

}

.wrapAlert{

  position: fixed;

  background: rgba(0,0,0,.8);

  top: 0;

  left: 0;

  overflow: hidden;

  z-index: 9999999;

}

.wrapAlert .CustomAlert{

  position: absolute;

  top: 0;

  left: 50%;

  -webkit-transition: ease all .4s;

  -o-transition: ease all .4s;

  transition: ease all .4s;

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

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

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

  transform: translate(-50%,0);

  width: 100%;

  max-width: 300px;

  padding: 0;

  color: #fff;

}

.wrapAlert .CustomAlert .header{

  position: relative;

  text-align: center;

  padding: 5px 5px;

  background: rgb(43,43,43);

}

.wrapAlert .CustomAlert .header .title{

  font-size: 17px;

  font-family: "Oswald",arial;

  color: rgb(255,255,255)

}

.wrapAlert .CustomAlert .header span{

  display: block;

  position: absolute;

  right: 5px;

  cursor: pointer;

  width: 20px;

  height: 20px;

  line-height: 20px;

  border-radius: 50%;

  background: rgba(0,0,0,.1);

  top: 6px;

  color: #fff;

}

.wrapAlert .CustomAlert.success{

  color: rgb(89, 186, 89);

  border: rgb(43,43,43) solid 1px;

}

.wrapAlert .CustomAlert .content {padding: 18px 5px 15px;background: #fff;text-align: center;}

.wrapAlert .CustomAlert .content span{

  display: block;

  font-family: "Oswald",arial;

  font-size: 16px;

}

.wrapAlert .CustomAlert.error{

  color: rgb(225, 54, 37);

  border: rgb(43,43,43) solid 1px;

}

.wrapAlert .CustomAlert.active{

  top: 50%;

  left: 50%;

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

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

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

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

}

/*Alert*/



/*=Chat=*/

body.chat-f  #phplive_iframe_chat_embed_wrapper,

body.chat-f  #phplive_iframe_chat_embed_maximize

{

  bottom: 45px !important;

}

#chat{background: url(../images/chat.jpg) left bottom no-repeat; position: fixed; right: 0; bottom: 0px; width: 233px; height: inherit; z-index: 99}

/*.chatMinimizado #chat{opacity: 0}*/

#chat.subir{bottom: 310px;}

#chat .headChat{height: 47px; position: absolute;top: 0;width: 100%;z-index: 9}

#chat .bodyChat{position: relative;height: 209px}

#chat span{display: block; width: 100%; height: inherit; position: relative; z-index: 3}

#chat img{opacity: 0 !important; width: 100%; height: 100%;}

#cierraChat{position: absolute; right:0px; top: 5px; width: 20px; height: 20px; z-index: 2; line-height: 18px; color: rgb(255,255,255); text-align: center; font-size: 16px; font-family: "Arial", serif; cursor: pointer;}

#estatus{position: absolute; font-size: 40px; bottom: 1px; right: 1px; width: 34px; height: 34px; line-height: 34px; text-align: center; z-index: 1;color: #fff;}

#estatus.st0{background: #CF0003;}

#estatus.st1{background: #11f803}



#chat.cerrado #estatus{ bottom: 1px }

#chat.cerrado .headChat{display: none;}

#chat.cerrado,

#chat.cerrado .bodyChat,

#chat.cerrado .bodyChat span{height: 35px;}

#ordenalos{
    background: #000;
    margin-bottom: 80px;
}
#ordenalos .text{
    padding: 50px 0;
    text-align: center;
    color: #FFF;
    font-size: 45px;
    font-family: "Oswald", sans-serif;
}

.tamales .title-block>div{
    height: 138px;
    color: #fff;
    font-size: 23px;
    padding: 10px 0px 10px 20px;
    text-align: center;
    line-height: normal;
    font-family: "Oswald",sans-serif;
}
.tamales .title-block>div strong{
    display:block;
    font-size: 54px;
    font-weight: bold;
    line-height: 54px;
    padding-bottom: 2px;
}

.text-slider2{
    position: absolute;
    bottom: auto;
    top: -500px;
    z-index: 99;
    width: 100%;
}
.bx-viewport ul li{
    position: relative;
}