/*
	Cliente:		Marina Makax
	Autor:			Edgar Armando Salinas
	Empresa:		Tux, S.C.
	Descripción:	CSS para el diseño principal
*/

body{	
	background: url(imagenes/bg.gif) repeat;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 0;
}

#wrapper { 
	color: white;
	margin: 0 auto;
	width: 989px;
}

#header_index, #header_yates, #header_residencia, #header_proyecto, #header_contacto {
	height: 265px;
	margin-top: 10px;
	width: 989px;
}
#header_index { background: transparent url(imagenes/header_index.png) no-repeat; }
#header_yates { background: transparent url(imagenes/header_yates.png) no-repeat; }
#header_residencia { background: transparent url(imagenes/header_residencia.png) no-repeat; }
#header_proyecto { background: transparent url(imagenes/header_proyecto.png) no-repeat; }
#header_contacto { background: transparent url(imagenes/header_contacto.png) no-repeat; }

#menu {float: left; height: 136px; width: 989px; }
#menu ul { margin: 0 0 0 0; padding-left: 0px;  }
#menu ul li { 

	list-style: none; 
	display:inline;
	float: left;  
	cursor: pointer; 
}

a.enlace { display: block; height: 0;}
a img { border: 0; }
a.multimedia { display: block; }

#content_top { float: left; }
	#info {			
			background: url(imagenes/marina_10.jpg) no-repeat;
			float: left; 
			width: 723px; 
			height: 202px; 
	} 
	#multimedia { float: left; height: 202px; width: 266px; }
	
#content_bottom { 
	background: url(imagenes/yates.png) no-repeat; 
	float: left; 
	height: 346px; 
	width: 989px; 
}

#content_scape, #content_kanan, #content_night, #content_elfi, #content_proyecto, #content_contacto, #galeria_residencia, #proyecto_etapa1, #proyecto_etapa2, #proyecto_etapa3, #first_stage, #second_stage, #third_stage { float: left; width: 989px; }
#yate_scape { background: url(imagenes/yate_scape.png) no-repeat; float: left; height: 231px; width: 549px; }
#yate_kanan { background: url(imagenes/yate_kanan.png) no-repeat; float: left; height: 221px; width: 549px; }
#yate_night { background: url(imagenes/yate_night.png) no-repeat; float: left; height: 232px; width: 549px;  }
#yate_elfi { background: url(imagenes/yate_elfi.png) no-repeat; float: left; height: 226px; width: 549px;  }
#content_residencia { 
	background: url(imagenes/casa_isla_mujeres.png) no-repeat; 
	float: left; 
	height: 251px; 
	width: 989px;
}
#plano { background: url(imagenes/plano_proyecto.jpg) no-repeat; float: left;  height: 370px; width: 582px; }
#proyecto_etapa1 { background: url(imagenes/proyecto_primer_etapa.jpg) no-repeat; height: 234px; }
#proyecto_etapa2 { background: url(imagenes/proyecto_segunda_etapa.jpg) no-repeat; height: 237px; }
#proyecto_etapa3 { background: url(imagenes/proyecto_tercer_etapa.jpg) no-repeat; height: 233px; }
#first_stage { background: url(imagenes/first_stage.jpg) no-repeat; height: 234px; }
#second_stage { background: url(imagenes/second_stage.jpg) no-repeat; height: 237px; }
#third_stage { background: url(imagenes/third_stage.jpg) no-repeat; height: 233px; }
#data_contact, #datos_contacto { float: left; height: 603px; width: 447px; }
#data_contact { background: url(imagenes/data_contact.png) no-repeat;  }
#datos_contacto { background: url(imagenes/datos_contacto.png) no-repeat; }
#formulario { background: url(imagenes/fondo_formulario.jpg) no-repeat; height: 603px; float: left; width: 542px; }

#video_yateScape { 
	background: url(imagenes/bg_scape.jpg) no-repeat; 
	float: left; 
	height: 231px;
	width: 440px; 
}
#video_yateKanan { 
	background: url(imagenes/bg_kanan.jpg) no-repeat; 
	float: left; 
	height: 221px;
	width: 440px; 
}
#video_yateNight { 
	background: url(imagenes/bg_night.jpg) no-repeat; 
	float: left; 
	height: 232px;
	width: 440px; 
}
#video_yateElfi { 
	background: url(imagenes/bg_elfi.jpg) no-repeat; 
	float: left; 
	height: 226px;
	width: 440px; 
}
#video_residencia { float: left; padding-left: 350px; }
#video_proyecto { 
	background: url(imagenes/bg_proyecto.jpg) no-repeat; 
	float: left; 
	height: 370px; 
	width: 407px; 
}


