@charset "utf-8";

    .title-product {
    font-family: OpenSansCondensedLight,Helvetica,Arial,sans-serif;
    color: #AC8761;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.price1 {
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #231F20;
    text-decoration: none;
    text-align: center;
}
.reducedfrom {
    text-decoration: line-through;
    margin-right: 8%;
    color: #97999B;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 14px;
    padding-bottom: 6px;
}
.reducedfromCart {
    text-decoration: line-through;
    margin-top: 5%;
    color: #97999B;
    font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 14px;
}
.new-price {
    font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #F47D1F;
    text-decoration: none;
    position: relative;
    float: left;
    margin-right: 8%}
.clear {
    clear: both;
}
.col_1_of_3 {
    display: block;
    float: left;
    margin: 0 1.5% 4%;
    border-bottom: 1px solid #CCC;
	 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.075);
}
.span_1_of_3:hover {
    background: #F1F1F2;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #fff;
}
.span_1_of_3:hover p.title, .span_1_of_3:hover span.actual, .span_1_of_3:hover span.reducedfrom {
    color: #FFF;
}
.col_news {
    display: block;
    float: left;
    margin: 0 1.5% 4%;
    border-bottom: 1px solid #CCC;
}
.span_news:hover {
    background: #F1F1F2;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #fff;
}
.span_news:hover p.title, .span_news:hover span.actual, .span_news:hover span.reducedfrom {
    color: #FFF;
}
.span_news {
    width: 29%;
    height: auto;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.span_2_of_3 {
    width: 77.1%}
.span_1_of_3 {
    width: 29%;
    height: 350px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.span_1_of_left {
    width: 20.2%}
h2.head {
    font-size: 1.7em;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 10px;
}
.price {
    padding: 0;
}
.inner_content {
    padding: 10px;
    position: relative;
}
.product_image img {
    display: block;
    border: 1px solid #f0f0f0;
}
.sale-box {
    height: 150px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
    font-family: OpenSansLight, Helvetica, Arial, sans-serif;
}
.sale-box span.on_sale {
    background: #036E87;
    color: #FFF;
    display: block;
    left: -45px;
    font-size: 1em;
    font-family: OpenSansLight, Helvetica, Arial, sans-serif;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: 23px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 160px;
    z-index: 100;
    text-transform: uppercase;
}
.cart-left {
    width: 73.5%;
    float: left;
    margin-right: 2.6%}
p.title {
    color: #777;
    font-size: 1.3em;
}
p.title a:hover {
    color: #7DB122;
}
.cart-right {
    float: right;
    background: url(../../images/cliente/images/cart2.png)2px 0 #7db122;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}
.span_1_of_3:hover .cart-right {
    float: right;
    background: url(../../images/cliente/images/cart3.png)2px 0 #000;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.price1 {
    margin-top: 10px;
}
span.actual {
    color: #7db122;
    font-size: 1em;
}
span.reducedfrom {
    text-decoration: line-through;
    margin-right: 8%;
    color: #555;
}
.sale-box1 {
    height: 150px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
    font-family: OpenSansLight, Helvetica, Arial, sans-serif;
}
.sale-box span.before {
    right: 89px;
    background: #CB3D27;
}
.sale-box1 span.on_sale {
    background: #D86F1C;
    color: #FFF;
    display: block;
    left: -45px;
    font-size: 1em;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: 23px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 160px;
    z-index: 2;
    text-transform: uppercase;
}
.top-box {
    margin-bottom: 2%}
.top-box1 {
    margin-bottom: 4%}
.left-banner {
    background: url(../images/t-img1.jpg)no-repeat 0 0;
    width: 226px;
    height: 450px;
}
.top-border {
    border-top: 5px solid #4cb1ca;
}
.border {
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    -o-box-shadow: 0 0 5px #AAA;
    padding: 15px;
    margin-bottom: 25%}
.btn {
    position: relative;
    text-align: center;
    z-index: 9999;
}
.btn a {
    border: none;
    color: #FFF;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    font-size: 1em;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #4CB1CA;
    position: absolute;
    top: -90px;
    left: 52px;
}
.btn a:hover {
    background: #AC8761;
}
.sidebar-bottom {
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    -o-box-shadow: 0 0 5px #AAA;
    padding: 30px 20px;
    text-align: center;
}
h2.m_1 {
    font-size: 1.7em;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 15px;
}
p.m_text {
    color: #888;
    font-size: .95em;
    margin-bottom: 20px;
}
.subscribe form input[type=text] {
    font-family: 'Exo 2', sans-serif;
    border: 1px solid #ddd;
    outline: 0;
    background: 0 0;
    font-size: .85em;
    color: #888;
    width: 87%;
    padding: 6px;
    -webkit-apperance: none;
}
.subscribe input[type=submit] {
    font-family: 'Exo 2', sans-serif;
    cursor: pointer;
    color: #FFF;
    font-size: 1em;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #7EB123;
    padding: 12px 20px;
    border: none;
    margin-top: 20px;
    -webkit-appearance: none;
}
.subscribe input[type=submit]:hover {
    background: #72a41b;
}
.product-image img {
    width: 100%;
    height: auto;
}
@media (width:1366px) {
    .span_1_of_3 {
    height: 270px;
}
}@media (width:1280px) {
    .span_1_of_3 {
    height: 260px;
}
}@media only screen and (min-width:1025px) and (max-width:1279px) {
    .span_1_of_3 {
    height: 230px;
}
}@media (width:1200px) {
    .span_1_of_3 {
    height: 240px;
}
}@media (width:1080px) {
    .span_1_of_3 {
    height: 220px;
}
}@media only screen and (min-width:901px) and (max-width:1024px) {
    .product-image img {
    width: 100%;
    height: auto;
}
.title-product {
    font-size: 18px;
}
.sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_1_of_3 {
    width: 30%;
    height: 250px;
}
.span_news {
    width: 30%;
    height: auto;
}
}@media only screen and (min-width:769px) and (max-width:900px) {
    .product-image img {
    width: 100%;
    height: auto;
}
.title-product {
    font-size: 18px;
}
.sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_1_of_3 {
    margin-top: 3%}
.span_news {
    width: 45%;
    margin-top: 3%;
    height: auto;
}
.span_1_of_3 {
    height: 220px;
    width: 30%}
}@media only screen and (min-width:700px) and (max-width:768px) {
    .product-image img {
    width: 100%;
    height: auto;
}
.title-product {
    font-size: 20px;
}
.sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_2_of_3 {
    width: 77.1%}
.span_1_of_3 {
    float: none;
    height: 330px;
    width: 55%;
    margin: auto;
    margin-top: 3%}
.span_news_2_of_3 {
    width: 77.1%}
.span_news {
    width: 45%;
    height: auto;
}
}@media only screen and (min-width:600px) and (max-width:699px) {
    .product-image img {
    width: 100%;
    height: auto;
}
.title-product {
    font-size: 20px;
}
.sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_2_of_3 {
    width: 77.1%}
.col_1_of_3 {
    margin: 0 1.5% 4% 2%}
.span_news_2_of_3 {
    width: 77.1%}
.span_news {
    width: 45%;
    height: auto;
}
.col_news {
    margin: 0 1.5% 4% 2%}
.span_1_of_3 {
    float: none;
    height: 320px;
    width: 60%;
    margin: auto;
    margin-top: 2%}
}@media only screen and (min-width:500px) and (max-width:599px) {
    .span_1_of_3 {
    float: none;
    height: auto;
    width: 80%;
    margin: auto;
    margin-top: 3%}
.sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_news {
    width: 45%;
    height: auto;
}
.title-product {
    font-size: 16px;
}
}@media only screen and (min-width:300px) and (max-width:499px) {
    .sale-box, .sale-box1 {
    width: 100px;
    height: 100px;
}
.sale-box span.on_sale, .sale-box1 span.on_sale {
    font-size: .8em;
    top: 15px;
    left: -50px;
}
.span_1_of_3, .span_news {
    width: 80%;
    height: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%}
.title-product {
    font-size: 18px;
}
.reducedfromCart {
    font-size: 12px;
}
}