@import url("CircularStd_Black/stylesheet.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 34px;
    vertical-align: baseline;
    font-family: 'CircularStd Black';
	src: url('CircularStd-Black.woff') format('woff');
}

body{background: url('../image/bg.jpg') repeat-x  0 153px #F8F8F8;}
img{border: none;}
.cls{clear: both}

header, #box-header > nav,footer, #box-slide, #box-content, #copy, body > #content{width: 100%; margin: 0 auto; padding: 0 20px;}
.col {}
.col .left, .col .right{float: left; width: 48%;  padding: 0 1%;}
.col .login-content, .col > form {float: left; width: 765px; }

.col > form  input[type="text"], 
.col > form  select {border: 1px solid #ccc; height: 22px; padding: 0 0 0 2px; width: 100%;}
.col > form td { width: 350px; }
.col h2 {font-size: 38px; margin: 5px 0 ; color: #0180C5;}
.col > form tbody{background: #f1f1f1; padding-bottom: 5px; margin-bottom: 10px; }

.right .cart input {display: inline-block !important; margin: 0 2px; }
.right textarea , .right select,
.right input[name*="option"],
.right input[name="email"],
.right input[name="password"],
.cart input[name="quantity"]{border: 1px solid #ccc; padding: 6px; background: #eaeaea}

.right textarea {width: 90% !important;}

/******************/
#box-header{background: url('../image/bg_box_top.jpg') repeat-x;}
header{height: 153px; position: relative; background: url('../image/bg_top.jpg') no-repeat bottom;}
#logo{width: 296px; float: left; margin-top: 44px;}
#redes, #search{ float: right; margin: 55px 0 0 25px; padding: 30px 0 0 0;}

/************* Busca Header ************/
#search input{float: left;}
#search input[type="text"]{background: #fff; border: 1px solid #ccc; border-right: none; height: 25px; padding: 0 5px; width: 270px}
#search  .button-search {background: #ed694b ; border: 1px solid #ed694b ; height: 20px; font-size: 15px; color: #fff; display: inline-block; line-height: 24px; cursor: pointer; padding: 2px}

/************* Menu Header ************/
header nav {width: 500px; height: 41px; right: 10px; top: 0; position: absolute;}
header nav ul li {display: inline-block;}
header nav ul li a {display: block; color: #fff; text-decoration: none; padding: 0 8px; line-height: 41px; font-size: 15px;}
header nav ul li a:hover{color: #BD141C;}

/*********WELCOME **********/

#welcome{font-size: 12px;  position: absolute; left: 10px; top: 15px; color: #fff;}
#welcome a { color: #fff; }


/************* Menu Horizontal Produtos ************/
#box-header > nav{background-color: #28363d; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,10), rgba(255,255,255,.0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,10), rgba(255,255,255,.0)); background-image: linear-gradient(to top, rgba(0,0,0,10), rgba(255,255,255,.0)); height: 51px;}
#box-header > nav ul li {display: inline-block; padding: 0 10px; border-right: 1px solid #484848; position: relative;}
#box-header > nav > ul > li:first-child{padding: 0 10px 0 0;}
#box-header > nav > ul > li:last-child{ border-right:none;}
#box-header > nav ul li a {color: #fff; font-size: 15px; text-decoration: none; font-weight: bold; display: block; line-height: 51px;}
#box-header > nav ul li a:hover{color: #888;}
#box-header > nav ul li > div { display: none; position: absolute;  z-index: 999; background: url('../image/bg_box_footer.jpg')}
#box-header > nav ul li:hover > div { display: block; width: 200px; margin-left: -15px; border-left: 1px solid #000;}
#box-header > nav ul li > div li {border: none; border-bottom: 1px solid #000; border-right: 1px solid #000; min-height: 20px; padding: 1px 5px; margin: 0; display: block; }
#box-header > nav ul li > div li a {line-height: 20px; font-size: 13px;}
#box-header > nav ul li > div div{ left: 105%; top: 0;}

/************* Slide ************/
#box-slide{padding: 0 20px; background: url('../image/bg_slide.jpg') repeat-x #fff;;}
#box-slide > div { padding: 10px 0; }
#box-slide .welcome {display: none;}
#sidebarslide {float: right; width: 242px; padding-left: 13px;}
.slideshow{ width: 768px; float: left;}

/**********************************/

 /* {background: #000; min-height: 50px;} */
 
#box-content, body > #content{background: #fff; padding-bottom: 100px; padding-top: 50px;}
#sidebar {width: 2300px; float: left; margin-right: 19px; }


/*********************/
#sidebar ul { border-left: 3px solid #ed694b; background: #F7F7F7; }
#sidebar ul li { border-bottom: 1px solid #C5C8C9; min-height: 27px; list-style: none;  background: url('../image/bullet.jpg') no-repeat left center; padding-left: 25px;  margin-bottom: 1px; position: relative; }
#sidebar ul li a {text-decoration: none; color: #434242; font-size: 12px; line-height: 27px; }
#sidebar ul li a:hover { color: #9FA4A8;}
#sidebar ul li ul {display: none; position: absolute; z-index: 1000; left: 100%; top: 0; width: 200px;}
#sidebar ul li:hover ul {display: block;}

/******************/

.box-heading, h2.title{font-size: 16px; border: 1px solid #C5C8C9; border-left: 3px solid #ed694b;  color: #434242; padding: 8px; background: url('../image/titles.jpg') repeat-x; margin-bottom: 5px; }
footer h3 { color: #D6D6D6; font-size: 16px; padding: 8px 0;  }


.box-product > div .name a, .product-grid > div .name a, .product-list > div .name a{font-size: 16px; color: #000; text-transform: none; text-decoration: none;}

/*****************/

footer { background: url('../image/bg_box_footer.jpg') repeat-x; height: 210px; padding-top: 10px;}
footer .module {float: left; width: 320px; padding: 5px;}
footer .module h2 {font-size: 18px; }
footer .module  * {color: #D5D5D5; }
footer .module p {line-height: 150%; }
.module .welcome {display: none; }

footer #newsletter input[type="text"] { background: url('../image/fd_input.png') no-repeat center; color: #888 !important; height: 22px; width: 206px; border: none; padding: 0 3px; margin: 2px 0;  }
footer #newsletter #submit{ background: url('../image/fd_submit.png') center; width: 95px; height: 29px; text-align: center; color: #5F5E5E; display: block; text-decoration: none; line-height: 29px; font-size: 16px; margin: 5px 0;}

#copy {height: 50px;}
#copy > div {display: table-cell; height: inherit; vertical-align: middle; font-size: 11px; color: #888;}

/********** box-product ************/
.box-product > div, .product-grid > div  {width: 31%; float: left; padding: 1.6% 0%; margin: 1% 1%; border: 1px solid #e9e9e9; float: left; }
.product-grid > div, .product-list > div{background: #f1f1f1;}
.product-grid > div:nth-child(3n-1), .box-product > div:nth-child(3n-1){margin: 1% 1.5%; }
.product-grid > div:nth-child(3n+1), .box-product > div:nth-child(3n+1){
	clear: both;
	font-family: "CircularStd Black";
}
.product-list > div {margin: 5px 0;}
.product-list > div .left {float: left;  width: 10%;}
.product-list > div .left .image {margin: 5px; float: left;}
.product-list > div .right {float: right; width: 20%;}
.product-list > div .right .button {margin: 30px 55px 0 0!Important; float: right;}

.box-product > div .image,
.product-grid > div .image,
.box-product > div .name,
.product-grid > div .name,
.box-product > div .cart,
.product-grid > div .cart,
.box-product > div .price,
.product-grid > div .price,
.box-product > div .description,
.product-grid > div .description{ width: 90%; margin: 0 auto; }
.box-product > div .image img {display: block; margin: 0 auto;}
.box-product > div .button, #button-review,#button-cart,
.product-grid > div .button, .product-list > div .right .button, .button{ 
    /*background: url('../image/bt_leia_mais.jpg') no-repeat center; */
    background: #000;
    width: 100px; 
    height: 44px; 
    display: block; 
    border: none; 
    margin: 2px 0; 
    color: #fff; 
    font-size: 14px; 
    line-height: 41px; 
    text-align: center; 
    text-decoration: none; 
    cursor: pointer;
}

.box-product > div .description, .product-grid > div .description {font-size: 12px;  padding: 5px 0;}
.box-product > div .description {color: #000 ; /*#BFBFBF*/}

.box-product > div .description2, .product-grid > div .description2 {font-size: 22px;  padding: 5px 0;}
.box-product > div .description2 {color: #000 ; /*#BFBFBF*/}

/**************Product*****************/
#button-cart {width: 70px; height: 30px; }
.product-info .left {float: left; width: 70%;}
.product-info .right {float: left; width: 30%;}
.product-info .right div.description,
.product-info .right .price,
.options,
.product-info .right .cart{font-size: 12px; color: #4D4D4D; margin: 5px 0;}
.product-info .right div.description span{font-weight: bold;}
.product-info .right .price{}

.review {padding: 5px 0; font-size: 11px; height: 20px;}
.review >div {float: left; margin: 0 10px 0 0;}

#tabs { padding: 5px 0; }
#tabs a.selected {background: #f1f1f1; padding: 5px; text-decoration: none; color: #4D4D4D; font-weight: bold;}
#tabs a{padding: 5px; text-decoration: none; color: #4D4D4D;}
.tab-content {background: #f1f1f1; padding: 5px;}
.tab-content p{font-size: 12px; line-height: 14px;}
.tab-content  p, .tab-content * {font-size: 14px; line-height: 16px;}

/******************************/
.breadcrumb {padding: 5px 0;}
.breadcrumb a {font-size: 12px; color:#4D4D4D; }

/*************Category itens list*****************/
.category-info {padding: 5px 0;}
.category-info .image {float: left;}
.category-info p {font-size: 12px; line-height: 150%; }

.category-list  {background: #888; border-bottom: 33px solid #3B5997; border-top: 3px solid #3B5997;padding: 3px 0; margin-top: -5px; margin-bottom: 5px;}
.category-list li{list-style: none; display: block; padding: 3px; margin: 0 3px; min-width: 15%; float: left;}
.category-list li a { text-decoration: none; color: #fff; text-shadow: 0 0 3px #000;}

.product-filter, .product-compare {background: #DFDFDF; height: 30px; padding-top: 8px; }
.product-filter > div {display: inline-block; width: 33%; float: right; text-align: left;}
.product-filter > div  *, .product-compare a {font-size: 12px;}
.product-compare a {padding: 3px; text-decoration: none; background: #A90810; margin: 3px ; color: #fff; }

.results { padding: 5px 0;}

#notification  .close, .warning  .close{ float: right; background: #fff; border-radius: 10px; padding: 6px; cursor: pointer; }
#notification .success { background: #f1f1f1; color: #888; width: 1026px; margin: 0 auto; padding: 10px 20px; }
.warning {background: #f1f1f1; color: #888; width: 1026px; margin: 0 auto; padding: 10px 20px;}

.buttons {clear: both; }
.buttons .right, .buttons .left {display: table-cell; padding: 0 5px 0 0; }
/***/
#notification .success,
#notification a{ font-size: 14px; }
#notification .success{ color: #3C763D; background: #DFF0D8; border: 1px solid #D6E9C6; }
#notification .success a{  color: #000; }
#notification .success .close{ background: #D6E9C6;}.fonte {
	font-family: "CircularStd Black";
	font-size: 24px;
	font-weight: bold;
}