body, html {
	font-family: "Tahoma", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFF;
	}

a {
	text-decoration: none;
	color: #333;
	}

img{
	border: 0;
	}

* {
	border: 0;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	}

p{
	text-align: justify;	
	}	
	
	
.left{
	float: left;		
	}	
	.right{
		float: right;
		}
		.clear{
			clear: both;
			}
			.none{
				display: none;
				}
			
h1, h2{
	text-indent: -9999em;	
	}			
	
ul{
	list-style: none;
	overflow: hidden;
	}
	
.wrapper{
	width: 778px;
	margin: 0 auto;
	}
	
	.link-mapa{
		background: url('../img/mapa-do-site.gif') no-repeat;
		color: #fff;
		height: 152px;
		width: 35px;		
		position: fixed;
		left: 0;
		top: 40%;
		_position: absolute;
		_top: expression(((e = document.documentElement.clientHeight) ? e : document.body.clientHeight) * 0.4 + ((e = document.documentElement.scrollTop) ? e : document.body.scrollTop) + 'px');
		margin-top: -75px;
		display: block;
		overflow: hidden;
		z-index: 50;
		}
		.link-mapa a{
			display: block;
			width: 35px;
			height: 152px;
			}

#header{
	
	}
	/*
	#header .wrapper{
		width: 778px;
		margin: 0 auto;
		}	*/
		
	#header .wrapper ul{
		height: 75px;
		}
		#header .wrapper li{
			margin-left: 18px;
			float: left;
			display: inline;
			line-height: 75px;
			}
			#header .wrapper li a{
				font-weight: bold;
				color: #313189;
				}
#content{
	overflow: hidden;
	background: #fff;
	}
	#content .site{
		/*background: url('../img/site.png') no-repeat center top;*/		
		width: 100%;
		height: 822px;
		}				
		
#footer{
	width: 100%;
	overflow: hidden;
	clear: both;
	background: #fff;
	height: 120px;
	}
	/*
	#footer .wrapper{
		width: 778px;
		margin: 0 auto;
		}
		*/
		#footer .wrapper .left{
			float: left;
			background: url('../img/instituto-avon.gif') no-repeat;
			width: 137px;
			height: 78px;	
               margin-left:30px;     
			}
			#footer .wrapper .left a{
				display: block;
				overflow: hidden;
				text-decoration: none;
				width: 137px;
				height: 78px;
				}
				
		#footer .wrapper .left-center{
			float: left;
			margin-left: 500px;
			background: url('../img/instituto-avon.gif') no-repeat;
			width: 137px;
			height: 78px;			
			}
			#footer .wrapper .left-center a{
				display: block;
				overflow: hidden;
				text-decoration: none;
				width: 137px;
				height: 78px;
				}
				
		#footer .wrapper .ligue-180{
               margin-right:18px;
			margin-left: 15px;
			background: url('../img/a-campanha/footer-ligue180.gif') no-repeat;
			width: 318px;
			height: 81px;
			text-indent: -9999em;
			}
		
		#footer .wrapper .termo-uso{
			margin-left: 330px;
			*margin-left: -200px;
			padding-top:90px;
			position:absolute;
			color:#7198FF;
			}
		
		#footer .wrapper .termo-uso a{
			color:#7198FF;
			}	
			
			#footer .wrapper .termo-home{
			margin-left: 690px;
			color:#7198FF;
			}
			
			#footer .wrapper .termo-home a{
			color:#7198FF;
			}	
				
			#footer .wrapper .right{
				float: right;	
				background: url('../img/avon.gif') no-repeat;
				width: 140px;
				height: 65px;
				margin-top: 10px;
				}
				#footer .wrapper .right a{
					display: block;
					overflow: hidden;
					text-decoration: none;
					width: 140px;
					height: 65px;
					}
		
.popup{
	width: 50%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #000;
	padding: 20px;
	display: none;
	}
	.popup h1{
		font: bold 18px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-align: center;
		text-indent: 1;
		}		
#redes{
     float: left;
     padding-top:19px;
}

#redes ul li{
     display: inline;
}
#redes .youtube{
			float: left;
			margin-left: 0px;
			background: url('../img/footer/btn_youtube.jpg') no-repeat;
			width: 32px;
			height: 32px;	
               margin-right:10px;     
			}
#redes .orkut{
			float: left;
			margin-left: 0px;
			background: url('../img/footer/btn_orkut.jpg') no-repeat;
			width: 32px;
			height: 32px;	
               margin-right:10px;               
			}
#redes .twitter{
			float: left;
			margin-left: 0px;
			background: url('../img/footer/btn_twitter.jpg') no-repeat;
			width: 32px;
			height: 32px;			
			}
               
               #redes .youtube a{
				display: block;
				overflow: hidden;
				text-decoration: none;
				width: 32px;
				height: 32px;
				}  
                 #redes .orkut a{
				display: block;
				overflow: hidden;
				text-decoration: none;
				width: 32px;
				height: 32px;
                    }  
               #redes .twitter a{
				display: block;
				overflow: hidden;
				text-decoration: none;
				width: 32px;
				height: 32px;
                    }