body{
	margin: auto;
	background-image:url(images/pattern.png);
	width: 1280px;
	height: 100%;
	display: block;
	background-attachment: fixed;
	
}

/* LOGO */
#logo{
	position: absolute;
	z-index: 12;
	width: 122px;
	height: 100%;
	float: left;
	margin-top: 8px;
}

/* MENU PRINCIPAL */

#menu_principal{
	margin-left: 550px;
	position: fixed;
	background-color: #d92659;
	z-index: 20;
}

/* MENU */

#menu_principal ul li{
	margin-left: 25px;
	list-style-type: none;
	text-decoration: none;
	height: 20px;
	float: left;
	position: relative;
}

#menu_principal ul li a{
	text-decoration: none;
	font-family: Oswald;
	color: white;
	font-size: 10px;
}

#menu_principal ul li a:hover{
	color: black;
}

/* HEADER */

#header{
	margin-top: 38px;
	width: 1280px;
	z-index: 10;
	position: absolute;
}

#somos{
	position: absolute;
	z-index: 13;
	width: 269px;
	height: 44px;
	font-family: "Oswald";
	color: white;
	font-size: 25px;
	margin-left: 548px;
	margin-top: 650px;
}

#suenos{
	position: absolute;
	z-index: 13;
	width: 269px;
	height: 44px;
	font-family: "Lobster 1.4";
	color: #d92659;
	font-size: 25px;
	margin-left: 548px;
	margin-top: 675px;

}


/* HILOS */

#hilos{
	position: absolute;
	margin-top: 896px;
}

/* FONDO PÁGINA */

#fondo_pagina{
	position: absolute;
	margin-top: 1002px;
	z-index: 9;
}

/* PRODUCTOS */

#productos_ubi{
	width: 500px;
	height: 50px;
	position: absolute;
	z-index: 13;
	margin-top: 900px;
	margin-left: 300px;
} 
#productos{}


.titulos{
	position: absolute;
	font-family: Oswald;
	color: #d92659;
	font-size: 30px;
	z-index: 11;
	margin-top: 1020px;
	margin-left: 580px;
}

/* LISTA IZQUIERDA */

#productos_izquierda{
	width: 575px;
	height: 1353px;
	position: absolute;
	list-style-type: none;
	float: left;
	margin-top: 1100px;
	margin-left: 40px;
	z-index: 12;
}

/* LIMPIONES */

#cocina{
	position: absolute;
	background-image: url(images/limpiones.png);
	background-repeat: no-repeat;
	width: 575px;
	height: 384px;
}

#cocina_text {
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 575px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#cocina:hover #cocina_text{
	opacity: 0.8;
}

#cocina_info{
	padding-left: 10px;
	width: 250px;
	margin-top: 305px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#cocina:hover #cocina_info{
	opacity: 0.8;
}

#secadores{
	width: 250px;
	padding-left: 10px;
	margin-top: 276px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



/* HOGAR 1 */

#hogar_1{
	margin-top: 384px;
	position: absolute;
	background-image: url(images/farol.png);
	background-repeat: no-repeat;
	width: 575px;
	height: 580px;
}

#hogar_1_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 575px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#hogar_1:hover #hogar_1_text{
	opacity: 0.8;
}

#azules{
	width: 250px;
	padding-left: 11px;
	margin-top: 450px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#azules_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 480px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#hogar_1:hover #azules_info{
	opacity: 0.8;
}


/* HOGAR 2 */

#hogar_2{
	margin-top: 962px;
	position: absolute;
	background-image: url(images/blanconegro.png);
	background-repeat: no-repeat;
	width: 575px;
	height: 392px;
}

#hogar_2_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 575px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#hogar_2:hover #hogar_2_text{
	opacity: 0.8;
}

#negras{
	width: 250px;
	padding-left: 11px;
	margin-top: 263px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#negras_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 292px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#hogar_2:hover #negras_info{
	opacity: 0.8;
}


/* LISTA DERECHA */

#productos_derecha{
	z-index: 10;
	width: 541px;
	height: 1356px;
	float: left;
	position: relative;
	list-style-type: none;
	margin-top: 1100px;
	margin-left: 610px;
	background-color: green;
}

/* HOGAR 3 */

