@charset "utf-8";
/*----------------------------------------------------------------------
' HOJA DE ESTILOS PARA INTERIORES.COM
' ARCHIVO: general.css
' DESCRIPCIÓN: Hoja de estilos de estructura y contenido
-----------------------------------------------------------------------*/

/* Neteja i iguala */
* { margin: 0; padding: 0; border: none; }
body, input, select, textarea { font:0.96em/1em Verdana, Helvetica, sans-serif; color:#000;}
a { text-decoration:none; }
a img, img { border:0px; text-decoration:none; }
li { list-style:none; }
input:focus, select:focus, textarea:focus { background-color:#f9ff9f; }
input:hover{ cursor:pointer }
.clear{ clear:both; height:0px; overflow:hidden; display:block;  }

.col_izquierda, .col_izq{ float:left; }
.col_derecha, .col_dcha{ float:right; }

/* Maqueta */
body{margin:0; text-align:center; color:#333; background:#fff;}
.contenidor{margin:auto; text-align:left; width:982px; min-height:651px; background:#000;}

.contenidor .col_izquierda{ width:790px;}
.contenidor .col_derecha{width:192px;}


/* - CABECERA ----------------------
------------------------------------ */

.cabecera{width:790px; height:126px; 
	color:#fff; 
	background:#000; 
	}	
.cabecera h1{display:block; overflow:hidden; float:left;
	width:187px;
	height:126px; 
	color:#fff; 
	font-size:1em; line-height:1.2em;
	}
.cabecera h1 strong{ display:block; 
	width:213px;
	height:126px;
	background: url(../img/logo.jpg) left top no-repeat;
	}
	
.cabecera h2{display:block; overflow:hidden; float:left;
	width:603px;
	height:126px;
	color:#fff; 
	font-size:1em; line-height:1.2em;
	}
.cabecera h2 strong{ display:block; 
	width:603px;
	height:126px;
	background: url(../img/bg_titular.jpg) left top no-repeat;
	}
	
/* contenido */	
.contenido{width:782px; height:503px; _height:497px !important;
	background:#333 url(../img/bg_fons.jpg) left top no-repeat;
	padding:22px 0 0 8px;
	color:#fff;
	}
	
/* - MENU PRINCIPAL -----------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------- */
.mod_menu{width:399px;display:block; _overflow:hidden !important;
	height:26px;
	background:#000 url(../img/bg_menu.gif) left top no-repeat;
	}
.mod_menu a{ display:block; float:left; padding:7px 0 0 0;
	height:19px;
	font:0.85em/1.2em Verdana, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
.mod_menu a#inicio{ width:81px;}
.mod_menu a#energym{ width:95px;}
.mod_menu a#beneficios{ width:107px;}
.mod_menu a#ejercicios{ width:116px;}

.mod_menu a#inicio:hover, .mod_menu a#inicio.actiu{ background: url(../img/bg-on_inicio.gif) left top no-repeat; }
.mod_menu a#energym:hover, .mod_menu a#energym.actiu{ background: url(../img/bg-on_energym.gif) left top no-repeat; }
.mod_menu a#beneficios:hover, .mod_menu a#beneficios.actiu{ background: url(../img/bg-on_beneficios.gif) left top no-repeat; }
.mod_menu a#ejercicios:hover, .mod_menu a#ejercicios.actiu{ background: url(../img/bg-on_ejercicios.gif) left top no-repeat; }


/* texte seccio */
.mod_txt{ width:769px;
	height:452px;
	background:#000;
	}
.mod_txt .home img{float:left;
	}
.mod_txt .home .fila{width:769px;}	
.mod_txt #video{ float:left; 
	width:311px;
	height:259px;
	border-right:1px solid #717171;
	background:#000;
	padding:10px 0 0 2px;
	}
.mod_txt #video object{ display:block;
	width:285px;
	height:250px;
	border:1px solid #e34021;
	}
/* -------------------------------------------------------------------------------------------------------------------------------
	ENERGYM
----------------------------------------------------------------------------------------------------------------------------------*/
.mod_txt .energym img{float:left;}	
.mod_txt .energym .txt{ float:left;
	width:528px;
	height:212px; _height:211px !important; 
	background:url(../img/bg_recenergym.jpg) left top no-repeat;
	padding:13px 0 0 0;
	}
.mod_txt .energym .txt p{color:#000;
	font-size:0.7em;
	line-height:1.30em;
	padding:5px 25px;
	}

/* -------------------------------------------------------------------------------------------------------------------------------
	BENEFICIOS
----------------------------------------------------------------------------------------------------------------------------------*/
.mod_txt .beneficios img{float:left;}	
.mod_txt .beneficios .txt{ float:left;
	width:421px;
	height:251px;
	background: url(../img/bg_recbeneficios.jpg) left top no-repeat;
	padding:13px 0 0 0;
	}
.mod_txt .beneficios .txt p, .mod_txt .beneficios .txt ul{color:#000;
	font-size:0.7em;
	line-height:1.30em;
	padding:5px 25px 0;
	}
 .mod_txt .beneficios .txt ul li{ list-style:disc url(../img/viny.gif);
 	padding:0 0 4px 0;
	margin:0 0 0 15px;
	}

/* -------------------------------------------------------------------------------------------------------------------------------
	EJERCICIOS
----------------------------------------------------------------------------------------------------------------------------------*/
.mod_txt .ejercicios img{float:left;}	
.mod_txt .ejercicios .txt{ float:left;
	width:358px;
	height:355px;
	background: url(../img/bg_recejercicios.jpg) left top no-repeat;
	padding:13px 0 0 0;
	}
.mod_txt .ejercicios .txt p, .mod_txt .ejercicios .txt ul{color:#000;
	font-size:0.7em;
	line-height:1.30em;
	padding:5px 25px 0;
	}
.mod_txt .ejercicios .txt ul li{ list-style:disc url(../img/viny.gif);
 	padding:0 0 1px 0;
	margin:0 0 0 15px;
	}
.mod_txt .ejercicios .txt ul li a.normal, .mod_txt .ejercicios .txt ul li a.actiu{color:#000;
 	font-weight:bold;
	padding:0 13px 0 0;
	background:url(../img/fletxa.gif) right center no-repeat;
	}
	
.mod_txt .ejercicios .txt ul li a:hover, 
.mod_txt .ejercicios .txt ul li a.actiu{
	text-decoration:underline;
	background:url(../img/fletxa-on.gif) right center no-repeat;
	}
.mod_txt .ejercicios .foto{float:left;
	width:398px; 
	height:436px;
	background:url(../img/ejerc1.gif) left top no-repeat; 
	padding:18px 0 0 13px;
	}
#capa1{ 
	display:block; 
	}
#capa2,
#capa3,
#capa4,
#capa5,
#capa6,
#capa7,
#capa8,
#capa9,
#capa10,
#capa11{ 
	display:none;
	}

/* -------------------------------------------------------------------------------------------------------------------------------
	GRACIAS
----------------------------------------------------------------------------------------------------------------------------------*/

.mod_txt #gracias{ float:left; 
	width:311px;
	height:209px;
	border-right:1px solid #717171;
	background:#000;
	padding:60px 0 0 2px;
	}
