@charset "utf-8";
/* CSS Document */
img {border:none;}

	#clear{clear:both;}

		/*CSS CONTEUDO TENYS PÉ #####################################################################################*/
		#conteudoTenyspe{width:960px; height:642px; background:url(../image/tenyspe/bg_conteudo_internas.png) no-repeat; clear:both;}
		#conteudoTenyspe.campanhas{background:url(../image/tenyspe/bg_conteudo_home.png) no-repeat;}
		#conteudoTenyspe.informativo{background:url(../image/tenyspe/bg_conteudo_informativo.png) no-repeat;}
			#logomiolo{margin:45px 0 0 40px; height:84px; float:left;}
			#logomiolo img {border:0;}
			
			#mioloCuriosidadesleft{float:left; width:250px; height:186px; margin:100px 0 0 30px;}
			#mioloCuriosidadesright{float:right; overflow:auto; width:530px; height:233px; margin:30px 30px 0 0; padding:10px; background:url(../image/tenyspe/bg_txt_curiosidades.png) no-repeat; color:#fff;}
			
				#mioloCuriosidadesright h1{font:bold 20px Arial, Helvetica, sans-serif; color:#FFFFFF;}
				#mioloCuriosidadesright p{font:Arial, Helvetica, sans-serif; color:#FFFFFF;}
				#mioloCuriosidadesright p a{font:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
				#mioloCuriosidadesright p a:hover{font:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;}		
				p.bullet {padding-left: 10px; list-style-type:none; background:url(../image/tenyspe/bullet.gif) left 4px no-repeat}
				#txtCuriosidades {overflow:auto; height:180px; color:#fff;}
				#txtCuriosidades table td {width: 50%; padding: 4px;}
				
			#mioloLancamentosleft{float:left; width:455px; height:446px; margin-top:30px; margin-left:30px; display:block;}
			#mioloLancamentosright{float:right; width:260px; height:231px; margin-right:30px; padding:10px; display:block; background:url(../image/tenyspe/bg_txtLancamentos.png); background-repeat:no-repeat;}
				#mioloLancamentosright h1{font:bold 20px Arial, Helvetica, sans-serif; color:#fff;}
				#mioloLancamentosright h2{font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
				#mioloLancamentosright p{font:Arial, Helvetica, sans-serif; color:#fff;}
				#mioloLancamentosright li{font:Arial, Helvetica, sans-serif; color:#fff;}		

			#mioloProdutosleft{float:left; width:120px; height:400px; margin-top:30px; margin-left:20px; display:block;}
			
			#imageLancamento{width:440px; padding:10px; float:left; text-align:center;
						scrollbar-arrow-color:#fff;
						scrollbar-3dlight-color:#245c92;
						scrollbar-highlight-color:#245c92;
						scrollbar-face-color:#245c92;
						scrollbar-shadow-color:#245c92;
						scrollbar-darkshadow-color:#245c92;
						scrollbar-track-color:#245c92;
						}
						
			div.sc_menu_wrapper {
				position: relative; 	
				height: 400px;
				/* Make bigger than a photo, because we need a place for a scrollbar. */
				width: 120px;
				overflow: auto;
			}
			
			.sc_menu a {
				display: table;
				margin: 5px auto;
				
				border:0px rgb(79, 79, 79) solid;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;		
				
				/* When image support is turned off */
				color: #fff;
					
			}
			
			.sc_menu a h5 {
			    visibility: hidden;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				text-align: center;
			}
			
			.sc_menu a:hover {
				border-color: rgb(130, 130, 130);
				border-style: dotted;
			}
			
			.sc_menu a:hover h5 {
			    visibility: visible;
			}
			
			.sc_menu img {
				display: block;
				border: none;
				margin: auto;
			}
			 
			.sc_menu_wrapper .loading {
				position: absolute;
				top: 50px;
				left: 10px;
				
				margin: 0 auto;
				padding: 10px;
			 
				width: 100px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;	
				
				text-align: center;
				color: #fff;
				border: 1px solid rgb(79, 79, 79);
				background: #1F1D1D;
			}
			/* Styling tooltip */
			.sc_menu_tooltip {
				display: block;
				position: absolute;
				
				padding: 6px;
				font-size: 12px;	
				color: #FFF;
				background:#333333;
				
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;	
				
				border: 1px solid rgb(79, 79, 79);
				/*background: rgb(0, 0, 0);
				/* Make background a bit transparent for browsers that support rgba 	
				background: rgba(0, 0, 0, 0.5);*/
			}
			
			#mioloProdutosright{float:right; width:800px; height:446px; margin-top:30px; margin-right:10px; display:block;}
			#mioloProdutosright2{float:right; width:780px; height:446px; margin-top:30px; margin-right:10px; display:block;}

			
				#loadProduto{clear:both; width:770px; height:300px;}
					#imageProduto{width:440px; padding:10px; float:left; text-align:center;
						scrollbar-arrow-color:#fff;
						scrollbar-3dlight-color:#245c92;
						scrollbar-highlight-color:#245c92;
						scrollbar-face-color:#245c92;
						scrollbar-shadow-color:#245c92;
						scrollbar-darkshadow-color:#245c92;
						scrollbar-track-color:#245c92;
						}

					#txtProduto{width:280px; height:251px; float:right; background:url(../image/tenyspe/bg_txtLancamentos.png); background-repeat:no-repeat;}
						#txtProduto h1{font:bold 20px Arial, Helvetica, sans-serif; color:#fff;}
						#txtProduto h2{font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
						#txtProduto p{font:Arial, Helvetica, sans-serif; color:#fff;}
						#txtProduto li{font:Arial, Helvetica, sans-serif; color:#fff;}				
					
							#txtProdutoScroll{overflow:auto; width:260px; height:231px; padding:10px;}
				
				#vejatambem{clear:both; width:324px; margin-top:6px;}
					#pepolvilho{margin-top:30px; width:147px; height:102px; float:left;}
					#pelancamentos{margin-left:30px; width:147px; height:109px; float:left;}
			
			    #campanha01 {float: left; width:280px; height:208px; margin: 45px 0 0 103px;}
				#campanha02 {float: right; width:392px; height:210px; margin: 3px 120px 0 0;}
				#titCampanhas {margin: 47px 0 0 105px;}
				#pnlinformativo {margin: 45px 0 0 23px;}
				#video-campanha {width: 320px; height: 182px; margin: 10px 0 60px 400px;}
                #linhadeProdutos{width:470px; height:130px; margin:-12px 0 0 8px; z-index:100;}
				#txtLinhaProdutos{width:195px; height:21px; margin:5px 0 0 155px;}
				#lightbox{display: none;}
				#botoes-informativo{display:block; width:960px; height:253px;*margin:-3px 0 3px 0;}
				#dicas-relaxar{float:left; margin:202px 0 0 136px;}
				#cuidados-pes{float:left; margin:59px 0 0 170px;}
				#problemas-pes{float:left; margin:185px 0 0 138px;}
				#cheiro-pes{float:left; margin:21px 0 0 157px;}
				#reflexologia{float:left; margin:152px 0 0 140px;}
				.boxTenyspe{width:500px; height:380px; color:#fff; background:#235c92; padding:15px; font: 10pt Arial, Helvetica, sans-serif; overflow:auto;}
				.boxTenyspe h2, .boxTenyspe h3 {margin-bottom:3px}
				.boxTenyspe p{margin-bottom:10px;}
				.boxTenyspe ul{margin:8px 0 8px 15px;}
				.boxTenyspe a{color:#fff;}
				#voltar-dicas{float:right; margin:35px 10px 0 0;}
				#voltar-lancamentos{float:right; margin:-150px 0 0 0;}
				#voltar-campanhas{float:right; margin:-150px 10px 0 0;}
				
		/*###########################################################################################################*/			
				
				
				#playerFlash {  
						width: 960px;
						margin: 0 auto 0 auto;
						height: 332px;
						/*background-color:#0C3;*/
						float: left;
					}