/* CSS Document */
* {
	font-size:100%;
	font-family:inherit;
	margin:0;
	padding:0;
}

hr {
	display:none;
}

/* estrutura */
body {
	background-color:#c0c0c0;
	color:black;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

#geral {
	border:9px solid black;
	margin:0 auto;
	width:762px;
}

/* Menu do topo */
#topo {
	background-color:white;
	border-bottom:9px solid black;
	padding:14px 0 10px 12px;
	overflow:auto;
	zoom:1;
}

.marca-portfolio {
	display:block;
	float:left;
	height:59px;
	position:relative;
	width:212px;
}

.marca-portfolio a {
	background:url(../_imagens/logo-stuckert.gif) no-repeat;
	display:block;
	/* position:relative; */
	height:100%;
}

.marca-portfolio a span {
	display:none;
}

/* Menu-topo */
.clear {
	clear:both;
}

ul#menu-topo {
	float:left;
	height:62px;
	padding-left:30px;
	position:relative;	
}

ul#menu-topo li {
	float:left;
	list-style:none;
}

ul#menu-topo li a {
	display:block;
	height:26px;	
}

ul#menu-topo li a span {
	display:none;
}

/* botão Quem Sou */
ul#menu-topo li a#quem-sou {
	background-image:url(../_imagens/botao-quemsou.gif);
	height:62px;
	width:136px;
}

ul#menu-topo li a#quem-sou:hover {
	background-image:url(../_imagens/botao-quemsou.gif);
	background-position:0 -62px;
	width:136px;
}

/* botão Trabalhos */
ul#menu-topo li.trabalhos {
	height:26px;
	width:91px;
	padding-left:10px;
	padding-top:18px;
}

ul#menu-topo li a#trabalhos {
	background-image:url(../_imagens/botao-trabalhos.gif);
	width:91px;
}

ul#menu-topo li a#trabalhos:hover {
	background-image:url(../_imagens/botao-trabalhos.gif);
	background-position:0 -26px;
	width:91px;
}

/* botão Serviços */
ul#menu-topo li.servicos {
	height:26px;
	width:84px;
	padding-left:10px;
	padding-top:18px;
}

ul#menu-topo li a#servicos {
	background-image:url(../_imagens/botao-servicos.gif);
	width:84px;
}

ul#menu-topo li a#servicos:hover {
	background-image:url(../_imagens/botao-servicos.gif);
	background-position:0 -26px;
	width:84px;
}

/* botão Cidadania */
ul#menu-topo li.cidadania {
	height:26px;
	width:93px;
	padding-left:70px;
	padding-top:18px;
}

ul#menu-topo li a#cidadania {
	background-image:url(../_imagens/botao-cidadania.gif);
	width:93px;
}

ul#menu-topo li a#cidadania:hover {
	background-image:url(../_imagens/botao-cidadania.gif);
	background-position:0 -26px;
	width:93px;
}

/* subtopo */
#subtopo {
	background:url(../_imagens/fio-degrade.jpg) repeat-y;
	border-bottom:9px solid black;
	padding:13px 0 15px 10px;
}

#subtopo span {
	color:black;
	font-size:20px;
	font-weight:bold;
}

.frase {
	color:black;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	padding-top:7px;
	padding-left:5px;
	width:560px;
}

/* corpo */
#corpo {
	background-color:#c2c1c1;
	/* overflow:auto;
	zoom:1; */
}

/* conteudo */
#conteudo {
	background:url(../_imagens/homens-flutuando.gif) no-repeat;
	float:left;
	height:486px;
	width:518px;
}

/* lateral */
#lateral {
	float:right;
	position:relative;
	width:244px;
}

/* Primeiro boneco */
#lateral .boneco-topo {
	background:url(../_imagens/boneco-topo1.gif) no-repeat;
	display:block;
	height:300px;
	margin-top:-180px;
	margin-left:30px;
	position:absolute;
	width:132px;
}

/* Segundo boneco */
#lateral .boneco-contato-home {
	height:272px;
	margin-top:180px;
	margin-left:20px;
	position:absolute;
	width:205px;
}

#lateral .boneco-contato-home a {
	background-image:url(../_imagens/boneco-contato-home.gif);
	display:block;
	height:100%
}

#lateral .boneco-contato-home a:hover {
	background-image:url(../_imagens/boneco-contato-home.gif);
	background-position:0 -272px;
}

#lateral .boneco-contato-home a span {
	display:none;
}

/* rodapé  */
#rodape {
	background:url(../_imagens/fio-degrade.jpg) repeat-y;
	border-top:9px solid black;
	clear:both;
}

#rodape  p {
	color:black;
	font-size:16px;
	font-weight:bold;
	padding:14px 0 14px 0;
	text-align:center;
}