body{
	background:#000 url(../imagens/fundo-topo.png) no-repeat center top;
}

a{
	text-decoration:none;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
}

#texto span{
	color:#090;
}

h1{
	display:none;
}

h2{
	font:bolder 16px Verdana, Geneva, sans-serif;
	color:#CCC;
	margin:0 0 15px 0;
}

h2 span{
	font-size:120%;
	color:#0F0;
}

p{
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#CCC;
	line-height:200%;	
}

#container{
	width:960px;
	margin:0 auto;
}

#topo{
	border-bottom:2px #666 solid;
	overflow:hidden;
}

#logo{
	display:block;
	background:url(../imagens/logo-id-agencia-digital.png) no-repeat 0 0;
	width:354px;
	height:131px;
	float:left;
	margin:45px 0 0 0;
}

#menu{
	margin:30px 0 0 0;
	width:410px;
	display:block;
	overflow:hidden;
}

#menu li{
	float:left;
	margin:0 25px 0 0;
}


#menu li a{
	display:block;
	float:left;
	width:101px;
	height:46px;
	padding:10px 0 0 10px;
	font:bolder 16px Verdana, Geneva, sans-serif;
	color:#FFF;
}

#menu li a{
	text-decoration:none;
}

#menu li a.selecionado{
	color:#0F0;
}

#menu li a span{
	display:block;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#CCC;
}

#menu li a:hover{
	display:block;
	float:left;
	background:url(../imagens/hover-link.png) 0 0;
	color:#0F0;
}

#conteudo{
	overflow:hidden;
}

#texto{
	width:380px;
	padding:55px 20px 0 10px;
	float:left;
}

#conteudointerno{
	padding:55px 0 0 10px;
	float:left;
	width:448px;
}

#conteudointerno p a{
	color:#0F0;
}

#portifolio{
	float:right;
	width:500px;
	height:312px;
	margin:-55px 10px 0 0;
	border:1px solid #666;
	padding:10px;
}

#imagemagencia{
	float:right;
	padding:10px;
	border:1px solid #999;
	margin:-55px 10px 0 0;
}

#imagemservico{
	float:right;
	padding:10px;
	border:1px solid #999;
	margin:-55px 10px 0 0;
}

#contato{
	float:right;
	width:500px;
	margin:-55px 10px 0 0;
	border:1px solid #666;
	padding:10px;
}

#contato label{
	display:block;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#CCC;
	margin-bottom:20px;
}

#contato span{
	display:block;
	float:left;
	width:75px;
	padding-top:2px;
	text-align:right;
	margin-right:5px;
}

#contato input{
	font:normal 14px Verdana, Geneva, sans-serif;
	color:#666;
	border:1px solid #ECECEC;
	width:400px;
}

#contato textarea{
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
	border:1px solid #ECECEC;
	width:400px;
	height:80px;
}

#contato button{
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#666;
	background-color:#ECECEC;
	border:1px solid #ECECEC;
	margin-left:80px;
}

#contato label.error{
	color:#F00;
	padding-left:80px;
	line-height:150%;
}

#contato p.carregando{
	position:relative;
	z-index:25;
	left:47%;
	top:43%;
	display:none;
}

#contato p.resposta{
	position:relative;
	z-index:25;
	top:43%;
	text-align:center;
	font-size:14px;
	display:none;
}

#contato p.resposta a{
	display:block;
	color:#6F0;
	font-size:12px;
}

#rodape{
	margin-top:60px;
	padding:28px 10px;
	height:220px;
	background:url(../imagens/fundo-rodape.jpg) no-repeat 70px 0;
	border-top:2px #666 solid;
}

#rodape p.telefone-endereco{
	width:160px;
	float:left;
	background:url(../imagens/telefone.png) no-repeat 95px top;
	line-height:140%;
	margin-right:65px;
	padding-top:10px;
}

#rodape p.telefone-endereco span.fone{
	display:block;
	font-size:20px;
}

#rodape p.telefone-endereco span.endereco{
	display:block;
	font-weight:bold;
	margin-top:28px;
}

#rodape p.email-apradi{
	float:left;
	padding-top:22px;
}

#rodape a.email{
	font:bold 14px Verdana, Geneva, sans-serif;
	color:#CCC;
}

#rodape a.apradi{
	display:block;
	width:126px;
	height:40px;
	margin-top:29px;
	background:url(../imagens/logo-apradi.png) no-repeat 0 0;
}

#rodape p.rede-social{
	float:right;
}

#rodape a.assinefeed{
	display:block;
	width:161px;
	height:57px;
	background:url(../imagens/logo-rss.png) no-repeat right top;
	font:bold 14px Verdana, Geneva, sans-serif;
	color:#CCC;
}

#rodape a.sigatwitter{
	display:block;
	width:161px;
	height:57px;
	background:url(../imagens/logo-twitter.png) no-repeat right top;
	font:bold 14px Verdana, Geneva, sans-serif;
	color:#CCC;
	margin-top:10px;
}

#rodape a.assinefeed span, #rodape a.sigatwitter span{
	display:block;
	width:85px;
	float:left;
	padding-top:9px;
}

.oculto{
	display:none;
}

.obrigatorio{
	color:#0F0;
	font-weight:bold;
}

.verde{
	color:#0F0;
}


/************** SLIDER *****************/
.nivoSlider {
	width:500px;
	height:312px;
}
.nivoSlider img {
	width:500px;
	height:312px;
}
