/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 02/07/2008.
	Modificado: 02/07/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: "Helvetica", Arial, sans-serif;
/*font-family: "Times", serif;*/
background: url('../images/bg_body.jpg') #F4A31D;
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

/* Ocultos */
#header h1,
#nav p{
position: absolute;
top: -999px;
}
/* Estructura */
#container{
width: 788px;
height: 610px;
position: absolute;
top:0%; /*50%;*/
left: 50%;
margin-top: 30px; /*-310px;*/
margin-left: -394px;
background: url('../images/bg_global.jpg') no-repeat left top;
}
#s1 #container{background: url('../images/bg_index.jpg') no-repeat left top;}

	#nav ul{
	padding: 17px 0 0 18px;
	list-style: none;
	}
		#nav ul li{
		float: left;
		padding: 0 15px 0 15px;
		}
			#nav ul li a{
			display: block;
			outline: 0;
			height: 20px;
			text-indent: -999px;
			}
			#nav ul #b1 a{background: url('../images/b1.jpg') no-repeat left top; width: 50px;}
			#nav ul #b2 a{background: url('../images/b2.jpg') no-repeat left top; width: 90px;}
			#nav ul #b3 a{background: url('../images/b3.jpg') no-repeat left top; width: 90px;}
			#nav ul #b4 a{background: url('../images/b4.jpg') no-repeat left top; width: 115px;}
			#nav ul #b5 a{background: url('../images/b5.jpg') no-repeat left top; width: 135px;}
			#nav ul #b6 a{background: url('../images/b6.jpg') no-repeat left top; width: 90px;}
			
			#nav ul #b1 a:hover,
			#nav ul #b1 a:focus{background: url('../images/b1.jpg') no-repeat left bottom;}
			#nav ul #b2 a:hover,
			#nav ul #b2 a:focus{background: url('../images/b2.jpg') no-repeat left bottom;}
			#nav ul #b3 a:hover,
			#nav ul #b3 a:focus{background: url('../images/b3.jpg') no-repeat left bottom;}
			#nav ul #b4 a:hover,
			#nav ul #b4 a:focus{background: url('../images/b4.jpg') no-repeat left bottom;}
			#nav ul #b5 a:hover,
			#nav ul #b5 a:focus{background: url('../images/b5.jpg') no-repeat left bottom;}
			#nav ul #b6 a:hover,
			#nav ul #b6 a:focus{background: url('../images/b6.jpg') no-repeat left bottom;}
			
