@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; }

.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:650px; 
	background:#000 url(../img/bg.jpg) left top repeat-x;
}

.contenidor .col_derecha{width:192px;}


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

h1{position:absolute;
	top:11px;
	margin-left:2px;
	display:block; 
	overflow:hidden;
	width:190px;
	height:71px; 
	color:#fff; 
	font-size:1em; 
	line-height:1.2em;
	z-index:80;
	}
h1 strong{ display:block; 
	width:190px;
	height:71px;
	background:url(../img/abcoaster.png) left top no-repeat;
	}
h1 a{cursor:pointer;}	
h2{display:block; overflow:hidden; 
	position:absolute;
	top:11px;
	margin-left:240px;
	width:503px;
	height:62px;
	color:#fff; 
	font-size:1em; line-height:1.2em;
	z-index:80;
	}
h2 strong{ display:block; 
	width:503px;
	height:62px;
	background:url(../img/titular.png) left top no-repeat;
	}
	
/* contenido */	
.contenido{ float:left;
	width:790px; 
	height:503px; height:650px;
	background:url(../img/bg_video.jpg) 387px 1px no-repeat;
	}
	
/* - MENU PRINCIPAL -----------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------- */
.mod_menu{position:absolute;
	top:495px;
	width:790px;
	height:156px;
	background:url(../img/barraMenu.jpg) left -1px no-repeat;
	z-index:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.interior .mod_menu{
	background:url(../img/barraMenu2.jpg) left -1px no-repeat;
	z-index:0;
}
.ventajas .mod_menu{
	background:url(../img/barraMenu3.jpg) left -1px no-repeat;
}

.mod_menu .menSistema{ 
	display:block; 
	overflow:hidden;
	position:relative;
	top:0;
	width:401px;
	height:129px;
	padding:26px 0 0 1px;
}
.mod_menu .menSistema h4 a{
	display:block;
	width:189px;
	height:46px;
	color:#fff;
	background:url(../img/titSistema.gif) left top no-repeat;
	text-indent:-99999px;
}
.mod_menu .menSistema p{
	color:#000;
	width:186px;
	padding-left:15px;
	padding-top:5px;
}
.mod_menu .menSistema a{
	color:#000;
}
.mod_menu .menSistema p em{ 
	color:#fff; 
	font-style:normal;
}
.mod_menu .menSistema img.foto{
	position:absolute;
	margin-top:-35px;
	margin-left:225px;
}
.mod_menu a.ver{ display:block;
	width:43px;
	height:15px;
	overflow:hidden;
	background:url(../img/btn_ver.gif) left top no-repeat;
	text-indent:-99999px;
	position:absolute;
	z-index:80;
	margin-top:106px;
	margin-left:150px;
}
.mod_menu a.ver:hover{
	background-position:left bottom;
}
.mod_menu .menVentajas a.ver{margin-top:67px; }	
/**/
.mod_menu .menVentajas{	
	display:block; 
	overflow:hidden;
	position:relative;
	margin-top:-155px;
	margin-left:401px;
	width:181px;
	height:127px;
	padding:29px 0 0 1px;
}
.mod_menu .menVentajas h4 a{ 
	display:block; position:realative;
	width:181px;
	height:58px; 
	color:#fff;
	background:url(../img/titVentajas.gif) left bottom no-repeat;
	text-indent:-9999px;
	z-index:60;
}
.ventajas .mod_menu .menVentajas h4 a{ background:url(../img/tit2Ventajas.gif) left bottom no-repeat;}
.mod_menu .menVentajas img.foto{
	position:realative;
	margin-top:-1px;
	margin-left:62px;
	z-index:10;
}
.mod_menu .menVentajas a.ver{ margin-left:10px;}

.mod_menu .fotonoia{
	float:right;
	margin-top:0px;
}


/* texte seccio */
#video{
	position:absolute;
	top:101px;
	margin-left:434px;
	width:286px;
	height:251px;
	background:#bf2327;
	padding:0px;
	}
#video object{ display:block;
	width:320px;
	height:265px;
	border:1px solid #bf2327;
	}

.home h3.subtit{
	position:absolute;
	top:376px;
	margin-left:450px;
	color:#fff;
	font:bold 15px/19px Verdana, Arial, Helvetica, sans-serif;
}
.home .fotoGran{
	position:absolute;
	top:0px;
	z-index:0;
}

