@charset "utf-8";
/* CSS Document */



.mayuscula{  
text-transform: uppercase;  
}  

.titulo{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#333;
	}

.titulo_{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	color:#333;
	}

.titulo_blanco{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	}
	
.titulo_rosa{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:1px;
	color:#dd2465;
	}

.texto{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	}

.texto_blanco{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	}
	
#txt_porque_inshala{
	text-align:left;
	margin-left:150px;
	margin-top:100px;
	width:300px;
	float:left;
	}
	
#txt_filosofia_inshala{
	text-align:left;
	margin-left:40px;
	margin-top:60px;
	width:380px;
	float:left;
	}

#txt_porque_eva{
	float:right;
	text-align:left;
	margin-top:30px;
	margin-right:50px;
	width:330px;
	}

#txt_regalo{
	float:right;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	width:480px;
	}	
	
#txt_amigas{
	float:left;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	width:920px;
	}

#txt_peques{
	float:left;
	text-align:left;
	margin-top:30px;
	margin-left:40px;
	width:600px;
	}
	
#txt_contacto{
	float: left;
	margin-left:100px;
	margin-top:150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	width:350px;
	text-align:left;
	}
	
#txt_ok{
	float: left;
	margin-left:300px;
	margin-top:100px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#99cccc;
	font-size:14px;
	width:350px;
	text-align:center;
	}

#titular{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#FFF;
	text-align:right;
	margin-right:10px;
	margin-top:5px;
	}
	
#page{
	border:0px;
	width:960px;
	height:700px;
	margin-top:0px;
	margin: 0px auto;
	background-position:center;
}

#centro_porque{
	border:0px;
	width:960px;
	height:500px;
	background:url(../images/fondo_porque.png) no-repeat;
	background-position:center;
	float:left;
}

#centro_peques{
	border:0px;
	width:960px;
	height:500px;
	background:url(../images/fondo_peques.png) no-repeat;
	background-position:center;
	float:left;
}

#tratamientos_menu{
	float:left;
		width:180px;
		height:350px;
		margin-top:70px;
		margin-left:30px;
		font-size:14px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#tratamientos_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_tratamientos.png) no-repeat;
	
	}
	
#osteopatia_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_osteopatia.png) no-repeat;
	
	}

#otros_dcha{
	float:right;
	width:750px;
	height:1200px;
	background:url(../images/hoja_otros.png) no-repeat;
	
	}

#txt_otros{
	text-align:left;
	margin-left:50px;
	margin-top:110px;
	width:300px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	}	
#txt_osteopatia{
	text-align:left;
	margin-left:80px;
	margin-top:130px;
	width:260px;
	float:left;
	}	
#terapeutico_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_terapeutico.png) no-repeat;
	}
#auriculopuntura_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_auriculopuntura.png) no-repeat;
	}
#reflexologia_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_reflexologia.png) no-repeat;
	}
#vendajes_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_vendajes.png) no-repeat;
	}
#entrenamientos_dcha{
	float:right;
	width:750px;
	height:490px;
	background:url(../images/hoja_entrenamientos.png) no-repeat;
	}

	
#osteopatia{
		width:160px;
		height:30px;
		margin-top: 0px;
		margin-left: 0px;
	}
#terapeutico{
			width:160px;
		height:30px;
		margin-top: 0px;
		margin-left: 0px;
	}
#auriculopuntura{
			width:160px;
		height:30px;
		margin-top: 0px;
		margin-left: 0px;
	}
#reflexologia{
			width:160px;
		height:30px;
		margin-top: 0px;
		margin-left: 0px;
	}
#vendajes{
		width:160px;
		height:30px;
		margin-top: 0px;
		margin-left: 0px;
	}
#entrenamientos{
		width:160px;
		height:50px;
		margin-top: 0px;
		margin-left: 0px;
	}

#otros{
		width:160px;
		height:30px;
		margin-top: 20px;
		margin-left: 0px;
	}

#precios a{
	margin-top:20px;
	float:left;
	width: 120px;
	height: 145px;
	background-image: url(../images/precios_off.png);
	background-repeat: no-repeat;	
}

#precios a:hover{
	background-image: url(../images/precios_on.png);
	background-repeat: no-repeat;	
}