#content{
clear: both;
padding: 180px 0 0 0;
}
#s1 #content{
padding: 38px 0 0 0;
}

	.info{
	float: right;
	width: 550px;
	height: 404px;
	padding: 0 40px 0 10px;
	overflow: auto;
	}
		.info h2{
		color: #000;
		font-size: 1.1em;
		font-weight: normal;
		text-align: right;
		padding: 10px 0 10px 0;
		}
		#s2 h2{background: url('../images/title_gang.jpg') no-repeat left center;}
		#s3 h2{background: url('../images/title_food.jpg') no-repeat left center;}
		#s4 h2{background: url('../images/title_parties.jpg') no-repeat left center;}
		#s5 h2{background: url('../images/title_deals.jpg') no-repeat left center;}
		#s6 h2{background: url('../images/title_nabe.jpg') no-repeat left center;}
		
		.info h3{
		color: #fff;
		font-size: 0.9em;
		font-weight: bold;
		padding: 0 0 5px 0;
		}
		.info p{
		color: #fff;
		font-size: 0.8em;
		padding: 0 0 10px 0;
		line-height:1.3em;
		}
		.info a{
		color: #fff;
		}
		.info a:hover{
		color: #fff;
		text-decoration:none;
		}

		.info .photo{
		padding: 0;
		}
			.info .photo img{
			float: left;
			margin: 0 27px 15px 0;
			}
			
		.info .joinMailing{
		font-size: 0.9em;
		}
			.info .joinMailing a{
			color: #fff;
			}
			
		.info .menuList{
		list-style: none;
		text-align: left;
		margin: 0 0 20px 0;
		}
			.info .menuList li{
			display: inline;
			}
				.info .menuList li a{
				margin: 0 20px 0 0;
				}
		
	.sidebar{
	float: left;
	width: 150px;
	height: 404px;
	}
	#s1 .sidebar{
	height: auto;
	}
	#s2 .sidebar{
	background: url('../images/bg_sidebar_deco.jpg') no-repeat right top;
	}
		.sidebar p{
		text-align: right;
		}
		.sidebar p img{
		padding-top:38px;
		}
		.sidebar .gangMenu{
		list-style: none;
		padding: 20px 25px 0 25px;
		}
			.sidebar .gangMenu li{
			padding: 0 0 20px 0;
			}
			.sidebar .gangMenu li a{
			display: block;
			outline: 0;
			color: #fff;
			height: 32px;
			font-size: 0.5em;
			text-indent: -9999px;
			text-decoration: none;
			}
			.sidebar .gangMenu .g1 a{background: url('../images/g1.jpg') no-repeat left top;}
			.sidebar .gangMenu .g1 a:hover,
			.sidebar .gangMenu .g1 a:focus{background: url('../images/g1.jpg') no-repeat left bottom;}
			
			.sidebar .gangMenu .g2 a{background: url('../images/g2.jpg') no-repeat left top;}
			.sidebar .gangMenu .g2 a:hover,
			.sidebar .gangMenu .g2 a:focus{background: url('../images/g2.jpg') no-repeat left bottom;}
			
			.sidebar .gangMenu .g3 a{background: url('../images/g3.jpg') no-repeat left top;}
			.sidebar .gangMenu .g3 a:hover,
			.sidebar .gangMenu .g3 a:focus{background: url('../images/g3.jpg') no-repeat left bottom;}
			
	#s1 #content .swfObject{
	width: 780px;
	height: 320px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	}
	#s1 .info{
	float: left;
	width: 480px;
	height: auto;
	padding: 10px 25px 0 25px;
	}
		#s1 .info p{
		color: #fff;
		font-size: 0.85em;
		font-weight: bold;
		padding: 0 0 10px 0;
		line-height: 20px;
		letter-spacing: 0.5px;
		}

		
	#s1 #content .sidebar{
	float: right;
	width: 250px;
	}
		#s1 .sidebar ul{
		list-style: none;
		padding: 0 5px 0 5px;
		}
			#s1 .sidebar ul li{
			padding: 0 0 20px 0;
			}
			
				#s1 .sidebar ul li table{
				padding: 10px 0 10px 0;
				}

	
	
	.offer{
	color:#ff9000;
	}		
	

#footer{
clear: both;
width: 788px;
margin: 0 auto 0 auto;
}
	#footer p{
	color: #000; /* #58585A; */
	font-size: 0.65em;
	font-weight: normal;
	text-align: center;
	}
	#footer a{
	color: #000; /* #58585A; */
	text-decoration:none;
	}
	#footer a:hover{
	color: #000; /* #58585A; */
	text-decoration:underline;
	}
	
#s1 #footer p{
text-align:right;
}	

#gh_text{
color:#000000;
display:block;
float:left;
font-size:.8em;
font-weight:bold;
}
#gh_image{
display:block;
float:left;
padding-left:20px;
}

/* Sección "Activa" del Menú */
/* Sección "Activa" del Menú */
#s1 #nav ul #b1 a{background: url('../images/b1.jpg') no-repeat left bottom;}
#s2 #nav ul #b2 a{background: url('../images/b2.jpg') no-repeat left bottom;}
#s3 #nav ul #b3 a{background: url('../images/b3.jpg') no-repeat left bottom;}
#s4 #nav ul #b4 a{background: url('../images/b4.jpg') no-repeat left bottom;}
#s5 #nav ul #b5 a{background: url('../images/b5.jpg') no-repeat left bottom;}
#s6 #nav ul #b6 a{background: url('../images/b6.jpg') no-repeat left bottom;}