* { margin: 0; padding: 0; outline: 0; }
body { font: 15px/18px verdana,sans-serif; color: #000; text-align: left; background: #fefffd url(images/rep.gif) repeat-x 0 0; }


a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px;}

#page{background:url(images/page.jpg) no-repeat; }

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:364px;
	height:85px;
	float: left;
	display: inline;
	padding:38px 0 0 70px;
}
h1#logo a{
	display: block;
	height:85px;
	background:url(images/logo.gif);
}


#promo{
	position:absolute;
	margin-left:480px;
	margin-top:270px;
	z-index:480;
}
#nav{padding-top:21px; width:350px; float: left; display: inline; }
#nav ul{list-style-type: none;}
#nav li{display: block; }
#nav li a{display: block;font-size: 0; line-height: 0; text-indent: -4000px; }

#nav li a.home{width:239px; height:83px; background:url(images/home.gif); margin-left:86px}
#nav li.active a.home{background-position: 0 bottom;}
#nav li a.home:hover{background-position: 0 bottom;}
/* #nav li a:hover.home{ background-position: 0 -83px;} */

#nav li a.about{width:239px; height:85px; background:url(images/about.gif); margin-left:86px}
#nav li.active a.about{background-position: 0 bottom;}
#nav li a.about:hover{background-position: 0 bottom;}
/* #nav li a:hover.about{ background-position: 0 -85px;} */

#nav li a.menu{width:283px; height:81px; background:url(images/menu.gif);}
#nav li.active a.menu{background-position: 0 bottom;}
#nav li a.menu:hover{background-position: 0 bottom;}
/* #nav li a:hover.menu{ background-position: 0 -81px;} */

#nav li a.lineup{width:360px; height:79px; background:url(images/lineup.gif); margin-left:0px}
#nav li.active a.lineup{background-position: 0 bottom;}
#nav li a.lineup:hover{background-position: 0 bottom;}
/* #nav li a:hover.lineup{ background-position: 0 -79px;} */

#nav li a.contacto{width:325px; height:83px; background:url(images/contacto.gif); }
#nav li.active a.contacto{background-position: 0 bottom;}
#nav li a.contacto:hover{background-position: 0 bottom;}
/* #nav li a:hover.contacto{ background-position: 0 -83px;} */

#nav li a.gallery{width:287px; height:91px; background:url(images/gallery.gif); margin-left:27px}
#nav li.active a.gallery{background-position: 0 bottom;}
#nav li a.gallery:hover{background-position: 0 bottom;}
/* #nav li a:hover.gallery{ background-position: 0 -91px;} */

.match{background:url(images/match2.gif); width:327px; height:137px; position:absolute; top:0; left:434px; z-index: 10;}
.match-box{background:url(images/match-box.png); width:138px; height:375px; position:absolute; top:68px; left:815px; z-index: 10;}

.coaster{float: left; display: inline; background:url(images/coaster3.jpg); height:453px; margin-top:14px; margin-left:18px; position:relative; z-index: 100;}
.coaster .pic-frame{background:url(images/frame.png); width:416px; height:393px; padding:13px 0 0 13px; position:absolute; top:17px; left:0; z-index: 100;}
.coaster .text-cnt{width:440px; height:475px; background:url(images/white-dot-new.png); position:absolute; top:0; left:0; z-index: 10;}
.coaster .text-cnt .inner{padding:45px 0 0 40px; width:355px}
.coaster .text-cnt .inner p{padding-bottom:25px}



#footer{}
#footer p{background:url(images/ftr.gif); width:368px; height:61px;}