#precios a.current{
	background-image: url(../images/precios_on.png);
	background-repeat: no-repeat;	
}

	
			#osteopatia a,#terapeutico a, #auriculopuntura a, #reflexologia a, #vendajes a, #entrenamientos a, #otros a{
				color:#99cccc;
				text-decoration:none;
		
				/*	color:#3399cc;*/
				/*	height:25px;
					margin:0px auto;
				*/	}
				
				#osteopatia a:hover, #terapeutico a:hover, #auriculopuntura a:hover, #reflexologia a:hover, #vendajes a:hover, #entrenamientos a:hover, #otros a:hover{
										background-image:url(../images/flechita.png);
						background-position:bottom;
						color:#FFF;
						text-decoration:none;
				}
				
					#osteopatia a.current,#terapeutico a.current,#auriculopuntura a.current,#reflexologia a.current,#vendajes a.current,#entrenamientos a.current, #otros a.current{
						background-image:url(../images/flechita.png);
						background-position:bottom;
						color:#FFF;
						text-decoration:none;
				}	
	
#centro_contacto{
	background:url(../images/central_contacto.png) no-repeat;
	width:960px;
	height:500px;
	float:left;
	}
	
#centro_regalo{
	background:url(../images/central_regalo.png) no-repeat;
	width:960px;
	height:500px;
	float:left;
	}	

#centro_amigas{
	width:960px;
	height:450px;
	float:left;
	}	

#formulario{
float: left;
width:310px;
margin-left:90px;
margin-top:60px;
	}
	

#links{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:180px;
	height:200px;
	
	}

#links_{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:150px;
	height:200px;
	
	}

#home a{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:180px;
	height:100px;
	background:url(../images/logo_inshala_.png) no-repeat;
	}

#mail a{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:40px;
	height:40px;
	background:url(../images/btn_mail_off.png) no-repeat;
	}

#mail_ a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_mail_off_.png) no-repeat;
	}

#facebook a{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:40px;
	height:40px;
	background:url(../images/btn_facebook_off.png) no-repeat;
	}

#facebook_ a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_facebook_off_.png) no-repeat;
	}
	
#blogspot a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:40px;
	height:40px;
	background:url(../images/btn_blogspot_off.png) no-repeat;
	}

#blogspot_ a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_blogspot_off_.png) no-repeat;
	}


#amigas a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:40px;
	height:40px;
	background:url(../images/btn_amigas_off.png) no-repeat;
	}

#amigas_ a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_amigas_off_.png) no-repeat;
	}
	
#blog a{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:60px;
	background:url(../images/btn_blog_off.png) no-repeat;
	}

#mail a:hover{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:40px;
	height:40px;
	background:url(../images/btn_mail_on.png) no-repeat;
	}

#mail_ a:hover, #mail_ a.current{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_mail_on_.png) no-repeat;
	}

#facebook a:hover{
	float:right;
	margin-top:0px;
	margin-right:0px;
	width:40px;
	height:40px;
	background:url(../images/btn_facebook_on.png) no-repeat;
	}

#facebook_ a:hover, #facebook_ a.current{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_facebook_on_.png) no-repeat;
	}
	
#blogspot a:hover{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:40px;
	height:40px;
	background:url(../images/btn_blogspot_on.png) no-repeat;
	}
	
#blogspot_ a:hover, #blogspot_ a.current{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_blogspot_on_.png) no-repeat;
	}
	
#amigas a:hover{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:40px;
	height:40px;
	background:url(../images/btn_amigas_on.png) no-repeat;
	}
	
#amigas_ a:hover, #amigas_ a.current{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:40px;
	background:url(../images/btn_amigas_on_.png) no-repeat;
	}

#blog a:hover, #blog a.current{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:150px;
	height:60px;
	background:url(../images/btn_blog_on.png) no-repeat;
	}
	
#menu{
	list-style: none;
	display: inline-block;
	float:left;
	width:960px;
	height:460px;
	margin-top:0px;
	background-position:center;
	}
	
#menu_{
	list-style: none;
	display: inline-block;
	float:left;
	width:960px;
	height:200px;
	margin-top:0px;
	background-position:center;
	}

#porque a{
	float:left;
	margin-left:0px;
	width: 154px;
	height: 430px;
	background-image: url(../images/porque_off.png);
	background-repeat: no-repeat;	
}