.mod_txt #gracias h3{color:#e34021;
	padding:0 0 15px 0;
	font-size:1.35em;
	line-height:1.30em;
	}
.mod_txt #gracias h4{color:#999;
	padding:0 0 15px 0;
	font-size:1.1em;
	line-height:1.30em;
	}
.mod_txt #gracias p{color:#fff;
	font-size:0.7em;
	line-height:1.30em;}
 
/* precio */
.mod_precio {width:192px; height:126px;
	background:#900009;}
.mod_precio h3{display:block; overflow:hidden;
	width:192px; height:126px;
	color:#fff;
	font-weight:bold; font-size:1em; line-height:1.2em;
	}
.mod_precio h3 strong{display:block; 
	width:192px; height:126px;
	background:#900009 url(../img/bg_preu.jpg) left top no-repeat;
	}

/*formulari *********************************************************************************/
.mod_formulario{width:192px; 
	color:#fff; 
	background:#000; 
	}
.mod_formulario h4{
	padding:0 0 14px 37px; 
	
	}
.mod_formulario form{  padding:10px 6px 8px 13px; }
.mod_formulario p{ padding:0 8px 3px 13px; 
	font:.65em/1.2em Verdana, Arial, Helvetica, sans-serif; 
	text-align:left; 
	}
.mod_formulario label{ display:block; 
	font:.70em/1.2em Verdana, Arial, Helvetica, sans-serif; 
	text-align:left;
	padding:0 0 2px 0;
	}
.mod_formulario input, .mod_formulario select{ width:162px; 
	height:15px; 
	background:#4b4030; 
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	color:#ccc; 
	margin-bottom:10px; 
	}

#ITNombre_asterisco, #ITApellidos_asterisco, #ITTelefono_asterisco, #ITTelefono2_asterisco, #ITEMail_asterisco, #SNacionalidad_asterisco, #SFechaNacimientoAnyo_asterisco, #SOcupacion_asterisco, #CPolitica_asterisco{ display:none; }

select#SFechaNacimientoDia,
select#SFechaNacimientoMes,
select#SFechaNacimientoAnyo{ width:54px; }
.mod_formulario input.check{ width:15px; margin-right:8px; border:0; }
.mod_formulario a{text-decoration:none; font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left; }
.mod_formulario a:hover{ text-decoration:underline; }

.politic .check{float:left; background:none;}
#APolitica{ font:9px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; }
#AEnviar{ display:block;  color:#000; font:14px Verdana, Arial, Helvetica, sans-serif;
	width:162px; 
	text-align:center; 
	font-weight:bold; 
	background: url(../img/btn_enviar.gif) center top no-repeat; 
	padding:4px 0 8px; 
	}
#AEnviar:hover{ color:#fff; background:url(../img/btn-on_enviar.gif) center top no-repeat; text-decoration:none; }

.logoform{padding:0 0 0 63px;}

.texteLegal{margin:auto; width:982px;
	color:#999; 
	font-size:0.7em; 
	line-height:1.3em;
	padding:10px 0px;
	}