/*
Nome do tema: Tema Zhoqs
url: http://www.zhoqs.com.br
Descrição: Tema elaborado para o desenvolvimento do site zhoqs.com.br
Autor: Samuel Etur
ulr do autor: http://www.samueletur.com.br
Versão: 1.0

 [Conteúdo]  

 1- Global  
 2- Links  
 3- Headings  
 4- Header  
 5- Navigation  
 6- Middle  
 7- Forms  
 8- Extras  
 9- Footer  

*/

 /* =1 Global 
 =================================================================== */
	body{
		background-color: #C6C3C6;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
	}
	#container{
		width: 765px;
		margin: 0 auto;
		background:#292C8C;
	}
	img.margin-bottom:20px;{
		margin: 0;
	}
	.left{
		float: left;
	}
	.invisible{
		position:absolute;
		left:-9999px;
	}
	h2{
		font-size: 14px;
		text-transform:uppercase;
		color: #00659C;
		margin: 15px 0;
	}

 /* =2 Links 
 =================================================================== */
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
 /* =3 Headings 
 =================================================================== */
	.headings{
		clear: both;
		background-color: #292C8C;
		width: 100%;
		height: 31px;
	}
	.headings .lang{
		float: right;
		color: white;
		margin: 8px;
	}
	.headings .lang a{
		color: white;
	}
 /* =4 Header 
 =================================================================== */
 /* =5 Navigation 
 =================================================================== */
	#nav{
		background-color: #EEEEEE;
		min-height: 32px;
		border-bottom: 1px dashed #999;
	}
 /* =6 Middle 
 =================================================================== */
	#middle{
		background:#292C8C;
		z-index:2;		
		clear: both;
	}
	#sidebar_left{
		float: left;
		width: 165px;
		background-color: #292C8C;
	}
	#sidebar_right{
		float: right;
		width: 223px;
	}
	#sidebar_right img{
		float: left;
	}
		.contact{
			height: 100%;
			background: transparent url(../image/apresentacao/abaixoseta.gif) repeat-y top;
			color: white;
		}
		.contact h3{
			font-family:Tahoma;
			font-size:14px;
			font-weight:normal;
			letter-spacing:1pt;
			line-height: 130%;
			text-align: center;
			margin: 0 20px;
			padding: 0 5px 20px 5px;
		}
		.endereco{
			margin: 0 15px 0 30px;
			padding: 0 5px 20px 5px;			
			line-height: 130%;
			font-size: 11px;
		}
		.endereco h3{
			text-transform: uppercase;
			font-size: 13px;
			font-family:Tahoma;
			margin: 25px 0 15px 0;
			text-align: left;
		}
	#content{
		float: right;
		width: 600px;
		background-color: white;
		color:#000000;
		font-family:Tahoma;
		font-size:11px;
		line-height:18px;
	}
	.texto_apresentacao{
		width: 365px;
		float: left;
		padding: 10px 0 10px 10px;
		text-align: justify;
	}
	.center{
		text-align: center;
	}
	.normal{
		padding: 10px;
	}
	.normal td{
		padding: 3px;
	}
 /* =7 Forms 
 =================================================================== */
	#formnews{
		margin: 8px;
	}
	#formnews label{
		font-size: 10px;
		color: white;
		line-height: 180%;
	}
	#formnews .btnsubmit{
		border: none;
		color: #000;
		margin: 5px 0;
		font-size: 11px;
	}
	#formnews label.error{
		color: red;
		display: block;
	}
	.formcadastro {
		border:1px none #A5ACB2;
		font-family:Tahoma;
		font-size:10px;
		height:17px;
		width:139px;
	}
	#formcontato{
		padding:0;
		margin: 0;
	}
	#formcontato fieldset{
		margin: 10px;
		border: 1px solid #c2c2c2;
		padding: 10px;
	}
	#formcontato legend{
		padding: 0 10px;
		text-transform: uppercase;
	}
	#formcontato input{
		width: 240px;
	}
	#formcontato label{
		font-weight: bold;
	}
	#formcontato .btncontato{
		width: auto;
	}
	#formcontato span.required {
		color:red;
		font-size:11px;
		font-weight:normal;
		padding-left: 5px;
	}	
	#formcontato textarea{
		width: 525px;
	}
	#formcontato label.error{
		margin-left: 10px;
		background:url("../image/ico/unchecked.gif") no-repeat 0px 0px;
  		padding: 0 0 3px 20px;
		font-weight: normal;
	}
	#formcontato input.error{
		border: 1px dotted red;
	}
	
	#formorcamento label.error{
		color: red;
		font-size: 11px;	
		margin: 0 10px;
	}
	#formorcamento{
		width: 400px;
		margin: 10px auto;
	}
	#formorcamento span.empacotamento, #formorcamento span.solicitaProduto{
		margin: 0 10px;	
	}
	#formorcamento span.solicitaProduto{
		text-transform: uppercase;		
	}
	#formorcamento fieldset{
		padding: 15px;
		border:1px solid white;
	}
	#formorcamento legend{
		padding: 0 10px;	
	}
	#formorcamento label, #formorcamento input{
		margin: 4px 0;
		width: 200px;
	}
	#formorcamento input.btncontato{
		width: auto;
		padding: 0 10px;
	}
	
	#formorcamento textarea{
		margin: 4px 0;
		width: 350px;
		height: 150px;
	}
	#formorcamento input.quantidade{
		width: 100px;	
	}
	#calcularfrete fieldset{
		border: 1px solid #ccc;
		padding: 15px;
	}
	#calcularfrete legend{
		padding: 0 10px;	
	}
	#calcularfrete label.error{
		padding: 0 5px;
		font-size: 11px;
		color: red;
	}
	.valorfrete{
		font-size: 15px;
		float: left;
		width: 130px;
		text-align: right;
		padding-right: 10px;
	}
	.valorfreteresultado
	{
			font-size: 15px;
		float: left;
		width: 100px;
		text-align: left;
	}
 /* =8 Extras 
 =================================================================== */
	.dev a{
		float:right;
		width: 200px;
		text-align: right;
		color: white;
	}
	.news h3
	{
		color: white;
		font-family: Tahoma;
		text-align: left;
		font-size: 14px;
		margin: 25px 2px 10px 8px;
	}
	
	.msg_news_erro, .msg_news_ok{
		padding: 2px 0;
		background-color:#FBF9EE;
		text-align: center;
	}
	.msg_news_erro{
		border:1px solid #CD0A0A;
		color:#CD0A0A;
	}
	.msg_news_ok{
		border:1px solid #4AAEDE;
		color:#298642;	
	}	