#footer { 
	background: url(imagenes/footer_bg.jpg) no-repeat; 
	float: left; 
	height: 203px;
	margin-bottom: 20px;
	text-align: center; 
	width: 989px; 
}
#footer_yates { 
	background: url(imagenes/footer_yates.jpg) no-repeat; 
	float: left; 
	height: 203px;
	margin-bottom: 20px;
	text-align: center; 
	width: 989px; 
}
#footer_residencia { 
	background: url(imagenes/footer_residencia.jpg) no-repeat; 
	float: left; 
	height: 285px;
	margin-bottom: 20px;
	padding-top: 50px;
	text-align: center; 
	width: 989px; 
}

#footer_proyecto { 
	background: url(imagenes/footer_proyecto.jpg) no-repeat; 
	float: left; 
	height: 168px;
	margin-bottom: 20px;
	padding-top: 10px;
	text-align: center; 
	width: 989px; 
}

#footer_contacto {  
	float: left;
	margin-bottom: 20px;
	text-align: center; 
	width: 989px; 
}

#info_etapa1 { 
	margin-top: 23px;
	padding: 25px 10px 0 30px; 
	text-align: justify; 
	width: 700px; 
}
#info_etapa2 { 
	margin-top: 23px; 
	padding: 25px 10px 0 30px; 
	text-align: justify; 
	width: 700px; 
}
#info_etapa3 { 
	margin-top: 18px; 
	padding: 25px 10px 0 30px; 
	text-align: justify; 
	width: 700px; 
}
#etiquetas { float: left; text-align: right; width: 100px; }
#datos_usuario { float: left; width: 442px; }
#city { margin-left: 20px; }
#adress1 { margin-left: 6px; }
#textarea { margin-left: 14px; }
#state { margin-left: 22px; }
#zipcode { margin-left: 37px; }
#country { margin-left: 37px; }
#telephone { margin-left: 42px; }
#email { margin-left: 22px; }
#servicio { margin-left: 12px; }
#pax { margin-left: 26px; }
#enviarFormulario { padding-left: 440px; }
#username { margin-left: 26px; }
#direction { margin-left: 12px; }
#city_2 { margin-left: 37px; }
#state_2 { margin-left: 30px; }
#zipcode_2 { margin-left: 6px; }
#country_2 { margin-left: 13px; }


.datos_contacto { color: #ffcb20; }
.info_index { margin: 0 0; padding: 60px 0 0 40px; text-align: justify; width: 390px; }
.desc_index { 
	margin: 0 0;
	padding: 20px 0 0 40px; 
	text-align: justify; 
	width: 465px; 
}
.desc_texto { 
	margin: 0 0;
	padding: 10px 0 0 40px; 
	text-align: justify; 
	width: 465px; 
}
.info_footer { font-size: 18px; }
.change_language { margin-left: 840px; padding-top: 27px; }
.multimedia-imagenes { float: left; }
.video_yates { margin-left: 790px; margin-top: 130px; }
.info_scape { 
	float: left; 
	font-size: 11px; 
	margin-top: 19px; 
	padding: 35px 0 0 35px; 
	text-align: justify; 
	width: 290px; 
}
.info_kanan { 
	float: left; 
	font-size: 11px; 
	margin-top: 11px; 
	padding: 35px 0 0 35px; 
	text-align: justify; 
	width: 290px; 
}
.info_night { 
	float: left; 
	font-size: 11px; 
	margin-top: 27px; 
	padding: 35px 0 0 35px; 
	text-align: justify; 
	width: 290px; 
}
.info_residencia { 
	float: left; 
	font-size: 11px; 
	padding: 25px 0 0 35px;
	*padding-top: 35px !important; /* Sólo IE7 */
	text-align: justify; 
	width: 250px; 
}
.info_proyecto { 
	float: left; 
	font-size: 12px; 
	padding: 50px 0 0 35px; 
	text-align: justify; 
	width: 250px; 
}
.galeria { border: 0; float: left; }
.rowElem { margin: 10px; }
#mas_info_scape { float: left; padding: 36px 0 0 13px; }
#mas_info_kanan { float: left; padding: 30px 0 0 13px; }
#mas_info_night { float: left; padding: 38px 0 0 15px; }
#mas_info_elfi { float: left; padding: 44px 0 0 45px; }
#ver_plano { float: left; padding: 168px 0 0 43px; }

/* :::::::: CORRECCIÓN DE TABLAS ::::::::  */
#tabla_charter_elfi, #tabla_charter_kanan, #tabla_charter_night, #tabla_charter_scape { 
	width: 617px;
	height: 678px;
	border: 0px;
	border-collapse: collapse;
}
.tabla_yates_video { 
	width: 310px;
	height: 210px; 
	border: 0px;
	border-spacing: 0;	
	border-collapse: collapse;
}
#tabla_galeria { 
	width: 617px;
	height: 288px; 
	border: 0px;
	border-spacing: 0;
}
#tabla_charter_scape tr { display: table-row; vertical-align: inherit; }
#tabla_charter_scape td { display: table-cell; vertical-align: inherit; }