*
{
	border: 0;
	margin: 0 auto;
	padding: 0;
}
html,
body {    
	height: 100%; 
}
body
{
	background: #e8e4dd url(../img/background.gif) repeat-x;
	font: normal 12px Tahoma, Verdana, sans-serif;
	color: #5a4d37;
}
a
{
	text-decoration: none;
	color: #5a4d37;
}
a:hover
{
	color: #79684a;
}
ul
{
	margin-left: 12px;
}
	ul li
	{
		background: transparent url(../img/listaBackground.gif) repeat-y;
		margin: 15px 0;
		padding-left: 13px;
		list-style-type: none;
		list-style-image: none;
	}
		ul li a:hover
		{
			background: #79684a;
			color: #fff;
		}

/* Classe: Box */
div.box
{
	border:  1px solid #ccc;
	background: #fff url(../img/boxBackground.gif) bottom repeat-x;
}
/* Classe: Lista Inline */
ul.listaInline
{
	margin: 0;
}
	ul.listaInline li
	{
		background: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		display: inline;
	}
		ul.listaInline li a
		{
			background: none;
			color: #5a4d37;
		}
	
/* Classe: Portfolio */
ul.portfolio
{
	
}
	ul.portfolio li
	{
		margin: 18px;
		text-align: right;
		float: left;
	}
		ul.portfolio li a
		{
			color: #a18b66;
		}
			ul.portfolio li a img
			{
				border: 2px solid #ccc;
			}
			ul.portfolio li a big
			{
				font-size: 20px;
				text-transform: uppercase;
				display: block;
			}
			ul.portfolio li a big,
			ul.portfolio li a:hover
			{
				color: #5a4d37;
			}
			ul.portfolio li a:hover img
			{
				border-color: #a28d5e;
			}
/* Classe: Botão */
ul.botao
{
	margin: 5px 12px;
	text-align: right;
}
	ul.botao li
	{
		text-transform: lowercase;
		font-weight: bold;
	}
		ul.botao li a
		{
			border: none !important;
		}
		ul.botao li a:hover
		{
			border-bottom: 1px dotted #958468 !important;
			color: #958468 !important;
		}