#porque a:hover{
	background-image: url(../images/porque_on.png);
	background-repeat: no-repeat;	
}

#porque_ a{
	float:left;
	margin-left:0px;
	width: 140px;
	height: 200px;
	background-image: url(../images/porque_off_.png);
	background-repeat: no-repeat;	
}

#porque_ a:hover, #porque_ a.current{
	background-image: url(../images/porque_on_.png);
	background-repeat: no-repeat;	
}

#tratamientos a{
	float:left;
	margin-left:0px;
	width: 174px;
	height: 300px;
	background-image: url(../images/tratamientos_off.png);
	background-repeat: no-repeat;	
}

#tratamientos a:hover{
	background-image: url(../images/tratamientos_on.png);
	background-repeat: no-repeat;	
}

#tratamientos_ a{
	float:left;
	margin-left:0px;
	width: 160px;
	height: 200px;
	background-image: url(../images/tratamientos_off_.png);
	background-repeat: no-repeat;	
}

#tratamientos_ a:hover, #tratamientos_ a.current{
	background-image: url(../images/tratamientos_on_.png);
	background-repeat: no-repeat;	
}

#peques a{
	float:left;
	margin-left:0px;
	width: 152px;
	height: 300px;
	background-image: url(../images/peques_off.png);
	background-repeat: no-repeat;	
}

#peques a:hover{
	background-image: url(../images/peques_on.png);
	background-repeat: no-repeat;	
}

#peques_ a{
	float:left;
	margin-left:0px;
	width: 150px;
	height: 200px;
	background-image: url(../images/peques_off_.png);
	background-repeat: no-repeat;	
}

#peques_ a:hover, #peques_ a.current{
	background-image: url(../images/peques_on_.png);
	background-repeat: no-repeat;	
}

#regalo a{
	float:left;
	margin-left:0px;
	width: 180px;
	height: 214px;
	background-image: url(../images/regalo_off.png);
	background-repeat: no-repeat;	
}

#regalo a:hover{
	background-image: url(../images/regalo_on.png);
	background-repeat: no-repeat;	
}

#regalo_ a{
	float:left;
	margin-left:0px;
	width: 170px;
	height: 200px;
	background-image: url(../images/regalo_off_.png);
	background-repeat: no-repeat;	
}

#regalo_ a:hover, #regalo_ a.current{
	background-image: url(../images/regalo_on_.png);
	background-repeat: no-repeat;	
}

#contacto a{
	float:left;
	margin-left:0px;
	width: 140px;
	height: 214px;
	background-image: url(../images/contacto_off.png);
	background-repeat: no-repeat;	
}

#contacto a:hover{
	background-image: url(../images/contacto_on.png);
	background-repeat: no-repeat;	
}

#contacto_ a{
	float:left;
	margin-left:0px;
	width: 140px;
	height: 200px;
	background-image: url(../images/contacto_off_.png);
	background-repeat: no-repeat;	
}

#contacto_ a:hover, #contacto_ a.current{
	background-image: url(../images/contacto_on_.png);
	background-repeat: no-repeat;	
}

#footer{
	float:left;
	border:0px;
	width:960px;
	height:230px;
	margin-top:10px;
	margin-left:0px;
	background-image:url(../images/contacta.png);
	background-repeat:no-repeat;
	background-position:center;
	}	
	

#logo_inshala {
	float:right;
	margin-right:0px;
	border:0px;
	width:326px;
	height:130px;
	background-image:url(../images/logo_inshala.png);
	background-repeat:no-repeat;
	}
	
#filosofia_inshala {
	float:right;
	margin-right:0px;
	margin-top:10px;
	border:0px;
	width:478px;
	height:246px;
	background-image:url(../images/filosofia_inshala.png);
	background-repeat:no-repeat;
	}
	
	



#link {
	margin-top:-10px;
	color:#4C4C4C;
	font-weight: bold;
		}
	
#link a{
		color:#4C4C4C;		
		text-decoration:none;
	}

#link a:hover {
		color:#b3d215;	
		text-decoration:none;			
	}
#page #txt_regalo p .texto_blanco_rosa {
	color: #dd2465;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#bloc {
       margin-top: 50px;
       float: left;
       width: 100%;
       }