#main{
	width: 100%;
	background: #acc3e1;
	}
	#main .top{
		background: url('../img/servicos/bg-header.gif') no-repeat;
		width: 778px;
		margin: 0 auto;
		/*height: 333px;*/
		}
		#main .top .fonte{
			padding-left: 30px;
			color: #fff;
			margin-top: 20px;
			}
			#main .top .fonte a{
				color: #fff;
				}
				#main .top .fonte a:hover{
					text-decoration: underline;
					}

	#main .top .wrapper .logo{
		padding: 34px 30px 30px 30px;		
		}
		#main .top .wrapper .logo h1{
			background: url('../img/a-campanha/logo-fale-sem-medo-servicos.jpg') no-repeat;
			width: 89px;
			height: 164px;
			}
			#main .top .wrapper .logo h1 a{
				display: block;
				width: 89px;
				height: 164px;
				}
				
				
	#main .top .wrapper .top-text{		
		margin-top: 38px;
		padding-top: 20px;
		text-align: left;
		width: 522px;		
		}
		#main .top .wrapper .top-text .text-left{
			width: 377px;			
			}
			#main .top .wrapper .top-text .text-left p{
				color: #5987c3;
				}
		
		#main .top .wrapper .top-text h2{
			background: url('../img/servicos/servicos-e-orientacoes.gif') no-repeat;
			width: 303px;
			height: 29px;
			margin: 0 0 10px 0;
			}					
			#main .top .wrapper .top-text .text-left h3.central{
				font-size: 14px;
				font-weight: bold;
				color: #5987c3;
				width: 320px;		
				}
		
		#main .top .wrapper .capa {
			width: 60px;
			margin-left: 30px;
			margin-top: 5px;
			display:inline;
			}
		
		#main .top .wrapper .sub-header {
			padding-left: 30px;
			padding-top: 15px;
			width: 450px;
			}
			#main .top .wrapper .sub-header h4{	
				background: url('../img/servicos/com-orientacao.gif') no-repeat;
				width: 389px;
				height: 41px;
				text-indent:-9999em;
				}
				
				.link-pdf{
					background: url('../img/servicos/link-pdf.gif') no-repeat;
					width: 390px;
					height: 53px;
					/*margin-left: 30px;*/
					margin-top: 20px;
					}
					.link-pdf a{
						display: block;
						width: 390px;
						height: 53px;	
						}
						
					
						
	#main .middle{
		overflow: hidden;		
		}					

		#main .middle .wrapper h2{			
			text-align: left;
			margin: 20px 0 10px 25px;
			width: 520px;
			height: 60px;
			background: url('../img/servicos/servicos-de-atendimento.gif') no-repeat;
			}		
			#main .middle .wrapper ul{				
				width: 200px;
				border-right: 1px solid #9fb4cf;
				float: left;
				margin-left: 30px;				
				margin-top: 20px;
				display: inline;
				}
				#main .middle .wrapper ul.last{
					border: none;
					}
					#main .middle .wrapper ul li{
						margin: 0 0 20px 0;
						_margin-left: -15px;
						padding: 0;
						}
			
			#main .middle .wrapper ul li a{	
				color: #2a2c82;
				font-size: 14px;
				font-weight: bold;
				}
			
			#main .middle .wrapper .clear{
				height: 30px;
				}