@import 'lib/reset.css';
@import 'lib/forms.css';
@import 'lib/typography.css';


/* -------------------------------------------------------------------------------------------------------------------------- */
/*                                                                                                                            */
/* Clearing floats without extra markup                                                                                       */
/* Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html]      */
/*                                                                                                                            */
/* -------------------------------------------------------------------------------------------------------------------------- */

	.clear { display: inline-block; }   
	.clear:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	* html .clear { height: 1%; }
	.clear { display: block; }
	


/* -------------------------------------------------------------------------------------------------------------------------- */
/*                                                                                                                            */
/* OUTROS ELEMENTOS                                                                                                           */
/*                                                                                                                            */
/* -------------------------------------------------------------------------------------------------------------------------- */
	
	hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:1px; margin:0 0 12px; border:none; }
	hr.space { background: #FFFFFF; color: #FFFFFF; }



/* -------------------------------------------------------------------------------------------------------------------------- */
/*                                                                                                                            */
/* ESTRUTURA PRINCIPAL                                                                                                        */
/*                                                                                                                            */
/* -------------------------------------------------------------------------------------------------------------------------- */
	
	body { }
	html, body { height:100%; }
	
	#main {  position:relative; }
	#container { position:relative; width:710px; text-align:left; padding:45px 20px 0px 20px; margin-left:160px; }
	
		
	/* Topo ----------------------------------------------------------------------------------------------------------------- */
	#topo { position:relative; width:710px; height:61px; margin:0px 0px 20px 0px; padding:0px; z-index:100; }
	#topo #logo { width:200px; float:left; height:47px; text-align:left; background:url(../imgs/logo.png) no-repeat top left; cursor:pointer; }
	
	#topo #menu { width:497px; float:right; }
	#topo #menu ul { list-style:none; margin:0px; padding:0px; }
	#topo #menu ul li { float:left; margin:0px; padding:0px; }
	#topo #menu ul li a img { margin:0px 3px 0px 0px; padding:0px; }
	#topo #menu ul li a img.last { margin-right:0px; }
	*html #container #topo #menu ul li { *margin-bottom:-3px; }
		
	/* Coluna esquerda ------------------------------------------------------------------------------------------------------ */
	#col-left { float:left; width:200px; height:520px; margin: 0px 13px 0px 0px; padding:0px; }
	#col-left #titulo { padding:14px 0px 0px 14px; }
	#col-left #main-menu { width:200px; height:237px; background:url(../imgs/menu_bg.png) no-repeat; font-size:10px; }
	#col-left #main-menu ul { list-style:none; margin:0px; padding:0px; }
	#col-left #main-menu ul li { float:left; margin:0px; padding:1px 0px 0px 0px; width:200px; height:19px; }
	#col-left #main-menu ul li:hover { background:url(../imgs/menu_bg_over.png); }
	#col-left #main-menu ul li a img { margin:0px 0px 0px 0px; padding:0px; }
	#col-left #main-menu ul li a img.last { margin-right:0px; }
	*html #container #topo #menu ul li { *margin-bottom:-3px; }
	
	#col-left #main-menu ul li li { margin:0px; padding:0px 0px 0px 5px; width:156px; height:18px; }
	#col-left #main-menu ul li li:hover { background:#c5c3bf; }
	
	#col-left #busca { background:url(../imgs/busca_bg.png) no-repeat; width:188px; height:44px; margin:10px 0px 0px 0px; padding:0px 0px 0px 12px; }
	#col-left #busca input[type=text] { width:100px; height:15px; padding:2px; margin-top:6px; background:#FFFFFF; font-size:11px; border:1px solid #e2e2e2; }
	.campo-busca { width:100px; height:15px; padding:2px; margin-top:6px; background:#FFFFFF; font-size:11px; border:1px solid #e2e2e2; }
	#col-left #busca input[type=image] { float:left; width:71px; height:19px; padding:2px; margin-top:5px; }
	#col-left #indique { background:url(../imgs/indique_bg.png) no-repeat; width:186px; height:21px; padding:8px 0px 0px 14px; }
	#col-left #telefone { background:url(../imgs/indique_bg.png) no-repeat; width:186px; height:21px; margin:6px 0px 6px 0px; padding:8px 0px 0px 14px; }
	#col-left #distibuidor { width:149px; height:38px; }
	
	/* Coluna direita ------------------------------------------------------------------------------------------------------- */
	#col-right { float:left; width:497px; margin: 0px; }
	#col-right #banner { float:right; margin-top:15px; width:497px; height:97px; /* background:url(../imgs/banner_01.jpg) no-repeat left top; */ }
	#col-right #logo-pitti { float:right; margin-top:5px; width:130px; height:26px; font-size:10px; }
	#col-right #logo-pitti img { vertical-align:middle; padding-left:5px; padding-top:10px; }