@charset "utf-8";
/* CSS Document */
body{ font:10px Verdana, Geneva, sans-serif; line-height: 1.5em;}
h1 { font: 35px Verdana, Geneva, sans-serif; color: #000; line-height: 1.5em; text-transform:uppercase; font-weight:bold;}
h2 { font: 22px Verdana, Geneva, sans-serif; color: #999;}
.wrapper{ width: 980px; margin: 0 auto 0 auto;}
.top{ background: #CCC; width:100%; height:32px; background-image:url(../../images/bgmenu.jpg); background-repeat:repeat;}
.menu{ float: left; height:32px; }
#mainmenu{ 
 list-style-type: none;
 height:32px;
 width: auto;
 margin: auto;
 font-size:11px;
 color: #000; font-weight:bold; }
#mainmenu li{ float: left; text-transform:uppercase; text-decoration:none; margin:8px 5px;}
#mainmenu li a{text-decoration:none; color: #000; padding: 0px 5px; }
#mainmenu li a:hover{ background: #ffb400; padding:8px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#reg{float: right; height:32px; margin-right:10px; font-weight:bold;}
#reg li{ text-transform:uppercase; text-decoration:none; display:inline-block; padding:8px;}
#reg li:last-child{border-left: 1px solid #000;}
#reg li a{text-decoration:none; color: #000; padding: 0px 5px; }
#reg li a:hover{ background: #ffb400; padding:8px 5px; -webkit-border-radius: 5px;}
.basket{float: right; padding: 8px; background: #000; background-image:url(../../images/basket.png); background-position:8px 7px; background-repeat:no-repeat;  color: #ffb400; text-indent: 20px}
.basket a{ text-decoration: none; color:#F90;}
.bold{ font-weight:bold;}
.header{ background: #fff; width:100%; height: 86px; border-bottom: 3px solid #ffb400;}
.logo{float: left; width:334px; height:83px; margin-top:3px; }
.blockHR{float: right; width:640px; height:84px;}
.mb{float: right; width:640px; height:38px; text-align:right; padding: 5px 10px 0 0;}
.tags{float: right; margin: 5px 15px 0 0; font-size: 7pt;}
.tags a{ color: #333; text-decoration: none; font-size:1.2em;}
.tags a:hover{ color: #ffb400}
.brands{float: right; margin: 6px 10px 0 0;}
.montra{ background: #ccc; width:100%; height: 340px; background-image:url(../../images/bgMontra.jpg); background-repeat:repeat-y;  border-bottom: 3px solid #Ffb400;}

#gallery {
	position: relative
	height:370px;
	width: 980px;

}
	#gallery a {
		float:left;
		width: 370px;
		height: 300px;
		overflow: hidden;
		
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		float: right;
		width: 500px;
		color:#000; 
		margin-top:100px;
		font-size: 24px;
			}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color: #000;
		font-size: 48px;	
	}
.content{background: #DBDBDB; width:100%; min-height: 80px;}
.blockLeft{ float: left;width:200px; padding:10px}

.blockRight{float: left; width:739px; background:#EBEBEB; padding: 10px; border-left: 1px solid #CCC;}
.blockRightDetail{float: left; width:739px; background:#EBEBEB; padding: 10px; border-left: 1px solid #CCC; min-height: 490px;}
.article{float: left; width:220px; height:180px; border: 1px solid #999; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; background:#FFFFFF; margin: 20px 12px; overflow: hidden;}
.txtarticle{padding: 5px; width: auto; font-size:10px; font-weight: bold}
.imgarticle{float: left; width:194px; height:130px; margin: 10px 13px; overflow: hidden;}

.vermais{ text-align:right; padding:0 20px 20px 0;}
.lnk1 a:link{ font-weight:bold; color:#666; text-decoration:none;}
.lnk1 a:hover{ font-weight:bold; color:#666; text-decoration:none;}
.lnk1 a:visited{ font-weight:bold; color:#666; text-decoration:none;}
.pag a:link{ font-weight:bold; color:#666; text-decoration:none; padding5px;}
.pag a:hover, .pag a:visited{ font-weight:bold; color:#666; text-decoration:none;}
.pag .current{background: #F90;}

.title{ text-indent: 40px; font-weight:bold; color: #666; font-size: 14px; min-width: 200px;  line-height:35px; vertical-align:middle;}
.ticone1{ height:35px; background:url(../../images/titleIcones.png) 0 0 no-repeat;}
.ticone2{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -35px no-repeat; }
.ticone3{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -105px no-repeat; }
.ticone4{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -70px no-repeat; }
.ticone5{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -140px no-repeat; line-height:35px; vertical-align:middle; width: auto; text-indent:40px;}
.ticone6{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -175px no-repeat; }
.ticone7{ width: 35px; height:35px; background:url(../../images/titleIcones.png) 0 -285px no-repeat; width: auto;}
.ondestamos{margin-top: 20px;}
.ml40{ margin-left:40px; line-height:1.8em;}
.mt20{margin-top:20px;} 
.line {border-bottom: 1px solid #CCC; padding-top:20px;}
.detailBlock{float: left; width:220px;/* border: 1px solid #900;*/  margin: 40px 12px; line-height: 1.6em; }
/*******   css para o form de pesquisa   ************************/

form {
	width:210px;
	margin:0 0 20px 0;
}

label {
	display:block;
	margin-top:20px;
	color: #666;
	font-weight: bold;
}

select {
	width:189px;
	height:28px;
	background:#F3F3F3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:5px;
	margin-top:3px;
	color:#3a3a3a;
}

input, textarea {
	width:180px;
	height:16px;
	background:#F3F3F3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:5px;
	margin-top:3px;
	color:#3a3a3a;
}
input:focus, textarea:focus {
		border:1px solid #F90;
	}

#submit {
	float: right;
	width: auto;
	height:auto;
	background: #F90;
	padding: 5px 15px;
	text-align:center;
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-right: 20px;
}

#submit:hover {
		/*opacity:0.9;*/
		background: #999;
		color: #fff;
	}
/********************** paginação ************************/
#pag ul{ font-weight:bold; color: #666;}
#pag li{ display:inline-block; padding:2px 5px;font-weight:bold; color: #666; border-left: 1px solid #666;}
#pag li.current{background: #F90; border: none;}
/*********************  listas dos detalhes dos produtos *******************/
#detailInfo li{ line-height:30px; vertical-align:middle;}
#detailInfo li:first-child{ font-weight: bold; font-size:1.2em; text-transform:uppercase;padding-bottom:10px;}
#detailInfo li:last-child{ font-weight: bold; font-size:1.2em; color:#999;}
#detailExtra{border: 1px solid #CCC;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:8px 10px 18px 10px; font-weight: bold; }
#detailExtra li{ line-height:35px; vertical-align:middle; text-indent: 50px; margin-top: 10px;}
#detailExtra li#dGarantia{ background:url(../../images/titleIcones.png) 0 -215px no-repeat;}
#detailExtra li#dExpede{ background:url(../../images/titleIcones.png) 0 -250px no-repeat;}
#detailExtra li#dPaga{ background:url(../../images/mbLogo.png) 0 0 no-repeat; height:38px;}
#detailOther{ width:715px; height:90px; overflow:hiden; border: 1px solid #CCC; background:#dfdfdf; padding:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-top:10px;}
#detailOther li{ width: 120px; height: 90px; display:inline-block; margin-right: 14px; background:#FFF; border:1px solid #fff;}
#detailOther li:first-child{ margin-left: 15px;}

/*************************************************************************************/
#galDetail{ width:200px; height:200px; overflow:hidden}
.promo{ background-color:#FFC;}
.addCart {margin-top: 40px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f76c), color-stop(1, #ffcd03) );
	background:-moz-linear-gradient( center top, #f2f76c 5%, #ffcd03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f76c', endColorstr='#ffcd03');*/
	background-image:url('../../images/back_button.png');
	background-repeat:repeat-x;
	background-color:#f2f76c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #faca0a;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.addCart:hover {
	background-image:url('../../images/back_button_2.png');
	background-repeat:repeat-x;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcd03), color-stop(1, #f2f76c) );
	background:-moz-linear-gradient( center top, #ffcd03 5%, #f2f76c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd03', endColorstr='#f2f76c');
	background-color:#ffcd03;*/
}.addCart:active {
	position:relative;
	top:1px;}
.footer{background: #363A39; width:100%; height: auto; color: #fff; padding: 30px 0px 10px 0px;}
.copy{float: right;width:400px; margin:8px 5px; text-align:right;}
#footerMenu{ width:400px;
 list-style-type: none;
 height:32px;
 width: auto;
 margin: auto;
 font-size:11px;
 font-weight:bold; float:right; }
#footerMenu li{ float: left;text-transform:uppercase; text-decoration:none; margin:8px 5px 0px 0px;}
#footerMenu li.current{color: #ffb400;}
#footerMenu li a{text-decoration:none; color: #fff; padding: 0px 5px; }
#footerMenu li a:hover{ color: #ffb400; padding:8px 5px; -webkit-border-radius: 5px;}

.footerLeft{ width:500px;
 list-style-type: none;
 height:32px;
 margin: auto;
 font-size:12px;
 float:left;  }
.footerLeft li{ margin:8px 5px 0px 0px; display:inline-block;}
.footerLeft li a{ color:#fff; text-decoration:none;}
.footerLeft li a:hover{ color: #FC0;}

.footerTags{ width:500px;
 list-style-type: none;
 height:32px;
 margin: auto;
 font-size:9px;
 float:left;  }
.footerTags li{margin:8px 2px 0px 0px; display:inline-block;}
.footerTags li a{  color:#fff; text-decoration:none;}
.footerTags li a:hover{ color: #FC0;}

/******** adicionado extra ****/
.left{
	float:left;
}

.right{
	float:right;
}

.imgContent{
	width:380px;
	text-align:center;
	margin-top:110px;
	margin-left:220px;
	padding:5px;
	background: none repeat scroll 0 0;
}
.imgGal{padding-top: 20px;}
.form{
	width:330px;
	height:330px;
}

.textareaForm{
	width:auto;
	height:auto;
	/*background:#F3F3F3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:5px;
	margin-top:3px;
	color:#3a3a3a;*/
}

.formEmail{
	width:auto;
}


.selectData{
	width:auto;
}

.inputRegisto{
	width:378px;
}

.inputCod{
	width:100px;
}

.formRegisto{
	width:auto;
}

.inputMarginLeft{
	margin-left:5px;
}

.erroRegisto{
	font-size:9px;
	color:#B94A48;
}

.inputError{
	border-color: #B94A48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.login{
	float:left;
}

.formLogin {
	width: auto;
	margin: auto;
	display: inline-block;
	margin-bottom: 36px;
	vertical-align: middle;
}

.formLogin input{
	width:140px;
}

.formLogin label{
	margin:0px;
}

#submitLogin{
	width: auto;
	height: auto;
	background: #F90;
	padding: 5px 15px;
	text-align: center;
	border: none;
	cursor: pointer;
	margin-right: 20px;
}

.alert-success {
	z-index:10;
	padding: 8px 35px 8px 14px;
	color: #468847;
	background-color: #DFF0D8;
	/*border-color: #D6E9C6;*/
	border: 1px solid #D6E9C6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-error{
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #EED3D7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.close:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: black;
	text-shadow: 0 1px 0 white;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.formAddProduto{
	width:auto;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

.refreshCart{
	margin-top: 4px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f76c), color-stop(1, #ffcd03) );
	background:-moz-linear-gradient( center top, #f2f76c 5%, #ffcd03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f76c', endColorstr='#ffcd03');*/
	background-image:url('../../images/back_button.png');
	background-repeat:repeat-x;
	background-color:#f2f76c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #faca0a;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.refreshCart:hover {
	background-image:url('../../images/back_button_2.png');
	background-repeat:repeat-x;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcd03), color-stop(1, #f2f76c) );
	background:-moz-linear-gradient( center top, #ffcd03 5%, #f2f76c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd03', endColorstr='#f2f76c');
	background-color:#ffcd03;*/
}

.checkoutDiv{
	width:360px;
}

.radioButton{ width: auto; height: auto;}
.formShipment{
	width:400px;
}



/*************** fim **********/

.loginPanel{ width: 100%; background-color: #000; color: #FFF; height: 60px; display: none; padding-top:20px;}
.lnkLG a{ text-decoration:none; padding:8px 5px; color:#000; margin-left: 10px;}
.lnkLG a:hover{ background: #ffb400; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; color: #FFF;}
.login{ float: right; text-transform:uppercase; margin:8px 20px 0 0; font-weight:bold; color: #000;}
.login a{background: #ffb400; padding:8px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; text-decoration: none; color: #000;}
.loginPanel a{ text-decoration: none; color:#F90;}
.optAcount{ line-height:25px; font-weight:bold;}
.optAcount a{ text-decoration:none; color: #333; }
.login .user {text-decoration: none; color: #000;
background: none;
padding: 8px 5px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}

.recup a{
	background: none;
	padding: 0px;
}