/* Classe: Image Replacement */
.imageReplacement
{
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/* Classe: Clear Fix */
div.clearFix
{
	clear: both;
}
/* Classe: Clear Fix */
div.clearRodape
{
	height: 180px;
}

#container
{
	background: url(../img/containerBackground.gif) top center no-repeat;
	width: 778px;
	min-height: 100%;
	margin-bottom: -180px;
	position: relative;
}
	#container #cabecalho
	{
		height: 140px;
	}
		#container #cabecalho h1#logomarca
		{
			background: url(../img/logomarca.gif) no-repeat;
			width: 121px;
			height: 75px;
			top: 30px;
			position: relative;
			float: left;
		}
		#container #cabecalho #navegacao
		{
			float: right;
		}
			#container #cabecalho #navegacao #idiomas
			{
				height: 16px;
				top: 10px;
				text-align: right;
				position: relative;
			}
				#container #cabecalho #navegacao #idiomas ul
				{
					padding: 3px;
				}
					#container #cabecalho #navegacao #idiomas ul li
					{
						margin: 0 2px;
					}
						#container #cabecalho #navegacao #idiomas ul li a
						{
							padding: 3px 0;
						}
						#container #cabecalho #navegacao #idiomas ul li a:hover
						{
						}
		#container #cabecalho #navegacao ul#menu
		{
			top: 50px;
			right: 20px;
			position: relative;
		}
				#container #cabecalho #navegacao ul#menu li
				{
					margin: 0 10px;
				}
					#container #cabecalho #navegacao ul#menu li a
					{
						font-size: 20px;
						text-transform: lowercase;
						color: #8F4F3F;
					}
					#container #cabecalho #navegacao ul#menu li a:hover
					{
						background: url(../img/navegacaoBackground.gif) right bottom no-repeat;
						color: #B1624E;
					}
	#container #conteudo
	{
		margin-top: 30px;
	}
#rodape
{
	background: #5a4d37 url(../img/rodapeBackground.gif) repeat-x;
	min-width: 778px;
	margin-top: 10px;
	padding: 30px 0;
	color: #fff;
	clear: both;
	position: relative;
}
	#rodape .conteudo
	{
		width: 778px;
	}
	#rodape a
	{
		padding: 3px;
		color: #fff;
	}
	#rodape a:hover
	{
		background: #fff;
		color: #5a4d37;
	}
	#rodape h5
	{
		margin-bottom: 10px;
		color: #d2c8b7;
		font-size: 16px;
		text-transform: lowercase;
	}
	#rodape ul
	{
		margin: 5px 0;
		margin-left: 25px;
	}
		#rodape ul li
		{
			background: none;
			margin: 5px 0;
			padding: 0;
			list-style-image: url(../img/rodapeLista.gif);
			color: #fff;
		}
	#rodape #copyright
	{
		float: left;
	}
		#rodape #copyright h4.imageReplacement
		{
			background: url(../img/rodapeLogomarca.gif) no-repeat;
			width: 80px;
			height: 50px;
			margin: 10px 0;
		}
		#rodape #copyright #endereco
		{
			margin: 20px 0;
		}
			#rodape #copyright #endereco address
			{
				font-style: normal;
			}
	#rodape #mapaDoSite,
	#rodape #social
	{
		border-left: 1px dotted #d2c8b7;
		margin-left: 6%;
		padding-left: 10px;
		float: left;
	}
	#rodape #adicionais
	{
		width: 200px;
		float: right;
	}
		#rodape #adicionais #validacao
		{
			background: url(../img/validacaoBackground.gif);
			width: 200px;
			height: 35px;
			top: -30px;
			position: relative;
			
		}
			#rodape #adicionais #validacao .imagens
			{
				top: 8px;
				left: 18px;
				position: relative;
			}
				#rodape #adicionais #validacao .imagens a
				{
					padding: 0;
				}
				#rodape #adicionais #validacao .imagens a:hover
				{
					background: transparent;
				}
		#rodape #adicionais #contato
		{
			width: 170px;
			margin-top: 30px;
			font-size: 20px;
			text-align: right;
			float: right;
		}
			#rodape #adicionais #contato small
			{
				font-size: 10px;
				text-transform: lowercase;
				display: block;
			}
	
	/* Página Inicial */
	#container #conteudo.paginaInicial
	{
	}
		#container #conteudo.paginaInicial #livepixel
		{
			border-radius: 7px;
			background: url(http://www.livepixel.com.br/img/bgtopo.png) center repeat-x;
			margin-bottom: 40px;
                        padding: 5px;
			font-size: 125%;
			color: #fff;
		}
			#container #conteudo.paginaInicial #livepixel .logo
			{
                            top: 3px;
                            margin: 0 15px;
			    float: left;
                            position: relative;
			}
                        #container #conteudo.paginaInicial #livepixel .info
                        {
                            width: 510px;
                            margin: 0 10px;
                            float: right;
                        }
		#container #conteudo.paginaInicial #portfolio
		{
			
		}
			#container #conteudo.paginaInicial #portfolio h2.imageReplacement
			{
				background-image: url(../img/tituloPortfolio.gif);
				width: 155px;
				height: 20px;
				margin: 0 15px;
			}
			#container #conteudo.paginaInicial #portfolio ul
			{
				
			}
		#container #conteudo.paginaInicial #blogs
		{
			clear: both;
		}
			#container #conteudo.paginaInicial #blogs h2
			{
				margin: 10px 0;
			}
			#container #conteudo.paginaInicial #blogs div.box
			{
				max-height: 200px;
			}
			#container #conteudo.paginaInicial #blogs div.naoDisponivel
			{
				background: black;
				width: 298px;
				height: 83px;
				margin: 5px;
				padding: 40px 20px;
				opacity: 0.85;
				font-size: 16px;
				color: #fff;
				position: absolute;
			}
			#container #conteudo.paginaInicial #blogs #wordpress,
			#container #conteudo.paginaInicial #blogs #twitter
			{
				width: 350px;
				margin: 18px;
				float: left;
			}
			#container #conteudo.paginaInicial #blogs #wordpress
			{
				
			}
				#container #conteudo.paginaInicial #blogs #wordpress h2.imageReplacement
				{
					background-image: url(../img/tituloBlog.gif);
					width: 71px;
					height: 20px;
				}
			#container #conteudo.paginaInicial #blogs #twitter
			{
				
			}
				#container #conteudo.paginaInicial #blogs #twitter h2.imageReplacement
				{
					background-image: url(../img/tituloTwitter.gif);
					width: 114px;
					height: 20px;
				}
					#container #conteudo.paginaInicial #blogs #twitter ul
					{
						
					}
							#container #conteudo.paginaInicial #blogs #twitter ul li big
							{
								font-weight: bold;
								font-size: 150%;
							}
								#container #conteudo.paginaInicial #blogs #twitter ul li big a
								{
									background: transparent;
									border: none;
									color: #900;
								}
								#container #conteudo.paginaInicial #blogs #twitter ul li big a:hover
								{
									color: #c00;
								}
							#container #conteudo.paginaInicial #blogs #twitter ul li a
							{
								border-bottom: 1px dotted #79684a;
								line-height: 1.4em;
							}
							#container #conteudo.paginaInicial #blogs #twitter ul li a:hover
							{
								border: none;
								color: #fff;
							}