/*main*/
html, body {-webkit-text-size-adjust: 100%;}
*{margin:0;}
a{outline: 0 !important;  color: #00BFD7; }
a:hover,a:focus{color:#7d858b;}
body{margin:0;min-width:320px;overflow-x:hidden;text-align: center; text-rendering:optimizelegibility;color: #999595;background: #f0f0f0;font-family: "Open Sans",Helvetica,Arial,sans-serif; }
::-moz-selection{background:#00BFD7;color:#fff;text-shadow:none;}
::selection{background:#00BFD7;color:#fff;text-shadow:none;}
.no-found{padding-top:20px;text-align: center;}
.font1{font-family: 'Josefin Sans', sans-serif;}
.principal_container{display:inline-block;max-width:1024px;min-height:20px;position:relative;width: 100%;}
.ver-autopos{display:block;margin:0 auto;}
.wrappercon{display: inline-block; width: 100%; min-height: 20px;position: relative; float: left;margin: 0px 0px 0px 0px;background: #F0F0F0 url("../img/fondo_sitio.png") no-repeat fixed center top;}
.seccion{float: left;position: relative;width: 100%;min-height: 20px;}
.pendiente{display:inline-block; height: 50px; position: relative; border: solid 0px red; text-align: center; width: 100%; color: #818284; font-size: 24px; font-weight: bold; margin: 150px 0px; }
.img-resp{position: relative;max-width: 100%;height: auto;}
.animacion *, .animated{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;}
.noanimacion *, .noanimated{ -webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;}
.noradius{-moz-border-radius:0px;  border-radius:0px; -ms-border-radius: 0px; -webkit-border-radius:0px;-khtml-border-radius:0px;}
img.img-responsive{padding: 0px;}
.visible {opacity: 1;}
.alwaysvisible{display: inline-block !important;}
.img-bgfix{background-repeat: no-repeat;background-position: center top;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fixed{position: fixed !important;}
.margin-fix{margin-top: 88px;}
.nopadding{padding: 0px;}
/* filtros */
.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url('../img/gray.svg#grayscale'); filter: gray; }
.grayscale:hover, .grayscale:focus{-webkit-filter: none; -moz-filter: none; -ms-filter: grayscale(100%); -o-filter: none; filter: none;   }
.mobile .grayscale{-webkit-filter: none; -moz-filter: none; -ms-filter: grayscale(100%); -o-filter: none; filter: none;}
/*header*/
.header{padding: 0px;width: 100%;top:0px; float: left; position: relative; z-index: 20;min-width: 320px; height: 88px;}
.logo{ position: absolute; float: left; left:0px; top:12px; max-width: 120px; width: 40%;  }
.fondo_header{background: #f5f5f5;float: left;position: absolute;width: 100%;height: 100%;top:0px;left: 0px;right: 0px;}
.fixed .fondo_header{opacity: 0.9;filter: alpha(opacity=90);}
/*.menu{float: right;}*/
.menucont{display: inline-block;max-width:960px;min-height:77px;min-width:320px;position: relative;width:100%;z-index: 2;height: 100%;}
.langcontainer{margin-top: 20px;top: 0px;position: relative;height: auto;}
.redesofi{display: inline-block;/* max-width:107px; */position: relative;width: 75px;float: right;margin-top: -1px;margin-right: 1%;min-height: 20px;text-align: left;}
.link_red2 { /* border: 2px solid #fff; */
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 20px !important;
    margin: 2px;
    text-align: center !important;
    vertical-align: middle; width: 20px;
    height: 20px; line-height: 27px;
    position: relative;
 padding: 0px 4px; background: #00BFD7;}
.idioma{
    display: inline-block;
    position: relative;
    float: right;
    width: auto;
    height: 20px;
    margin-top: 0px;
    padding-right: 5px;
}
.elem_idioma{
    float: left;
    position: relative;
    color: #00BFD7;
    padding: 3px 5px;
    font-size: 14px;
    /* border: solid 1px #FFFFFF; */
    height: 20px;
    line-height: 14px;
    text-decoration: none;
    font-weight: bold;
    text-decoration: none !important;
}
.elem_idioma:first-child{/* border-radius: 10px 0px 0px 10px; */}
.elem_idioma:last-child{/* border-radius: 0px 10px 10px 0px; */}
.elem_idioma:hover,.idmsel{/* background: #FFF; */color: #7d868c;border-bottom: 2px #7d868c solid;}
.contidm{color:#ccc8c7;float:left;position:relative;font-size: 11px;margin-left: 8.37%;margin-top: 28px;width: 130px;text-transform: lowercase;text-align: left;}
/* secciones internas */
/* index */
.flechas{width: 20px; height:100%;background-repeat: no-repeat;display: inline-block;position: relative;background-position: 0px 50%;background-image: url("../img/img-flecha.png");}
.fizq{
    background-position: 0px 50%;}
.fder{
    background-position: -51px 50%;}
.img_portada{ background-size: 100% auto;
    overflow: hidden;
	 background-color: #fff;
    background-position: center top;
    clear: both;
    display: inline-block;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
 background-repeat: no-repeat;}
.img_portada img {
    display: inline-block;
    float: left;
    left: 0;
    position: fixed;
    top: 0px;
    width: 100%;
}
.white-sec{background: #FFFFFF;}
.link_indxsec{float: left;position: relative;margin-top: 30px;color: #7d868c !important;font-size: 15px;text-transform: lowercase;line-height: 30px;vertical-align: middle;margin-left: 11%;}
.icono_prod{width: 30px;height: 30px;border: solid 2px #7d868c; text-transform: uppercase;padding: 0px 0px 0px 3px;-moz-border-radius:50%;  border-radius:50%; -ms-border-radius: 50%; -webkit-border-radius:50%;-khtml-border-radius:50%;font-size: 20px; margin-right: 10px;display: inline-block;float: left;text-align: center;line-height: 28px;}
.gen_indxprod{float: left;position: relative;width: 100%;padding-bottom: 26px;}
.gen_indxprod h1, .gen_indxprod p{width: 66.666%;display: inline-block;text-transform: uppercase;}
.gen_indxprod p{font-size: 17px;}
.gen_indxprod h1{font-size: 24px;}
.gen_indxprod strong{color: #00BFD7;}
.galmercados{float: left;position: relative;width: 100%;height:170px; }
.merca-sec{background: url("../img/fondo_mercado.jpg") no-repeat center fixed;background-size: cover;}
.item_mercado{
    height: 170px;
    line-height: 170px;
    position: relative;
    /*width: 100%;*/
    display: inline-block;
    /* float: left; */
}
.active{

    color:#7d858b;
}

.galmercados{height: 170px;position: relative;width: 100%;float: left;}
.item_mercado .img-responsive{z-index: 2;}
.fondo_animal{position: absolute;width: 100%; height: 100%;z-index: 1;display: none;top:0px;left: 0px;background: url("images/glass-blanco.png");}
.item_mercado:hover .fondo_animal, .active .fondo_animal{display: inline-block;}
.galmercados .owl-controls{
    position: absolute;
    width: 100%;
    top: 130px;
}
.galmercados .owl-controls .owl-buttons div{background: #00BFD7;color:#FFFFFF;opacity: 1;filter: alpha(opacity=100);}
.btn-mercado{position: absolute;right: 0px;bottom: 0px;background: url("images/glass-blanco.png");padding: 0px 15px;z-index: 3;}
.txt_btnmercado{border-left:solid 1px #7d858b; border-right:solid 1px #7d858b;padding: 3px 10px; color:#777777  !important; text-transform: uppercase;font-size: 10px;display: inline-block;-moz-border-radius:0px;  border-radius:0px; -ms-border-radius: 0px; -webkit-border-radius:0px;-khtml-border-radius:0px;}
.cont_galprods{
    padding-bottom: 30px;
    margin-top: 40px;
}
.nombres_prod{margin-top: 150px;float: left;position: relative;width: 100%;text-align: left;}
.elem_galprods{float: left;position: absolute;width: 100%;display:none;left: 0px;top: 0px;}
.elem_nombre{color: #7d858b;font-size: 13px;text-transform: uppercase;padding: 5px 10px; cursor: pointer;width: 100%;max-width: 160px;text-align: left;display: inline-block;}
.elem_nombre:hover,.nombres_prod .activo{color: #5ebed5;}
.enlaceprod_dest{width: 100%;text-align: left;position: relative;display: inline-block;margin-top: 30px;float: left;padding: 0px 10px;}
.img_prodindx{
    float: left;
    position: relative;
    width: 50%;
}
.info_gal{
    float: right;
    position: relative;
    width: 50%;
    margin-top: 10px;
}
.txt_indx_prod{
    border-bottom: solid 1px #7d858b;
    padding: 10px 5px;
    text-align: right;
    text-transform: uppercase;
}
.mercados_prod{}
.tit_prod{
    font-size: 32px;
    color: #7d858b;
}
.pres_prod{
    padding: 10px 0px;
}
.info_pres{
    padding: 0px 5px;
    background-color: #00BFD7;
    color: #FFFFFF;
    font-size: 18px;
}
.descrip_prod{
    font-size: 14px;
    color: #00BFD7;
}
.indicacion_prod{
    font-size: 13px;
    color: #7d858b;
    text-transform: none;
}
.cont_galccr{
    position: relative;
    width: 100%;
    float: left;
}
.elem_ccr{display: none;position: absolute;width: 100%;text-align: left;}
.actgbt{float: left;position: relative;}
.cont_certifs{float: left;position: relative;width: 100%;padding-bottom: 30px;padding-top: 60px;}
.infocertif{color: #00BFD7;float: right;position: relative;text-transform: uppercase;}
.btncertif{color: #7d858b;border-left: solid 1px #7d858b;padding:0px 10px;text-transform: none;margin-right: 0px;font-size: 13px;position: relative;display: inline-block;/* float: right; */margin-left: 35px;}
.cont_claims{float: right;position: absolute;right: 0px;height: 420px;width: 64%;background: url("../img/fondo_claims.png") no-repeat top left;padding-top: 60px;}
.claims {float: left;position: relative;min-height: 20px;margin-top: 20px; color:#FFFFFF; 
}
.claims ::-moz-selection{background:#FFFFFF !important;color:#7d858b !important;text-shadow:none;}
.claims ::selection{background:#FFFFFF !important;color:#7d858b !important;text-shadow:none;}
.ftclaim {margin-left:31%;width: 64%;}
.sdclaim {margin-left: 25%;width: 70%;}
.thclaim {margin-left: 19%;width: 76%;}
.tit_claim {text-align: left;width: 100%;font-size: 17px;text-transform: uppercase;color:#FFFFFF;font-weight: bold;}
.tit_claim .img-responsive{margin-right: 10px;}
.txt_claim {font-size: 13px;padding-left: 42px;float: left;position: relative;width: 100%;color: #FFFFFF;text-align: justify;margin-top: 5px;}
.imgnoticia{
    float: left;
    position: relative;
    width: 15%;
    margin-left: 5%;
    text-align: left;
}
.cont_noticias{
    margin-top: 60px;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}
.cont_noticias .panel{
    border: 0px;
    box-shadow: none;
    background: transparent;
    margin-top: -4px !important;
    position: relative;
}
.cont_noticias .panel-body{border: 0px !important;padding-top: 0px;padding-bottom: 0px;margin-top: -3px;}
.cont_titnot{float: left;position: relative;width: 100%;}
.cont_noticias .panel-heading{border-color: transparent;border: 0px !important;background: transparent;padding-top: 0px;padding-bottom: 0px;}
.cont_noticias .collapsed:hover .grayscale, .expanded .grayscale {-webkit-filter: none; -moz-filter: none; -ms-filter: grayscale(100%); -o-filter: none; filter: none; }
.titulo_noticia{    color: #879095;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    padding-top: 0px;
    position: relative;
    float: right;
    width: 76%;
    margin-top: 10px;
    text-transform: uppercase;
    font-style: italic;
    text-align: left;
}
.fondo_not {float: left;position: absolute;top: 0px;width: 95%;left: 5%;background-color: #F5F5F5;height: 99%;bottom: 0px;}
.fondo_continuonot{float: right;position: absolute;width: 50%;right: 0px;top:0px;bottom: 0px;height: 100%;background-color: #F5F5F5;}
.fondo_notpar{background-color: #E5E5E5;}
.info_not{margin-left: 5%;position: relative;width: 95%;float: left;margin-top: 20px;text-align: justify;margin-bottom: 20px;padding: 0px 15px;}
.btn-masnot{float: right;position: relative;}
.lnk_gal{margin-bottom: 30px;}
.galindx{float: left;position: relative;width: 90%;margin-left: 5%;}
.cont_galeria{float:left;position: relative;width: 100%;}
.item_galeria{display: inline-block;position: relative;width: 100%;height: 170px;}
.img-gal{width: 100%;height: 100%;background-repeat:no-repeat;background-position:center top;  }
.cont_galeria .owl-controls{position: absolute;top: 0px;margin-top: 0px;width: 100%;}
.cont_galeria .owl-item{height: 170px;}
.galindx .owl-theme .owl-controls .owl-buttons div{position:absolute;top: 70px;background: #00BFD7;color:#FFFFFF;opacity: 1;padding: 4px 0px;filter: alpha(opacity=100);width: 25px;height: 25px;text-align: center;}
.galindx .owl-theme .owl-controls .owl-buttons div.owl-prev{left: -25px;}
.galindx .owl-theme .owl-controls .owl-buttons div.owl-next{right: -25px;}
.btn-gal{margin:15px 0px 30px 0px; }
.desblue{overflow: hidden;}
/* avilab */
.imgadn{
    float: left;
    position: absolute;
    top: 57px;
    width: 40%;
    max-width: 199px;
}
.conocenos_frase{
    float: right;
    position: relative;
    width: 80%;
    color: #7d858b;
    margin-top: 110px;
    font-size: 13px;
    text-transform: uppercase;
}
.conocenos_frase strong{color:#00BFD7;}
.info_quienes{
    float: right;
    position: relative;
    margin-top: 30px;
    background: url("../img/fondo_conocenos.png") left top no-repeat;
    width: 100%;
    max-width: 783px;
    min-height: 336px;
}
.info_quienes .txt_claim{
    color: #7d858b;
    padding: 0px;
    font-size: 13px;
}
.info_quienes .claims{}
.info_quienes .ftclaim {margin-left: 28%;width: 68%;}
.info_quienes .sdclaim {margin-left: 22%;width: 74%;}
.info_quienes .thclaim {margin-left: 15%;width: 81%;}
.info_quienes .infocertif{margin-top: 20px;}
.mensajecont{
    float: left;
    position: relative;
    width: 100%;
    /* margin-top: 44px;
    margin-bottom: 20px; */
}
.cont_infomessage{
    float: left;
    position: relative;
    display: inline-block;
    position: relative;
    padding-top:20px;
}
.title_message{
    float: left;
    position: relative;
    width: 100%;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #00BFD7;
}
.info_message{
    margin-top: 30px;
    float: left;
    position: relative;
    width: 100%;
    text-align: justify;
    color: #8c8c8c;
    font-size: 13px;
}
.contact_message{
    float: right;
    position: relative;
    width: 100%;
    text-align: right;
    color: #00BFD7;
    margin-top: 20px;
}
.cont_infomessage .img-responsive{
    margin-top: 0px;
}

.cont_infomessage.drow-right{
    float:right;
}

/* contacto */
/* recaptcha */
.recaptcha_widget{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:300px;border:4px solid #AF1500;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#AF1500;margin:0 0 10px}
.recaptcha_image_cell{max-width:400px;background-color:  transparent !important;}
.recaptcha_image{width:100% !important;height:auto !important}
.recaptcha_image img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:3px solid #FFF}.recaptcha_is_showing_audio embed{height:0;width:0;overflow:hidden}
.recaptcha_is_showing_audio #recaptcha_image{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:60px;background:#FFF;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:3px solid #FFF}
.recaptcha_is_showing_audio #recaptcha_image br{display:none}
.recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download{display:block}
.recaptcha_input{background:#FFDC73;color:#000;font:13px/1.5 "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin:4px 0 0;padding:0 4px 4px;border:4px solid #FFDC73;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.recaptcha_input label{margin:0 0 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.recaptcha_input input{width:100%}
.recaptcha_input_area input{
    background-color: transparent !important;
    border-bottom: solid 1px #999595 !important;
}
.recaptchatable{border: 0px !important;}
.recaptcha_options{list-style:none;margin:4px 0 0;height:18px}.recaptcha_options li{float:left;margin:0 4px 0 0}
.recaptcha_options li a{text-decoration:none;text-shadow:0 1px 1px #000;font-size:16px;color:#FFF;display:block;width:20px;height:18px}
.recaptcha_options li a:active{position:relative;top:1px;text-shadow:none}
.captcha_hide{display:none}
/* ==|====================
   Layout/preguntas
   ======================= */
.pregunta {
  width: 100%;
  color: #7d868c !important;
  font-size: 16px;
  text-align: left;
  display: inline-block;
  position: relative;
  padding: 10px;
}
.pregunta:focus {
  outline: none;
  text-decoration: none;
}

.preguntas_frecuentes {
  padding: 40px 0px;
}

.number-circle {
  background: #00BFD7;
  color: #ffffff;
  position: relative;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -5px;
}

.respuesta {
  text-align: left;
}

#accordion {
  padding: 30px 0px;
}
/* otros */
#mapa {background-position: center center; background-repeat: no-repeat; height: 400px; clear: both; margin: 0 1px;}
#infoWindow{background-color: #fff;/* width: 320px; */overflow: hidden;text-align: center;color: #7d858b;max-width: 480px;}
#infoWindow h3{ color: #00BFD7; padding: 0 15px; text-transform: uppercase; margin-top: 0px;}
#infoWindow .infomap{ display: inline-block; float: left; position: relative; width: 70%; margin-bottom: 0px; text-align: left; margin-left: 2%;}
#infoWindow .infoImg{ display: inline-block; float: left; margin-top: 18px; /* overflow-y: hidden !important; */ /* margin-right: 15px; */ /* margin: 0 auto; */ position: relative;}
.maps-dir{padding: 0px 15px;}
.info_dirs{
    margin-top: 15px;
}
.cont_mun{}
.item_muni{
    float: left;
    position: relative;
    padding: 0px 15px;
    width: 100%;
    text-align: left;
    /* margin-top: 5px; */
    padding: 5px 15px;
    cursor: pointer;
}
.item_info{
    position: absolute;
    display: none;
    width: 100%;
    min-height: 200px;
    background: #FFF;
    left: 0px;top:0px;
}
.cont_dir .actgbt{position: relative;}
.cont_dir{
    float: left;
    position: relative;
    width: 100%;
}
.item_muni:hover , .cont_mun .activo{background: #FFFFFF;}
.info_dir{
    padding: 30px 30px;
    text-align: left;
}
.tit_dir{
    /* margin-top: 10px; */
    font-weight: bold;
    text-align: left;
}
.direccion{
    text-align: left;
}
.info_mail{}
.info_phone{}
.sucursal{
    float: right;
    position: relative;
}
.txtvergmap{
    font-size: 12px;
    text-transform: uppercase;
}
.contbtns{text-align: right;padding: 0px 15px;}
.letra_mp{display: inline-block;position: relative;color:#00BFD7;}
.btngoto{background: #7d868c;color: #FFF !important;font-size: 12px;font-weight: bold;padding: 2px 5px;-moz-border-radius:0px;  border-radius:0px; -ms-border-radius: 0px; -webkit-border-radius:0px;-khtml-border-radius:0px;text-transform: uppercase;}
.btnver{display: inline-block;margin-right: 10px;float: right;}
.empresa_message{float: left;position: relative;padding: 0px 15px;width: 100%;min-height: 15px;}
.infoemp{
    background: #5ebed5;
    color: #FFFFFF;
    padding: 3px 15px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 13px;
    float: left;
    position: relative;
}
.formcont{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.campocont{
    float: left;
    position: relative;
    width: 88%;
}
.campocont input,.campocont textarea {width: 100% !important;background: none;border: 0;box-shadow: none;border-bottom: solid 1px #999595;}
.campocont input{
    height: 25px;
}
.campocont textarea{}
.labelform {
    float: left;
    width: 30%;
    position: relative;
    text-align: left;
    max-width: 110px;
    line-height: 21px;
    padding-top: 5px;
}
.labelform label{margin-bottom: 0px;font-size: 13px;text-transform: uppercase;font-weight: normal;color: #999595;}
.form-control {}
.form-group {
    width: 100%;
    position: relative;
    margin-top: 5px;
}
.btnquienes{
    background: none;
    border-right: solid 1px #7d858b;
    border-left: solid 1px #7d858b;
    margin: 20px 0px;
    height: 25px;
    padding: 0px 15px;
    text-transform: uppercase;
    color: #7d858b;
}
.catNoticias {
  position: relative;
  /* right: 221px; */
  top: 37px;
  z-index: 19;
  width: 100%;
  text-align: right;
  float: right;
  margin-top: -72px;
  margin-right: 12px;
  text-transform: uppercase;
}
.noticiascat a{
    color: #777777;
    text-decoration: none;
}
.noticiascat a:hover,.noticiascat a.active{
    color: #00BFD7;
    text-decoration: none;
}
.noticiascat {
    border-left: 1px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block; 
  color: #777777;
  margin-top: 36px;
}
.noticiascat:last-child {
  border-right: 1px solid #7d868c;
  padding-left: 5px;
  padding-right: 5px;
}
.minimgsize{
  max-height: 122px;
  max-width: 153px;
}
.fechanoticia{
    float:left;
    font-size: 13px;
    color: rgb( 125, 134, 140 );
    margin-left: 10px ;
    margin-top: 8px ;
}
/* index */
.fondo_continublue{
  float: right;
  position: absolute;
  width: 50%;
  right: -150px;
  /* left: 0; */
  top: 0px;
  bottom: 0px;
  height: 401px;
  background-color: #00BFD7;
}
.fondo_notblue {
  background-color: #00BFD7;
}
.background-video{
   background-image: url("../img/valores/oveja.jpg");
   background-size: cover;
   background-position: bottom center;
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   width:100%;
   display: inline-block;
   position:relative;
   min-height: 200px;

}
.tiitle-valores{
    max-width: 1200px;
    display: inline-block;
    text-align: left;
    width:100%;
    text-transform: uppercase;
    color:#FFFFFF;
    position: relative;
    margin: 25px auto;
}
.color-nosotros-white{
    background-color: #f7f7f7;
}
.color-nosotros- .cont_infomessage , .color-nosotros-white .cont_infomessage{
    margin-top: 20px;
}

/*footer*/
.footer{background: #7d858b;float: left;position: relative;width: 100%;min-height:70px; }
.logo_footer{float: left;position: relative;margin-left: 10px;margin-top: 15px;}
.footer_info{float: right;width: 80%;max-width: 600px;margin-top: 20px;}
.infocontacto{
    float: left;
    position: relative;
    width: 70%;
    text-align: left;
}
.telcontacto{
    color: #c0c0c0;
    display: inline-block;
    font-size: 15px;
}
.sitio_foot{
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
    color: #c0c0c0;
    text-transform: uppercase;
}
.dir_footer{
    float: left;
    position: relative;
    width: 100%;
    font-size: 15px;
    text-align: justify;
    color: #b4b5b6;
}
.copy{
    float: left;
    width: 30%;
    font-size: 14px;
    color: #b4b5b6 !important;
}
.copy a{color: #b4b5b6 !important;}
/*productos*/
.indicacion_prod.interno{
    text-align: justify;
    border-bottom: none;
    border-top: solid 1px #7d858b;
}
.interno:first-child{
     border-bottom: none;
      border-top: none;
}
.indicacion_prod.interno span{
        font-size: 20px;
        color: #7d858b;
        text-transform: uppercase;
        margin: 10px 0px !important;
        display: inline-block;
}

select.lista-links{
    width: 80%;

    margin: 0px 20px;
    height: 32px;
    color: rgb(169, 169, 169);
}
select.lista-links option{
    color:#7d858b;
    font-size: 15px;
}

#Categorias{
    min-height: 200px;
}
#Categorias .item{
    display: inline-block;
  float: left;
  margin-top: 80px;
  max-height: 200px;
  position: relative;
}
#Categorias .img_itemclient{
    width: 25%;
    float: left;
    text-align: center;
}
#Categorias .decripcion_his{
    width: 75%;
    float: left;
    text-align: left;
    text-transform: uppercase;
    color: #00BFD7;
    font-size: 22px;
}
#Categorias .decripcion_his.active, #Categorias .decripcion_his:hover,#Categorias .decripcion_his:focus{
    text-decoration: underline;
    color:#7d868c;
}
.subcategoria{
    text-align: left;
    font-size: 21px;
    max-width: 300px;
    border-bottom: 2px solid #7d868c;
    padding: 7px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.subcategoria select{
    border: 0px;
    
    width: 100%;
    text-transform: uppercase;
}
.cont-prod{
    margin-top: 80px;
} 
.cont-prod:last-child{
    margin-bottom: 80px;
}
.whiteseccion{
    background-color: #FFFFFF;

}
.text-certificado{
    text-align: left;
    
    margin-top: 15px;
    margin-bottom: 15px;
}
.fullScreen2{
    display: inline-block;
    position: relative;
    float:left;
}
.modfull{width: 100% !important;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /* background-size: cover; */
  /* background-attachment: fixed; */
  /* background-position: top center; */}
 .ios .modfull{ background-attachment:inherit;}
 .item-producto .tit_prod{font-size: 20px;}
 .item-producto .img_prodindx{
    width: 40%;
}
.internonull{   border-bottom: none;
                border-top: none;
            }
.item-producto .mas_info , .info_gal .mas_info{
    max-width: 145px;
    margin-top: 10px;
    border-left: 1px solid #7d858b;
    border-right: 1px solid #7d858b;
    float: right;
}
 img.fondocubeta{ margin-top: -76px;}
.item-producto .mas_info a , .info_gal .mas_info{padding: 10px 8px;color: #7d858b;font-size: 11px;}
.info_gal .mas_info a:active,.info_gal .mas_info a:focus,.info_gal .mas_info a:hover {color: #00BFD7; text-decoration: none;}
.item-producto .mas_info a:active,.item-producto .mas_info a:focus,.item-producto .mas_info a:hover {color: #00BFD7; text-decoration: none;}
.prodint{margin-top: 50px; margin-bottom: 50px;display: inline-block;position: relative;}
.user-nav{
    display: inline-block;
    position: relative;
    float:right;
}
.user-nav ul{
    list-style: none;
    padding: 0px;
}
.user-nav ul > li{
    list-style: none;
    padding: 0px;
    display: inline-block;
    position: relative;
    float:left;
}
.imgenlogin{
    width:100%;
    display: inline-block;
    position: relative;
    float:left;
}
.imgenlogin img{
    float:left;
}
.login{
    float: right;
    position: absolute;
    right: 0px;
    height: 420px;
    width: 64%;
    background: url("../img/fondo_claims.png") no-repeat top left;
    padding-top: 60px;
}
.tit-login{
    color: #FFFFFF;
    text-transform: uppercase;

}
.tit-sec{
    text-align: left;
    float:left;
}
.panel-body{
    text-align: left;
}
label.form-login{
    text-align: center;
    width: 100%;
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    float:left;
    margin-top: 10px;
}
form.login-form{display: inline-block;
    position: relative;
    margin: 0 auto;
    max-width: 320px;
    float: right;}
form.login-form input{
    width:100%;
}
button.sub-btn{
    background-color: transparent;
    border:none;
    color:#FFFFFF;
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff; 
    float:right;
    margin-top: 20px;
    text-transform: uppercase;

}
.panel-color{
    background-color: #00BFD7 !important;
    border-color:#00BFD7 !important; 
    display: inline-block;
    position: relative;
    width: 100%;
}
.p-title{
    
    display: inline-block;
    position: relative;
    float:left;
}
.icon{
    
    display: inline-block;
    position: relative;
    float:right;
}
.btn-toggle{display: inline-block;float: left;width: 100%; height: auto; clear: both; border: solid 0px red; margin-bottom: 5px; clear: both !important; text-align: left;}
.btn-toggle button{z-index: 10;margin-left: 15px;border: none;height: 32px;display: inline-block;border-radius: 0px;}
.nowrap{display: inline-block; margin-left: 15px; height: 20px; /* border: solid 1px red; */ width: 180px;}
.nowrap *{display: inline-block;}
.panel-body{background: #ebebeb;}
.panel-default{border: 0px;padding: 0px;margin: 0px;}
.panel-links a, .panel-links a:hover{text-decoration: none !important;}
.list-group .active{ /* background-color: rgb(42, 172, 185); */} 
.list-group .active a, .list-group .active a:hover{color: #7D7D7D !important; font-weight: bold;}
.list-group .active a span{color: #7D7D7D;}
/*media queries*/
/* @media screen and (min-width: 1025px){
} */
@media screen and (min-width: 767px) and (max-width: 889px) {
    .txt_claim {
      font-size: 12px;
      padding-left: 41px;
      float: left;
      position: relative;
      width: 100%;
      color: #FFFFFF;
      text-align: justify;
      margin-top: 4px;
    }
    .tit_claim {
      text-align: left;
      width: 100%;
      font-size: 13px;
      text-transform: uppercase;
      color: #FFFFFF;
      font-weight: bold;
    }
    .claims {
    width:69%;
      position: relative;
      min-height: 20px;
      margin-top: 18px;

}

.cont_claims {
  width: 64%;
  padding-top: 58px;
}
}
@media screen and (max-width: 1025px){

}
@media screen and (max-width: 992px){

}
@media screen and (max-width: 959px){
     .titulo_noticia {
        width: 75%;

     }

    .fechanoticia {

      width: 75%;
      text-align: right;

    }
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 850px){
 .ftclaim{margin-left: 36%;width: 59%;}
}
@media screen and (max-width: 800px){

}
@media screen and (max-width: 768px){
 .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
            left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */

  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  .pull-left{
    width: 100%;
    display: inline-block;
    position: relative;
    float:left;
  }
}
.menu-user{
        min-height: 300px;  
        margin-top: 10px;
        margin-bottom: 10px; 
    }
@media screen and (max-width: 767px){
    .menu-user{
        min-height: 300px;  
        margin-top: 10px;
        margin-bottom: 10px; 
    }
     .fondo_continublue{width:0%;}
  .idioma{margin-right: 2%; padding-right: 0px;}
  .langcontainer{margin-top: 15px;}
  .nombres_prod{margin-top: 20px;text-align: center;}
  .enlaceprod_dest{text-align: right;}
  .cont_claims{width: 100%;position: relative;margin-top:20px;background: #00BFD7; height: auto; padding: 30px 0px; }
  .info_quienes{background: url("images/glass-blanco.png");padding-bottom: 20px;}
  .elem_ccr{text-align: center;}
  .claims{margin-left: 0;
    padding: 0 20px;
    width: 100%;margin-top: 30px;}
  .info_quienes .claims{width: 100%;margin-left: 0px;}
  .cont_noticias .panel-heading{padding: 0px;}
  .fondo_not{display: none;}
  .fondo_continuonot{width: 100%; opacity: .25;filter:alpha(opacity=25);}
  .imgnoticia{width: 20%;margin-left: 0px;}
  .info_not{margin-left: 0px;width: 100%;}
  .conocenos_frase{width: 100%;padding: 0px 15px;}
  .contbtns{text-align: left;}
}
@media screen and (max-width: 720px){
  
}
@media screen and (max-width: 640px){
  .img_prodindx{width: 100%;}
  .info_gal{width: 100%;}
  .infocontacto{width: 100%;}
  .copy{width: 100%;margin-top: 15px;text-align: left;}
}
@media screen and (max-width: 600px){

}
@media screen and (max-width: 500px){
  .btn-mercado{bottom: -22px;right: 0%;width: 100%;background: none;}
  .img_prodindx{display: inline-block;}
  .btncertif{border:0px;width: 100%;margin: 0px;padding: 0px;}
  .infocertif{width: 100%;}
  .footer_info{width: 100%;padding: 0px 15px;}
  .copy{text-align: center;}
  .logo_footer{width: 100%;text-align: center;}
  .infocontacto{text-align: center;}
  .dir_footer{text-align: center;}
  .claims{padding: 0px 15px;}
  .titulo_noticia{width: 100%;margin-top: 0px;}
  .imgnoticia{text-align: center;
    width: 100%;}
  .cont_noticias{margin-bottom: 20px;}
  .info_dirs{width: 100%;}
  .fechanoticia {

      width: 100%;
      text-align: center;
      margin-bottom: 10px;

    }
    img.fondocubeta{ margin-top: -50px;}
}
@media screen and (max-width: 479px){
  
}
@media screen and (max-width: 360px){
img.fondocubeta{ margin-top: 0px;}
}
@media screen and (max-width: 320px){

}
.extra-blue{
    color:#00BFD7 !important;
}
.text-left-im{
    text-align: left!important;
}