/* ///////////////////////////////////////////////////////////////////////////////////////// */
/* / AUTHOR BRUNO G G M BINCOLETTO - brunoggmb@gmail.com Interface Designer and Developer / */
/* /////////////////////////////////////////////////////////////////////////////////////// */

/* STRUCTURE > MISC
/////////////////////////////////////////////////////*/

* { padding: 0; margin:0; border: 0; outline:none; float:none; text-decoration:none; }

body { margin: 0 0 20px 0;}

table { width:99%; margin:0 auto !important;}

table td { padding:2px; }

input { border:none; background:none; margin:1px 0 1px 0; }

input.default,
button.default { background:url(../images/bg_button.gif) 0 0 no-repeat; width:108px; height:23px; padding-bottom:3px; font:bold 10px Arial, Helvetica, sans-serif; color:#FFF;}

input.default2,
button.default2 { background: url(../images/bg_button2.gif) 0 0 no-repeat; width:178px; height:30px; padding-bottom:3px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF;}

input.bttn2 {background: #D1D1D1 url(imagens_conteudo/padrao/bg_botao_tabs.jpg) no-repeat; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 9px; cursor: hand; width: 90px; height: 20; margin-top: 5; font-weight: bold; border: 1px solid #999999;}

table.passoapasso { width:100% !important; }
table.passoapasso td { padding:0; }

br.clear { clear: both; line-height: 0; height: 0; }

div.wrapper { width:850px; height:auto; margin:0 auto !important; overflow:hidden; }

/* STRUCTURE > HEADER
/////////////////////////////////////////////////////*/

div.wrapper div.header { background: url(../images/bg_header.gif) 0 0 no-repeat; width:850px; height:135px; position:relative; }

	div.wrapper div.header h1 a { display:block; position:absolute; top:30px; left:6px; width:365px; height:75px; text-indent:-10000px; }
	
	div.wrapper div.header h2 { text-indent:-10000px; }
	
	div.wrapper div.header h3.teleVendas { position:absolute; bottom:7px; left:95px; font:bold 14px Arial, Helvetica, sans-serif; color:#BE0000;}
	
	div.wrapper div.header h3.teleVendas span { color:#333; font:bold 14px Arial, Helvetica, sans-serif }
	
	div.wrapper div.header a.atOnline { background:url(../images/atendimento_online.gif) 0 0 no-repeat; display:block; position:absolute; text-indent:-9999px; left:400px; top:40px; width:118px; height:54px;}
	
	#comprePorTelefone { position:absolute; background:#FFF; border:1px solid #CCC; width:200px; padding:20px; top:30px; right:260px; text-align:center; display:none; }
	
	#comprePorTelefone span.close { position:absolute; top:3px; right:3px; }
	
	#comprePorTelefone span.close a { color:#C00; font:bold 10px Arial, Helvetica, sans-serif; }
	
	#comprePorTelefone h2 { text-indent:inherit; font:bold 18px Arial, Helvetica, sans-serif; color:#555; }
	
/* STRUCTURE > HEADER > TOP LINKS
/////////////////////////////////////////////////////*/	

	div.header ul.topLinks { position:absolute; top:8px; right:180px; }
	
		div.header ul.topLinks li { font: bold 10px/15px Tahoma, Geneva, sans-serif; list-style:none; background:url(../images/bullet_topmenu.gif) 0 70% no-repeat; padding-left:15px; }
		
			div.header ul.topLinks li a { font: bold 10px Tahoma, Geneva, sans-serif; color:#444; text-decoration:underline; }
			
			div.header ul.topLinks li a:hover { text-decoration:none; }
			
/* STRUCTURE > HEADER > SHOP CART
/////////////////////////////////////////////////////*/	

	div.header div.shopCart { font:normal 11px Tahoma, Geneva, sans-serif; width:130px; height:90px; position:absolute; top:20px; right:20px;  }
	
		div.header div.shopCart h3 { font:bold 11px Tahoma, Geneva, sans-serif; color:#444; width:80px; margin:20px 0 20px 45px; text-align:left; }

/* STRUCTURE > CONTENT > HEADER > NAVBAR
/////////////////////////////////////////////////////*/

div.wrapper div.navbar {  }

/* STRUCTURE > CONTENT > HEADER > NAVBAR > SEARCH
/////////////////////////////////////////////////////*/

	div.navbar div.search { width:445px; padding:0 0 0 8px; float:left; background:url(../images/search_bg.gif) 0 0 repeat-x; height:48px; position:relative; }
	
	div.navbar div.search input,
	div.navbar div.search select { margin:14px 0 0 0; font:bold 11px Verdana, Geneva, sans-serif; padding:2px; background:#FFF; border:1px solid #000; float:left; }
	
	div.navbar div.search select { width:140px; margin-right:8px; }
	
	div.navbar div.search input { padding:3px; width:130px; }
	
	div.navbar div.search button,
	div.navbar div.search input.submit{ position:absolute; top:15px; right:122px; width:30px; height:20px; border:0; background:none;}
	
	div.navbar div.search span.left { background:url(../images/search_left_corner.gif) 0 0 no-repeat; width:8px; height:48px; position:absolute; top:0; left:0;}
	div.navbar div.search span.right { background:url(../images/search_right.gif) 0 0 no-repeat; width:156px; height:48px; position:absolute; top:0; right:-1px;}

	div.navbar div.search p.home a { position:absolute; top:15px; right:34px; font:bold 12px Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; }
	
	div.navbar div.search p.home a:hover { text-decoration:underline; }

/* STRUCTURE > CONTENT > HEADER > NAVBAR > MENU
/////////////////////////////////////////////////////*/

	div.navbar ul.menu { float:left; }
	
		div.navbar ul.menu li { list-style:none; height:48px; float:left; background:url(../images/navbar_right.gif) center right no-repeat; }
		
		div.navbar ul.menu li.menuEnd { background:url(../images/navbar_rightend.gif) 0 6px no-repeat; width:4px; height:48px;}
		
			div.navbar ul.menu li a { background:url(../images/navbar_left.gif) 0 0  no-repeat; display:block; padding:0 17px 0 17px; font:bold 12px/43px Tahoma, Geneva, sans-serif; text-decoration:none; color:#FFF; }
			
			div.navbar ul.menu li a:hover { text-decoration:underline; }
	
/* STRUCTURE > CONTENT
/////////////////////////////////////////////////////*/

div.wrapper div.content { margin: 10px 0; }

/* STRUCTURE > CONTENT > LEFT CONTENT
/////////////////////////////////////////////////////*/

div.content blockquote.leftContent { width:205px; float:left; }

	div.content blockquote.leftContent div.logos { text-align:center; margin:10px auto; }

/* STRUCTURE > CONTENT > LEFT CONTENT > LEFT MENU
/////////////////////////////////////////////////////*/

blockquote.leftContent div.leftMenu { background:url(../images/leftmenu_bg.gif) 0 0 repeat-y; width:204px; margin:0 0 5px 0; position:relative; padding:29px 0 0 0; }

	blockquote.leftContent div.leftMenu h1 { text-transform:capitalize; background: url(../images/leftmenu_top.gif) 0 0 no-repeat; width:204px; height:29px; position:absolute; top:0; left:0; font:bold 12px/29px Tahoma, Geneva, sans-serif; color:#FFF; padding-left:30px; }
	
	blockquote.leftContent div.leftMenu table { margin:3px 10px; width:190px; }
	
	blockquote.leftContent div.leftMenu table tr td { border-bottom:1px dotted #555; padding:6px 3px;}
	
	blockquote.leftContent div.leftMenu a { font:bold 12px Verdana, Geneva, sans-serif; color:#555; text-decoration:none;}
	
	div.leftMenu div.newsletter { margin:10px auto; font:normal 12px Verdana, Geneva, sans-serif; color:#555; width:175px; }
	
	div.leftMenu div.newsletter input { margin:2px 0; border:1px solid #333; }
	
	div.leftMenu div.newsletter div.newsBt { margin:5px auto 0 auto; background: url(../images/incluir_excluir.gif) 0 0 no-repeat; width:160px; height:26px; }
	
	div.newsletter div.newsBt button,
	div.newsletter div.newsBt input { padding:0 0 4px 0; font:bold 12px Arial, Helvetica, sans-serif; height:25px; float:left; width:80px; border:0; background:none; }

/* STRUCTURE > CONTENT > MIDDLE CONTENT
/////////////////////////////////////////////////////*/

div.content blockquote.middleContent { width:640px; float:right; }

div.content blockquote.middleContent embed { margin-left:3px;}

/* STRUCTURE > CONTENT > MIDDLE CONTENT > VITRINE
/////////////////////////////////////////////////////*/

	blockquote.middleContent div.vitrine { background:url(../images/vitrine_bg.gif) 0 0 repeat-y; width:632px; padding:40px 0 0 0; position:relative; margin:0 auto; overflow:hidden;}
	
	blockquote.middleContent div.vitrine h1.vitrineTitle {background:url(../images/vitrine_top.gif) 0 0 no-repeat; width:632px; height:29px; font: bold 12px/29px Tahoma, Geneva, sans-serif; color:#FFF; padding-left:30px; position:absolute; top:0; left:0; text-transform:capitalize;}
	
	blockquote.middleContent div.vitrine p.titleProduto a { color:#e55c19; font:bold 11px Tahoma, Geneva, sans-serif; padding:0; margin:0;}
	
	blockquote.middleContent div.vitrine p.descProduto { padding-top:5px; font:normal 10px Tahoma, Geneva, sans-serif !important; text-decoration:none; color:#333;}
	
	
	blockquote.middleContent div.vitrine p.precoProduto { padding-top:5px !important; font:bold 12px Tahoma, Geneva, sans-serif !important; color:#333 !important;}
	
	blockquote.middleContent div.vitrine p.precoProduto span { font:bold 13px Tahoma, Geneva, sans-serif !important; color:#3091bb !important;}
	
	blockquote.middleContent div.vitrine td.image { text-align:center; }
	
	blockquote.middleContent div.vitrine td.infoProduto { color:#444 !important; text-align:left; }

/* STRUCTURE > CONTENT > FOOTER
/////////////////////////////////////////////////////*/

div.wrapper div.footer { font:normal 12px Tahoma, Geneva, sans-serif; color:#999; text-align:right; position:relative; }

div.wrapper div.footer a.bggmb { position:absolute; border:0; left:0; bottom:0; }