@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../img/bg.png);
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:0px;
	background-repeat: repeat-x;
	background-color: #FDFDFF;
}

#container {
	position:relative;
	width:990px;
	margin:0px auto;
	height:auto;
}

#logo {
	position:absolute;
	width:240px;
	height:50px;
	z-index:1;
	left: 40px;
	background-image: url(../img/logoSite.png);
	top: 30px;
}

#logo h1 {
	display:none;
}
#menu {
	position:absolute;
	width:450px;
	height:45px;
	z-index:2;
	left: 510px;
	top: 30px;
	background-image: url(../img/menu.png);
	font-size:15px;
	padding-top:15px;
	text-align:center;
	font-weight:bold;
}

#menu ul li {
	list-style:none;
	display:inline;
}
#menu ul {
	margin:5px 0px 0px -50px;
}

#menu ul li a {
	color:#333;
	text-decoration:none;
	padding:2px 8px;
	border-right:1px solid #DDDDDD;
}

#menu ul li a:hover {
	color:#F03;
	text-decoration:none;
}

#menu .atual a, #menu .atual a:hover {
	color:#3CF;
	text-decoration:none;
	padding:2px 8px;
}



#txtDestaque {
	position:absolute;
	width:430px;
	height:210px;
	z-index:3;
	left: 40px;
	top: 170px;
	font-size:18px;
	color:#CCCCFF;
	padding:0px;
}

#txtDestaque .link {
	font-size:14px;
	color:#FFF
}

#txtDestaque .link a {
	text-decoration:none;
	color:#F06;
}

#txtDestaque .link a:hover {
	text-decoration:underline;
}
#sliderDestaque {
	position:absolute;
	width:420px;
	height:300px;
	padding:8px;
	overflow:hidden;
	z-index:4;
	left: 514px;
	top: 110px;
	background-image: url(../img/sliderTrabalhos.png);
}

#rodape {
	position: absolute;
	top:790px;
	width:970px;
	height:50px;
	border-top:1px solid #E5E5E5;
	font-size:10px;
	color:#F06;
	padding-left:20px;
}
.infoRodape {
	color: #06C;
	font-size: 12px;
}

#redesSociais {
	position:absolute;
	width:189px;
	height:20px;
	z-index:1;
	left: 781px;
	top: 5px;
	font-size:12px;
	color:#333;
	line-height:16px;
	vertical-align:middle;
}
#redesSociais img {
	border:0px;
}