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


*
{
	padding: 0;
	margin: 0;
	border: 0;
}

html,
body
{
	width: 100%;
	height: 100%;
}

body
{
	background: #010508;
	min-width: 780px;
	width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1602? "1600px" : "auto");
}

.wrapper
{
	position: relative;

	width: 100%;
	height: 650px;
	background: #010508 url(../img/bg-home-ik.jpg) no-repeat center -93px;

	width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1602? "1600px" : "auto");
}

	.footer-ocean
	{
		position: absolute;

		width: 100%;
		height: 120px;
		
		top: 530px;
		z-index: 8;

		width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1602? "1600px" : "auto");
	}
	

	.form-box
	{
		position: relative;

		width: 780px;
		height: 650px;
		
		margin: 0 auto;
	}
	
		.logo-box
		{
			position: absolute;
			top: 18px;
			left: -50px;
			
			width: 320px;
			height: 242px;

			z-index: 5;
		}
		
			.logo-piece-1,
			.logo-piece-2,
			.logo-piece-3,
			.logo-piece-4
			{
				float: left;
				display: inline;
				
				width: 160px;
				height: 121px;
				
				background: url(../img/logo-piece-1.png) no-repeat 0 0;
			}
			.logo-piece-2
			{
				background: url(../img/logo-piece-2.png) no-repeat 0 0;
			}
			.logo-piece-3
			{
				background: url(../img/logo-piece-3.png) no-repeat 0 0;
			}
			.logo-piece-4
			{
				background: url(../img/logo-piece-4.png) no-repeat 0 0;
			}

		.moon-box
		{
			position: absolute;
			top: 10px;
			
			left: 629px;
			
			width: 141px;
			height: 154px;
			
			background: url(../img/moon.png) no-repeat 0 0;
			z-index: 5;
		}
		
		.form-send-box
		{
			position: absolute;
			top: 130px;
			left: 152px;
			
			width: 555px;
			height: 455px;
			
			background: url(../img/bg-form-send-box.gif) no-repeat 0 0;
			z-index: 4;
		}

			.form-send-box h2
			{
				float: left;
				display: inline;
				
				margin: 30px 0 0 49px;
				
				width: 461px;
				height: 88px;
				
				background: url(../img/tit-expresa-tu-amor.png) no-repeat 0 0;
			}

			.form-send-box ul
			{
				float: left;
				display: inline;
				list-style: none;
				
				margin: 10px 0 0 85px;
				
				width: 410px;
				height: 260px;
			}
			
				.form-send-box li
				{
					float: left;
					display: inline;
					
					width: 400px;
					height: 25px;
					
					margin-bottom: 5px;
				}
				
					.form-send-box li.about-you-text
					{
						height: 15px;
						background: url(../img/tit-tus-datos.gif) no-repeat 0 0;
					}

					.form-send-box li.to-text
					{
						margin-top: 10px;
						height: 15px;
						background: url(../img/tit-destinatario.gif) no-repeat 0 0;
					}
						.form-send-box li.to-box input
						{
							float: left;
							display: inline;
							
							width: 353px;
							margin: 5px 8px 0 8px;
							
							font: normal 11px/1.4em Arial, Helvetica, sans-serif;
							color: #000;
							background: none;
						}

					.form-send-box li.to-box
					{
						background: url(../img/to-box.gif) no-repeat 0 0;
					}

					.form-send-box .button-send-msg:link,
					.form-send-box .button-send-msg:visited,
					.form-send-box .button-send-msg:active,
					.form-send-box .button-send-msg:hover
					{
						float: right;
						display: inline;
						
						margin: 0 17px 0 0;
						
						width: 133px;
						height: 33px;
						
						background: url(../img/button-enviar-msg.gif) no-repeat 0 0; 
					}
				
					.form-send-box .button-send-msg:hover
					{
						background: url(../img/button-enviar-msg.gif) no-repeat 0 -33px; 
					}
				
					.form-send-box li.firstname-text,
					.form-send-box li.lastname-text,
					.form-send-box li.phone-text,
					.form-send-box li.dni-text
					{
						margin-right: 3px;
					}
					.form-send-box li.firstname-text
					{
						width: 60px;
						background: url(../img/firstname-text.gif) no-repeat 0 0;
					}
					.form-send-box li.lastname-text
					{
						width: 60px;
						background: url(../img/lastname-text.gif) no-repeat 0 0;
					}

					.form-send-box li.phone-text
					{
						width: 34px;
						background: url(../img/phone-text.gif) no-repeat 0 0;
					}
					.form-send-box li.dni-text
					{
						width: 34px;
						background: url(../img/dni-text.gif) no-repeat 0 0;
					}


					.form-send-box li.firstname-box,
					.form-send-box li.lastname-box,
					.form-send-box li.phone-box,
					.form-send-box li.dni-box
					{
						width: 148px;
						height: 25px;
						
						background: url(../img/form-send-box.gif) no-repeat 0 0;
					}

						.form-send-box li.firstname-box input,
						.form-send-box li.lastname-box input,
						.form-send-box li.phone-box input,
						.form-send-box li.dni-box input
						{
							float: left;
							display: inline;
							
							width: 105px;
							margin: 5px 8px 0 8px;
							
							font: normal 11px/1.4em Arial, Helvetica, sans-serif;
							color: #000;
							background: none;
						}
	

					.form-send-box li.type-message-text
					{
						margin-top: 5px;
						height: 15px;
						background: url(../img/tit-escribe-tu-msg.gif) no-repeat 0 0;
					}

					.form-send-box li.type-message-box
					{
						width: 400px;
						height: 65px;
						
						background: url(../img/type-message-box.gif) no-repeat 0 0;
					}

						.form-send-box li.type-message-box textarea
						{
							float: left;
							display: inline;
							
							width: 355px;
							height: 50px;
							margin: 8px;
							
							font: normal 11px/1.4em Arial, Helvetica, sans-serif;
							color: #000;
							background: none;
						}
						
				.form-send-box label
				{
					float: left;
					display: inline;
					
					font: bold 11px/1.4em Arial, Helvetica, sans-serif;
					color: #f00;
					
					margin: 4px 0 0 10px;
				}

		.form-wait-box
		{
			position: absolute;
			top: 164px;
			left: 155px;
			
			width: 599px;
			height: 367px;
			
			background: url(../img/bg-wait-box.gif) no-repeat 60px 0;
			z-index: 4;
		}

			.form-wait-box h2
			{
				float: left;
				display: inline;
				
				margin: 40px 0 0 180px;
				
				width: 200px;
				height: 105px;
				
				background: url(../img/tit-sabemos-q-mueres-por-decirlo.gif) no-repeat 0 0;
			}

			.form-wait-box h3
			{
				float: left;
				display: inline;
				
				margin: 9px 0 0 137px;
				
				width: 289px;
				height: 77px;
				
				background: url(../img/tit-espera-unos-minutos.gif) no-repeat 0 0;
			}

		.form-success-box
		{
			position: absolute;
			top: 164px;
			left: 155px;
			
			width: 599px;
			height: 367px;
			
			background: url(../img/bg-success-box.gif) no-repeat 60px 40px;
			z-index: 4;
		}

			.form-success-box h2
			{
				float: left;
				display: inline;
				
				margin: 115px 0 0 110px;
				
				width: 339px;
				height: 77px;
				
				background: url(../img/tit-mensaje-enviado.gif) no-repeat 0 0;
			}

		.form-ooups-box
		{
			position: absolute;
			top: 164px;
			left: 155px;
			
			width: 599px;
			height: 367px;
			
			background: url(../img/bg-ooups-box.gif) no-repeat 60px 20px;
			z-index: 4;
		}

			.form-ooups-box h2
			{
				float: left;
				display: inline;
				
				margin: 92px 0 0 104px;
				
				width: 332px;
				height: 79px;
				
				background: url(../img/tit-sobrecarga-sistema.gif) no-repeat 0 0;
			}


		.cloud-1
		{
			position: absolute;
			top: 368px;
			left: 160px;
			
			width: 192px;
			height: 121px;
			
			z-index: 5;
			
			background: url(../img/cloud-1.png) no-repeat 0 0;
		}

		.cloud-2
		{
			position: absolute;
			top: 337px;
			left: 465px;
			
			width: 288px;
			height: 193px;
			
			z-index: 5;
			
			background: url(../img/cloud-2.png) no-repeat 0 0;
		}

		.cloud-3
		{
			position: absolute;
			top: 340px;
			left: 370px;
			
			width: 323px;
			height: 149px;
			
			z-index: 5;
			
			background: url(../img/cloud-3.png) no-repeat 0 0;
		}

		.cloud-4
		{
			position: absolute;
			top: 340px;
			left: 170px;
			
			width: 414px;
			height: 175px;
			
			z-index: 5;
			
			background: url(../img/cloud-4.png) no-repeat 0 0;
		}

		.cloud-5
		{
			position: absolute;
			top: 154px;
			left: 540px;
			
			width: 167px;
			height: 116px;
			
			z-index: 5;
			
			background: url(../img/cloud-5.png) no-repeat 0 0;
		}