@import url("base.css");
@import url("skeleton.css");
@import url("icons.css");
body {font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
#wrapper { background: #fff; width: 100%; padding:0 0 30px; margin: 0 auto; position: relative; }
#top-info{background-color:#666; padding:0; width:100%; position:relative; z-index:99; }
#header { min-height: 130px; background-color: #ffffff; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4); }
#logo { margin: 15px 0; float: left; }

.title-int{background-color:#0082c3; padding:35px 0; width:100%;}
.title-int h2{color:#ffffff; font-size:28px;}
/* */
.selectnav {display: none;cursor: pointer;width: 100%;padding: 8px;height: 37px;float: left;font-size: 14px;margin: 20px 0 !important;}
#navigation { display: block; width:75%; min-height: 52px; float: right; }
	#navigation ul {float: right !important;}
	#navigation ul, #navigation li { list-style: none; padding: 0; margin: 0; display: inline; }
	#navigation ul li { float: left; position: relative;z-index: 9999; padding: 45px 10px; }
		#navigation ul li a { font-family: 'Roboto', sans-serif; font-weight: 400; display: inline-block; color: #5a5a5a;  text-decoration: none; font-size: 16px; padding:20px 30px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
			#navigation ul li a:hover { color: #666; }
		#navigation ul li:hover > a {color: #666;}
	#navigation ul ul { position: absolute; display: none; top: 100%; left: 0; background: #ffffff; z-index: 9999; border-top:solid 3px #0082c3; border-bottom:solid 3px #0082c3;}
		#navigation ul ul li a {color: #919191;}
			#navigation ul ul li a:hover {color: #fff;}
		#navigation ul ul li a { display: block; width: 150px; margin: 0; padding:5px 10px; font-size:14px; border-bottom: 1px solid #cacaca; background: none; }
		#navigation ul ul ul { position: absolute; top: 0px; left: 100%; z-index: 9999; }
			#navigation ul ul ul li a { border-bottom: 1px solid #cacaca !important; border-top: 1px solid transparent; background: none; }
		#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
		#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
	#navigation ul li:hover>ul { opacity: 1; position: absolute; top:100%; left: 0; z-index: 9999; }
	#navigation ul ul li:hover>ul { position: absolute; top: 0; left: 100%; opacity: 1; z-index: 497; }
	#navigation ul ul li:hover > a {color: #0082c3;}
	.selected { color: #ffffff !important; background-color:#666 !important; }
/* */
#contact-details { float:right; margin:0; display: block; color:#ffffff; font-weight:400;}
	#contact-details li { display:block; float:left; padding:13px 15px; border-right:solid 1px #444; }
		#contact-details li:last-child { border: 0; }
	#contact-details i {margin-right: 4px; position:relative;}
	#contact-details a {color: #ffffff;}
		#contact-details a:hover {color:#0FF;}
/* */

.bg-title{background-color:#0082c3; width:100%; margin-bottom:30px;}
#page-title {display: block; margin: 10px 0 10px 0; }
	#page-title h2 { font-weight: normal; padding: 25px 0 25px 0; color:#ffffff; }
	#page-title span {color: #aaa;}
/* */
.carousel{display:block; padding:30px 0; border-bottom:solid 1px #c9c9c9; border-top:solid 1px #c9c9c9; margin-bottom:20px; max-height:172px; overflow:hidden;}

/* */
.box{margin:20px 0 50px 0;}
.box img{width:100%;}
.box p {margin-top: 15px;}
.box h3{background:url(../images/line-h3.png) repeat-x bottom; padding-bottom:15px;}
.box h3 span{color:#0082c3 !important; font-weight:700 !important;}
/* */
.categorias{border:solid 1px #f2f2f2; margin-bottom:30px;}
	.categorias .headline{background-color:#666; color:#ffffff; padding:15px 20px;}
	.categorias .headline h3 .headline h1{color:#ffffff !important; margin:0px; padding:0px; font-size:18px;}
	.categorias ul{display:block; margin:0 20px; padding:0px; list-style:none;}
	.categorias ul li {border-bottom:solid 1px #eff2f3; }
	.categorias ul li:last-child{border-bottom:0px;}
	.categorias ul li a{color:#37393c; display:block; font-size:14px; font-weight:400;padding:10px 0;}
	.categorias ul li a:hover{color:#ead700;}
	.categorias ul li a.ativo{color:#ead700 !important; font-weight:700;}
/* */
.produtos .headline{border-bottom:solid 1px #666; padding:15px 0 15px;}
.produtos .headline h3 .headline h1{color:#666; padding:0px; margin:0px;}

.produtos ul{margin:20px 0 0 0; padding:0px; }
.produtos ul li{border:solid 1px #e2e2e2; width:31.333%; float:left; margin:0 20px 20px 0; padding:15px 0 30px; text-align:center;}
.produtos ul li:nth-child(3n+3){margin-right:0px;}
.produtos ul li .comprar{background:url(../images/icons/icon-bask.png) no-repeat 0 50%; color:#666; padding: 11px 0 4px 23px; font-size:16px;}
.produtos ul li .comprar:hover{color:#ead700;}
.picture {position: relative; border:solid 2px #ffffff;}
	.picture img { width: 100%; height: auto; margin-bottom:-3px; }
.image-overlay-link,
.image-overlay-zoom { height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 40; display: none; background-color: #222; background: rgba(0, 0, 0, 0.7); background-repeat: no-repeat; background-position: 50%; cursor: pointer; }
.image-overlay-link {background-image: url(../images/overlay-icon-01.png);}
.image-overlay-zoom {background-image: url(../images/overlay-icon-02.png);}
.item-description h4{color:#272727; margin-top:10px; font-weight:700; font-size:14px;}
.item-description h4 a{color:#666;}
.item-description .price { font-family: 'Roboto', sans-serif; font-size:20px; color: #0082c3; font-weight: 700; margin-top: 0; margin-bottom:20px; display:block; text-align:center; }
.item-description .price span{color:#999; text-decoration:line-through; font-size:12px; font-weight:400;}

/* */
.pb-30{padding-bottom:30px;}
/* */
#footer { background-color: #313131; width: 100%; padding:35px 0 0; margin: 0 auto; }
#footer, #footer p, #footer a {color: #FFFFFF}
#footer a:hover {color: #fff;}
.no-margin {margin-top: 0;}
.footer-link { margin: 6px 0 5px; text-align: center; color: #FFF; line-height: 20px; }
	.footer-link a {color: #fff}
		.footer-link a:hover {color: #d4d4d4;}
#footer-bottom { padding:15px 0; line-height: 26px; margin-top:30px; border-top:solid 1px #1f1f1f; }
	#footer-bottom a {color: #fff}
		#footer-bottom a:hover {color: #FF9;}
/* */
.links-list li a { color: #a4a4a4; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-01.png) no-repeat left 47%; }
.links-list-alt li a { color: #666; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-02.png) no-repeat left 47%; }
.links-list li a:hover {color: #fff}
.links-list-alt li a:hover {color: #888}
.links-list li:first-child a, .links-list-alt li:first-child a {margin: -3px 0 0 0;}

/* */
table.standard-table { width: 100%; border-collapse: separate; border-spacing: 0; border: none; margin-bottom: 15px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); }
	table.standard-table th { border: 1px solid #dddddd; border-right: none; background-color: #fafafa; text-align: left; padding: 10px 15px; color: #404040; vertical-align: top; font-size: 14px; font-weight: bold; }
	table.standard-table td:last-child {border-right: 1px solid #ddd;}
	table.standard-table th:last-child {border-right: 1px solid #ddd;}
	table.standard-table td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; }
	table.standard-table tr:hover td {background-color: #fafafa;}
	table.standard-table tfoot tr td{background-color:#333; color:#FFF;}
	table.standard-table tfoot tr:hover td{background-color:#333; color:#FFF;}

.cep_frete{border-bottom:dotted 1px #ccc; padding:10px 0px; margin-bottom:10px;}
.cep_frete input[type="text"]{float:left; margin-right:5px; height:35px; padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cep_frete .button{float:left; margin-right:5px; border:0px; height:35px; font-size:14px; padding:5px 20px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.envio_frete{margin-bottom:15px;border-bottom:dotted 1px #ccc; padding-bottom:10px; }
.envio_frete label{float:left; margin-right:15px; font-weight:bold;}

.dados_frete{margin-bottom:15px;border-bottom:dotted 1px #ccc; padding-bottom:10px; }
.dados_frete label{width:100px; float:left; margin-bottom:5px; line-height:24px;}
.dados_frete .box-input input{float:left; margin-bottom:5px; width:300px; padding:0px; text-indent:5px; line-height:24px;  height:35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.dados_frete .box-input select{float:left; margin-bottom:5px; width:300px; padding:0px; text-indent:5px; line-height:24px;  height:35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.dados_frete .box-input{clear:both; padding:5px 0; margin-bottom:5px; }

/* */
.button, input[type="button"] { padding: 9px 12px; display: inline-block; border: 0px; font-family: 'Roboto', sans-serif; font-weight: 400; cursor: pointer; width: auto; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
input[type="button"] {float: left;}
.button.medium { padding: 15px 25px; font-size: 14px; }
.button.gray { color: #fff; background: #444; }
	.button.gray:hover {background: #1172b9;}
.button.light { color: #fff; background: trasparent; border:solid 2px #ffffff; }
	.button.light:hover {background: #fff; color:#333333;}
.button.color { color: #fff; background: #ead700; }
	.button.color:hover {background: #aaa;}
/* */
input[type="button"] { color: #fff; background: #1172b9; }
	input[type="button"]:hover {background: #aaa}
/* */
.social-icons { margin: 0; float:right; margin: 5px 0px; }
	.social-icons.top { float: left; margin: 0px 0px 5px; }
	.social-icons li { display: inline; list-style: none; text-indent: -9999px; margin-left: 5px; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
		.social-icons li a { background-repeat: no-repeat; background-position: 0 0; display: block; height: 28px; width: 28px; }
		.social-icons li:hover {background-position: 0 -38px;}
/* */
#social a { width: 28px; height: 28px; margin: 0 6px 6px 0; display: block; float: left; text-indent: -9999px; background-position: 0 -38px; }
	#social a img {border: none;}
/* */
.amazon {background: url(../images/icons/social/amazon.png) no-repeat;}
.behance {background: url(../images/icons/social/behance.png) no-repeat;}
.blogger {background: url(../images/icons/social/blogger.png) no-repeat;}
.deviantart {background: url(../images/icons/social/deviantart.png) no-repeat;}
.dribbble {background: url(../images/icons/social/dribbble.png) no-repeat;}
.dropbox {background: url(../images/icons/social/dropbox.png) no-repeat;}
.evernote {background: url(../images/icons/social/evernote.png) no-repeat;}
.facebook {background: url(../images/icons/social/facebook.png) no-repeat;}
.instagram {background: url(../images/icons/social/instagram.png) no-repeat;}
.facebook2 {background: url(../images/icons/social2/facebook.png) no-repeat;}
.forrst {background: url(../images/icons/social/forrst.png) no-repeat;}
.github {background: url(../images/icons/social/github.png) no-repeat;}
.googleplus {background: url(../images/icons/social/googleplus.png) no-repeat;}
.jolicloud {background: url(../images/icons/social/jolicloud.png) no-repeat;}
.last-fm {background: url(../images/icons/social/last-fm.png) no-repeat;}
.linkedin {background: url(../images/icons/social/linkedin.png) no-repeat;}
.picasa {background: url(../images/icons/social/picasa.png) no-repeat;}
.pintrest {background: url(../images/icons/social/pintrest.png) no-repeat;}
.rss {background: url(../images/icons/social/rss.png) no-repeat;}
.skype {background: url(../images/icons/social/skype.png) no-repeat;}
.spotify {background: url(../images/icons/social/spotify.png) no-repeat;}
.stumbleupon {background: url(../images/icons/social/stumbleupon.png) no-repeat;}
.tumblr {background: url(../images/icons/social/tumblr.png) no-repeat;}
.twitter {background: url(../images/icons/social/twitter.png) no-repeat;}
.twitter2 {background: url(../images/icons/social2/twitter.png) no-repeat;}
.vimeo {background: url(../images/icons/social/vimeo.png) no-repeat;}
.wordpress {background: url(../images/icons/social/wordpress.png) no-repeat;}
.xing {background: url(../images/icons/social/xing.png) no-repeat;}
.yahoo {background: url(../images/icons/social/yahoo.png) no-repeat;}
.youtube {background: url(../images/icons/social/youtube.png) no-repeat;}


.field {
	float:left;
	width:48%;
}
.field2 {
	float:right;
	width:48%;
}
.input {
	width: 100%;
	margin-bottom: 15px !important;
	padding:0px !important;
	height:30px;
	text-indent:5px;
}


.price-availability-block {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 12px;
	margin-bottom: 17px;
}
.price-availability-block .price {
	float: left;
	font-family: 'PT Sans Narrow', sans-serif;
}
.price-availability-block .price strong {
	color: #f7ba21 !important;
	font-size: 35px;
	font-weight: normal;
}
.price-availability-block .price strong span {
	font-size: 25px;
}
.price-availability-block .price em {
	font-style: normal;
	color: #bbb;
	font-size: 17px;
}
.price-availability-block .price em span {
	font-size: 23px;
	text-decoration: line-through;
}
.price-availability-block .availability {
	float: right;
	color: #7b8a99;
}
.price-availability-block .availability strong {
	font-weight: normal;
	color: #3e4d5c;
}


.product-page-options {
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 20px 0;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
.product-page-options .pull-left {
	margin-right: 40px;
}
.product-page-options .pull-left:last-child {
	margin-right: 0;
}
.product-page-options .pull-left-qtd {
	float:right !important; 
	width:140px !important;
}

.product-page-options label {
	font-weight: normal;
	text-transform: uppercase;
	color: #8e9ca8;
	font-family: "PT Sans Narrow", sans-serif;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
}
.product-page-options select.input-sm {
	float: left;
	width: auto;
}

.product-page-cart {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 20px;
	margin-bottom: 18px;
}
.product-quantity,
.product-quantity .input-group {
	width: 70px;
	float: left;
	margin-right: 20px;
	position: relative;
}

table .product-quantity,
table .product-quantity .input-group {
	margin-right: 0;
}
.product-page-cart .btn {
	padding: 7px 20px;
	font-size: 13px;
	height: 38px;
}
.product-quantity input.form-control {
	border: none;
	background: #edeff1 !important;
	font: 300 23px 'Open Sans', sans-serif;;
	color: #647484;
	height: 38px;
	width: 50px;
	text-align: center;
	padding: 5px;
}
.product-quantity input.form-control:focus {
	border: none;
}

.product-quantity .input-group-btn {
	position: static;
}
.product-quantity .btn {
  text-align: center;
  height: 18px !important;
  width: 18px;
  padding: 0 2px 0 1px !important;
  text-align: center;
  background: #edeff1;
  border-radius: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #616b76;
  margin: 0 !important;
  position: absolute;
  right: 0;
}
.product-quantity .quantity-up {
  top: 0;
}
.product-quantity .quantity-down {
  bottom: 0;
}
.product-quantity .btn i {
	position: relative;
	top: -2px;
	left: 1px;
}

.pagination ol li a{ background:#90F9F4; border-color:#0082c3 !important; color:#0082c3 !important; }
.pagination ol li a:hover{ background:#0082c3 !important; color:#90F9F4 !important; border-color:#90F9F4 !important;}
.pagination ol li span.current{  background:#0082c3; color:#90F9F4 !important; border-color:#90F9F4 !important;}

.pagination {
	display:inline-block;
	width:100%;
	clear:both;
	text-align:right;
	padding:10px 0px;
	margin-bottom:10px;
}
.pagination ol {
	display:inline-block;
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
}
.pagination ol li {
	display:inline;
	margin:0px 0px;
}
.pagination ol li a, .pagination ol li span.current {
	color:#fff;
	padding:4px 7px;
	line-height:14px;
	border:1px solid;
	display:inline-block;
}
.pagination ol li span.current {
	color:#fff;
}


@media only screen and (max-width: 1100px) {
	.produtos ul li{width:31%; float:left; margin-right:20px;}
	#navigation ul li a{padding:20px 20px;}
}

@media only screen and (max-width: 950px) {
	.box-list{margin:0px;}
	#logo {text-align: center; padding: 15px 0 0; margin:0px; float:none; width:100%;}
	.container{width:95% !important;}
	.selectnav{margin:0px;}
	#navigation {float: none; width:100%;}	
	.js .selectnav {display: block;}
	.js #nav,
	#navigation ul li a {
		display: none;
	}
	.box{margin-bottom:30px !important;}
	.item-description{margin-bottom:30px !important;}
	.container .sixteen.columns{width:100%; text-align:center; float:none;}
	.container .five.columns{width:100%; text-align:center; float:none;}
	.container .eleven.columns{width:100%; text-align:center; float:none;}
	.search-form .search-text-box{width:100%; margin-bottom:10px;}
	.box-search{float:none; margin:0 20px 20px;}
	.box-search ul{float:none; margin:15px 0; text-align:center; width:100%;}
	#contact-details{float:none;}	
	.container .eight.columns{width:100%; float:none; text-align:center;margin:0px auto; display:block;}
	.container .twelve.columns{width:100%; margin:0px auto;}
	.standard-table input[type="text"]{width:30px;}
	.produtos{width:100%; float:none;}	
	.cart{float:none; margin:5px auto !important;width:90px; margin:0 auto; border-left:0px;}
	.produtos ul li {width: 95%;float: none; margin:20px auto;}
	.produtos ul li:nth-child(4n+4) { margin:20px auto;}
	.nav-top{float:none; text-align:center;margin:10px auto 0px; width:400px;}
	.container .one-third.column{width:100%; margin:0px;}
	#footer-bottom .left, #footer-bottom .right{width:100%; text-align:center; float:none;}
	.footer-link{text-align:center !important; display:block !important;}
	.container .four.columns{width:97% !important; float:none; margin:0 auto 10px;}
}

@media only screen and (max-width: 480px) {
	.social-icons{float:none; margin-top:10px !important;}
	#contact-details li{border:0px; width:100%; float:none; text-align:center; padding:10px 0;}
}
.grecaptcha-badge {
	display: none;
}