#hogar_3{
	
	position: absolute;
	background-image: url(images/verde.png);
	background-repeat: no-repeat;
	width: 541px;
	height: 784px;
}

#hogar_3_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 541px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#hogar_3:hover #hogar_3_text{
	opacity: 0.8;
}

#verdes{
	width: 250px;
	padding-left: 11px;
	margin-top: 657px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#verdes_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 687px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#hogar_3:hover #verdes_info{
	opacity: 0.8;
}

/* HOGAR 4 */

#hogar_4{
	margin-top: 784px;
	position: absolute;
	background-image: url(images/azules.png);
	background-repeat: no-repeat;
	width: 541px;
	height: 780px;
}

#hogar_4_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 541px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#hogar_4:hover #hogar_4_text{
	opacity: 0.8;
}

#blancas{
	width: 250px;
	padding-left: 11px;
	margin-top: 443px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#blancas_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 472px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#hogar_4:hover #blancas_info{
	opacity: 0.8;
}

/* BATAS */

#batas{
	margin-top: 2455px;
	position: absolute;
	background-image: url(images/batas.png);
	background-repeat: no-repeat;
	width: 1112px;
	height: 748px;
	z-index: 12;
	margin-left: 80px;

}

#batas_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 1112px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#batas:hover #batas_text{
	opacity: 0.8;
}

#batas_batas{
	width: 250px;
	padding-left: 11px;
	margin-top: 619px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#batas_batas_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 647px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#batas:hover #batas_batas_info{
	opacity: 0.8;
}

/* LISTA IZQUIERDA 2 */

#productos_izquierda_2{

	width: 486px;
	height: 1156px;
	position: absolute;
	list-style-type: none;
	float: left;
	margin-top: 3202px;
	margin-left: 40px;
	z-index: 12;
}

/* NIÑOS*/

#ninos{
	background-image: url(images/Tocaz_Final_03.jpg);
	background-repeat: no-repeat;
	width: 531px;
	height: 793px;
}

#ninos_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 531px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#ninos:hover #ninos_text{
	opacity: 0.8;
}

#ninos_ninos{
	width: 250px;
	padding-left: 11px;
	margin-top: 664px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
}

#ninos_ninos_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 692px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#ninos:hover #ninos_ninos_info{
	opacity: 0.8;
}

/* PLAYA */

#playa{
	background-image: url(images/Tocaz_Final_11.jpg);
	background-repeat: no-repeat;
	width: 532px;
	height: 464px;
}

#playa_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 532px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#playa:hover #playa_text{
	opacity: 0.8;
}

#playa_playa{
	width: 250px;
	padding-left: 11px;
	margin-top: 338px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
}

#playa_playa_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 365px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#playa:hover #playa_playa_info{
	opacity: 0.8;
}

/* productos derecha 2*/

#productos_derecha_2{
	z-index: 10;
	width: 641px;
	height: 1356px;
	float: left;
	position: relative;
	list-style-type: none;
	margin-top: 731px;
	margin-left: 572px;
	
}
/* HOTELES Y EMPRESAS */


#hoteles{
	
	position: absolute;
	background-image: url(images/Tocaz_Final_05.jpg);
	background-repeat: no-repeat;
	width: 579px;
	height: 387px;
}

#enlace_catalogo{
	margin-top: 215px;
	z-index: 11;
	position: absolute;
	width: 150px;
	height: 40px;
	
}
#enlace_catalogo p{
	
	font-family: Oswald;
	color: white;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background-color: #d92659;
}

#hoteles_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 579px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#hoteles:hover #hoteles_text{
	opacity: 0.8;
}

#hoteles_hoteles{
	width: 250px;
	padding-left: 11px;
	margin-top: 259px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#hoteles_hoteles_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 288px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#hoteles:hover #hoteles_hoteles_info{
	opacity: 0.8;
}

/* nauticas */


#nautica{
	
	position: absolute;
	margin-top: 387px;
	background-image: url(images/Tocaz_Final_08.jpg);
	background-repeat: no-repeat;
	width: 579px;
	height: 869px;
}

#nautica_text{
	z-index: 11;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 25px;
	text-align: center;
	width: 579px;
	height: 60px;
	background-color: #d92659;
	opacity: 0;
}

