@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.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; }
.escondido { display: none; }



/* 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;}
	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; } */



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

#conteudo				{ width: 460px; float: left; margin-left: 31px; margin-top: 10px; text-align: left; display: inline; }
	#nav-empresa			{ 
									position: relative; 
									margin-left: -31px; 
									height: 36px; 
									background: url(../imagens/nav-empresa-bg.png) no-repeat top;
									text-align: center;
								}
		ul#sub-menu-empresa	{ float: left; margin-left: 50px; }
		ul#sub-menu-empresa li	{ float: left; margin-top: 4px; padding: 2px 15px 2px 15px; border-right: solid 1px #4F712D; }
		ul#sub-menu-empresa li.ultimo { border: none; }
		ul#sub-menu-empresa li a	{ color: #FFFFFF; }
#conteudo hr { height: 1px; width: 70%; color: #999999; background-color: #999999; margin: 20px auto 20px auto; border: none;}

#accordion hr { height: 1px; width: 100%; color: #F7F0F0; background-color: #F7F0F0; margin: 30px auto 30px auto; border: none;}

#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;}
#txtSidebar h4			{ 
							color: #5E423B; 
							font-weight:normal; 
							font-size: 14px; 
							border-bottom: 1px solid #CCC;
							margin-top: 5px;
							margin-bottom: 3px;
						}
#txtSidebar p.diagramas	{ font-size: 11px; line-height: 1.3; }
#txtSidebar p.marginFim {  margin-bottom: 30px; }
#txtSidebar hr			{ border:none; color:#C0C8C0; background-color:#999; margin: 30px auto 30px auto; height: 1px; width:70%; }


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

.pivos-item-lista		{ padding:10px; background: #FCF7F7 url(../imagens/pivos-item-lista-bg.png) top repeat-x; border-bottom: solid 1px white; }
.imagemLista			{ padding: 10px 5px 3px 5px; width: 70px; float: right; }



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

#conteudo p				{ margin-top: 12px; }
#conteudo p.citacao	{ font-style: italic; color: #666666; margin-bottom: 20px; }

#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; }

.negrito				{ font-weight:bold; }


/* TABELAS */
table.tbl-treinamento			{	width: 100%;	
									border-collapse:collapse;
								}
table.tbl-treinamento	tr		{ height: 30px; }
table.tbl-treinamento	th		{ 
									background: url(../imagens/treinamento-tabela-header-bg.png) top repeat-x; 
									border-bottom: solid 1px #FFFFFF;
									color: #FFFFFF;
									font-weight: bold;
									text-align: center;
								}								
table.tbl-treinamento	th.col-direita{ width: 80%; }
table.tbl-treinamento	td		{ 	border-bottom: solid 1px #e0e0e0; 
									background: url(../imagens/treinamento-tabela-bg.png) top repeat-x;
									padding: 0 5px;
								}
table.tbl-treinamento	td.formato	{ padding: 0; text-align: center; }
table.tbl-treinamento	td.formato a { color: #333333; }
table.tbl-treinamento	td.formato a:hover { color: #cc0000; text-decoration: none; }

table.tbl-treinamento td span { color: #999999; }



table.tbl-carretel { width: 100%; border-collapse: collapse; }
	table.tbl-carretel tr { height: 20px; }
	table.tbl-carretel tr.tbl-carretel-even { background-color: #DCE5DC; }
	table.tbl-carretel tr.tbl-carretel-ultima { border-bottom: solid 1px #CCC; }
	table.tbl-carretel td { font-size: 10px; padding-left: 3px; padding-right: 3px;  }
	table.tbl-carretel td.tbl-direita { text-align: right; }