* { margin:0; padding:0 }

body { font:13px Arial, Tahoma, Verdana, Sans-serif; background:#DDD url(img/bgbody.jpg) repeat-x top }

#allf { width:100%; background:url(img/bgfooter.jpg) repeat-x bottom }
#all { width:1185px; margin:0 auto }

#header { 
	position:relative; 
	height:160px; 
	background:url(img/bgheadertopx.jpg) no-repeat }

#header .logotipo { z-index:30; position:absolute; width:130px; height:90px;  top:5px; left:20px }
#header .logotipo a { text-indent:-1000000px; width:130px; height:90px; display:block }

#header .user { 
	font:11px Arial;
	position:absolute; 
	top:10px; right:15px; 
	padding:2px 0 2px 20px }
	 
#header .search { 
	color:#666;
	position:absolute; 
	top:15px; right:200px  }
	
#header .search input.text {
	padding:4px;
	width:305px;
	font:15px Arial;
	border:1px inset #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
	
input.button { 
	padding:3px;
	font:15px Arial }
	
#header .buy { 
	font-size:11px;
	position:absolute; 
	top:20px; right:10px; 
	padding:2px 0 2px 20px; 
	background:url(img/ico-buy-top.gif) no-repeat left top }
	
#header .buy a { font-weight:bold; color:#990000 }

#header ul.menu { 
	position:absolute; 
	top:65px; right:10px }
	
#header ul.menu  li { 
	list-style:none;
	float:left }

#header ul.menu  li a { 
	color:#000;
	font-size:17px;
	letter-spacing:-1px;
	text-decoration:none; 
	float:left;
	padding:0 9px }

#header ul.menu  li a:hover { color:#85C322 }

.menu ul { list-style:none }

.departamentos {
	position:absolute;
	top:100px; left:15px; 
	list-style:none }

.departamentos li  { 
	float:left }
	
.departamentos li a {
	background:url(img/bgdptolink.jpg) no-repeat left top;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:17px;
	float:left;
	padding:17px 48px }

.departamentos li a:hover { color:#85C322 }

#container { padding:15px }

#headline { 
	position:relative;
	margin-bottom:10px }

#headline #nav { 
	z-index:10;
	position:absolute;
	bottom:15px; right:25px }

#headline #nav a { 
	margin-left:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	padding:5px;
	width:15px; height:15x;
	font-size:11px;
	float:left;
	color:#FFF;
	background:#000 }
	
#headline #nav a.activeSlide { background:#006600 }
#headline #nav a:focus { outline:none }	

#headline img { 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }

#container #sidebar { width:170px; margin-bottom:30px }

#container #sidebar.left { float:left; margin-right:15px; }
#container #sidebar.right { float:right }

#container #sidebar .menu { 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px; 
	padding:10px; 
	border:1px solid #DDD !important;
	background:#FFF }
	
#container #sidebar .menu  h2 { font-size:15px; font-weight:bold; color:#1A4510; margin:0 0 5px }
#container #sidebar .menu  li { border-bottom:1px dotted #AAA }
#container #sidebar .menu  li  a { 
	color:#2A1770; 
	text-transform:capitalize !important;
	text-decoration:none; 
	display:block; 
	padding:3px 0; 
	font-size:11px  }

	
#container #sidebar  .menu  li  a:hover { text-decoration:underline }
#container #sidebar  .box { clear:both; margin-bottom:10px }
#container #sidebar  h2 { background:none; border:0; padding:0; font-size:15px; font-weight:bold; color:#1A4510; margin:0 0 5px }
#container #sidebar p { line-height:14px; margin:0 0 10px }

.box#contatoh,
.box#search,
.box#pagamento,
.box#newsletter { 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px; 
	background:#EEE }

.box#newsletter input { font-size:13px }

.box#newsletter input.text,
.box#newsletter select {
	margin-bottom:5px;
	font-size:13px;
	background:#FFF;
	width:140px }
	
	
	
.box#newsletter select { width:150px }

