@charset "UTF-8";

/* Resetear CSS del navegador 

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
fin reset */

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #ffffff;
}

/******************************************
				LAS CAPAS
*******************************************/
	
#container {
	border:thin red;
	position:relative;	
	width:952px;
	height:564px;
	top:10px;
	margin:0 auto;
}
#pie {
	width:952px;
	height:64px;
	margin:20px auto;
	text-align:right;
}
#pie img{float:right; margin-left:10px; height:40px; }

#menu {

	background-color:#fff;
	position:absolute;
	width:594px;
	height:109px;
	top:0px;
	left:0px;
}
#logo {
	background-color:#666;
	position:absolute;
	width:354px;
	height:109px;
	top:0px;
	left:594px;
}

.content {
	background-color:#333;
	position:absolute;
	width:594px;
	height:455px;
	top:109px;
	left:0px;
	

	
}

#foto {
	background-color:#FFF;
	position:absolute;
	width:358px;
	height:455px;
	top:109px;
	left:594px;
}

/*FONDOS Y CLASES PARA CONTENT*/

#fondo_home {
	background-color:#CCC;	
	
}
.texto_home {
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}
	
#fondo_pilates {
	background-color:#CCCC99;	
	
}
.texto_pilates{
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}

#fondo_spa {
	background-color:#669999;	
	
}
.texto_spa{
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}

#fondo_fitness {
	background-color:#999933;	
	
}
.texto_fitness{
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}

#fondo_tratamientos {
	background-color:#CC9999;	
	
}
.texto_tratamientos{
	position:absolute;
	width: 540px;
	bottom:70px;
	left:35px;
}
#fondo_horarios {
	background-color:#CCC;
	font-family: Arial, Helvetica, sans-serif;	
}
.texto_horarios{
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}

#fondo_contacto {
	background-color:#CCC;	
	
}
.texto_contacto{
	position:absolute;
	width: 540px;
	bottom:20px;
	left:35px;
}


/******************************************
				LAS TABLAS
*******************************************/

table {
	border:1px solid #000;
	padding: 5px;
	border-collapse:collapse;
	
}



/******************************************
				LOS TEXTOS
*******************************************/


/* para los enlaces */
a {
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#666;
}
a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* fin de enlaces */


h2 {
	font-size: 33px;
	font-weight: inherit;
	color: #000;
	text-align:left;
	margin:10px;
	
}

h3 {
	font-weight: inherit;
	color: #000;
	text-align:justify;
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 16px;
	font-weight: inherit;
	color: #000;
	text-align:justify;
	margin:10px;
	
	
}

p {
	font-size: 14px;
	font-weight: inherit;
	color: #000;
	text-align:justify;
	margin:12px;
		
}

p.peque {
	font-size:11px;
	text-align:center;
}
.centrar {
	text-align:center;
}


.subseciones {
	color:#000;
	text-align:right;
	font-weight:bold;
}

.tratamientos {
	color:#000;
	text-align:left;
	font-weight:bold;
	
}
td {
	border-top:thin;
	border-color:#000;
}