@charset "utf-8";
/* ----------------------------------------------
[Info]
	Author: 			Jonatan Froes
	Author email:	 	jonatan.froes@yahoo.com.br
 ------------------------------------------------ */


/* ----------------------------------------------
	Reset
 ------------------------------------------------ */
* {
	margin:0;
	padding:0;
	border:none;
}

/* ----------------------------------------------
	Style
 ------------------------------------------------ */

body {
	color:#767772;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-align:center;
	background:#333;
}

/* ----------------------------------------------
	fonts
------------------------------------------------ */
p {
	font-size:12px;
	margin-bottom:10px;
}

/*------------------------------------------------------
Headings
------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#fff;
	line-height:1.2em;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:26px;
	padding:10px;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	padding:10px;
}

h5{
	font-size:14px;
}


/* ----------------------------------------------
	paginação
------------------------------------------------ */

.pagination {
	display:block;
	clear:both;
	text-align:center;
	background:#fff;
	border:2px solid #758baf;
}
	.pagination a, span {
		display:inline;
	}
		.pagination a {
			text-decoration:none;
			font: bold 14px/36px Verdana, Geneva, sans-serif;
			color:#bdbdbd;
			padding:10px;
		}
			.pagination a:hover, .pagination span.current a {
				color:#505050;
			}
/* ----------------------------------------------
	gerenal classes
------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.error { 
	border:1px solid #d51313;
	color:#d51313;
	padding: 10px 15px;
	margin: 8px 0;
	background:#f7eded;
}
.success { 
	border:1px solid #0c9543;
	color:#0c9543;
	padding: 10px 15px;
	margin: 8px 0;
	background:#e5f6ec;
}

.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left; }
.text-right {text-align:right; }
.spacer { clear:both; display:block; height:11px;}
.highlight { font-weight:bold;}
.clear {clear:both;}
.text-center {text-align:center; }
.hidden {display:none;}


/* ----------------------------------------------
	images & links
------------------------------------------------ */

a:link, a:visited, a:active {
	color:#2c2c2c;
	text-decoration:none;
	font-weight:bold;
}
	a:hover {
		text-decoration:underline;
	} 


img.float-left {
	margin: 0 12px 5px 0;
	float:left;
}
img.float-right {
	margin: 0 0 5px 20px;
	float:right;
}

p img.float-left {
	margin: 0 15px 3px 0;
}
p img.float-right {
	margin: 0 0 3px 15px;
	}

.no-border {
	border-width:0;
}


/* ----------------------------------------------
	lists
------------------------------------------------ */
ul {
	font: normal 1.2em Arial, Helvetica, sans-serif;
}
li {
	
}
ol {

}
	ol p {
	}
ul.list-images {
	float:left;
	margin:0 auto;
	padding:0;
}
	ul.list-images li {
		list-style:none;
		float:left;
		text-align:left;
	}
		ul.list-images li a {
			margin:0 1em .5 0;
			display:block;
		}
			ul.list-images li:hover img {
				border:1px solid #027fb0;
			}
		ul.list-images li img {
			padding:.3em;
			border: 1px solid #ededec;
		}

/* ----------------------------------------------
	forms
------------------------------------------------ */
	form span.helper {
		font: italic 10px arial;
		display:block;
		padding: 0 0 1em 0;
	}
	label {
		display:block;
		font-weight:bold;
		width:300px;
		height:25px;
		line-height:24px;
	}
	input, textarea, select {
		padding: 3px;
		border:1px solid #333;
		background:#fff;
		width:430px;
	}
		input:hover, textarea:hover, select:hover {
			background:#fff; border:1px solid #666;
		}
		input:focus, textarea:focus, select:focus {
			background:#f4f4f4;
			border:1px solid #666;
		}
	textarea {
		height:100px;
	}
	#submit {
		width:80px;
		margin-left:280px;
	}	
#contactForm {
	text-align:left;
}