.msgErro{
	border-top: 1px dashed red; 
	border-bottom: 1px dashed red; 
	font-size:12px;
	width:auto;
	margin: 15px 10px;
	background: url("../image/ico/unchecked.gif") no-repeat 0 5px;
	padding: 3px 0 3px 20px;
	font-weight: normal;	
	color: red;	
	line-height: 20px;	
}
.msgOK{
	border-top: 1px dashed #0082A5; 
	border-bottom: 1px dashed #0082A5; 
	font-size:12px;
	width:auto;
	margin: 15px 10px;
	background: url("../image/ico/checked.gif") no-repeat 0 5px;
	padding: 3px 0 3px 20px;
	font-weight: normal;	
	color: #0082A5;	
	line-height: 20px;	
}
 /* =9 Footer 
 =================================================================== */
	#footer{
		position: relative;
		clear: both;
		background: #292C8C;
		padding: 5px;
		min-height: 17px;
	}
	#footer p{
		color: #fff;
		float:left;
		width: 500px;
	}
	



	
.form-button:hover {
	background:#0088CC url(../image/bg_btn_hover.gif) repeat-x scroll center top;
	text-decoration: none;
}
.form-button {
	background:#0088CC url(../image/bg_btn.gif) repeat-x scroll center top;
	border:1px solid #808080;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:bold !important;
	line-height:normal !important;
	margin-bottom:6px;
	overflow:visible;
	padding:1px 4px;
	text-align:center;
	vertical-align:middle;
}
.form-button, input.input-text {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}	
	
	
.head {
	background-color:#D1D0CD;
	color:#333333;
	font-family:'Verdana';
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
	
.res3 {
	background-color:#E7E4DC;
	color:#FC1002;
	font-family:'Verdana';
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.module{
	margin: 10px;
	padding: 10px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border: 1px solid #ccc;	
}
/*
 * Layout 1
 */
#coluna1{
	float:left;
	margin:0 0 0 4px;
	padding:20px 0 0;
	width:350px;	
}
#coluna2{
	float:left;
	margin:0 0 0 10px;
	padding:20px 0 0 0;
	width:370px;	
}
#coluna1 .prodImg {
	text-align: center;
	display:block;
	padding:5px;
	border: 1px solid #BFBFBF;
}
#imgDescrip {
	border-bottom:1px dotted #FFFFFF;
	margin:0;
	padding:0 0 5px;
}
#itemDescrip {
	margin:0;
	padding:0 0 3px;
}
h1 {
	color:#333333;
	font-family:arial,sans-serif;
	font-size:2em;
	font-weight:bold;
	margin:10px 10px 4px 0;
	padding:0;
}
.horizdots {
	background:#FFFFFF url(https://media.rei.com/common/dot_horiz.gif) repeat-x scroll 2px 5px;
	float:left;
	height:12px;
	margin:0;
	padding:0;
	width:100%;
}
.itemNum {
	color:#333333;
	float:right;
	font-size:0.9em;
	margin:6px 5px 0 0;
	padding:0;
}
.pricePara {
	margin:0;
	padding:0;
	color:#333333;
	font-weight:normal;	
	line-height:1.6em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.9em;
}
#addCart {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.clear{
	clear: both;
}
span.numbers {
	color:#CACACA;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.7em;
	padding-right:5px;
	vertical-align:middle;
}
#addCart p {
	margin:0 0 15px;
	padding:0;
}
#snippetWrapper {
	background:#FFFFFF url(https://www.rei.com/pix/common/dot_vert.gif) repeat-y scroll 200px 0;
	float:left;
	width:100%;
}
#snippetSecMain {
	float:left;
	width:190px;
}
.prSnippetTitle {
color:#333333;
float:left;
font-size:1.1em;
font-weight:bold;
margin:0;
width:100%;
}
.prSnippetTitle {
	color:#333333;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	width:100%;
}
.prSnippetTitle {
	padding:0 5px 5px 0;
}
.pr-snippet-wrapper {
	background:#FFFFFF none repeat scroll 0 0;
	border:medium none;
}
.pr-snippet-stars {
	border:medium none;
	float:left;
	margin-right:0;
	padding:0;
}
.pr-snippet-stars {
	display:inline;
	float:left;
	line-height:15px;
}
.pr-snippet-stars .pr-stars-small {
	background-image:url(../image/stars_small.gif);
	float:left;
	height:15px;
	line-height:15px;
	width:83px;
}
.pr-snippet-review-count {
	font-size:95%;
	line-height:26px;
	margin:0;
	padding:0;
	position:relative;
}
.pr-snippet-read-write {
	border:medium none;
	clear:right;
	float:right;
	font-size:0.7em;
	margin:0;
	padding:0;
	text-align:left;
	width:105px;
}
.pr-snippet-read-reviews {
	border-right:medium none;
	clear:right;
	float:right;
	padding:0 5px 5px 0;
	text-align:left;
	width:105px;
}
.pr-snippet-read-write a.pr-snippet-link {
	color:#668800;
	font-size:11px;
}
.pr-snippet-read-write a.pr-snippet-link span {
	font-weight:normal;
}
.pr-snippet-write-review {
	border-right:medium none;
	clear:right;
	float:right;
	padding:0 5px 5px 0;
	text-align:left;
	width:105px;
}
#snippetShare {
	float:right;
	padding-left:5px;
	text-align:left;
	width:140px;
}
.shareItTitle {
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0 5px 5px 0;
	width:100%;
}
a:link, .rei a:visited {
	color:#668800;
}
.productEmail img{
	padding: 4px 5px 0 0;
}

#tabsMedia {
	background:#FFFFFF none repeat scroll 0 0;
	margin:10px 0 5px;
	position:relative;
	width:100%;
	z-index:0;
}
#tabsMedia ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.tabs-nav {
	display:inline-block;
}
#pageContent li {
line-height:1.6em;
}
.tabs-nav li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 5px 0 0;
	min-width:50px;
}
li {
	color:#333333;
	font-weight:normal;
}
.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected a:hover, .tabs-nav .tabs-selected a:focus, .tabs-nav a:active {
	background-position:100% -123px;
	color:#333333;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-decoration:none;
	}
.tabs-nav a, .adv .tabs-nav a {
	color:#333333;
	font-size:10px;
	font-weight:bold;
	line-height:1.4;
	padding-left:0;
	position:relative;
	text-align:left;
	text-decoration:none;
	top:1px;
	white-space:nowrap;
	z-index:2;
}
img.imgSwatch {
	border:1px solid #BFBFBF;
	margin:6px;
	padding:1px;
}