body{
	background:#DBDBDB;
	margin:0;
	}

*{
	font-family:Arial, Helvetica, sans-serif;
	}
	
img{
	border:0;
	}

/* topo */

#topo{
	background:url(images/fundo-topo.jpg) #0077B0;
	height:130px;
	overflow:hidden;
	}

#topo-cont{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	}

#logo{
	margin-left:30px;
	margin-top:20px;
	}

#topo-dir{
	height:130px;
	float:right;
	width:521px;
	background:url(images/targets.png) right no-repeat;
	}

#esp-top{
	width:auto;
	height:95px;
	}
	
#arredondado{
	height:35px;
	width:15px;
	background:url(images/arredondado.png) no-repeat bottom;
	float:left;
	}

#menu{
	height:35px;
	width:506px;
	background:url(images/menu.jpg) repeat-x bottom;
	float:left;
	}

#menu ul{padding:0; margin:0 auto; width:506px;}
#menu li{float:left; list-style:none;}
#menu li a{
	display:block;
	font-family:"Trebuchet MS", Arial;
	height:35px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:40px;
	padding-left:14px;
	padding-right:14px;
}

#menu li a:hover{
	display:block;
	background:url(images/menu-over.png) repeat-x bottom;
	color:#0077B0;
}

#menu li.ativo{
	background:url(images/menu-ativo.png) repeat-x;
	font-family:"Trebuchet MS", Arial;
	height:35px;
	text-align:center;
	color:#0077B0;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:40px;
	padding-left:14px;
	padding-right:14px;
	}

/* Conteudo */

#content-g {
	width:auto;
	min-height:400px;
	background:#EFEFEF url(images/fundo-cinza.jpg) repeat-x;
	}
	
#content-g-conteudo{
	padding-top:20px;
	padding-bottom:20px;
	width:1000px;
	margin:0 auto;
	color:#0077B0;
	font-size:14px;
	}

#content-m{
	width:auto;
	height:210px;
	background:url(images/fundo-azul.jpg) repeat-x;
	}
	
#content-m-conteudo{
	padding-top:25px;
	padding-bottom:25px;
	width:1000px;
	height:160px;
	margin:0 auto;
	color:#fff;
	font-size:14px;
	overflow:hidden;
	}
	
.paragrafo{
	text-align:justify;
	}
	
.img-float{
	float:right;
	margin:10px;
	}

.img-float1{
	float:right;
	margin-left:25px;
	}

.tit{
	margin-left:20px;
	}

.saiba{
	width:76px;
	text-align:center;
	background:url(images/saiba.png) repeat-x;
	height:18px;
	font-size:12px;
	line-height:18px;
	color:#0077B0;
	font-weight:bold;
	border:#CCCCCC 1px solid;
	margin-bottom:10px;
	}

.saiba a{
	color:#0077B0;
	text-decoration:none;
	}

.saiba a:hover{
	text-decoration:underline;
	}

.estilo-form {
	background:#006697;
	color:#FFF;
	font-size:14px;
	margin-bottom:5px;
	border:hidden;
	}

.paragrafo a{
	color:#4BB107;
	text-decoration:none;
	}
	
.paragrafo a:hover{
	color:#0077B0;;
	text-decoration:underline;
	}

/* home */

#esquerda{
	width:489px;
	}

#direita{
	width:480px;
	float:right;
	}
	
.chamada-esq{
	width:300px;
	float:left;
	}

.barra{
	float:left;
	width:50px;
	height:160px;
	background:url(images/barrinha.png) center no-repeat;
	}
	

/* Portfolio */
	
.sitesantigos{
	width:475px;
	float:left;
	text-align:left;
	}
	
.sitesantigos a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.sitesantigos a:hover{
	color:#CCCCCC;
	text-decoration:underline;
	}

.sitesantigos .sites{
	float:left;
	margin-right:20px;
	}
	
.work{
	text-align:justify;
	padding-top:20px;
	width:auto;
	min-height:220px;
	}

.work .sites{
	float:left;
	margin-right:20px;
	margin-left:10px;
	}

.work a{
	color:#4BB107;
	text-decoration:none;
	}
	
.work a:hover{
	color:#0077B0;;
	text-decoration:underline;
	}
	
/* Serviços */
.imgser{
	float:left;
	margin-left:10px;
	margin-right:25px;
	}
	
.servico{
	min-height:100px;
	}
	
/* Rodape */

#rodape{
	width:auto;
	height:60px;
	background:url(images/rodape.jpg) repeat-x;
	color:#666666;
	line-height:60px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	}