#main{
	width: 100%;	
	}
	#main .top{
		background: url('../../img/galeria/bg-header.jpg') repeat-x;
		height: 502px;
		}		
		#main .top .top-content{
			background: url('../../img/galeria/bg-header-content.jpg') no-repeat center top;
			height: 502px;
			}
			
	#main .top .top-content .relative{
		position: relative;
		}
	
	#main .top .top-content .wrapper .logo{
		padding: 20px;
		}
		#main .top .top-content .wrapper .logo h1{
			background: url('../../img/galeria/logo.jpg') no-repeat;
			width: 145px;
			height: 250px;
			}
			#main .top .top-content .wrapper .logo h1 a{
				display: block;
				width: 145px;
				height: 250px;
				}
				
				
	#main .top .top-content .wrapper .top-text{
		padding-top: 20px;
		text-align: left;
		width: 350px;
          height:135px;
		}
		#main .top .top-content .wrapper .top-text h2{
			background: url('../../img/galeria/mostre-que-tem-atitude.gif') no-repeat;
			width: 313px;
			height: 28px;
			margin: 0 0 10px 0;
			}					
			#main .top .top-content .wrapper .top-text h3{
				width: 350px;
				font-size: 11px;
				font-weight: bold;
				color: #313189;
				text-align: justify;
				margin-bottom: 5px;
				}
				#main .top .top-content .wrapper .top-text p{
					width: 350px;
					font-size: 11px;
					font-weight: normal;
					color: #fff;
					text-align: justify;
					}	
				
						
	#main .top .top-content .wrapper .foto{		
		width: 200px;
		padding: 125px 0 0 50px;
		}
		#main .top .top-content .wrapper .foto h2{
			background: url('../../img/galeria/gargantilha-da-atitude.gif') no-repeat;
			width: 140px;
			height: 45px;
			}
			#main .top .top-content .wrapper .foto p{
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				}
				#main .top .top-content .wrapper .foto p.smart{
					font-size: 9px;
					font-weight:normal
					}	
				#main .top .top-content .wrapper .foto p.comprar{
					padding-top:5px;
					font-size: 14px;
					font-weight:bold;
					color:#313189;
					text-decoration:underline;
					}
	#main .top .top-content .wrapper .compre{		
		width: 350px;
		height: 200px;		
		}
		#main .top .top-content .wrapper .compre h2{
			background: url('../../img/galeria/anel-da-atitude.gif') no-repeat;
			width: 202px;
			height: 18px;
               margin-bottom:8px;
               margin-top:10px;
			}
			#main .top .top-content .wrapper .compre h2.leve{
				background: url('../../img/galeria/leve-a-pulseira.gif') no-repeat;
				width: 405px;
				height: 28px;
				margin: 0 0 0 30px;
				}	
			/*#main .top .top-content .wrapper .compre p{
				font-size: 30px;
				font-weight: bold;
				color: #fff;
				margin-left: 170px;
				margin-bottom: 10px;
				}*/
                    
                    #main .top .top-content .wrapper .compre p{
				font-size: 12px;
				color: #fff;
				}
                    
                    #main .top .top-content .wrapper .compre .bg-text{
                    background: url('../../img/galeria/bg-text.jpg') no-repeat;
                    height:21px;
                     }
                     
                     #main .top .top-content .wrapper .compre .bg-text p{
                    font-size:11px;
                    padding-left:6px;
                    padding-top:4px;
                    color:#2a2c82;
                     }
                    
                    #main .top .top-content .wrapper .compre .destaque{
				font-size: 30px;
				font-weight: bold;
                    color: #fff;
				}
                    
				#main .top .top-content .wrapper .compre p.dois{
					font-size: 30px;
					font-weight: bold;
					color: #fff;
					margin-left: 205px;
					margin-bottom: 0
					}
				
				#main .top .top-content .wrapper .compre p.smart{
					font-size: 9px;
					font-weight: normal;
					margin-left: 205px;
					}
	
	#main .top .top-content .wrapper .pulseira{		
		width: 415px;
		height: 170px;		
		}
		#main .top .top-content .wrapper .pulseira h2{
			background: url('../../img/galeria/pulseira-da-atitude.gif') no-repeat;
			width: 148px;
			height: 44px;
			margin-left: 250px;
			margin-top: 25px;
			margin-bottom: 5px;
			}			
			#main .top .top-content .wrapper .pulseira p{
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				margin-left: 250px;
				margin-bottom: 2px;
				}				
				#main .top .top-content .wrapper .pulseira p.smart{
					font-size: 9px;
					font-weight: normal;
					margin-left: 250px;
					}
					#main .top .top-content .wrapper .pulseira p.creditos{
						font-size: 11px;
						font-weight: normal;
						margin: 40px 0 0 17px;
						}
						#main .top .top-content .wrapper .pulseira p.cont-creditos{
							font-size: 11px;
							font-weight: normal;
							margin: 0 0 0 17px;
							}
							
	#main .top .top-content .wrapper .chamada{
		background: url('../../img/galeria/fale-com-uma.gif') no-repeat;
		width: 298px;
		height: 34px;
		margin-top: 20px;
          margin-left:34px;
		}
		#main .top .top-content .wrapper .chamada a{
			display: block;
			width: 279px;
			height: 34px;
			}
							
		
	#main .top .top-content .wrapper .aviso{		
		width: 500px;
		margin-top:40px;
		_margin-top:5px;
		float: left;
          color:#ffffff;
          margin-left:40px;
		}
          
          #main .top .top-content .wrapper .aviso p{		
		width: 367px;
		}
          
          #main .top .top-content .wrapper .compre .comprar{		
		font-weight:bolder;
          font-size:18px;
          color:#2A2C82;
          margin-bottom:10px;
          text-decoration:underline;
          }
          
          
          #main .top .top-content .wrapper .eu-aderi{		
		width: 253px;
		margin-top:-10px;
		float: left;
          margin-left:110px;
          _margin-left:80px;
		}
		#main .top .top-content .wrapper .eu-aderi h2{
			background: url('../../img/galeria/eu-aderi.gif') no-repeat;
			width: 235px;
			height: 20px;			
			margin-top: 10px;			
			_margin-top: 5px;
			margin-bottom: 10px;
			_margin-bottom: 0px;
			margin-left: 10px;
			}			
			#main .top .top-content .wrapper .eu-aderi h2 a{
				display: block;
				width: 235px;
				height: 20px;			
				}
			#main .top .top-content .wrapper .eu-aderi p{
				margin-left: 10px;
				margin-top: -3px;
				_margin-top: 5px;
				width: 290px;				
				}
				#main .top .top-content .wrapper .eu-aderi p a{
					font-size: 11px;
					font-weight: bold;
					color: #fff;	
					}
													
			
	
	
						
	#main .middle{
		background: #acc3e1;
		}
		#main .middle .middle-content{			
			height: 300px;
			padding-top: 20px;
			}
			#main .middle .middle-content .wrapper h2{
				background: url('../../img/galeria/quem-ja-aderiu.gif') no-repeat;
				width: 177px;
				height: 24px;
				text-align: left;
				margin-left: 30px;
				margin-bottom: 20px;				
				}
				#main .middle .middle-content .wrapper .slideshow{
					margin-left: 20px;
					overflow: hidden
					}
					
				#main .middle .middle-content .wrapper ul{
					width: 670px;
					height: 184px;
					border:1px solid #333;
					}
				#main .middle .middle-content .wrapper ul li{					
					background: #fff;
					width: 157px;
					height: 184px;
					float: left;
					margin-right: 10px;
					}
					#main .middle .middle-content .wrapper ul li a img{
						margin: 7px;
						}
						
						#main .middle .middle-content .wrapper p.conheca{
							margin-top: 20px;
							text-align: right;	
							margin-right: 60px;
							_margin-right: 30px;
							float: right;
							background: url('../../img/galeria/envie-sua-foto.gif') no-repeat;
							width: 157px;
							height: 30px;							
							}
							#main .middle .middle-content .wrapper p.conheca a{
								display: block;
								width: 157px;
								height: 30px;
								cursor: pointer;
								overflow: hidden;
								}
			.tooltip{
				display: none;
				background: #313189;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				text-align: center;
				position: absolute;
				bottom: 0;
				*left: 0;
				_left: 0;
				height: 60px;
				padding-top: 5px;
				margin: 0 7px 7px 7px;
				width: 143px;
				opacity: 0.7;
				filter: alpha(opacity=70);				
				}