/* ---------------------------------------------------
	Layout Style Sheet (IE6, IE7, Firefox y Safari)
	author:		Bryte Dialogos Digitales
	website:	Salvat - Hotsite HelloKitty Party
------------------------------------------------------ */

body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ol,ul,li,dl,dt,dd,table,fieldset,legend,abbr,acronym,blockquote { margin:0; padding:0; border:none; list-style:none; }
img { border: none; }

body { background:#f64d8d url(images/body.gif) repeat; }

#container {
	position:relative;
	width:975px;
	margin:auto;
}

h1 a {
	position:relative; top:10px; left:10px;
	display:block; float:left;
	width:312px; height:150px;
	background:url(images/logo-hellokittyparty.gif) no-repeat;
	overflow:hidden; text-indent:-2000px;
}
h2 {
	position:absolute; top:171px; left:46px;
	width:365px; height:51px;
	background:url(images/tagline.gif) no-repeat;
	overflow:hidden; text-indent:-2000px;
}

#nav {
	position:absolute; top:0; right:36px;
	display:block; float:right;
	width:424px; height:109px;
}
#nav span {
	z-index:1;
	position:absolute; top:0; right:0;
	display:block;
	width:424px; height:109px;
	background:url(images/nav-bg.png) no-repeat;
}
	#nav ul {
		z-index:999;
		position:relative;
		display:block;
		width:308px; height:10px;
		padding:22px 0 0 56px;
	}
	#nav li {
		display:inline;
		font:16px Myriad, Arial;
	}
	#nav li a, #nav li a:visited, 
	#nav li.nav1-act a, #nav li.nav1-act a:visited, #nav li.nav2-act a, #nav li.nav2-act a:visited, 
	#nav li.nav3-act a, #nav li.nav3-act a:visited, #nav li.nav1-act a, #nav li.nav1-act a:visited {
		display:block; float:left;
		height:17px;
		margin-right:30px;
		color:#FFEB9A;
		background:url(images/nav.gif) no-repeat;
		overflow:hidden; text-indent:-2000px;
	}
	#nav li.nav1 a, #nav li.nav1 a:visited, #nav li.nav1-act a, #nav li.nav1-act a:visited { width:42px; }
	#nav li.nav1 a:hover, #nav li.nav1-act a, #nav li.nav1-act a:visited {  background-position:0 -17px; }
	
	#nav li.nav2 a, #nav li.nav2-act a, #nav li.nav2 a:visited, #nav li.nav2-act a:visited { width:66px; background-position:-80px 0; }
	#nav li.nav2 a:hover, #nav li.nav2-act a, #nav li.nav2-act a:visited {  background-position:-80px -17px; }
	
	#nav li.nav3 a, #nav li.nav3-act a, #nav li.nav3 a:visited, #nav li.nav3-act a:visited { width:62px; background-position:-186px 0; }
	#nav li.nav3 a:hover, #nav li.nav3-act a, #nav li.nav3-act a:visited {  background-position:-186px -17px; }
	
	#nav li.nav4 a, #nav li.nav4-act a, #nav li.nav4 a:visited, #nav li.nav4-act a:visited { width:44px; background-position:-287px 0; margin:0; }
	#nav li.nav4 a:hover, #nav li.nav4-act a, #nav li.nav4-act a:visited {  background-position:-287px -17px; }

	
#footer {
	position:relative; top:470px;
	display:block; clear:both;
	width:955px; height:82px;
	padding:10px 10px 0 10px;
	background:url(images/footer-bg.png) no-repeat;
}

#pagform #footer { top:592px; }
#pagform #footer { *top:622px; }
#pagresults #footer { top:520px; }
#pagform #footer .social,#pagresults #footer .social { width:170px; margin:0 10px 0 20px; }


	#footer span, #footer a.salvat, #footer a.masinfo { display:block; overflow:hidden; text-indent:-2000px; }
	#footer .sanrio {
		position:relative;
		float:left;
		width:104px; height:70px;
		background:url(images/logo-sanrio.png) no-repeat;
	}
	
	#footer .left, #footer .social{
		float:left;
	}
	
	#footer .left div{
		font:11px Arial;
		color:#65657c;
		margin-top:10px;
		margin-left:10px;
	}
	
	 #footer .social{
		margin-left:100px;
		margin-top:7px;
	}
	
	#footer .social a {
		margin:0 5px;
		display:block;
		overflow:hidden;
		text-indent:-2000px;
	}
	
	a.facebook{
		float:left;
		width:24px; height:24px;
		background:url(images/facebook.png) no-repeat;
	}
	
	a.twitter{
		float:left;
		width:24px; height:24px;
		background:url(images/twitter.png) no-repeat;
	}
	
	a.meneame{
		float:left;
		width:24px; height:24px;
		background:url(images/meneame.png) no-repeat;
	}
	
	a.delicious{
		float:left;
		width:24px; height:24px;
		background:url(images/delicious.png) no-repeat;
	}
	
	a.digg{
		float:left;
		width:24px; height:24px;
		background:url(images/digg.png) no-repeat;
	}
	
	#footer a.salvat {
		position:relative; top:5px; left:10px;
		width:175px; height:15px;
		background:url(images/logo-salvat.gif) no-repeat;
	}
	#footer .suscrib {
		position:relative; top:10px; left:220px;
		float:left;
		color:#666666;
		text-indent:0;
		font-family: Tahoma; font-size:9px;
	}
	#footer a.masinfo {
		position:relative; top:6px;
		float:right;
		width:128px; height:20px;
		background:url(images/masinfo.gif) no-repeat;
	}

		
/* CONTENIDOS FLASH */
#hearts1 {
	position:absolute; top:36px; left:452px;
	width:134px; height:88px;
}
#hearts2 {
	position:absolute; top:36px; left:858px;
	width:134px; height:88px;
}
#ofertashome {
	position:absolute; top:110px; left:488px;
	width:495px; height:488px;
}
#video {
	position:absolute; top:224px; left:22px;
	width:458px; height:385px;
}
#coleccion {
	position:absolute; top:114px; left:0;
	width:1012px; height:494px;
}
#fasciculo {
	position:absolute; top:114px; left:12px;
	width:1000px; height:500px;
}
#oferta {
	position:absolute; top:174px; left:-10px;
	width:484px; height:480px;
}