/*---------------------------
 Desenvolvido por Dev Logic
 http://www.devlogic.com.br
---------------------------*/

body {
	background-image: url("../imgs/fundo_home.png");
	background-repeat: repeat-x;
	font-family: verdana, arial, tahoma, trebuchet, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}

#destaque {
	border-bottom: 6px solid #e5e5e5;
	margin: 0px auto 0px auto;
	width: 920px;
	height: 281px;
}

#sobre {
	float: left;
	padding: 36px 0px 0px 15px;
	width: 290px;
	height: 176px;
}

#sobre h2 {
	border-bottom: 1px solid #d1e4f1;
	width: 290px;
	height: 37px;
	background-image: url("../imgs/trabalhos_recentes.png");
	background-repeat: no-repeat;
	text-indent: -10000px;
}

#sobre p {
	width: 290px;
	height: 105px;
	background-image: url("../imgs/trabalhos_descricao.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -10000px;
}

#quadro {
	position: relative;
	float: right;
	padding: 21px 15px 0px 0px;
	width: 561px;
	height: 260px;
	background-image: url("../imgs/fundo_sombra_quadro.png");
	background-repeat: no-repeat;
	background-position: 31px 15px;
}

#rotativo {
	float: right;
	margin: 21px;
	width: 478px;
	height: 198px;
}

#rotativo ul {
	width: 478px;
	height: 198px;
	list-style: none;
}

#rotativo ul li {
	width: 478px;
	height: 198px;
}

#rotativo ul li a img {
	border: 0px;
}

#controlador {
	position: absolute;
	top: 104px;
	left: 0px;
	width: 41px;
	height: 98px;
}

#controlador ul {
	list-style: none;
}

#controlador ul li {
	padding: 5px 0px 5px 10px;
	width: 31px;
	height: 39px;
	background-image: url("../imgs/fundo_avancar_voltar.png");
	background-repeat: no-repeat;
}

#controlador ul li a {
	display: block;
	width: 22px;
	height: 27px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -8px;
	font-size: 0px;
	color: #fefefe;
	cursor: pointer;
}

#controlador ul li a:link, #quadro ul li a:visited {
	background-position: center top;
}

#controlador ul li a:active, #quadro ul li a:hover {
	background-position: center bottom;
}

#controlador ul li a.avancar {
	background-image: url("../imgs/icone_avancar.png");
}

#controlador ul li a.voltar {
	background-image: url("../imgs/icone_voltar.png");
}

#portfolio {
	float: left;
	padding: 16px 0px 0px 15px;
	width: 290px;
	height: 34px;
}

#portfolio p a {
	display: block;
	padding: 11px 0px 0px 25px;
	width: 265px;
	height: 23px;
	background-image: url("../imgs/fundo_botao_portfolio.png");
	background-repeat: no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	color: #4c4c4c;
}

#portfolio p a span {
	padding: 0px 0px 0px 25px;
	color: #ffffff;
}