/* ----------------------------------------------
	tables
------------------------------------------------ */
table {

	width:100%;
}

	
/* ----------------------------------------------
	bloquequote & hr
------------------------------------------------ */
hr {border-top: 1px solid #b1b1b1; margin: 5px auto 5px 0; display:block; clear:both; }

/* ----------------------------------------------
[Estrutura do site]
------------------------------------------------ */
#wrap {
	width:920px;
	border:1px solid #c9c9c9;
	padding:5px 10px 0;
	margin:10px auto;
	background:#fff;
	text-align:left;
}
/* Topo */
	#header {
		display:block;
		clear:both;
		width:920px;
		position:relative;
		min-height:80px;
		height:80px;
		z-index:1;
	}
	html>body #header {
		height: auto;
	}

		/* logo e menu */
		#logo {
			float:left;
			margin: 15px 0 15px 5px;
		}
		#menu {
			position:absolute;
			top:40%;
			left:330px;
		}
			#menu li {
				float:left;
				list-style:none;
			}
				#menu a {
					display:block;
					color:#5b5b5b;
					text-transform:capitalize;
					margin: 0 20px;
					font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
					padding:5px;
				}
					#menu a:hover, #menu a.active {
						text-decoration:none;
						color:#747474;
					}
					
	#conteudo {
		background:#333;
		color:#e1e1e1;
		padding: 10px 0;
	}
	
	#lateral {
		float:left;
		width: 260px;/*260*/
		overflow:hidden;
	}
		#conteudo_lateral {
			padding:5px 10px;
			margin-left:6px;
			width: 230px;/*260*/
			overflow:hidden;
			border:2px solid #758baf;
			display:block;
			clear:both;
		}
	
	#principal {
		float:left;
		padding:0 10px;
		width: 640px; /*660*/
	}
	
	.banner {
		display:block;
		clear:both;
		text-align:center;
		margin:10px 0;
	}

	
	#rodape {
		display:block;
		padding:10px;
		margin-top:10px;
	}
		#rodape p {
			margin-bottom:5px
		}
	#info_contato_full {
		padding:0 10px;
/*		width: 640px; /*660*/
		text-align:center;
	}
	
	#info_contato {
		float:right;
		width:650px;
		text-align:center;
		padding:0 10px;
	}
	#cartoes {
		float:left;
		widows:250px;
		padding:0 10px;
	}
	
		#info_contato h3, #info_contato a, #info_contato_full h3, #info_contato_full a{
			color:#fff;
		}
		
	#creditos {
		text-align:center;
		margin:15px 0 5px;
	}
		#creditos a {
			color:#fff;
		}

	
/* produtos */


	.imagem_prod {
		float:left;
		margin: 0 10px 10px 10px;
	}
	.lista_prod {
		background:#fff;
		padding:0 5px 5px;
		border: 2px solid #758baf;
		margin: 0 5px;
		width:300px;
		vertical-align:top;
	}
		.lista_prod h4 a, #conteudo_interno h3 {
			background:#fff;
			padding:5px;
			background:#ebebeb;
			color:#1279B1;
			display:block;
			font: bold 14px Arial, Helvetica, sans-serif;
			text-align:center;
		}

	
	#conteudo_interno {
		color:#333;
	}
		#conteudo_interno .lista_prod {
			width:auto;
		}
	

	
	.img_detalhe {
		float:left;
		padding:5px;
		border:1px solid #000;
		margin: 0 20px 15px 10px;
		text-align:center;
		color:#333;
	}
	.vl_produto {
		width:162px; /*238*/
		height:55px;
		background:url(../padrao/bg_valor.png) 0 0 no-repeat;
		color:#fff;
		font-size:30px;
		padding: 0 10px 0 66px;
		line-height:50px;
		float:left;
		margin: 10px;
	}

	#botao_comprar {
		float:left;
		margin: 10px;
	}
	.submit_comprar {
		width:238px;
		height:55px;
		border:none;
		margin:0;
		padding:0;
	}
	.submit_comprar:hover {
		border:none;
	}
	#conteudo_interno h3 {
		margin:5px 5px 10px;
		font-size:18px;
	}
	
	.voltar {
		text-align:center;
	}