body{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	}
#uno {background: url(../img/bg-mix-mascotas.jpg) repeat-x;}
#dos {background: url(../img/bg-mix-mascotas.jpg) repeat-x;}

.npl {padding-left: 0 !important;}
.npr {padding-right: 0 !important;}
.npt {padding-top: 0 !important;}
.npb {padding-bottom: 0 !important;}
.np {padding: 0 !important;}
.ac {text-align: center !important;}
.nml {margin-left: 0 !important;}
.nmr {margin-right: 0 !important;}

.clr {clear: both;}
.space {height: 25px;}
.space2 {height: 50px;}
.separador {border-bottom: solid 1px #f20000; height: 5px; margin-bottom: 10px; }

img {border: none;}
* {margin:0; padding:0;}

li {list-style: none;}

.polit{
  font-size: 15px !important;
  color: #000 !important;
  margin: 5px 0px !important;
}

.sep{
  margin-top: -4px !important;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 400;}

.ficha h1 {font-family: 'Oswald', sans-serif; font-weight: 400 !important;}
a:hover{text-decoration:none;}
ul, ol {margin-bottom: 0;  margin-top: 0;}
p {text-align:justify;}

.ficha p {
  color: #333333 !important;
  margin: 5px 0px !important;
}
.d-contacto li{padding: 0 0 10px 0;}
.social-icons-list a{font-size: 1.5em; color:#333333;}
.container {padding: 0 !important;}
#HOME {  /*background: url("../img/bg-container.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);*/}
#TIPO {/*background: url(../img/bg-container2.jpg) no-repeat scroll center top rgba(0, 0, 0, 0);*/ position: relative;    z-index: 999; top:1px;}
.row { margin: 0 !important;}

.information-nav, .information-nav:hover{color: #878787; padding: 0 10px; border-left:1px solid #878787;}
/****** Colors ******/

.yellow {color:#fef200;}
.red {color:#1c2992;}
.gray-light  {color:#f2f2f2;}

.navbar-brand {display:none;}
/****** Header ******/

/****** Modal ******/
.modal-header {
    background-color: #1c2992;
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    min-height: 16.4286px;
    padding: 15px;
}
/****** /Modal ******/
#top1 {width: 100%; padding-top: 3px; }
#top1 ul.cart {float: right;}
#top1 ul li {padding-left: 5px;}
#top1 ul li.act {border-right: 1px solid #000; padding-right:10px;}
#top1 a {color: #fff;}
#top2 {width: 100%;padding-top: 15px;}
#top2 ul.menu {float: right; }
#top2 ul.menu li {padding: 24px 9px 0; font-size: 1.3em; height:50px; -webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
#top2 ul.menu li a {color: #000; padding-bottom: 3px; text-transform: uppercase;}
#top2 ul.menu li.active {
	border-bottom: 3px solid #f20000;
	text-decoration:none;
}

#top2 ul.menu li a:hover {text-decoration:none;}
#top2 ul.menu li:hover {
	background: #ffffff none repeat scroll 0 0;
    border-radius: 16px;
    margin-top: 11px;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	text-decoration:none; 
}
#top2 ul.menu .bg-valle:hover{border-bottom:0 !important;}
#top2 ul.menu .bg-valle img{margin-top:-25px;}
.nav-pills > li > a {border-radius: 0px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {  background-color: transparent !important;}

.cab {/*height:213px;*/}
.cab img{margin-top:35px;width: 100%; height: auto;}
.cab h2 {font-size:7em; color: #fff; text-shadow:0.03em 0.03em #666; position:relative; /*left: 20px; top: -117px;*/ z-index: 2; display: none;}
.single-blog .cab h2{font-size: 2.5em; left: 0; margin-left: 20px;}
.single-blog .cab img {margin-top: -92px;}
.single-blog .col-md-8 p, .blog .col-md-8 p{margin: 10px 10px !important;}
.single-blog .col-md-4, .blog .col-md-4 {padding-right: 20px !important;}
.single-blog .list-unstyled a, .blog .list-unstyled a{color: #000;}
.single-blog .label-default,.blog .label-default {background-color: #ACB121; color:#fff!important;}
.blog a.btn-primary{background-color: #ACB121 !important; border-color: #ACB121 !important;}
.blog h1 a{color:#000; font-size: 1.5em;}
#TIPO h1 {font-size: 1.8em;    font-weight: 300;    margin: 35px 25px;}
#TIPO h3 {font-size: 1.8em;    font-weight: 300;    margin: 0 0 15px 20px;}
.single-products #TIPO p.price {margin: 0 25px!important; color:#fff !important; font-weight: bold;}
#load-products .col-md-4 {height: 460px;} /****** ANTES 500px ******/
#TIPO p {font-size: 1.5em; font-weight: 300; margin: 5px 25px; color:#999;}
#TIPO p span, .single-blog .glyphicon-time{color: #acb121;}
#TIPO p span.label-default{margin-right: 4px;}
/****** End Header ******/

/****** Content  ******/
#HOME {margin-top:-93px;}
.ui-dialog{z-index: 9999 !important;}
.single-products .content-image{border: 1px solid #999999;}
.single-products .content-image img {
  display: block;
  margin: auto;
  width: 100%;
}
.family {padding: 12px; width: 100%;}
.family .col-md-2  {
	/*border: 1px solid #F0F0F0;*/
	height: 172px;
	margin-bottom: 0px;
	margin-right: 9px;
	padding: 5px;
	width: 16%;
}
.family .col-md-2:nth-child(4n) {margin-right:0;}
.family .col-md-2 .red  img{width: 90%;padding: 12px;}
.family .col-md-2 .red  {
	height: 160px;
	border-radius: 90px;
	background: rgb(237,1,0); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%, rgb(26, 38, 122) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(28, 41, 146)), color-stop(100%,rgb(26, 38, 122))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(26, 38, 122) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(26, 38, 122) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(26, 38, 122) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgb(28, 41, 146) 0%,rgb(26, 38, 122) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0100', endColorstr='#bc0a09',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.family .col-md-2 img.shadow  {margin: 3px 0 0 -5px;     width: 105%; }
.subfamily img.shadow  {margin: 0;     width: 100%; }
.family .col-md-2 .red  h2 {background: #ffffff; margin: 0 !important; color: #1C2992; opacity: 0.8; font-weight: 300; text-align: center; font-size: 16px;}
.family a:hover img{ width: 90% !important;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	margin: 9px 0 0 15px;}

#present {}
#present .col-md-9 {padding-left: 50px;}
#present .col-md-12, #marcas .col-md-12 {border-bottom: 1px solid #777777; margin-bottom:20px;}
#present .col-md-12 h3, #marcas .col-md-12 h3 {/*border-left: 3px solid #f20000; padding-left: 20px; */color: #000; font-size:2em;margin-top: 20px; text-transform: uppercase;}
#present p {font-size: 18px; opacity:0.6;}
#marcas .col-md-2 {margin: 0 20px;}

.pull-left {margin-right: 20px;}
.pull-right {margin-left: 20px;}
.contenido p {margin-bottom:17px;}

.acceso {
height: 85px;
background: rgb(179,28,28); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(179,28,28,1) 0%, rgba(239,2,1,1) 50%, rgba(179,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(179,28,28,1)), color-stop(50%,rgba(239,2,1,1)), color-stop(100%,rgba(179,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(179,28,28,1) 0%,rgba(239,2,1,1) 50%,rgba(179,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(179,28,28,1) 0%,rgba(239,2,1,1) 50%,rgba(179,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(179,28,28,1) 0%,rgba(239,2,1,1) 50%,rgba(179,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(179,28,28,1) 0%,rgba(239,2,1,1) 50%,rgba(179,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31c1c', endColorstr='#b31c1c',GradientType=1 ); /* IE6-9 */
}
.acceso .form-group {margin-top:25px;}
.acceso .checkbox {margin-top:25px;}
.acceso .checkbox input{margin-top:10px;}
.acceso .checkbox .btn{margin-left:20px;}

.inst {background-color: #f2f2f2; border: 1px solid #cececf; padding:10px 20px;}
.inst h1 {font-size: 1.3em;}

.filtro .btn-default {border:none; margin-left: -25px; width: auto;}

ul.subfamily li .red {border: 1px solid #f0f0f0; border-bottom: none !important;}
#TIPO ul.subfamily li .red2{
border-radius: 15px;
padding: 2px 0;
border: 5px solid #fff;
background: rgb(234,2,1); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%, rgb(41, 56, 170) 50%, rgb(28, 37, 109) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(28, 41, 146)), color-stop(50%,rgb(41, 56, 170)), color-stop(100%,rgb(28, 37, 109))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(41, 56, 170) 50%,rgb(28, 37, 109) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(41, 56, 170) 50%,rgb(28, 37, 109) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(28, 41, 146) 0%,rgb(41, 56, 170) 50%,rgb(28, 37, 109) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgb(28, 41, 146) 0%,rgb(41, 56, 170) 50%,rgb(28, 37, 109) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0201', endColorstr='#bc0909',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#TIPO ul.subfamily li p {color: #fff !important; font-size:1.5em; text-align: center;}
ul.subfamily li a:hover .red2 {background: rgb(229,157,157); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%, rgba(229,157,157,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(229,157,157,1)), color-stop(100%,rgba(229,157,157,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59d9d', endColorstr='#e59d9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.subfamily li a:active .red2 {background: rgb(229,157,157); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%, rgba(229,157,157,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(229,157,157,1)), color-stop(100%,rgba(229,157,157,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(229,157,157,1) 0%,rgba(229,157,157,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59d9d', endColorstr='#e59d9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.products h1 {font-size:1.3em; margin-bottom: 0;}
#TIPO .products h2 {font-size:1.3em; margin-bottom: 0;}
#TIPO .products p.price {color: #f20000; font-size:2.5em; font-weight: 400; margin-bottom:7px; margin-left: 0;}
#TIPO .products p.price span {color: #f20000; font-size:0.5em; font-weight: 400; margin-bottom:7px;}
#TIPO .products button.buy, .cart button.buy, .single-products button.buy{background-color: #ACB121; margin-left:10px; color: #fff;}
#TIPO .products .pagination {font-size: 1.3em; cursor: pointer;}
#TIPO .products .estado {
  background-color: #F20000;
  color: #FEF200;
  font-size: 1.7em;
  height: 35px;
  /*left: 157px;*/
  padding-right: 10px;
  position: absolute;
  text-align: right;
  top: 20px;
  width: 120px;
}
.pagination li a {color: #777; }
.ficha .estado {
  background-color: #F20000;
  color: #FEF200;
  font-size: 2.3em;
  height: 50px;
  left:  486px;
  padding-right: 10px;
  position: absolute;
  text-align: right;
  top: 45px;
  width: 180px;
}

.newsletter p.acepto {padding-top:40px;}
.newsletter p.acepto a{color:#fff; text-decoration: underline;}
.ficha select {width:100px; float:left; margin-right:20px;}
.ficha input {width:50px; float:left;}
.ficha .glyphicon-plus-sign, .ficha .glyphicon-minus-sign  {color: #f20000; font-size:1.5em;float:left; margin:5px 10px 0; }
.ficha .price {background-color: #F20000; color: #fff;   font-size: 2.3em;   height: 60px;}
.ficha .price p.price {color: #fff;   font-size: 1.1em !important; font-weight:400;}
.ficha .price p.price span {font-size:0.5em; font-weight: 400; color: #fff !important;}
.ficha .price .col-md-3 {padding-top:11px; height: 60px;}
.ficha .price .col-md-3 img {margin-top:-100px; width:100%;}
.ficha .price button.buy2 {background-color: #FEF200; margin-left:7px; color: #F20000; border:none;}
.cross-out{ color: #FEF200;text-decoration:line-through;}
.cross-out span{ color: #FFF!important;}
.products span.cross-out span{ color: #AFAEAF!important; font-size: 1em !important;}
.redessociales2 {background: url('../img/redes-sociales-iconos2.png') no-repeat scroll 0 0 transparent !important; padding: 19px !important; margin: 0 !important; }
a.redessociales2 {cursor: pointer !important;}
.email{background-position: 0 0 !important;}
.facebook{background-position: -42px 0 !important;}
.twitter{background-position: -87px 0 !important;}
.gplus{background-position: -131px 0 !important;}
.content-shops img{
margin-left: 50%;
}
#loader{margin-top:20px;}
#loader img{margin-left:50%;}
.single-blog #loader img{margin-left:5px;}
.blog .label a, .single-blog .label a{color: #fff;}
.btn-productos-valle {
  bottom: -108px;
  position: absolute;
  z-index: 9999;
  right: -5px;
}

/********GRAPHIC******/

.graph {font-weight: bold; position: relative; padding: 2px; } 
.graph .bar { display: block; position: relative; text-align: center; color: #000; height: 2em; line-height: 2em; } 
.graph .bar span { position: absolute; left: 1em; }
.graph .protein {background-color: #D23200; } 
.graph .fibers {background-color: #1D9F32; } 
.graph .fat { background-color: #D8AB75;} 


/****** Footer ******/

.nav-footer {background-color: #141414; height: auto; /*border-top: 20px solid #fef200;*/ padding-top:10px;}
.nav-footer h4 {color: #f2f2f2; font-weight: 300; padding-top: 10px; font-size:20px;}
.nav-footer p,  .nav-footer .glyphicon-time{color: #878787; font-weight: 300; font-size: 1em; padding-top:10px;}
.nav-footer p span {padding-right:10px;}

.nav-footer form {margin-top:10px;}
.nav-footer .form-group { margin-bottom: 10px !important;}
.nav-footer  label { color: #878787 !important; font-weight: 300 !important; font-family: 'Roboto', sans-serif !important;font-size: 0.9em !important; margin-bottom: 0 !important;}
.nav-footer .form-control {
  height: 35px ;
  padding: 7px !important;
  border: none;
  background-color: #333333 !important;
  box-shadow: none !important;
  text-transform: none;
  font-weight: 300;
}
textarea.form-control {  height: 90px !important;}
.nav-footer .btn-default {
  background-color: #acb121 !important;
  border-radius: 4px;
  border: none;
  color: #f2f2f2 !important;
  font-size: 20px !important;
  padding: 3px 12px !important;
  text-transform: uppercase;  
  font-weight: 300;
  height: 35px;
  text-align: left;
  width: 100%;
}
form .btn-primary{background-color: #acb121 !important; border:none;}
.nav-footer li {background-color:#000; height:35px; border-left:2px solid #acb121; padding-left:15px; margin-bottom:5px; padding-top:7px;}
.nav-footer li a{color: #fff;}
.nav-footer li a:hover {color: #ACB121;}

.nav-footer2 {background-color: #383838; height: 40px;}
.nav-footer2 p {color: #878787; font-weight: 300; font-size: 0.9em; padding-top: 13px;}
.nav-footer2 .nav {  float: right;}

.newsletter {background-color: #202020; padding:5px; margin-top: 5px;}
.newsletter h5 {color:#f2f2f2; font-size: 2em; font-weight:300;}
.newsletter p {color:#f2f2f2; font-size: 1.1em; padding-top: 0; }

.newsletter .form-control {
  background-color: #fff !important;
  height: 35px;
  padding: 7px !important;
  color: #333;
  font-weight: 300;
  text-transform: none;
  border-radius: 0px;
}
.newsletter .btn-default {
  background-color: #acb121 !important;
  border-radius: 0px;
  color: #f2f2f2 !important;
  font-size: 20px !important;
  padding: 3px 12px !important;
  text-transform: none;  
  font-weight: 300;
  height: 35px;
  text-align: left;
  width: 100%;
}
#TIPO{margin-bottom: 40px;}
#TIPO.contact h3,#TIPO.contact ul{margin:0 0 15px 0;}
#TIPO.contact ul li{margin:0 0 10px 0;}
.search_shop{width: 100%;}
.search_shop select{height: 45px; padding-top: 9px;}
.search_shop form{padding-left: 15px;}
.search_shop .form-group{margin-right: 10px;}
.search_shop ul{margin-top: 10px !important;}
.form_contact h3,.search_shop h3{
	background-color: #1C2992;
    color: #FFFFFF !important;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
 }
.redessociales{background: url('../img/redes-sociales-iconos.png') no-repeat scroll 0 0 transparent !important; padding: 19px !important; margin: 0 !important; }
a.redessociales{cursor: pointer !important;}
.email{background-position: 0 0 !important;}
.facebook{background-position: -42px 0 !important;}
.twitter{background-position: -87px 0 !important;}
.gplus{background-position: -131px 0 !important;}
.error-msg{font-size: 4em; font-weight: bold; color:#CAC8C9;}
input#address,input#city,input#province,input#pass_repeat{margin-bottom: 10px;}
.btn-default, .btn-default:focus,.btn-default:hover{
  background-color: #ACB121;
  border-color: #ACB121;
  color: #fff;
}
#registration-form span,#recover-form span{color:#F20000;}
.content-alert{margin-top: 10px;}
.asterisk{font-size: 0.4em!important;}
.content-blog{margin-bottom: 50px;}
.spinner .spinner-qty {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  float: left;
  height: 34px;
  text-align: center;
  width: 30%;
}
#modal-cart .modal-footer {
  border:none;
  margin-top: 15px;
  padding: 19px 27px 20px;
  text-align: right;
}
#modal-cart .price{
	 color: #F20000;
    font-size: 3em;
    font-weight: 400;
    margin-bottom: 7px;
    margin-left: 0;
}
#modal-cart .price h5{
	 margin-top: 0;
	 font-size: 0.7em;
}

/*carrito*/
.align-center, .checkout-steps .step { text-align: center; }
.checkout-steps .step.active { font-weight: bolder; }
.checkout-steps { position: relative; padding: 30px 40px; margin: 20px -20px 30px; }
.checkout-steps:after, .checkout-steps:before { content: ""; position: absolute; left: 0; right: 0; height: 8px; }
.checkout-steps:before { background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -moz-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -o-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); top: 0; }
.checkout-steps:after { background: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -moz-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -o-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); bottom: 0; }
.checkout-steps .step { width: 32%; float: left; position: relative; }
.checkout-steps .step:before { content: ""; position: absolute; top: 10px; left: 0; right: 0; height: 2px; background: #e6e6e6; z-index: 0; }
.checkout-steps .step:first-of-type:before { left: 50%; }
.checkout-steps .step:last-of-type:before { right: 50%; }
.checkout-steps .step.active:last-of-type:before, .checkout-steps .step.done:last-of-type:before { background: #F20000; }
.checkout-steps .step.active .step-badge, .checkout-steps .step.done .step-badge { background-color: #F20000; color: #fff; }
.checkout-steps .step.active { color: #34353e; }
.checkout-steps .step.active:before { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #F20000), color-stop(50%, #F20000), color-stop(50%, #e6e6e6), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(left, #F20000 0%, #F20000 50%, #e6e6e6 50%, #e6e6e6 100%); background: -moz-linear-gradient(left, #F20000 0%, #F20000 50%, #e6e6e6 50%, #e6e6e6 100%); background: -o-linear-gradient(left, #F20000 0%, #F20000 50%, #e6e6e6 50%, #e6e6e6 100%); background: linear-gradient(left, #F20000 0%, #F20000 50%, #e6e6e6 50%, #e6e6e6 100%); }
.checkout-steps .step.active:first-of-type:before { background: #e6e6e6; }
.checkout-steps .step.done:before { background: #F20000; }
.checkout-steps .step.done:first-of-type:before { background: #F20000; }
.checkout-steps .step-badge { margin: 0 auto; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; width: 22px; height: 22px; background-color: #e6e6e6; position: relative; z-index: 1; line-height: 22px; margin-bottom: 5px; }
.cart .glyphicon-remove-circle,.cart .glyphicon-exclamation-sign{color:#F20000;}
.cart .qty .spinner{margin-left: 16px;}
.cart .spinner .spinner-qty {width: 20%;}
.overlay {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  z-index: 1010;
}
.loading-img {
  background: url("../img/ajax-loader_big.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
  z-index: 1020;
}
.overlay,.loading-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.weight{padding-left: 2px; padding-top: 7px; font-size:0.9em;}
.btn-select-client{padding: 1px 10px;}

/*NUEVO ESTILO CSS*/

#logo{
	height: 180px;
}

#logo img{
	height: auto;
    width: 135px !important;
}

#top1 a:hover {
    color: #000;
    -webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#HOME > .container {
    
}

.imgproduct{
	width:250px;
	height:250px;
	overflow: hidden;
}

.imgproduct img{
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}

.imgproduct:hover img{
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:70px;
    background-color: rgba(0, 0, 0, 0.7);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#78BCE8;
    border: 1px solid;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    /*color:#362947;*/
}


/*BARRA LATERAL DINÁMICA*/

.barracontent {
    background: white;
    position: fixed;
    width: auto;
    left: -270px;
    display: block;
    top: 30%;
    height: auto;
    padding: 15px;
    box-shadow: 0 0 4px 4px #ddd;
    border-radius: 10px;
    border-right: 7px solid #9AB532;
    -moz-transition: all 1s ease 0s !important;
    -o-transition: all 1s ease 0s !important;
    -webkit-transition: all 1s ease 0s !important;
    -ms-transition: all 1s ease 0s !important;
    transition: all 1s ease 0s !important;
    z-index: 20000;
}

.barracontentmove {
    background: white;
    position: fixed;
    width: auto;
    left: -5px;
    display: block;
    top: 30%;
    height: auto;
    padding: 15px;
    box-shadow: 0 4px 12px 0 #aaa;
    border-radius: 10px;
    border-right: 7px solid #9AB532;
    -moz-transition: all 1s ease 0s !important;
    -o-transition: all 1s ease 0s !important;
    -webkit-transition: all 1s ease 0s !important;
    -ms-transition: all 1s ease 0s !important;
    transition: all 1s ease 0s !important;
    z-index: 20000;
}


.imgbarra img {
    width: 240px;
    height: auto;
    padding: 10px;
}

.imgbarra1 {
    float: left;
}

.iconomenu img {
    width: 65px;
}
.iconomenu {
    position: absolute;
    top: 30%;
    right: -52px;
    cursor: pointer;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
     -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.iconomenu:hover {
	-moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

/*EFECTO ZOOM EN LAS IMÁGENES*/

    .zoom img {
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
	width:auto;
	}
	.zoom:hover img {
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}
	.zoom {/*Ancho y altura son modificables al requerimiento de cada uno*/
	width:100%;
	height:auto;
	overflow:hidden;
}

/*BUSCADOR HOME*/

	#searchpan{
	margin: 10px 15px;
	}


	#buscar button{
	display: block;
	margin-left: -25px;
    width: auto;
    float: left;
}

.number {
    border: 2px solid #f20000;
    border-radius: 20px;
    color: #f20000;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1px 10px;
}