/* -------------------------------------------------------------------------------------------------------------------------------
	INTERIOR
----------------------------------------------------------------------------------------------------------------------------------*/
.interior{color:#000;}
.interior .contenido{
	background: url(../img/bg_interior.jpg) left top repeat-x;
	font-size:12px;
}
.interior .contenido strong.color{color:#bf2327;}
.interior .contenido strong.subratllat{text-decoration:underline;}
.interior .contenido .txt{
	margin:0 0 0 375px;
	width:415px; 
	height:336px;
	padding-top:160px;
	background:url(../img/noiainterior.jpg) right bottom no-repeat;
}
.interior .contenido .txt p{
	padding-bottom:15px;
}
.indent{ display:block;
	padding-left:20px;
}
.interior .fotoGran{
	position:absolute;
	top:0px;
	z-index:30;
}
.interior .titSeccio{
	position:absolute;
	top:98px;
	margin-left:238px;
	display:block;
	text-indent:-9999px;
	width:508px;
	height:25px;
	background:url(../img/titseccinterior.gif) left top no-repeat;
	z-index:50;
}
/* -------------------------------------------------------------------------------------------------------------------------------
	VENTAJAS
----------------------------------------------------------------------------------------------------------------------------------*/
.ventajas .contenido .txt{ position:absolute;
	margin-left:305px;
	width:485px; 
	height:358px;
	padding-top:138px;
	font-size:11px;
	line-height:13px;
	z-index:80;
	background:url(../img/bg_ventajas.gif) right bottom no-repeat;
}
.ventajas .contenido .txt p{
	padding-right:35px;
}

.ventajas .fotoGran{
	position:absolute;
	top:0px;
	z-index:30;
}
.ventajas .titSeccio{
	position:absolute;
	top:98px;
	margin-left:238px;
	display:block;
	text-indent:-9999px;
	width:509px;
	height:21px;
	background: url(../img/titseccventajas.gif) left top no-repeat;
	z-index:50;
}
.flash_ventajas{
	position:absolute;
	top:-1px;
	margin-left:0px;
	z-index:30;
}

/* -------------------------------------------------------------------------------------------------------------------------------
	GRACIAS
----------------------------------------------------------------------------------------------------------------------------------*/
.txtgracias{
	position:absolute;
	top:101px;
	margin-left:434px;
	width:266px;
	height:230px;
	border-right:1px solid #bf2327;
	background:#bf2327;
	padding:10px;
	color:#fff;
	}

.txtgracias h3{
	padding:0 0 15px 0;
	font-size:1.35em;
	line-height:1.30em;
	}
.txtgracias h4{
	padding:0 0 15px 0;
	font-size:1.1em;
	line-height:1.30em;
	}
.txtgracias p{
	font-size:0.7em;
	line-height:1.30em;
}
 
/* precio */
.mod_precio h3{display:block; overflow:hidden;
	width:192px; height:65px;
	color:#fff;
	font-weight:bold; font-size:1em; line-height:1.2em;
	}
.mod_precio h3 strong{display:block; 
	width:192px; height:65px;
	background:#bf2327 url(../img/preu.gif) center center no-repeat;
	}

/*formulari *********************************************************************************/
.mod_formulario{
	width:192px; 
	color:#fff; 
	background:#000; 
	}
.mod_formulario h4{
	padding:0px 0 8px 0px; 
	}
.mod_formulario form{  
	padding:8px 0 4px 13px; 
}
.mod_formulario p{ padding:0 8px 0px 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:5px; 
	*margin-bottom:3px;
	}
.mod_formulario select{ 
	*height:17px; 
	border:none; 
	font-size:9px; 
}
#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:bold 12px Verdana, Arial, Helvetica, sans-serif;
	width:162px; 
	height:18px;
	text-align:center; 
	background: url(../img/btn_enviar.gif) center top no-repeat; 
	padding:4px 0 4px; 
	text-indent:-99999px;
	text-decoration:none;
	margin-top:11px;
	*margin-top:10px;
	}
#AEnviar:hover{ color:#fff; background-position:left bottom; }

.logoform{padding:6px 0 0 47px;}

.texteLegal{margin:auto; width:982px;
	color:#fff; 
	font-size:9px; 
	line-height:11px;
	padding:8px 0px;
	background:#211d1e;	
}

/**/
div.mod_precio h3.btn_comprar, div.mod_precio h3.btn_comprar a{ 
	width:192px;
	height:89px;
	overflow:hidden;
	background:url(../img/btn_comprar.gif) left top no-repeat;
}
div.mod_precio h3.btn_comprar a{display:block;
	text-indent:-3000px;
}