@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: url(images/bg_body.png) 0 0 repeat-x #e6e8e7;
}

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

/*------------------------------------------------------
Headings
------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#333;
	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;
}
	.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 20px 10px 0;
	float:left;
}
img.float-right {
	margin: 0 0 10px 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:824px;
	margin:0 auto;
}
/* Topo */
	#header {
		display:block;
		clear:both;
		width:825px;
		position:relative;
		min-height:100px;
		height:100px;
	}
	html>body #header {
		height: auto;
	}

		/* logo e menu */
		#logo {
			float:left;
			margin: 15px 0;
		}
		#menu {
			position:absolute;
			top:50%;
			left:330px;
		}
			#menu li {
				float:left;
				list-style:none;
			}
				#menu a {
					display:block;
					color:#fff;
					text-transform:capitalize;
					margin: 0 10px;
					font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
					padding:5px;
				}
					#menu a:hover, #menu li.atual a {
						text-decoration:underline;
					}

	/* conteúdo */
	#conteudo, #conteudo_interno {
		width:824px;
		display:block;
		clear:both;
		text-align:left;
		min-height:355px;
		height:auto !important;
		height:355px;
	}

	#conteudo {
		background:url(images/bg_top.jpg) 0 0 no-repeat #fff;
	}
	
	
	#conteudo_interno {
		padding-bottom:20px;
		background:url(images/bg_bottom.jpg) left bottom no-repeat;
	}
	
	
	#conteudo_rodape {
		height:224px;
		background:url(images/bg_bottom.jpg) 0 0 no-repeat;
	}
	
	#principal {
		float:left;
		padding:30px 20px 0 20px;
		width: 540px; /*584*/

	}
	
	#lateral {
		float:left;
		padding:30px 20px 0 20px;
		border-right: 1px solid #dcdcdc;
		width: 200px;/*240*/
		overflow:hidden;
	}
	
	.banner {
		display:block;
		clear:both;
		text-align:center;
		margin:10px 0;
	}

	
	#rodape {
		display:block;
		clear:both;
		width:784px; /*824*/
		margin: 20px 0;
		padding:20px;
		background:#000;
		-moz-border-radius:15px;
	}
	#info_contato {
		float:right;
		width:300px;
		color:#f4f4f4;
	}
	#info_contato_full {
		color:#f4f4f4;
	}

		#info_contato h3, #info_contato a, #info_contato_full h3, #info_contato_full a{
			color:#f4f4f4;
		}
		
	#msn {
		float:left;
		width:480px;
	}

	
/* produtos */
	.imagem_prod {
		float:left;
		margin: 0 10px 10px 10px;
	}
	
	#lista_produtos a {
		font-weight:normal;
	}
	
	.img_detalhe {
		float:left;
		padding:5px;
		border:1px solid #000;
		margin: 0 20px 15px 0;
		text-align:center;
	}
	.vl_produto {
		width:162px; /*238*/
		height:55px;
		background:url(images/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;
	}
	
	.cartoes {
		float:left;
		width:226px;
		margin-right:35px;
	}
		.cartoes img {
			margin:0 5px 5px 0;
		}