@charset "ISO-8859-1";
/* CSS Document */
/*Autora: Lupe Duarte para Yerba CBSé*/

/* 
rojo: #b01
verde oscuro: #262
verde claro bordes: #cf6
verde claro type: #8b4
verde medio: #4a4
 */
@font-face {
    font-family: 'swaggerboldbold';
    src: url('swaggerbold-webfont.eot');
    src: url('swaggerbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('swaggerbold-webfont.woff') format('woff'),
         url('swaggerbold-webfont.ttf') format('truetype'),
         url('swaggerbold-webfont.svg#swaggerboldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'swaggermedium';
    src: url('swagger-webfont.eot');
    src: url('swagger-webfont.eot?#iefix') format('embedded-opentype'),
         url('swagger-webfont.woff') format('woff'),
         url('swagger-webfont.ttf') format('truetype'),
         url('swagger-webfont.svg#swaggermedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{margin:0 auto; background:url(bg.gif) repeat-x #fff; font-family:'swaggermedium', Arial, Helvetica, sans-serif !important }
#wrapper{ margin:0 auto}
/*header*/
h1{ margin:0 auto; width:212px; height:91px}
h1 img{border:0}
h4{ font-family:'swaggermedium', Arial, Helvetica, sans-serif !important; font-weight:normal; color:#262; font-size:24px; margin:0 0 10px 0 }
#navigation{border: 0; background-color:#8c3; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.sf-menu li{background:none; margin:8px}
.sf-menu li a, .sf-menu a:visited{color: #262; font-size:20px; font-family:'swaggermedium', Arial, Helvetica, sans-serif !important  }
.sf-menu li a:hover{color: #4a4;}
.sf-menu li.selected a{ border-color:#fff; color:#fff}
#navigation, .sf-menu ul{ border:0}
.sf-menu ul{ background-color: rgba(136, 204, 51, 0.9)}

#ls_cart_widget .cart-summary,.searchbox{ background-color:#262; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px }
.searchbox{margin-top:0; padding: 2px;	height: 30px;	font-family:Helvetica, Arial, sans-serif !important;	min-width:200px;}

/*slider*/
/*.headerBox{ background-color:#fff; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; border: 3px #cf6 dashed; border-bottom:0;height:500px}*/
.nivoSlider{-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.nivo-caption{display:none !important;}
.headerHomeBox{height:275px; letter-spacing:2px}
.headerHomeBox img{ float:left; margin:10px 20px 0 20px}
.headerHomeBox div{ float:left}
.headerHomeBox h5 {font-size:52px; color:#262; font-weight:normal; padding:40px 0 0 0}
.headerHomeBox p{color:#8b4; font-size:22px; letter-spacing:1px; text-align:left; width:460px; line-height:30px}
.headerHomeBox p span{text-align:right; display:block}
.headerHomeBox h3{ color:#b01; text-align:right; font-size:24px; letter-spacing:1px; margin:10px 0 0 0; font-weight:normal}
/*.mainBox, .user-content, .productContainer{-webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; border: 3px #cf6 dashed; border-top:0; min-height:105px}*/
.description.user-content{ border:0}
/*footer*/
#bottom #footer{ width:946px; margin:20px 0; background-color:#fff}
#bottom #footer .footerCol1, #bottom #footer .footerCol2, #bottom #footer .footerCol3{ width:310px; margin:5px 2px; float:left; text-align:left; background-color:#fff}
#footer a{ text-decoration:none}
#footer .footerCol1 a{ font-size:14px}
#footer .footerCol1 strong{font-weight:bold}
#footer img{ border:0}
a.envios-tag img{ margin:15px 0}
.fb-like{margin: 0 0 10px 0}
#nube{float:none; clear:both; text-align:right}
#wrapper-foot h4{ margin:20px 0 0 0}

/*sociales*/
.social-title{ display:none}

/*pagina de productos*/
.page-content .headerBox h2, #shoppingCartPage .headerBox h2{ font-weight:normal; color:#571; font-size:28px; padding:8px; font-family:'swaggermedium', Arial, Helvetica, sans-serif !important}

.product-table, .page-content .row-fluid{ background-color:#fff}

.headerBox-List{ border-bottom: 1px dashed #8b4}

#breadcrumb, #breadcrumb a{ color:#262}

/*pagina de contacto*/
.contact .info{ font-family:Arial, Helvetica, sans-serif}
	.contact .info img{ vertical-align:middle}
.contact .info strong, .contact .info a{ font-weight:bold; color:#b01}
.contentBox.contact .info li{ margin:0 0 15px 0}
.contact .form{ float:left;	margin:30px 0 20px 0}
.contact .form p{ color:#262; font-size:18px}
/*producto*/
.title h2{font-weight:normal; color:#b01; font-size:36px;}
#price_display{color:#571}
.shareItem {margin:10px 10px 0 0; float:left}
.button.addToCart.cart{ font-family:Arial, Helvetica, sans-serif}

/*carrito*/
#shoppingCartPage{ font-family:Arial, Helvetica, sans-serif}
#shoppingCartPage .cart-contents{ background-color:#fff; color:#262;margin:0; padding:30px 10px; }
#shoppingCartPage .cart-contents .total-price{ border-bottom:1px dashed #8b4; color:#b01;font-family:'swaggermedium', Arial, Helvetica, sans-serif; font-weight:normal}
#shoppingCartPage .cart-contents p{ background-color:#dfa; border:1px solid #cf6;color:#262;font-family:'swaggermedium', Arial, Helvetica, sans-serif; font-size:19px; margin-bottom:20px; padding:15px}

/*como comprar*/
#pasos, #faqs dd, #envios dd{ padding:0 20px}
#pasos strong, #pasos .exitoso, #faqs strong, #faqs dt, #envios strong, #envios dt{font-family:'swaggermedium', Arial, Helvetica, sans-serif; color:#b01; font-size:24px}
#envios strong{font-family:Arial, Helvetica, sans-serif; font-size:13px}
#pasos p{ margin-bottom:20px}
#pasos .exitoso, #faqs dt, #envios dt{color:#8b4;}
#pasos a, #faqs a, #envios a{color:#b01; text-decoration:underline}
#pasos em, #faqs em, #envios em{color:#240}
#faqs dd, #envios dd{ margin:20px}
#faqs dt, #faqs p.contactate, #envios dt{ margin:10px 20px 20px 20px; border-top: 1px #cf6 dashed; padding-top:30px}
#faqs dt:first-child, #envios dt:first-child{ margin:20px 20px 20px 20px; border-top:0; padding-top:0}
#faqs img{ height:24px !important}

/*forzar tipos*/
.headerBox h2, .headerBox-Page h2, .headerBox-List h2,
.dest-gral .bajada .title, .dest-gral .bajada .title a,  .cart-contents .name, /*.contact a,*/ .contact_form .field label
{color: #b01; font-family:'swaggermedium', Arial, Helvetica, sans-serif !important}
.dest-gral{ font-size:20px; text-transform:none}
.dest-gral .bajada .price{ font-size:18px}
.user-content p{ font-family:Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6,dt,strong{ font-weight:normal}
.productContainer .descriptioncol .attributeLine label{ font-size:16px; color:#262}

/*forzar bordes*/
.headerBox, .dest-gral .bajada, .productContainer .descriptioncol .fancyContainer{ border-color:#cf6; border-style:dashed}

/*forzar colores*/
#wrapper-foot, .dest-gral .head .offer, .dest-gral .head .out-of-stock, .dest-gral .head .product-details-overlay, .button, .submit_button{ background-color:#262}
.button:hover, .submit_button:hover{ background-color:#8b4}

/*forzar espacios*/
.user-content { background-color:#fff;	color: #707070;	margin: 0; padding:10px}
.user-content p,
.user-content div{ margin: 0; padding:10px}
.productContainer .descriptioncol .description, .productContainer .descriptioncol .description p, .productContainer .descriptioncol .description div{margin:0}