#nautica:hover #nautica_text{
	opacity: 0.8;
}

#nautica_nautica{
	width: 250px;
	padding-left: 11px;
	margin-top: 740px;
	position: absolute;
	font-family: Oswald;
	color: white;
	font-size: 20px;
	background-color: #d92659;
	
}



#nautica_nautica_info{
	padding-left: 11px;
	width: 250px;
	margin-top: 770px;
	position: absolute;
	font-family: Oswald;
	color: white;
	background-color: #d92659;
	font-size: 13px;
	opacity: 0;
}

#nautica:hover #nautica_nautica_info{
	opacity: 0.8;
}


/* TEXTOS */




/* ACERCA*/
#acerca{
	width: 1250px;
	height: 100px;
	position: absolute;
	z-index: 13;
	margin-top: 4850px;
}

#acerca ul{
	list-style-type: none;
	margin-left: 110px;
	margin-top: 400px;
}

#acerca ul li{
	margin-left: 30px;
	float: left;
	width: 300px;
}

.acerca_title{
	position: absolute;
	z-index: 13;
	width: 101px;
	height: 37px;
	font-family: 'Oswald', sans-serif;
	color: #d92659;
	font-size: 30px;
	font-weight: 400;
	margin-left: 615px;
	margin-top: 30px;
}

.parrafo{
	width: 291px;
	height: 44px;
	font-family: 'Open Sans', sans-serif;
	color: #a5a5a5;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	text-align: center;
}

/* HISTORIA */

#historia{
	width: 1200px;
	height: 800px;
	position: absolute;
	z-index: 13;
	margin-top: 6160px;
}

.historia_title{
	width: 260px;
	height: 50px;
	font-family: 'Oswald', sans-serif;
	color: #d92659;
	font-size: 25px;
	font-weight: 400;
	margin-left: 110px;

}

#historia_izquierda{
	list-style-type: none;
	width: 350px;
	margin-left: 60px;
	float: left;
}

#historia_izquierda li p{ 
	font-family: 'Open Sans', sans-serif;
	color: #a5a5a5;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	text-align: justify;}

#historia_derecha{
	list-style-type: none;
	width: 350px;
	margin-left: 290px;
	float: left;
}

#historia_derecha li p{ 
	font-family: 'Open Sans', sans-serif;
	color: #a5a5a5;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	text-align: justify;}


/* LA FÁBRICA */

#fabrica{
	width: 1200px;
	height: 1000px;
	position: absolute;
	z-index: 13;
	margin-top: 6500px;
}

#fabrica_title{
	position: absolute;
	z-index: 13;
	width: 200px;
	height: 37px;
	font-family: 'Oswald', sans-serif;
	color: #d92659;
	font-size: 30px;
	font-weight: 400;
	margin-left: 515px;
	margin-top: 30px;
}

#video_fabrica{
	margin-top: 150px;
	margin-left: 110px;
}

.video_footer{
	margin-left: 120px;
	height: 44px;
	font-family: 'Open Sans', sans-serif;
	color: #a5a5a5;
	font-size: 15px;
	font-weight: 500;
	line-height: 15px;
}

/* CONTACTO */


#contacto{
	width: 101px;
	height: 37px;
	font-family: 'Oswald', sans-serif;
	color: #d92659;
	font-size: 30px;
	font-weight: 400;
	position:absolute;
	z-index:14;
	margin-left:598px;
	margin-top:7600px;
	}
	
.texcontacto{
	text-align:justify;
	width: 710px;
	height: 88px;
	font-family: 'Open Sans', sans-serif;
	color: #a5a5a5;
	font-size: 17px;
	font-weight: 500;
	line-height: 18px;
	position:absolute;
	z-index:13;
	margin-left:250px;
	margin-top:7720px;
	}
	
#formulario{
	font-family: 'Oswald', sans-serif;
	color: #d92659;
	position:absolute;
	z-index:13;
	text-align:justify;
	margin-top:7950px;
	margin-left:470px;
	}

/* Nathalie Helo */

#nathalie_helo{
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 15px;
	width: 500px;
	height: 200px;
	position: absolute;
	z-index: 13;
	margin-top: 8500px;
	margin-left: 380px;
	text-align: center;
}