#publicidade ul li { 
	margin-bottom:5px;
	list-style:none }

#publicidade ul li img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }

#content  h2 {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size:16px;
	font-weight:bold;
	clear:both;
	color:#85C322;
	font-weight:bold;
	border-bottom:4px solid #85C322;
	padding:10px !important;
	background:#261A53 }
	
.content h2 { margin-bottom:15px }

#container  h3 { 
	font-size:16px;
	clear:both;
	color:#261A53;
	font-weight:bold; 
	margin-bottom:10px } 

h2 span { color:#330D70; font-style:italic }
	
#content { 
	width:785px; 
	float:left }

#content.diagrama { width:975px }

#comocomprar p {
	font-size:14px;
	margin-bottom:15px }

table.produtos { margin-bottom:10px; border-right:1px solid #DDD; border-left:1px solid #DDD; background:#FFF }
table.produtos tr td { padding:20px 50px; border-bottom:1px solid #DDD } 
table.produtos br { display:none }
table.produtos span,
table.produtos img.produto { display:block }
table.produtos .id { font-size:10px; color:#666 }
table.produtos .nome { font-size:14px !important; font-weight:bold; letter-spacing:normal !important; margin-bottom:5px !important  }
table.produtos .preco { font-size:20px; color:#BB0000; margin:0 0 10px } 

.esgotado { display:block;  font-weight: bold; padding:10px 0; color:#999; text-align:center !important }

#produto .caminho { background:#FFF; padding:5px 10px; border-top:0; margin-bottom:15px; font-size:12px }
#produto .caminho a { color:#333 }
#produto .caminho .id { font-size:11px }
#produto .nome { font-size:35px; letter-spacing:-2px; text-transform:uppercase; margin-bottom:15px; float:left; width:100%  }
#produto .peso { margin-bottom:25px; color:#666; }

#produto .arquivo { 
	text-align:center;
	background:#FFF; 
	float:left; 
	width:350px; 
	overflow:hidden; 
	margin:0  20px 15px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
	
#produto .arquivo img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 	}
	
#produto .comprar .preco { display:block; margin:0 0 10px; font-size:35px; letter-spacing:-2px; color:#990000;}
#produto .arquivo h3{ border-top:1px solid #DDD; padding-top:5px; margin-bottom:5px; font-size:11px }
#produto .arquivo ul { list-style:none; padding:10px 0; display:block; text-align:center; background:#EEE }
#produto .arquivo ul li { display:inline; margin-right:5px }
#produto .arquivo .big { position:relative }
#produto .arquivo td { position:relative; height:350px }
#produto .arquivo ul li img { width:45px; height:45px; background:#EEE; padding:2px; cursor:pointer }
#produto .arquivo .big .load { position:absolute; top:10px; right: 10px; font-size:11px }

#produto .esgotado { font-size:16px }

#produto ul.options li {  
	float:left;
	width:15%;
	margin-right:5px;
	margin-bottom:5px }

#produto ul.options li label {
	padding:5px;
	float:left; 
	background:#FFF;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }

#produto .descricao { 
	width:100%;
	clear:both;
	font-size:12px } 

#produto .descricao .inner { background:none !important; padding:0 !important }
#produto .descricao .inner  p { margin-bottom:15px }

#produto .descricao ul li{ 
	width:100%;
	float:none;
	list-style:square;
	margin-left:30px } 
	
#produto .descricao ul#tabs {
	margin:0;
	position:relative;
	z-index:1000 }

#produto .descricao ul#tabs li {
	width:auto;
	margin:0 10px 0 0;
	list-style:none;
	float:left !important }

#produto .descricao ul#tabs li a {
	text-decoration:none;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	float:left;
	padding:10px;
	font-size:15px;
	color:#261A53;
	background:#CCC }

#produto .descricao ul#tabs li a.current {
	clear:both;
	color:#85C322;
	background:#261A53 }

