@charset "UTF-8";

/* RESETS & FORMATACAO GERAL */
* { margin: 0; padding: 0; }

body 				{
						font-family: Verdana, Helvetica, Arial, sans-serif;
						font-size: 12px;
						color: #333333;
						background: #999999 url(../imagens/body-bg-home.png) repeat-x top;
						text-align: center;
						line-height: 1.4;
					}

ul 				{	list-style: none inside; }

a 					{	outline: none; text-decoration:none; color: #cc0000; }
a:hover	 		{	text-decoration:underline; }

a img {border: none;}

.clearfloat { font-size: 1px; line-height: 0px; clear: both; height: 0px; }


/* ESTRUTURA */
#wrapper			{	
						background: #FFFFFF url(../imagens/inner-wrapper-bg.png) center repeat-y; 
						width: 822px; 
						margin: 0 auto; 
						text-align: left;
					}
#header			{	height: 120px; background: url(../imagens/header-bg.jpg) no-repeat center;}
	#header h1	{	
						width: 69px;
						height: 75px;
						background: url(../imagens/header-logo.png) no-repeat center top;
						position: relative;
						overflow: hidden;
						text-indent: -99999px;
						top: 21px;
						left: 42px;
					}

/* Barra de Navegação */
#navbar			{ height: 31px; background: url(../imagens/navbar-bg.jpg) no-repeat top;}
	ul#nav			{ float: left; margin: 0 0 0 11px; display: inline;}
	ul#nav li		{ float: left; display: inline; position: relative; }
	ul#nav li a		{ display: block; height: 31px; float: left; text-indent: -9999px;}
	
	ul#nav li.home a			{ width: 72px; background:url(../imagens/navbar-home-bg.png) no-repeat top;}
	ul#nav li.produtos a		{ width: 85px; background:url(../imagens/navbar-produtos-bg.png) no-repeat top;}
	ul#nav li.clientes a		{ width: 79px; background:url(../imagens/navbar-clientes-bg.png) no-repeat top;}
	ul#nav li.treinamento a	{ width: 107px; background:url(../imagens/navbar-treinamento-bg.png) no-repeat top;}
	ul#nav li.empresa a		{ width: 99px; background:url(../imagens/navbar-empresa-bg.png) no-repeat top;}
	ul#nav li.contato a		{ width: 78px; background:url(../imagens/navbar-contato-bg.png) no-repeat top;}
	
		ul#nav li.home a:hover			{ width: 72px; background:url(../imagens/navbar-home-bg.png) no-repeat bottom;}
		ul#nav li.produtos a:hover		{ width: 85px; background:url(../imagens/navbar-produtos-bg.png) no-repeat bottom;}
		ul#nav li.clientes a:hover		{ width: 79px; background:url(../imagens/navbar-clientes-bg.png) no-repeat bottom;}
		ul#nav li.treinamento a:hover	{ width: 107px; background:url(../imagens/navbar-treinamento-bg.png) no-repeat bottom;}
		ul#nav li.empresa a:hover		{ width: 99px; background:url(../imagens/navbar-empresa-bg.png) no-repeat bottom;}
		ul#nav li.contato a:hover		{ width: 78px; background:url(../imagens/navbar-contato-bg.png) no-repeat bottom;}
		
		/* SubMenus */
		ul#nav li ul						{ position: absolute; display: none; top: 31px; left: 0; border: 1px solid #FDFCFC; width: 166px;}
		ul#nav li ul li					{ float: none; }
		ul#nav li ul li.submenu a		{ 
													text-indent: 0;
													background-image: none;
													background-color: #FDFCFC;
													width: 150px;
													text-align: left;
													padding: 5px 8px 3px 8px;
													height: 1.8em;
													border-bottom: 1px solid #CDCCCC;
													color: #656565;
												}
		
		ul#nav li ul li.submenu a:hover		{ 
													text-indent: 0;
													background-image: none;
													background-color: #E41B23;
													width: 150px;
													text-align: left;
													text-decoration: none;
													color: #FFFFFF;
												}	
		/* Como estou usando jQuery não precisamos disso
				ul#nav li:hover ul   { display: block; } */

#fototopo				{ float: left;}

#destaque				{ height: 172px; background: url(../imagens/destaque-bg.jpg) top center no-repeat; text-indent: -9999px;}

#inner-wrapper			{ padding-bottom: 20px; }

#conteudo				{ width: 460px; float: left; margin-left: 31px; margin-top: 10px; text-align: left; }

#sidebar						{ margin-top: 10px; width: 291px; float: right; background: url(../imagens/sidebar-bg.png) center repeat-y;}
#sidebar img.fotoSide	{ padding: 0px 41px 0px 30px; position: relative; }

#txtSidebar				{ margin: 5px 41px 10px 30px; text-align: left;}

#rodape					{ height: 111px; background: url(../imagens/rodape-bg.jpg) center bottom no-repeat; font-size: 10px; text-align: left;}

/* TIPOGRAFIA */
#conteudo h2			{
								font-family: Verdana, Helvetica, Arial, sans-serif;
								font-size: 36px;
								font-weight: normal;
								color: #5E423B;
								margin-bottom: 12px;
							}
	#conteudo h2.top { margin-top: 40px; }							

#conteudo p				{ margin-top: 12px; }

#rodape h5				{ padding-top: 50px; padding-left: 90px; font-size: 10px; font-weight: bold; }
#rodape p				{ padding-left: 90px; font-size: 10px; line-height: 1.2; }
#rodape p a				{ color: #333333; }