html{    overflow-x: hidden;}
body{
	font-size: 18px;
	margin: 0px;
    padding: 0px;
    position: relative;
    overflow-x: hidden;
    background: #e0e3e9;
}

.no-styles {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
}

.breadcrumb>li {
    display: inline;
}

.grupo_tienex {
    font-family: 'Oswald', sans-serif;
}

a img{
	border: 0px;
}
hr{ margin-top:0;  border-top: 1px solid #bbb;}
h1{ font-weight: bold; }
h4 {margin-bottom: 5px;}
p{color: #777; line-height: 1.2}
button{
	outline: inherit;
	outline: none !important;
}
img{ max-width: 100%; }
.p-b-0 {
    padding-bottom: 0 !important;
}
.anima{
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.anima2{
    -webkit-transition: all 0.8s ease-in 0s;
    -moz-transition: all 0.8s ease-in 0s;
    -o-transition: all 0.8s ease-in 0s;
    -ms-transition: all 0.8s ease-in 0s;
    transition: all 0.8s ease-in 0s;
}
  .zoom{
    transition: 0.3s ease;
    -moz-transition: 0.3s ease; /* Firefox */
    -webkit-transition: 0.3s ease; /* Chrome - Safari */
    -o-transition: 0.3s ease; /* Opera */
  }
  .zoom:hover{
    transform : scale(0.95);
    -moz-transform : scale(0.95); /* Firefox */
    -webkit-transform : scale(0.95); /* Chrome - Safari */
    -o-transform : scale(0.95); /* Opera */
    -ms-transform : scale(0.95); /* IE9 */
  }
.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: Gray();
}
.item-grid-blog:hover .grayscale{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}
.title-section{font-size: 20px}
.title-section b {font-weight: 700;}

.link{display: block; font-weight: bold; text-align: center; margin:10px auto; font-size: 18px; color: #FFFFFF; padding: 8px 15px; border-radius: 5px; margin-top: 5px; }
.link:hover{text-decoration: none;}

.comprar{display: inline-block; font-weight: bold; text-align: center; margin:10px auto; font-size: 18px; color: #FFFFFF; padding: 8px 15px; border-radius: 5px; margin-top: 5px; }
.comprar:hover{text-decoration: none; color: white}

.link.verde { background: #9fc20a; }
.link.verde:hover { background: #546317; }
.container{ width: 100%;  max-width: 1183px; position: relative; }

.header{ position: relative; top: 0px; left: 0px; width: 100%;  z-index: 1000;}
.header a{padding: 7px 15px; text-decoration: none; border-radius: 4px }
.footer .izq, .header .izq{  }
.header .derneg{  padding-left: 30px;}
.footer .izq *, .header .izq *{  }
.footer .izq i, .header .izq i{  }
.footer .izq .datos-chin, .header .izq .datos-chin { font-size: 17px; margin: 10px 0 0;}
.footer .izq span, .header .izq span{ margin-left: 10px; display: inline-block; font-size: 15px }
.header .sub{ text-align: right;  padding: 5px 0px; margin-bottom: 15px; position: relative;font-size: 14px }
.header .sub:after{ content: ""; border-bottom: 1px dotted #fff; width: 200%; position: absolute; background: 0px; left: 0px; bottom: 0px;}
.header .sub span{ display: inline-table; margin-left: 10px; margin-right: 10px; color: #fff;  }
.header .contmenu{ text-align: center; }
.header .contmenu ul{ list-style: none; padding: 0px; margin: 0px; text-align: justify; height: 70px; }
.header .contmenu ul li{ font-size: 14px; display: inline-block; vertical-align: middle; text-transform: uppercase;}
.header .contmenu ul li .destaca {border:2px solid #81a83a;}
.header .contmenu .buscanor{ display: inline-block; position: relative; width: 30px;height: 30px; border-radius: 50%; cursor: pointer; }
.header .contmenu .buscanor i{font-size: 14px; position: absolute;left: 8px;top: 8px;}
.header .contmenu .usernor{ display: inline-block; position: relative; width: 120px;height: 33px; cursor: pointer; }
.header .contmenu .usernor i{font-size: 14px;}
.footer .contmenu ul{ list-style: none; padding: 0px; margin: 0px; text-align: left; padding-top: 17px; padding-bottom: 20px; }
.footer .contmenu ul li{ font-size: 13px; display: block; vertical-align: middle; text-transform: uppercase;}
.footer .contmenu ul li a { padding: 7px 0 7px 20px; font-size:12px; color: #fff !important; text-decoration: none; border-radius: 4px  }
.header div.logo{ position: absolute; left: 15px; top: 0; border-radius: 0; width: 100%;}
.footer a.logo{ position: absolute; left: 15px; top: 0; border-radius: 0; width: 100%; text-decoration: none;}
.footer a{ text-decoration: none;}
li.stretch {    display: inline-block;    width: 100%;    padding: 0;    margin: 0;    height: 0px;    zoom: 1;    border: 0;}
#top-banner { position: relative; padding: 142px 0 50px 0;  background-position: center top; -webkit-background-size: cover; background-size: cover; color: white; text-align: left;}
#top-banner span { text-transform: uppercase; line-height: 1;}
#top-banner span.thin{font-weight: 300;font-size: 35px;}
#top-banner span.bold{font-weight: 800; font-size: 40px}
.text-banner {position: relative;}
.text-banner.categ span{padding: 0}
.text-banner.categ {padding-left: 80px}
.text-banner.categ .iconcat {left: -10px; bottom: 0; position: relative;}


.slider{ padding: 0px; }
.slider img{ width: 100%; }
.owl-theme .owl-controls .owl-buttons div {background-color: transparent;}
.slider .owl-controls { position: absolute; top: 50%;  width: 100%;  margin-top: -36px;}
.slider .owl-theme .owl-controls .owl-nav [class*=owl-]{ position: absolute; top: 50%; background: transparent; opacity: 1; }
.slider .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{ left: 0px; }
.slider .owl-prev{ float: left; }
.slider .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{ right: 0px; }
.slider .owl-next{ float:  right; }


#sync1 .owl-controls { position: absolute; top: 50%;  width: 100%;  margin-top: -36px;}
#sync1 .owl-theme .owl-controls .owl-nav [class*=owl-]{ position: absolute; top: 50%; background: transparent; opacity: 1; }
#sync1 .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{ left: 0px; }
#sync1 .owl-prev, #sync1 .owl-next{width: 17px;height: 28px;background-image: url('../images/next-prev.png');}
#sync1 .owl-prev{ float: left; background-position: 0 0; margin-left: 20px}
#sync1 .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{ right: 0px; }
#sync1 .owl-next{ float:  right; background-position: -20px 0; margin-right: 20px}
#sync1 .owl-theme .owl-controls{ margin: 0px; }
#sync2 .owl-item.synced .item{
 -webkit-box-shadow: 0px 0px 0px 6px rgba(204,204,204,0.77);
-moz-box-shadow: 0px 0px 0px 6px rgba(204,204,204,0.77);
box-shadow: 0px 0px 0px 6px rgba(204,204,204,0.77);}
#sync2 .item .type{left: 5px; right: 5px;top: 50%;  margin-top: -11px; font-size: 15px; font-weight: 700;  color: white; text-align: center; position: absolute; background-color: rgba(205,4,16,0.5); opacity: 0}
#sync2 .item:hover .type{opacity: 1}
.item.video a:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/play.png) no-repeat center;
}
.item.video2:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/play2.png) no-repeat center;
}
.sel_categoria { text-decoration: none !important; }

.dropdown-menu {
    list-style: none;
    padding: 0px;
    padding: 0;
    position: relative;
    border-radius: 0;
}

.menu_categorias {
    position: absolute;
    top: 100%;
    left: 34px;
    display: none;
}

.supermenu {
    padding: 15px 0;
    display: inline-block;
}
.supermenu:hover .menu_categorias {
    display: block;
}

.newmenu {
    display: inherit !important;
}

.menu_categorias ul.principal {
    position: relative;
}

.segmenu{ position: relative; top: 0; z-index: 999; width: 100%; max-width: 100%; }
.segmenu ul{ list-style: none; margin: 0; padding: 0; }
.segmenu ul li{ padding: 5px; white-space: nowrap; }
.segmenu ul li:first-child{ padding-top: 10px; }
.segmenu ul li:last-child{ padding-bottom: 10px; }
.segmenu ul li a{ line-height: 1; position:relative; text-decoration: none; padding: 5px 25px 5px 5px; font-size: 13px; display: block; width: 100%; }
.segmenu ul li div.linka{ text-decoration: none;border-radius: 5px; padding: 10px; font-size: 13px }
.segmenu ul li .dropdown-menu{ margin-top: 30px;}
.segmenu ul li .dropdown-menu.menucon3{ width: 663px; left: -267px; }
.segmenu ul li .dropdown-menu ul{ padding: 0px; margin: 0px; width: 100%;}
.segmenu ul li .dropdown-menu ul li{ display: inline-block; border:0px; width: 100%;}
.segmenu ul li .dropdown-menu ul li a{ padding: 5px 20px; display: inline-block; width: 100%; font-size: 13px;}
.segmenu ul li .dropdown-menu .mitad{ border-left: 1px dotted #fff; border-right: 1px dotted #fff; }

.segmenu ul li .dropdown-menu.soluno{ border:0; position: absolute; float:none; left: 100%; top: 0; min-height: 100%; padding: 0; }
.segmenu ul li .dropdown-menu.soluno li:first-child{ padding-top: 10px; }
.segmenu ul li .dropdown-menu.soluno li:last-child{ padding-bottom: 10px; }
.segmenu ul li .dropdown-menu.soluno li{ padding: 5px; white-space: nowrap; }
.segmenu ul li .dropdown-menu.soluno li a{ text-decoration: none; padding: 5px 25px 5px 5px; font-size: 13px; display: block; width: 100%; }

.segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos{ box-shadow:none; border:0; position: absolute; left: 100%; top: 0; min-height: 100%; padding: 0; float: none; }
.segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos li:first-child{ padding-top: 10px; }
.segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos li:last-child{ padding-bottom: 10px; }
.segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos li{ padding: 5px; white-space: nowrap; }
.segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos li a{ text-decoration: none; padding: 5px 25px 5px 5px; font-size: 13px; display: block; width: 100%; }

.flesup{
    position: absolute;
    top: 6px;
    font-size: 20px;
    line-height: 15px;
    right: 5px;
}

.uppercase { text-transform: uppercase; }


.breadc{border-bottom: 1px dashed #8a8a8a;margin-bottom: 15px; padding: 0;}
.breadc .breadcrumb {background-color: transparent; font-size: 14px; color: #8a8a8a; margin-bottom: 0}
.breadc .breadcrumb>li+li:before{content: '>'}
.breadc .breadcrumb.opt2 {margin-top: 45px;   margin-left: 110px;}
.contenidos .tambiencare{ font-size: 50px; text-align: center; padding-top: 50px; padding-bottom: 50px; }
.contenidos .tambiencare a{ text-decoration: none; color: #333; text-transform: uppercase; font-size: 40px; }
.contenidos .tambiencare span{ font-weight: bold; border-bottom: 1px solid #3f613a; }
.contenidos .tambiencare i{ color: #3f613a; }

.listaproduc{ list-style: none; padding: 0px; }
.listaproduc .items{ margin-bottom: 30px; }
.listaproduc .items .recomendado { position: absolute; left: 0px; top: -1px; z-index: 9;}
.listaproduc .items .cont{ background: #fff; border-radius: 10px;overflow: hidden; }
.listaproduc .items .cont span.cat, .sidebar-prod span.cat { background: #8294a3; color: #fff; padding:5px 10px; font-size: 12px; margin-bottom: 10px; position: relative; left: -15px; top: -3px }
.listaproduc .items .cont h2{ margin: 0px; font-size: 15px; font-weight: 400; }
.listaproduc .items .cont h2 a{ color: #FFFFFF; text-decoration: none; }
.listaproduc .items .cont h3{ margin-top: 15px; margin-bottom: 15px; font-size: 13px; color: #000000; }
.listaproduc .items .cont p{ font-size: 13px; text-transform: none; line-height: 1.2 }
.listaproduc .items .cont .hhov{height: 100%}
.listaproduc .items .cont .precio{ font-size: 23px;  }
.listaproduc .items .cont .precio span{ text-decoration: line-through;}
.listaproduc .items .cont .prectop{ margin-top: 10px; margin-bottom: 10px; }
.listaproduc .items .cont .link{ text-decoration: none; font-size: 16px; display: inline-block; padding: 5px 15px; float: right; border-radius: 5px; margin-top: 5px; }
.listaproduc .items .contsec{ padding-bottom: 10px; position: relative; }
.listaproduc .items .contsol{ text-align: center; padding-bottom: 20px; }
.listaproduc .items .contsol h4{ position: relative; text-align: center; margin-top: -10px; }
.listaproduc .items .contsol h4:after{ content: ""; width: 100%; border-bottom: 1px solid #8294a3; position: absolute; left: 0px; top: 50%; }
.listaproduc .items .contsol h4 span{ background: #8294a3; color: #fff; padding: 5px; font-size: 12px; margin-bottom: 10px; position: relative; z-index: 10; position: relative; }
.listaproduc .items .contsec a.link, .listaproduc .items .contsol a.link{ float: inherit; }
.listaproduc .items .contsol h5{ margin: 0; padding: 0; color: #FFFFFF }
.listaproduc .items .contsol h5 a{ color: #FFFFFF; text-decoration: none; font-size: 15px; }
.listaproduc .items .contsol .contimg{ position: relative; }
.listaproduc .imadesta {height: 100%; padding: 33% 0px; position: relative;}
.listaproduc .imadesta:after{ content: ""; position: absolute; right: 0px; height: 100%; top: 0px; border-left: 1px solid #dbdbdb; }
.listaproduc .items .contsol .hover, .listaproduc  .imadesta .hover{border-radius: 10px 10px 0 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; display: inline-block; }
.listaproduc .items.horiz .contsol .hover, .listaproduc  .imadesta .hover {border-radius: 10px 0 0 10px}
.listaproduc .items .contsol .hover .l, .listaproduc  .imadesta .hover .l{ position: absolute; top: 50%; margin-top: -63.11px; left: 50%; margin-left: -105px; width: 210px;}
.listaproduc .items .contsol .hover .l a, .listaproduc  .imadesta .hover .l a {margin: 10px auto; text-align: center}
.listaproduc .items .contsol .hover a, .listaproduc  .imadesta .hover a{color: #fff; display:  inline-block; border:1px solid #fff; padding: 10px; width: 100%; text-decoration: none; font-size: 15px}
.listaproduc .items .contsol .hover a:hover, .listaproduc  .imadesta .hover a:hover{ background: #42b316; color: #fff; font-weight: bold; }
.listaproduc .items .contsol .contimg:hover .hover, .listaproduc  .imadesta:hover .hover{ opacity: 1 }
.listaproduc .items .contsol .precio{ margin-bottom:10px;  }
.listaproduc .items .cont.banner-big {background-size: cover; background-repeat: no-repeat;background-position: top center; display: block; position: relative;}

.ultimanoticia{ padding: 0px; }
.ultimanoticia .items .cont{  color: #fff; font-size: 12px; text-transform: unset; padding: 5px 0px; }
.ultimanoticia .items .cont .num{ font-size: 16px; text-align: center;  line-height: 17px;}
.ultimanoticia .items .cont .num span{ display: block; font-weight: 400; }
.ultimanoticia .items .cont .contxt{ border-left: 1px solid #fff; min-height: 34px; display: flex; object-position: center; align-items: center; padding-right: 20px; }
.ultimanoticia .vernoti{ text-align: center; padding-bottom: 70px; padding-top: 40px; }
.ultimanoticia .vernoti a{ background: #6daa2a;  display: inline-block; color: #fff; padding: 5px 15px;  border-radius: 5px; margin-top: 5px; text-decoration: none; }
.ultimanoticia .vernoti a:hover{background: #3f613a;}
.breadcrumb.all-notices{background-color: transparent;    text-align: center;    text-transform: uppercase;    font-size: 15px; color: #171717;}
.breadcrumb.all-notices li{margin-bottom: 20px; padding: 0 10px; display: inline-block;}
.breadcrumb.all-notices li:before{display: none}
.breadcrumb.all-notices li.active a, .breadcrumb.all-notices li:hover a{text-decoration: none; font-weight: 700; border-bottom:3px solid; }
.breadcrumb.all-notices li a{color: #171717; padding: 6px}
.childtable{vertical-align: middle;}
.items .item-grid-blog {position: relative; text-decoration: none; display: block; margin-bottom:15px }
.items .item-grid-blog *{text-decoration: none}
.items .item-grid-blog .ima-not{width: 100%}
.items .item-grid-blog .cont {width: 100%; padding: 5px 0px;}
.items .item-grid-blog .distab  {display: table}
.items .item-grid-blog .date {text-align: left;  width: 100%; font-size: 14px; line-height: 1;}
.items .item-grid-blog .date.text-right {text-align: right;}
.items .item-grid-blog .title {width: 100%; vertical-align: middle; padding: 5px 15px; font-size: 13px}
.items .item-grid-blog .text{position: absolute; bottom: 10px; right: 10px;left: 10px; background: rgba(0,0,0,0.6); color: #fff; max-height: 100%; line-height: 1.2}
.items .item-grid-blog .text p{line-height: 1.2; font-size: 14px;color: white; max-height: 0; overflow: hidden; opacity: 0}
.items .item-grid-blog .text p {  padding: 0 15px;   overflow: hidden; margin: 0}

.filter-links  { padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px;}
.filter-links > li {    display: inline-block;}
.filter-links > li > a {color: #7f7f7f; padding: 3px}
.filter-links > li > a:hover,
.filter-links > li > a:active,
.filter-links > li > a.active{ border-bottom: 3px solid #45ad36; color: #45ad36; text-decoration: none; font-weight: bold}
.filter-links > li+li:before { padding: 0 5px;  color: #ccc;  content: "/\00a0";}
.filter-links.pages {text-align: center; margin-top: 15px; margin-bottom: 30px}

.cont-detalle {background-color: #fff; padding: 30px 100px; margin-bottom: 30px}
.cont-detalle p, .cont-detalle ul{color: #777}
.cont-detalle .media{margin-bottom: 20px}
.cont-detalle .date{ line-height: 1;    padding: 10px;    text-align: center;   width: 60px;height: 60px;}
.cont-detalle .date span{line-height: 1}
.cont-detalle .date .day{font-weight: 300; font-size: 20px}
.cont-detalle .date .month{font-weight: 700; font-size: 13px}
.cont-detalle h1 {font-size: 18px; text-transform: uppercase; width: 100%}
.cont-detalle .media-body{vertical-align: middle;}
.cont-detalle .body-detal {margin: auto;}
.cont-detalle .body-detal .ima-detal img{width: 100%}
.cont-detalle .body-detal .ima-detal {width: 100%; display: block;}
.cont-detalle .body-detal .ima-detal span{width: 100%; display: block; background-color: rgba(69,173,54,0.2); padding: 10px; font-size: 13px; text-align: center;line-height: 1; margin-bottom: 30px}
.cont-detalle .body-detal p, .cont-detalle .body-detal ul{line-height: 1.2; font-size: 13px; padding: 5px  0px}

.footer{ background: #232323; color: #fff; padding-bottom: 20px; font-size: 15px; line-height: 18px; text-align: right;}
.footer h3{ font-weight: normal; font-size: 15px; margin-bottom: 0; }
.footer h4{ font-weight: bold; font-size: 15px; margin: 0px; }
.footer p{ margin: 0px; }
.footer p i{ color: #44a935; margin-right: 5px; }
.footer .redes img{ margin-right: 10px; }
.footer .redes h3{ text-align: left; padding-left: 25%; }
.footer .sesion{ padding-top: 50px; }
.footer .sesion a{ color: #fff; text-decoration:none; }
.footer .sesion span{ margin-left: 10px; margin-right: 10px; }
.footer .copy, .footer .copy a{ font-size:11px; text-align: right; color: #ababab; }

.toggle{ display: none; }
.header .contmenu span.buscamovi{ display: none; }

.modalsearch{background-color: rgba(255,255,255,0.9);}
.content-search{padding: 40px}
.content-search form{padding: 120px 0}
.closex{position: absolute; right: 10px; top: 10px; background-color: transparent; border: 2px solid; border-radius: 15px; width: 30px; height: 30px; font-weight: 700; font-size: 30px; line-height: 15px; font-weight:300; z-index: 99999;}
.closex:after{content:'x'; position: absolute; ;font-size: 22px; top: 4px;left: 9px; }
.cerrar-menu{position: absolute; display:none; right: 5px; top: 0; border-color: #FFFFFF; width: 25px; height: 25px;}
.cerrar-menu:after{content:''; display: none; }
.cerrar-menu.mostrar { display: block; }
#search-input { background-color: white; border: 0; font-size: 21px;  border-bottom: 1px solid; width: 100%; padding-left: 10px;}
.input-search .input-group-addon{background-color: transparent;  border: 0; border-radius: 0;}
.content-search .form-group, .content-search .input-group {width: 100%}
.content-search .input-group .fa-search{font-size: 30px;   color: #3f613a;}

#search-input::-webkit-input-placeholder { color: #595353; font-weight: 300; font-size: 15px; }
#search-input:-moz-placeholder { color: #595353; font-weight: 300; font-size: 15px; }
#search-input::-moz-placeholder { color: #595353; font-weight: 300; font-size: 15px; }
#search-input:-ms-input-placeholder { color: #595353; font-weight: 300; font-size: 15px; }

.content-cotizar {width: 100%; padding: 15px 20px; background: #FFFFFF; margin: auto;margin-top: 135px;position: relative; text-align:center;}
.content-cotizar .contenido{padding: 0 15px}
.content-cotizar .contenido h3{font-size: 23px; font-weight: bold; text-transform: uppercase;}
.content-cotizar .contenido p{font-size: 12px; line-height: 1; text-transform: uppercase;}
.content-cotizar .link-opt1, .content-cotizar .link-opt2 {margin: 10px auto}
.content-cotizar .personaje {position: absolute; right: 30px; bottom: 0; width: 30%}

.link-opt1, .link-opt2 { text-align:center; display: block; padding: 10px 30px; border-radius: 0; width: 285px; font-size: 15px; font-weight: bold;}
.link-opt1, .link-opt1:hover{ cursor:pointer; border-radius: 10px; border: 1px solid black; background: white; color: black; text-decoration: none; }
.link-opt2, .link-opt2:hover{ cursor:pointer; border-radius: 10px; border: 1px solid #45ad36; background-color: #45ad36; color: #fff; text-decoration: none;  }

#categories{padding: 30px 0}
#categories.list{padding-top: 0}
#categories.list .title-section{margin-bottom: 20px}

.categoria {margin: 15px auto; position: relative; border-radius: 5px}
.categoria img{width: 100%; border-radius: 10px}
.categoria .label-cat{position: absolute; bottom: 0; left:20px; right: 0; padding: 15px; display: table; width: 100%}
.categoria .label-cat .namecat{float: left; position: absolute;bottom: 10px}
.categoria .label-cat.maq .namecat{left: 95px}
.categoria .label-cat.agro .namecat{left: 100px}
.categoria .label-cat.amb .namecat{left: 95px}
.categoria .label-cat.rub .namecat{left: 125px}
.categoria .label-cat.res .namecat{left: 95px}
.categoria .label-cat.equi .namecat{left: 95px}
.categoria .label-cat .cat, .categoria .label-cat .name{text-align: left; font-size: 25px; color: white; display: block; line-height: 1; text-transform: uppercase;}
.categoria .label-cat .cat{font-weight: 300;}
.categoria .label-cat .name{font-weight: 700}

.iconcat{height: 75px; background-image: url(../images/logoscategorias.png); background-repeat: no-repeat; display: block; float: left; position: absolute; bottom: 13px}
.iconcat.icon-maq{width: 69px; background-position: 0 0; }
.iconcat.icon-agro{width: 77px; background-position: -92px 0; }
.iconcat.icon-amb{width: 67px; background-position: .193px 0; }
.iconcat.icon-rub{width: 105px; background-position: -284px 0; }
.iconcat.icon-res{width: 69px; background-position: -413px 0; }
.iconcat.icon-equi{width: 65px; background-position: -507px 0; }

.filter-search{background-color: #b1b1b1; width: 100%; display: table; padding: 25px 0; position: relative;}
.filter-search span{color: white}
.filter-search .container .person{position: absolute; bottom: -25px; left: 0; z-index: 999}
.textsearch {padding-left: 160px; }
.textsearch.filterhome {padding: 0; width: 100%; text-align: center; margin: 30px}
.textsearch.filterhome span{color: #525252; text-transform: uppercase; font-size: 40px}
.textsearch span {font-size: 25px; color: white; font-weight: 300;text-align: center;}
#list-categ {position: relative;}
.filterhome #list-categ > a{color: #525252; border-bottom: 1px solid #525252; }
.filterhome #list-categ > a:hover {background-color: transparent; }
#list-categ > a { font-size: 40px; position: relative;  font-weight: 900; color: white; margin: 0 10px; border-bottom: 1px solid white; cursor: pointer;}
#list-categ > a::before {
 content: '';
 position: absolute;
 right: -32px;
 top: 18px;
 width: 22px;
 height:12px;
 background-image: url('../images/arrowdown.png');
 background-repeat: no-repeat;
}
.filterhome #list-categ > a:before{background-image: url('../images/arrowdown2.png');}
#list-categ a:hover, #list-categ a:active, #list-categ a.active  { background-color: #b0b0b0; text-decoration: none;}
.filterhome #list-categ a:hover, .filterhome #list-categ a:active, .filterhome #list-categ a.active  { background-color: transparent; text-decoration: none;}
/*Submenu*/

#list-categ  ul.submenu {max-height: 200px; overflow: auto; position: absolute; top:40px; left: 0; text-align: left; background-color: #fff; padding: 10px; display: none; list-style-type: none;z-index: 999;width: auto; min-width: 100%}
#list-categ  ul.submenu li a{width: 100%; padding:5px 15px 5px 30px; position: relative; display: block; font-size: 18px; line-height: 1; color: #525252}
#list-categ  ul.submenu li a:hover{ background: transparent; text-decoration: none; color: #fff; background-color: red;}
#list-categ  ul.submenu li a:hover::before {content: '-'; position: absolute; top: 18%; left: 15px; }

.banner-horizontal {margin-bottom: 50px}
.banner-horizontal img{width: 100%}

.filterleft{margin-bottom: 25px}
.menu-expand {
  display: block;
  width: 100%;
  padding: 15px 10px;
  color: #4c6e8a;
  background-color: #c8d2db;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px 5px 0 0;
  margin: 0;
  cursor: pointer;
}
.menu-expand:hover{text-decoration: none}
.menu-expand span.fa { float: right;  -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease; }
.menu-expand[aria-expanded="true"] span.fa {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg);}

.filterleft .contexpand{min-height: 20px; padding: 19px; background-color: #f9f9f9;}

.searchleft { position: relative; color: #b9b9b9; font-size: 14px;}
.searchleft input {width: 100%; height: 40px; background: #fcfcfc; border: 1px solid #ccc; border-radius: 5px; padding-right: 30px; padding-left: 10px; color: #111}
.searchleft .fa-search { position: absolute; top: 12px; right: 10px;}

.list-subcat {padding: 0;margin: 0; list-style: none;}
.list-subcat li {padding: 7px 0; font-size: 14px}
.list-subcat a.active{font-weight: 700}

.cat_padre,
.cat_padre:hover {
    background: #ddd;
    display: block;
    padding: 5px 10px;
    text-align: center;
    color: gray;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.cat_padre:after {
    content: 'x';
    position: absolute;
    font-size: 17px;
    color: #c55353;;
    top: -4px;
    right: 4px;
}

.select-net{padding: 0; margin-top: 0; list-style-type: none; text-align: justify;}
.select-net li{display: block; text-align: left; }
.select-net li, .select-net li label{cursor: pointer;font-weight: 400; font-size: 14px; color: #4c6e8a; margin: 6px 0}
.select-net li span{font-size: 14px}
.select-net li i.fa {font-size: 20px; padding: 10px; width: 40px; height: 40px;}
/*** custom checkboxes ***/
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label{position: relative; padding-left: 25px}
input[type=checkbox] + label:before {font-family: FontAwesome; display: inline; margin-left: 5px; position: absolute;}
input[type=checkbox] + label:before {content: "";margin-right: 10px; left: 0; top: 2px; border: 1px solid #4c6e8a;  font-size: 12px; background-color: transparent; width: 14px; height: 14px; display: inline-block;} /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { width: 14px; height: 14px; border: 1px solid #4c6e8a; content: "\f00c"; color: #fff; background-color: #4c6e8a; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
input[type=checkbox]:checked + label{font-weight: 700}
input[type=text], select, textarea, .form-control {border:1px solid #ccc; border-radius: 0}

input#amount{border:0; background: transparent; color: #4c6e8a; font-weight:bold;font-size:14px; width: 100%; text-align: center;}

#slider-range {height: 8px; border-radius: 0;}

#slider-range .ui-state-default, #slider-range .ui-widget-content .ui-state-default,#slider-range  .ui-widget-header .ui-state-default{
    border: 0px;
    background: #0475a8 ;
    font-weight: normal;
    color: #0475a8;
    width: 16px; height: 16px;
    top: -5px;
    border-radius: 8px
}
#expand4 .btn-group{text-align: center}
.checkcolor{position: relative; width: 25px;height: 25px; border-radius: 4px !important; border:0 ; margin: 5px}
.checkcolor input[type="checkbox"] {border-radius: 4px !important; }
.checkcolor.active{ webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.82);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.82);
box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.82); }
.checkcolor.active:before{font-family: FontAwesome;content:'\f00c'; color: white; font-size: 10px; position: absolute; top: 5px; left: 6px;}
.btn-group>.checkcolor{float: none;}

.selectview {padding: 5px; font-size: 12px; position: absolute;  right: 15px;  top: 15px; color: #8193A3; height: 38px; padding-left: 44px;}
.selectview:before{content: 'Vistas'; position: absolute; left: 6px; top:12px}
.selectview .vw{height: 24px; background-image: url(../images/views.png); display: inline-block; padding: 0;margin: 2px 7px; background-repeat: no-repeat;}
.selectview .vw.grid{width: 24px; background-position: 0 0}
.selectview .vw.grid.active, .selectview .vw.grid:hover{background-position: 0 -23px}
.selectview .vw.grid.active, .selectview .vw.list.active{cursor: inherit;}
.selectview .vw.list{width: 34px; background-position: -36px 0}
.selectview .vw.list.active, .selectview .vw.list:hover {background-position: -36px -23px}

.listaproduc .items.horiz .contsol{padding: 0; text-align: inherit;}
.listaproduc .items.horiz .contimg {width: 30%; float: left; border-right: 1px solid #F0F0F0; text-align: center}
.listaproduc .items.horiz .contdetal{position: relative; width: 70%; float: left; padding: 30px 20px; }
.listaproduc .items.horiz .contdetal h4 {position: absolute; top: 0; left: 0; margin:0;}
.listaproduc .items.horiz .contdetal h3 a {text-align: left; font-size: 14px; color: #777}
.listaproduc .items.horiz .contdetal p.descr{text-transform: none; line-height: 1; color:#777;  font-size: 13px; text-align: left; padding:15px 0; margin: 0}
.dispon {background-color: #c97277; color: white; font-weight: 300; padding: 6px 10px; border-radius: 5px; font-size: 12px; line-height: 1; height: 30px; display: inline-block;}
.dispon i.fa{font-size: 18px; font-weight: 300;}
.dispon b {font-size: 18px; font-weight: 300;}
.listaproduc .items.horiz .contdetal .precio{text-align: right;margin-top: 15px}

.listacontizacion{ list-style: none; padding: 0px; display: block; width: 100%; background: #f5f5f5; padding: 20px;  }
.listacontizacion li .cont-item{width: 50%; float: left}
.listacontizacion li .item1{width: 15%}
.listacontizacion li .item2{width: 45%}
.listacontizacion li .item3 {width: 35%;}
.listacontizacion li .item3 > div {margin-left: 2.5%; margin-right: 4%; display: inline-block;}
.listacontizacion li{ padding: 20px 0px; border-bottom: 1px solid #dbdbdb; }
.listacontizacion li:nth-child(1){ border-top: 1px solid #dbdbdb; }
.listacontizacion li > div{ display: table-cell; vertical-align: middle; font-size: 14px; overflow: hidden; }
.listacontizacion li .contimg img{ width: 100%;}
.listacontizacion li div input{ width: 50px; padding: 10px 0px; }
.listacontizacion li div.contimg{ position: relative; padding: 0px; margin:0px; }
.listacontizacion li div.contimg .color{ position: absolute; bottom: 3px; left: 0px; width: 25px; height: 25px; border: 1px solid #848181; border-radius: 2px }
.listacontizacion li .item2 .txt { padding: 0px 20px;  }
.listacontizacion li .item2 .txt p{  margin: 0px; margin-bottom: 5px; line-height: 16px; }
.listacontizacion li .item2 .txt label,
.sidebar-prod label.dispo,
.item-cotiza label.dispo, .dispo{ background: #c97277; color: #fff;font-size: 15px; display: inline-block; padding: 5px 10px; min-width: 200px; border-radius: 5px; font-weight: 200; }
.listacontizacion li div.txt label span,
.listacontizacion li div.inp input{ text-align: center; }
.listacontizacion li div.valo{ text-align: left; font-weight: 600; color: #777}
.listacontizacion li div.valo p{ margin: 0px; font-size: 13px; font-weight: 300 }
.listacontizacion li div.valo span{ font-size: 20px; color: #525252; }
.listacontizacion li div.valo span strong{ color: #777; }
.listacontizacion li div.op a{ color: #ce0a15; text-decoration: none; font-size: 20px; }

.sidebar-prod label.dispo span,
label.dispo span{ font-size: 9px; margin-left: 3px; margin-right: 3px; vertical-align: middle;}


.listacotiza{background: #fff;list-style: none; padding: 0px; display: block; width: 100%;  padding: 20px 0; border-radius: 8px  }
.listacotiza .item-cotiza  {color: #777; text-align: left; margin:15px; border-bottom: 1px solid #dbdbdb;}
.title-items {background-color: #b7bdca; text-align: center; color: #fff;font-size: 14px;line-height: 1; padding: 10px 15px;margin-bottom: 15px; font-weight:700;}
.listacotiza .item1, .title-items .item1{width:10%; display: table-cell; vertical-align: middle;}
.listacotiza .item2, .title-items .item2{width:45%; display: table-cell; vertical-align: middle;}
.listacotiza .item3, .title-items .item3{width:7%; display: table-cell; vertical-align: middle;}
.listacotiza .item4, .title-items .item4{width:19%; display: table-cell; vertical-align: middle;}
.listacotiza .item5, .title-items .item5{width:19%; display: table-cell; vertical-align: middle;}
.listacotiza .item-cotiza > div{ text-align: center; margin: auto; float: left; padding: 10px}
.listacotiza .item-cotiza > div > div {margin: auto;}
.listacotiza .item-cotiza .contimg{position: relative;display: block;padding: 0; max-width: 80px}
.listacotiza .item-cotiza .contimg img{width: 100%; border: 1px solid #ccc;}
.listacotiza .item-cotiza .contimg .color{position: absolute; bottom: 0; left: 0;width: 25px; height: 25px; border: 1px solid #848181; border-radius: 2px }
.listacotiza .item-cotiza .txt {text-align: left; line-height: 1; font-size: 14px; color: #777}
.listacotiza .item-cotiza .txt h4{text-transform: uppercase; font-weight: 300; padding:0; margin: 0; margin-bottom: 5px;}
.listacotiza .item-cotiza .txt >span{display: block; font-weight: 700; padding: 0; margin: 0; margin-bottom: 5px; }
.listacotiza .item-cotiza label.dispo {margin: 10px 0}
.listacotiza .item-cotiza .item3 .cant span{position: relative; background: #f3f5f8; color: #3e3e3e; display: inline-block; width: 40px; height: 40px; text-align: center;  border-radius: 50%;   font-weight: bold;   line-height: 37px;}
.listacotiza .item-cotiza .item3 .cant span:before{display: none}
.listacotiza .item-cotiza .item4, .listacotiza .item-cotiza .item5 {text-align: left;}
.listacotiza .item-cotiza .item4 p, .listacotiza .item-cotiza .item5 p{font-size: 13px; font-weight: 300}
.listacotiza .item-cotiza .item4 span, .listacotiza .item-cotiza .item5 span{font-size: 20px}

.sidebar-prod label.down {border: 1px solid #8dbcc3; background: #8dbcc3; border-radius: 5px; padding: 5px 10px; min-width: 200px; width: 100%; color: #FFFFFF; font-size: 16px; vertical-align: middle;}
.sidebar-prod label.down:hover{background-color: #48b3c3;  }
.sidebar-prod label.down span{vertical-align: middle;}
.sidebar-prod label.down a{color: #FFFFFF;}
.sidebar-prod label.down a:hover{font-weight: 700; text-decoration: none;}

.cotizacion .container{ background: #fff; color: #777777; padding: 0px; }
.cotizacion .filtros{ font-size: 20px; display: table; width: 100%; padding: 30px 15px; border-bottom: 1px solid #dbdbdb; }
.cotizacion .filtros select{text-align: center; font-weight: 900; border:0px; border-bottom: 2px solid #3f613a; width: 45%; margin: auto; float: left; margin-left: 15px;padding: 8px; }
.cotizacion .filtros select{text-transform: uppercase; text-align: center; font-weight: 900; border:0px; border-bottom: 2px solid; width: 100%; margin: auto; padding: 8px;}
.cotizacion .filtros .form-group{width: 45%; margin: auto; float: left; margin-left: 15px; }
#div_ciudad input{text-align: center; height:44px; font-weight: 900; width: 100%; margin: auto; float: left; padding: 8px; }
#div_ciudad .cargando{text-align: center; height:44px; line-height:44px; font-weight: 900; width: 45%; margin: auto; float: left; margin-left: 15px; padding: 8px; }
.cotizacion .filtros input{ vertical-align: middle; border-radius: 5px; padding: 5px; outline: none;font-size: 15px; height: 40px; }
.cotizacion .filtros button{ height: 40px; background: #82afc9; border-color: #82afc9; }
.cotizacion .filtros form{ width: 100%; text-align: right; }
.cotizacion .conten{ padding: 30px 40px; }
.cotizacion .conten h1{ font-size: 18px; color: #3f3f3f; }
.cotizacion .intro{text-align: center; line-height: 1.2; padding: 30px 30px; }
.cotizacion .intro h3{font-weight: 300}
.cotizacion .intro p{font-size: 16px; width: 80%; margin: auto}
.link-blue, .link-orange{width: 100%; display: block;padding: 12px; height: 62px; text-align: center;line-height: 40px; color: white; text-decoration:none;}
.link-blue *, .link-orange * {float: left}
.link-blue{background: #4794f3;}
.link-orange{background: #deac40;}
.icon-btn{height: 40px; margin: 0 15px; background-image: url('../images/icons.png');     background-repeat: no-repeat; float: left; margin-left: 21%;}
.icon-btn.icon-send{ background-position: -46px 0; width: 33px; }
.icon-btn.icon-download{ background-position: 0 0; width: 41px; }

.cotizacion .izquie button{ height: 40px; background: #82afc9; border-color: #82afc9; float: right; }
.cotizacion .izquie input{ height: 40px; font-size: 15px; margin-right: 10px; padding: 5px; width:75%; border-radius: 5px; }
.cotizacion .izquie table{ background: #f5f5f5; width: 100%; padding: 20px; border-radius: 10px; margin-top: 20px; }
.cotizacion .izquie table tr td{ padding: 5px 10px; font-size: 15px; }
.cotizacion .izquie table tr td.de{ text-align: right; }
.cotizacion .izquie table tr td b{ font-size: 20px; color: #777}
.cotizacion .izquie table tr td b.gre{ color: #00b533; }
.cotizacion .izquie .totalpa{ background: #cafa73; width: 100%; padding: 10px; font-weight: normal; font-size: 15px; border-radius: 10px; margin-top: 20px; }
.cotizacion .izquie .totalpa b{ position: relative; top: 5px; }
.cotizacion .izquie .totalpa span{ font-size: 20px; float: right; }
.cotizacion .izquie .tiemp{ border:1px solid #c97277; border-radius: 10px; padding: 5px; margin-top: 10px;}
.cotizacion .izquie .tiemp .cont{ background: #c97277; border-radius: 5px; color: #fff; padding: 10px; }
.cotizacion .izquie .tiemp .cont img{ display: inline-block; }
.cotizacion .izquie .tiemp .cont .txt{ display: inline-block; font-size: 12px; vertical-align: middle; padding: 0px 5px; font-weight: 600; }
.cotizacion .izquie .tiemp .cont .txtd{ display: inline-block; font-size: 20px; vertical-align: middle; padding: 0px 10px; }
.cotizacion .izquie .conrtxt{ text-align: center; font-size: 12px; color:#c97277; margin-top: 10px; }
.cotizacion .linsepa{ width: 100%; border-bottom: 1px solid #dbdbdb; }
.cotizacion .formcoti label{ color: #777777; font-size: 14px; }
.cotizacion .formcoti input{ width: 100%; background: #f9fafa; border:1px solid #cccdcd; height: 52px; padding: 1px 10px;}
.cotizacion .formcoti select{ width: 100%; background: #f9fafa; border:1px solid #cccdcd; height: 52px; }
.cotizacion .formcoti textarea{ width: 100%; background: #f9fafa; border:1px solid #cccdcd; height: 150px;  }
.cotizacion .formcoti h4{ font-size: 18px; margin-top: 27px; }
.cotizacion .formcoti p{ font-size: 15px; }
.cotizacion .formcoti .link{ width: 250px; margin: auto; margin-top: 20px; color: #fff }
.cotizacion .formcoti .link p{ margin: 0px;  line-height: 17px; }
.cotizacion .formcoti a{ color: #003adf; font-weight: 600; }
.cotizacion .formcoti button{ background: #42b316; margin: auto; border-color:#42b316; margin: auto; display: block; margin-top: 20px; font-size: 20px; padding: 5px 20px;  }

.cotizacion .contg{ background: #f3f5f8; padding: 20px 40px; font-size: 15px; color: #232323; margin-top: 40px; border: 1px solid #ccc;}
.cotizacion .contg .contlog{ overflow: hidden; padding-top: 20px; padding-bottom: 20px; }
.cotizacion .contg .contxtsu{ border-top: 1px dotted #676868; overflow: hidden; padding-top: 20px; }
.cotizacion .contg p{ margin: 0px; }
.cotizacion .contg .conlog{ color: #81a83a; font-weight: 600; }
.cotizacion .contg .conlog img{ margin-bottom: 5px; }
.cotizacion .contg .conlog .contico{  margin-left: 10px; margin-right: 5px; }
.cotizacion .contg h4{ font-size: 15px; font-weight: 600; }
.cotizacion .contg .izquie table{  background: #fff; }
.cotizacion .contg .listacontizacion{ background: #fff; }
.cotizacion .contg .listacontizacion .title{ background: #b7bdca; color: #fff; text-align: center; }
.cotizacion .contg .listacontizacion .contimg{ width: 10%; }
.cotizacion .contg .listacontizacion .contimg img{ max-width: 100%; width: initial; }
.cotizacion .contg .listacontizacion .txt{ width: 45%; }
.cotizacion .contg .listacontizacion .inp{ width: 10%; text-align: center; }
.cotizacion .contg .listacontizacion .inp span{ background: #f3f5f8; color: #3e3e3e; display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 50%; font-weight: bold; line-height:  37px}
.cotizacion .contg .listacontizacion .valoantiva{ width: 15%; }
.cotizacion .contg .listacontizacion .valo{ width: 18%; }
.cotizacion .contdat {  background: white;   border: 1px solid #ccc;   border-radius: 10px;   padding: 10px;}
.cotizacion .contg .note {text-transform: uppercase; text-align: center; margin: 20px auto; width: 90%}


.contactenos .izqcon{ text-align: right; color: #3f3f3f; }
.contactenos .logcont{ margin-bottom: 10px; }
.contactenos  .formcoti p, .cotizacion .link-term p{ margin: 0px;  font-size: 20px;}
.contactenos .formcoti .link-term, .cotizacion .link-term { display: inline-block; font-size: 12px; }
.contactenos .formcoti .link-term a, .cotizacion .link-term a{  font-size: 12px; }
.contactenos .formcoti .link-term p, .cotizacion .link-term p{ font-size: 12px; }
.contactenos .formcoti .link{ float: right; margin: 0; color: #fff }
.cotizacion .link-term {display: table; margin: auto;}
.infocontacto {
    margin: 10px 0 20px;
    background: #E2E2E2;
    font-size: 15px;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}

.form-group {
    position: relative;
}

label.error {
    color: red !important;
    font-size: 10px !important;
    position: absolute;
    left: 15px;
    top: 100%;
}

input.error {
    color: red !important;
    border: 1px red solid !important;
}

.toggledos{ display: none; }

/** Social Button CSS **/

.sharebox{background-color: #fff; border:1px solid #bfdb19; padding:10px 20px 10px 40px; display: table;  width: 100%; margin-bottom: 20px;}
.sharebox span.icon-heart{color: #bfdb19; font-size: 22px; font-weight: 700; margin-right:  10px; line-height: 22px; float: left; position: relative; padding-left: 30px}
.sharebox span.icon-heart::before {content:''; background-image: url('../img/icons.png'); background-position: -206px -10px; width: 30px;height: 27px; left: -15px;top: 0; position: absolute;}
.share-btn {    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 4px 10px;
    width: auto;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 500
  }

.share-btn:hover {  color: #eeeeee;}
.share-btn:active {  position: relative;  top: 2px; box-shadow: none; color: #e2e2e2; outline: none;}
.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.pinterest    { background: #bd081c; }
.sharing{margin: 30px 0}

#sync1 .item{ background: #fff; padding: 20px 0px; margin:0 5px; color: #FFF; text-align: center; border:1px solid #ccc;}
#sync2 .item{ border: 1px solid #ccc; margin: 5px; color: #FFF; text-align: center; cursor: pointer;}
#sync2 .item h1{ font-size: 18px;}
#sync2 .synced .item{  background: #0c83e7;}

#detalprod > .container{background-color: #fff; padding:30px; border-radius: 5px; margin-bottom: 35px}
.sidebar-prod {background-color: #f1f1f1; border-radius: 5px; padding:30px 15px; position: relative; }
.sidebar-prod > .row {margin-top: 15px; margin-bottom: 15px}
.sidebar-prod .row.caracter {border-width: 1px 0px; border-style: solid; border-color: #ccc; padding: 15px 0; list-style: none; }
.sidebar-prod span.cat {top: 0; position: absolute; left: 0}
.sidebar-prod h3 {font-size: 18px; color: #777; margin: 10px 0px;}
.sidebar-prod h5 {font-size: 13px; color: #777; line-height: 1.2; margin: 15px 0; }
.sidebar-prod .precios{text-align: center; padding: 15px; font-size: 20px; color: #525252; line-height: 1}
.sidebar-prod .precios span{color: #777}
.sidebar-prod .precios .prec-ant{text-decoration: line-through; font-weight: 300}
.sidebar-prod .precios .prec-final{font-size: 30px; font-weight: 300}
.sidebar-prod .sharing{text-align: center; margin: 0; margin-top: 30px }
.sidebar-prod .link{width: 90%; margin: auto;}

#detalprod .descrip{font-size: 16px; line-height: 1; margin: 30px 0 }

.listgeneral{list-style-type: none; padding-left:15px }
.listgeneral li{position: relative; line-height: 1.5}
.listgeneral li:before{content: ''; position: absolute; display: block; left: -12px; top: 50%; margin-top: -4px; width: 7px;height: 7px; border-radius: 50%; background-color: #45ad36; }

.certifica {padding: 0; margin-top: 0; list-style-type: none}
.certifica li{display: inline-block;}

#parent {display: table}
#parent .child {display: table-cell;  vertical-align: middle; text-transform: uppercase; padding: 5px; color: #838383; line-height: 1;}
#parent .child.one  {width: 25%;}
#parent .child.three{width: 33%; }
#parent .child.two {width: 40%;}
#parent .child span{font-size: 13px}
#parent .child.three *{float: left}
#parent .child.three input {width: 55px;height: 40px;font-size: 15px; padding: 10px 5px; border-radius: 5px; border:1px solid #ccc;}
#parent .child.three span {line-height: 40px; margin-right: 10px}

.socialicon {list-style: none; margin: 15px auto; padding: 0; color: white !important; font-size: 30px;}
.socialicon .twitter {font-size: 25px;}
.socialicon li {   display: inline-block;  margin: 0;   padding: 0;}

.toggledos {
    }

@media(max-width: 999px){
  .toggledos{ display: inline-block; font-size: 30px; cursor: pointer; padding: 10px; }
  .supermenu { display: block; }
  .supermenu .menu_categorias { left: 15px; margin-top: -1px; }
  .segmenu{ padding: 0px; }
  .segmenu .container{ padding: 0px; }
  .segmenu ul{ display: block; position: absolute; top: 100%;  z-index: 99999; padding: 5px 0; }
  .segmenu ul li{ display: block; border:0px !important; padding: 5px 5px; }
  .segmenu ul li.abrir_dropdown .soluno { height: auto; }
  .segmenu ul li .dropdown-menu.soluno .dropdown-menu.soldos { display: block; position: inherit; height: 0; overflow: hidden; }
  .segmenu ul li .dropdown-menu.soluno li.abrir_dropdown .soldos { height: auto; }
  .dropdown-menu { display: block; height: 0; overflow: hidden; }
  .segmenu ul li a,
  .segmenu ul li .dropdown-menu.soluno li a {  text-align: left; width: 100%; display: inline-block; height: 35px; line-height: 35px; padding: 0 35px 0 15px; }
  .segmenu ul li .dropdown-menu ul {
    width: auto;
  }
  .segmenu ul li div.abrir_movil {  top: -0; right: 0; font-size: 25px; line-height: 1; cursor: pointer; line-height: 35px; width: 35px; height: 35px; text-align: center; }
  .segmenu ul li div.linka{  text-align: left; width: 100%; display: inline-block; padding-left: 20px; }
  .segmenu ul li .dropdown-menu.soluno { position: inherit; }
  .segmenu ul li .dropdown-menu.menucon3 { position: relative; left: 0px; }
  .segmenu ul li .dropdown-menu.menucon3 {max-height: 250px; overflow: auto;}
  .segmenu ul li ul{ position: relative; }
  .segmenu ul li .dropdown-menu{ margin-top: 12px; }
}

@media(min-width: 768px){
    .video_preview img{
        width: 640px;
        height: 480px;
    }
}

@media(min-width: 992px){
    .segmenu ul li:hover .soluno{ display: block; }
    .segmenu ul li .dropdown-menu.soluno li:hover .soldos{ display: block; }
}

.tittelfooter { display: block; text-align: center; background: white; color: red; font-size: 15px; padding: 10px 0; }
.teelfooter { display:inline-block; color: white; font-size: 26px; line-height: 1.2; padding: 10px 20px; text-align: center; border: 1px solid white; }

@media(max-width: 768px){
    .header .contmenu{ text-align: right; }
    .header .contmenu span.buscanor{ display: none; }
    .listaproduc .items .contsol{ height: auto !important; }
    .listaproduc .items img{ display: block; margin: auto; }
    .listaproduc .items .contsec{ padding: 10px; line-height: 1.2; }
    .pro_nombre_centrar { text-align: center !important }
    .toggle{ display: inline-block; margin-left: 30px; cursor: pointer; font-size: 24px; vertical-align: middle; }
    .header{ position: relative; }
    .header a.logo img{ width: 90px; }
    .header .izq{ text-align: left; padding-top: 10px; padding-bottom: 10px; }
    .izq strong {    font-size: 14px;}
    .header .contmenu ul{ position: relative; top:25px; left: 0px; width: 100%; display: none; height: auto}
    .header .contmenu ul li{ display: block; padding: 5px 0px; text-align: center; font-size: 13px }
    li.stretch{display: none}
    .header .contmenu ul li a{display: block;}
    .header .sub {text-align: center; margin-bottom: 5px}
    .header .sub:after{left: -50%}
    span.buscamovi{ position: absolute; right: 15px; top: 10px; z-index: 999;}
    .segmenu ul{ display: block; }
    .segmenu ul li{ display: block; border:0px !important; padding: 5px 5px; }
    #slider .owl-buttons div{padding: 0px; margin: 0;}
    #slider .owl-buttons img{width: 50%;}
    .textsearch.filterhome {margin: 15px 0 }
    .textsearch.filterhome span {font-size: 24px; line-height: 1.2}
    #list-categ > a {font-size: 30px}
    #list-categ > a:before{top: 15px}
    .listaproduc .items .cont .hhov{height: auto}
    .listaproduc .items .contsec:after{border: 0}
    .footer{text-align: center}
    .footer .sesion{display: none}
    .contactenos .izqcon {display: none}
    .contactenos .formcoti button{float: none;margin: auto; margin-top: 15px}
    .cotizacion .conten {padding: 15px}
    .link-blue, .link-orange {font-size: 15px;margin-bottom: 5px; height: 50px; line-height: 26px}
    .icon-btn {width: 20px; margin:5px}
    .icon-btn.icon-download, .icon-btn.icon-send{width: 20px;height:20px; background-size: cover; }
    .icon-btn.icon-download {background-position: 0 0}
    .icon-btn.icon-send {background-position: -20px 0}
    .cotizacion .contg {padding: 10px 20px}
    #parent .child.one, #parent .child.two, #parent .child.three {width: 100%; padding: 5px; display: block;}
    .listaproduc .items.horiz .contdetal, .listaproduc .items.horiz .contimg {width: 100%}
    .categoria .label-cat .cat, .categoria .label-cat .name {font-size: 20px}
    .listacontizacion li .item1, .listacontizacion li .item2 {width: 45%; text-align: center;}
    .cotizacion .izquie .tiemp .cont .txt {font-size: 13px}
    .cotizacion .izquie .tiemp .cont .txtd {padding: 0 5px; font-size: 20px}
    #top-banner {padding: 50px 0 30px 0}
    #top-banner span {padding: 0 10px}
    #top-banner span.thin, #top-banner span.bold{font-size: 22px}
    .text-banner.categ {padding-left: 10px}
    .contentx { font-size: 14px; }
    .contentx h3, .contentx h2, .contentx h1 { font-size: 18px; }
    .contentx img { width: initial; max-width: 100%; height: auto !important; }
    .breadc .breadcrumb.opt2 { margin: 0; }
    .disponbilifix { margin-top: 15px; padding-right: 15px !important; padding-left: 15px !important; width: 100%;}
    .dispo { width: 100%; }
    .btn-group.child.two { text-align: center; }
    .breadc { margin-bottom: 0; }
    .items.rec .cont {height: auto !important;}
    .listaproduc  .imadesta { padding: 10px 0;}
    .container-fluid.header { padding: 0; }
    .container-fluid.header .col-xs-12.col-sm-4.col-md-4.izq{ padding: 10px 0; }
    .container-fluid.header .col-xs-12.col-sm-8.col-md-8.derneg{ margin-top: -55px; }
    .listaproduc .items .cont .link { float: none; }
    .breadcrumb.all-notices { margin-bottom: 0; }
    .sharing { text-align: center; }
    .sharing a { margin-bottom: 10px; }
    .items .item-grid-blog .text p.anima{ height: 0 !important!; padding: 0 15px !important;}
    .cont-detalle {padding: 30px;}
    .cont-detalle.body-detal { width: 100%; }
    #categories { padding: 15px; }
    .textsearch { padding-left: 0; text-align: center; }
    .sidebar-prod span.cat { position: initial; margin-left: -15px; margin-right: -15px; display: block; margin-top: -30px; }
    .cotizacion .filtros .form-group { width: 100%; margin: initial; float: none; margin-left: 0;}
    .slider .owl-controls { margin-top: -10px; }
    .segbloque { text-align: center !important; padding: 0 !important; margin-top: 20px; }
    .titulowe { display: block; text-align: center; margin-bottom: -15px; }
    .contmenu { padding: 0; }
    .footer .contmenu ul{ text-align: center !important; margin-top: 20px;}
    .footer .contmenu ul li{ margin-bottom: 15px; }
    .footer .contmenu ul li a { padding: 10px 5px 10px 5px;}
    .blocontacto { text-align: center !important; margin-bottom: 20px;}
    .copy { text-align: center !important; }
    .footer .logo {display: inline-block !important; width: auto !important; }
    .header .izq .datos-chin { margin-top: 15px; padding-left: 5px;}
    .header a { padding: 5px 10px; }
    .items .item-grid-blog .title { font-size: 16px; }
    .selectview {position: relative; display: block; text-align: right;}
    .selectview:before{top:9px; left: inherit; right: 100px;}
}

@media(max-width: 480px){
.content-cotizar .personaje {display: none}
.content-cotizar {margin-top: 50px}
.link-opt1, .link-opt2 {width: 100%; padding: 10px }
.cotizacion .intro p {width: 100%}
.certifica li {width: 30%}
.listacotiza .item-cotiza *{text-align: center;}
.listacotiza .item-cotiza .item1{width:100%; }
.listacotiza .item-cotiza .item2{width:100%; }
.listacotiza .item-cotiza .item3{width:50%; }
.listacotiza .item-cotiza .item4{width:50%; }
.listacotiza .item-cotiza .item5{width:100%; }
.listacotiza .item-cotiza .txt {text-align: center}
.listacotiza .item-cotiza .item3 .cant {text-align: right;}
.listacotiza .item-cotiza .item3 .cant span:before{content: "Cantidad"; position: absolute;font-size: 14px;right: 110%; top:2px;display: block; font-weight: 300; color: #777}
.cotizacion .filtros select{width: 100%; margin: 10px 0}
.cotizacion .filtros form {text-align: center;}
.listacontizacion li .item1, .listacontizacion li .item2, .listacontizacion li .item3, .listacontizacion li .inp{width: 100%; text-align: center; display: block; margin: 5px auto}
.listacontizacion li .item2 .txt {padding: 0}
.listacontizacion li .valo{float: left;}
.listacontizacion li .op{float: right;}
#top-banner .text-banner.categ .iconcat {display: none;}
}


 /* SCROLLBAR CSS3 */
        ::-webkit-scrollbar{
          width: 10px;
          background: transparent;

        }
        ::-webkit-scrollbar-button{
          width:8px;
          height: 5px;
        }
        ::-webkit-scrollbar-track{
          background:#3c454e;
          border:thin solid #1a1f25;
          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
          -webkit-border-radius: 10px;
          border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb{
          background: #ddd;
          border:thin solid #232c34;
          border-radius: 10px;
          -webkit-border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover{
            background: #ddd
        }

        ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(77,161,112,.6);
        }

.modal-content{border: 0; border-radius: 0}
.modal-header {
    border: 0;
}


.modal-header h4{
	font-size: 18px;
	font-weight: 700;
	line-height: 2
}
.modal-header .close {
    padding: 8px;
    opacity: 1;
    border: 2px solid;
    font-weight: 400;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 12px;
    margin-top: 2px;
}
.modal-footer{text-align: center; border: 0;}

.cotizacion a.recupera{float: right; color: #002174; text-decoration: underline; font-size: 15px; font-weight: 700; margin-top: 3px;}
/*
#registerform label,
#loginform label,
#loginform3 label,
#loginform2 label{color: #424242; font-size: 13px; font-weight: 400; float: left}
#loginform2 .form-group label,
#loginform3 .form-group label,
#loginform .form-group label,
#registerform .form-group label {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#loginform .form-inputs,
#loginform2 .form-inputs,
#loginform3 .form-inputs,
#registerform .form-inputs {
    display: block;
    width: 100%;
    height: 47px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
}
#loginform a.recupera,
#loginform3 a.recupera,
#loginform2 a.recupera{float: right; color: #002174; text-decoration: underline;}
#loginform,
#loginform3,
#loginform2 {
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 30px 10px;}
#registerform {
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 30px 10px;}
@media (min-width: 768px){
#loginmodal .modal-dialog {
    width: 480px;
    margin: 80px auto;
}
}

#registerform .bootstrap-select.btn-group {
    width: 100%;
    max-width: 480px;
    height: 45px;
}
#registerform .bootstrap-select.btn-group button {
        height: 43px;
    font-size: 14px;
    background-color: #ddd;}
#registerform .form-group .btn-default:after {
    content: '';
    position: absolute;
    background: transparent url('../images/chevron-down-black.png');
    width: 19px;
    height:10px;
    right: 10px;
    top: 18px
}*/
.hhov {
    position: relative;
}
.span-oferta {
    background: url(../images/oferta.png) no-repeat center top;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: normal;
    font-size: 20px;
    line-height: 60px;
    color: white;
    text-align: center;
    z-index: 9;
}

.datos_usuario {
    color: white !important;
}

.nombre_usuario {
    position: absolute;
    left: 0;
    top: 33px;
    width: 190px;
    margin-left: -80px;
}

.desplegable_usuario {
    position: absolute;
    left: 0;
    top: 50px;
    width: 220px;
    margin-left: -50px;
    padding: 15px 0 0;
    display: none;
}

.desplegable_usuario_inner {
    padding: 10px;
    position: relative;
}

.desplegable_usuario_inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -10px;
}

.desplegable_usuario a {
    padding: 0 5px;
}

.nombre_usuario:hover .desplegable_usuario,
.datos_usuario:hover .desplegable_usuario,
.desplegable_usuario:hover {
    display: block;
}

.ocultacompra {
    height: 1px;
    overflow: hidden;
    opacity: 0.000001;
}

.ocultacompra.mostrando {
    height: auto;
    opacity: 1;
}

.franja {
    position: relative;
}

.franja:before {
    content: " ";
    position: absolute;
    width: 5px;
    height: 30px;
    right: 100%;
    top: -3px;
    background: url(../images/franja-izq.png) no-repeat center;
}

.franja:after {
    content: " ";
    position: absolute;
    width: 5px;
    height: 30px;
    left: 100%;
    top: -3px;
    background: url(../images/franja-der.png) no-repeat center;
}

.item-historial {border: 1px solid #cecece; background-color: #f6f6f6; padding: 0; font-size: 13px}
.item-historial .cant {position: relative; display: table; text-align: center; font-size: 13px; min-height: 118px;}
.item-historial .cant .num  {display: block;  display: table-cell; vertical-align: middle; padding: 30px 0;}
.item-historial .cant .num span {font-size: 40px}
.item-historial .cant span.date, .item-historial .cant span.state{position: absolute; left: 0px; bottom: 0; right: 0px; padding: 5px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: white; background-color: #d43832}
.item-historial .cant span.state {top:0px; bottom: inherit;}
.item-historial .cant span.state.approved {background: green;}
.item-historial .artic, .item-historial .client {text-align: left; padding: 5px 25px}
.item-historial .artic span, .item-historial .client span {    font-weight: normal;    padding: 5px 0;    display: block; text-transform: uppercase;}
.item-historial .artic ul{list-style-type: none; padding: 0;  text-transform: uppercase;}
.item-historial .artic a {color: #324ca3; font-weight: bold; text-decoration: underline; text-transform: uppercase;}
.item-historial .prices {background-color: white; text-align: center; padding: 15px 0}
.item-historial .prices span{display: block; line-height: 1.2}
.item-historial .prices span.vgan, .item-historial .prices span.vventa{font-size: 20px; font-weight: bold; margin-bottom: 5px}
.item-historial .prices span.vgreen{color: #98c32f}
.item-historial .prices span.vred{color: #d43832}

.modal_busqueda{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.9);
    top: 0;
    left: 0;
    z-index: -999999;
    opacity: 0.000001;
    -webkit-transition: all 0.34s ease-in-out;
    -moz-transition: all 0.34s ease-in-out;
    -o-transition: all 0.34s ease-in-out;
    -ms-transition: all 0.34s ease-in-out;
    transition: all 0.34s ease-in-out;
}

.modal_busqueda.mostrarlo {
    z-index: 999999;
    opacity: 1;
}

.formulario_busqueda {
    width: 900px;
    margin: 30px auto;
    padding: 160px 40px;
    position: relative;
}

.formulario_busqueda .input-search{
    position: relative;
    width: 100%;
}

.ui-autocomplete {
    border: none;
    font-size: 11px;
    width: 100% !important;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto !important;
}

.ui-menu .ui-menu-item {
    padding: 0;
    border-bottom: 1px dashed #ccc;
    display: block !important;
}

.footer_menu {
    padding-top: 20px;
    display: inline-block;
    text-align: left;
}

#slider {
    min-height: 150px;
}

@media(max-width: 991px){
    #slider {
        min-height: inherit;
    }

    .formulario_busqueda {
        width: auto;
    }

    body.modal-open {
         position: fixed;
         width: 100%;
    }

    #search-input {
        font-size: 20px;
        padding: 0;
        line-height: 32px;
        height: 32px;
    }

    .recomendado {
        width: 90px;
    }

    .span-oferta {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 35px;
        background-size: cover;
    }

    .footer_menu {
        padding-top: 40px;
        display: block;
        text-align: center;
    }

    .footer .contmenu ul {
        padding-top: 20px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .ui-menu .ui-menu-item {
        padding: 10px;
        font-size: 12px;
    }
}

#floating_button_sirena {
    bottom: 65% !important;
}

.filtrar_bar {
    border-bottom: 1px dashed #8a8a8a;
    border-top: 1px dashed #8a8a8a;
    padding-top: 10px;
    padding-bottom:10px;
    margin-bottom: 30px;
    text-align: right;
    cursor: pointer;
}

@media(max-width: 991px){
    .textsearch span {
        font-size: 20px;
    }

    #list-categ {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #list-categ .link-sub {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 15px;
        font-size: 25px !!important;
        line-height: 1.1;
    }

    #list-categ .link-sub:before {
        top: 50%;
        margin-top: -6px;
        right: -11px;
    }

    #list-categ ul.submenu {
        top: 100%;
        max-height: inherit;
    }

    .filtrar_ocultar {
        display: none;
    }
}