#produto .descricao div#tabs { 
	border-top:2px solid #85C322;
	background:#FFF;
	margin-bottom:15px;
	padding:15px;
	font-size:16px;
	line-height:22px;
	float:left;
	width:755px;
	position:relative }

#produto .c2  { 
	float:left; 
	width:415px } 
	
#produto table.opcoes tr.header  td { color:#990000; background:#CCC; border:1px solid #BBB }
#produto table.opcoes tr td{ font-weight:bold; padding:3px; border-bottom:1px solid #BBB }

#produto ul { list-style:none; float:left; width:100%; margin-bottom:20px }

#produto ul li input { float:left; margin-right:5px }

.paginador {
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:12px }

.paginador span.qtd {
	background:none;
	padding:0;
	color:#CC0000 }

.paginador a {
	background:#FFF;
	padding:0 2px;
	text-decoration:none;
	color:#CC0000 }

.paginador a:hover { 
	background:#CC0000; 
	color:#FFF }

.paginador span {
	background:#CC0000;
	color:#FFF;
	padding:0 2px }

#forms p { margin:0 0 10px }
#forms table { background:#FFF; clear:both; margin:10px 0; border-left:1px solid #CCC }
#forms table.cadastro { font-size:13px }
#forms table tr td{ padding:5px }
#forms table tr td.label { background:#FFF; font-weight:normal; font-size:11px }
#forms table tr td input { border:1px unset #999; padding:2px; font-size:11px }
#forms table tr td.quantidade input { text-align:center }
#forms table tr.header td,
#forms table tr.footer td { text-transform:uppercase; color:#333; font-weight:bold; background:#CCC; border-top:2px solid #BBB }
#forms table tr td.nome { font-size:13px; font-weight:bold }
#forms table tr td.preco { font-weight:bold  }
#forms table tr td.total { font-size:13px; font-weight:bold  }
#forms table tr.footer td { font-size:15px  }
#forms table tr.footer td.total { color:#BB0000 }
#forms table.buttons { border:0; background:none }
#forms table.buttons tr td { padding:0; border:0; background:none }
#forms table tr.footer td input.button { background:#BB0000; color:#FFF; font:bold 13px Verdana; padding:10px }

#cadastro table { clear:both; border:1px solid #CCC; border-top:0 }
#cadastro table tr.header td { color:#FFF; background:#85C322; text-transform:uppercase; font-weight:bold; }
#cadastro table tr.footer td  { background:#FFF; font-size:11px }
#cadastro table tr.footer td  a { color:#BB0000 }
#cadastro table tr td	{ font-size:13px; border-bottom:1px solid #CCC; padding:8px 10px; background:#FFF }
#cadastro table tr td.label{ text-align:right; font-weight:bold }
#cadastro table tr td.nome { font-size:13px; font-weight:bold }
#cadastro table tr td.preco { font-weight:bold  }
#cadastro table tr td.total { font-size:15px; font-weight:bold  }
#cadastro table tr.footer td.total { color:#BB0000 }
#cadastro table tr.footer td input.button { font:bold 15px Verdana; padding:10px; margin-bottom:10px;}

#cadastro .dados {
	padding:20px;
	line-height:20px;
	font-size:14px;
	background:#FFF;
	border:1px solid #CCC }

#cadastro .entrega {  
	border-top:0;
	margin-bottom:15px }
	
p.aviso { 
	padding:10px;
	text-align:center;
	clear:both;
	color:#CC0000;
	background:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:15px }

p.aviso a { color:#CC0000 }

#actions table tr td { background:#FFF }

#carrinho .nav { padding:10px 0; float:left; width:100% }
#carrinho table.resumo { margin-top:0; border-top:0 }
#carrinho table tr.header td { color:#666; background:#DDD; text-transform:uppercase; font-weight:bold; font-size:11px }
#carrinho table tr.footer td  { background:#FFF; font-size:11px }
#carrinho table tr.footer td  a { color:#BB0000 }
#carrinho table	{ border-left:1px solid #BBB; border-top:1px solid #BBB; clear:both }
#carrinho table tr td	{ border-bottom:1px solid #BBB; border-right:1px solid #BBB; padding:5px; background:#FFF }
#carrinho table tr td.label{ text-align:right; font-weight:bold; }
#carrinho table tr td.nome { font-size:13px; font-weight:bold }
#carrinho table tr td.preco { font-weight:bold  }
#carrinho table tr.subtotal td { background:#EEE; font-size:13px;  }
#carrinho table tr.frete td { position:relative; background:#DDD; font-size:13px;   }
#carrinho table tr.frete td img.btnfrete{position:relative; left:5px; top:5px  }
#carrinho table tr.total td { background:#660000; font-size:16px; font-weight:bold; color:#FFF  }

#carrinho table tr.footer td input.button,
table tr.footer td img.button { cursor:pointer; font:bold 15px Verdana; padding:0 !important; background:none !important; border:0 !important; margin:55px 0;}

#login table {  clear:both; margin:10px 0 20px 0 }
#login table tr td{ font-size:13px; border-bottom:2px solid #FFF; padding:5px;  background:#D0DDB5  }
#login table tr td.label{ text-align:right; font-weight:bold;}
#login table tr td input { border:1px unset #999; padding:2px; font-size:13px }
#login .msg ,
#contato .msg { padding:10px; text-align:center }
#login .erro,
#contato .msg  { color:#CC0000; border:1px solid #CC0000 }

#login { font-size:14px }
#login a { color:#CC0000 }

#login .login,
#login .cadastre { 
	padding:20px }
	
#login .diagrama { 
	padding:10px;
	background:#FFF; 
	border:1px solid #CCC;
	border-top:0 }
	
#msg { 	
	text-align:center;
	font-size:16px;
	margin-bottom:15px;
	font-weight:bold;
	padding:10px }
	
