#main{
	width: 100%;
	background: #acc3e1;
	}
	#main .top{
		background: url('../img/mapa-do-site/bg-header.gif') no-repeat;
		width: 778px;
		height: 230px;
		margin: 0 auto;
		}

	#main .top .wrapper .logo{
		/*padding: 34px 30px 30px 30px;*/
          padding-top: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: 20px;
		text-align: left;
		width: 522px;		
		}
		#main .top .wrapper .top-text .text-left{
			width: 377px;			
			}
			#main .top .wrapper .top-text p{
				color: #fff;
				}
		
		#main .top .wrapper .top-text h2{
			background: url('../img/termos-de-uso/termos-de-uso.gif') no-repeat;
			width: 303px;
			height: 29px;
			margin: 0 0 10px 0;
			}		
						
	#main .middle{
		overflow: hidden;
		background: #bdcfe5;
		padding-top: 25px;
		}
		#main .middle .wrapper .menu-list{
			width: 350px;
			}

		#main .middle .wrapper ul{
			margin-left: 30px;
			overflow: hidden;
			}
			#main .middle .wrapper ul li{
				margin: 0 0 10px 0;
				_margin: 5px 0 5px 0;
				padding: 0 0 10px 0;
				_padding: 10px 0 5px 0;				
				}			
				#main .middle .wrapper ul li h3 a{	
					color: #2a2c82;
					font-size: 14px;
					font-weight: bold;
					text-indent: 0;
					}
					#main .middle .wrapper ul li h4 a{
						color: #2a2c82;
						font-size: 12px;
						font-weight: bold;
						text-indent: 0;
						}
					#main .middle .wrapper ul li p{	
						color: #2a2c82;		
						}
						
		
		#main .middle .wrapper .clear{
			height: 30px;
			}
			
			a:hover{
				text-decoration: underline;
				}