#msg.success { 
	border:1px solid #66CC00;
	color:#66CC00 }
	
#msg.error { 
	border:1px solid #CC0000;
	color:#CC0000 }

/* FORM --------------------------*/	
input[type=text],
input[type=password],
textarea,
select {
	background:#EEE;
	border:1px inset #DDD;
	padding:5px;
	margin-right:5px;
	font:16px Arial, sans-serif;
	color:#000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px }
	
button,
input[type=submit],
input.button {
	cursor:pointer;
	color:#FFF;
	font:bold 14px Arial, sans-serif;
	padding:7px !important;
	background:#201069;
	border:1px outset #201069 !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; }
	
button:hover,
input[type=submit]:hover,
input.button:hover  { background:#443383 }

input[type=image] {
	padding:0 !important;
	border:0 !important }

#login .login div .label{ 
	float:left;
	padding:5px 10px;
	text-align:right;
	margin-bottom:3px;
	width:100px }
	
#login .login div input { 
	padding:3px;
	margin-bottom:3px}

#fpgto table tr td {
	font-size:16px !important;
	padding:20px }

#fpgto table tr td p { margin-bottom:10px !important}

#fpgto table tr td img { margin:10px 0 }

#agasalhos table tr td { padding:10px 0 }

#contato table 		{ clear:both; margin-top:20px }
#contato table tr td	{ padding:5px 10px }
#contato table tr td.label{ text-align:right; font-weight:bold }

#contato p { font-size:17px; line-height:20px; margin-bottom:15px }

#contato form { margin-top:15px; padding:10px 15px; background:#EEE; border:1px solid #DDD;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }
#contato input.text,
#contato select,
#contato textarea { background:#FFF }

.inner{
	padding:15px;
	background:#FFF }

#footer {
	clear:both; 
	text-align:center;
	height:25px; 
	padding:35px 15px; 
	color:#FFF;
	font:11px Arial }

#footer ul li {
	float:left;
	list-style:none;
	margin-right:15px }
	
#footer ul li a { color:#FFF }

#footer a.dev {
	text-indent:-1000000px;
	float:right;
	margin-top:-12px;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left bottom }