*{
margin:0;
padding:0;
}
html, body {height: 100%;}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
body{
background:#ffffff url(../images/bg_top2016.png) repeat-x top left;
font-family:Verdana, Arial, sans-serif;
font-size:12px;
}
h3{
font-size:18px;
color:#f18c24;
margin:5px 0 15px 0;
text-shadow:0 1px 2px rgba(0,0,0,0.8);
}
h4{
font-size:13px;
margin:5px;
}
em{
font-size:9px;
font-weight:bold;
display:block;
width:120px;
}
p{
font-size:11px;
}
a:link, a:active, a:visited{
text-decoration:none;
}
a:hover{
background:transparent;
text-decoration:none;
}

html, body, #wrap{height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrap{
width:100%;
background:transparent;
}
#header16{
position: relative;
width:998px;
height:680px;
background: #000 url(../images/header_2016.png) no-repeat center top;
margin:0 auto;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);


#button{
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	top: 590px;
	left: 20px;
	display: block;
	color: white;
	font-size: 20px;
	font-weight: 600;
	background: #F49F00;
	padding: 15px 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	border: 1px solid #F19600;
	border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} 
#button:hover{
	background: #FDC100;
	transform: rotate(0deg) scale(1.03) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.03) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.03) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.03) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.03) skew(0deg) translate(0px);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#header{
width:998px;
height:499px;
background:transparent;
margin:0 auto;
}
#banner{
width:998px;
height:199px;
background:transparent url(../images/header.png) no-repeat top left;
margin:0 auto;
}
#promo{
position:relative;
width:998px;
height:300px;
background:transparent url(../images/shows.png) no-repeat top left;
margin:0 auto;
}
#promo form{
position:absolute;
top:240px;
left:702px;
width:115px;
height:40px;
}
#promo form input[type=image]{
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2));
}
#promo form input[type=image]:hover{
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

#main {
overflow:hidden;
width:100%;
min-height:408px;
padding-bottom:187px;
background:#eeeeee url(../images/bg_center.png) repeat-x bottom left;
}  /* must be same height as the footer */
#menu{
width:998px;
height:57px;
margin:0 auto;
background:transparent url(../images/bg_menu.png) no-repeat top left;

}
#menu ul{ 
}
#menu ul li{ 
float:right;  
}

#menu ul li.shop a{
display:block;
width:138px;
height:57px;
background:transparent url(../images/menu_shop.png) no-repeat top left;
text-indent:-9999px;
}
#menu ul li.videos a{
display:block;
width:218px;
height:57px;
background:transparent url(../images/menu_videos.png) no-repeat top left;
text-indent:-9999px;
}
#menu ul li.goodies a{
display:block;
width:140px;
height:57px;
background:transparent url(../images/menu_goodies.png) no-repeat top left;
text-indent:-9999px;
}
#menu ul li.disco a{
display:block;
width:199px;
height:57px;
background:transparent url(../images/menu_disco.png) no-repeat top left;
text-indent:-9999px;
}
#menu ul li.disco a:hover, #menu ul li.goodies a:hover, #menu ul li.videos a:hover, #menu ul li.shop a:hover{
background-position:bottom left;
}
#menu ul li.disco a.sprite, #menu ul li.goodies a.sprite, #menu ul li.videos a.sprite, #menu ul li.shop a.sprite{
background-position:bottom left;
}


#disco, #videos{
width:960px;
min-height:351px;
margin:0 auto;
background:transparent;

}  /* must be same height as the footer */

#disco ul{
width:960px;
height:100%;
margin:0 0 0 50px;

}
#disco ul li{
float:left;
list-style:none;
margin:15px 10px 15px 10px;
}
#disco ul li img{
width:120px;
height:120px;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2));
}
#disco ul li  img:hover{
-webkit-transform: scale(1.1) rotate(-2deg);
-moz-transform: scale(1.1) rotate(-2deg);
-o-transform: scale(1.1) rotate(-2deg);
transform: scale(1.1) rotate(-2deg);

-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

/*-------------------------------------------------------------------------- GOODIES */
#goodies{
width:1000px;
min-height:351px;
margin:0 auto;
background:transparent;

}
#goodies ul li a:link, #goodies li a:active, #goodies li a:visited{
background:transparent;
text-decoration:none;

}

#goodies ul li a:hover{
text-decoration:none;

}
#goodies ul{
float:left;
list-style:none;
}
#goodies ul li{
float:left;
margin:3px;
}
#goodies img{
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2));
}
#goodies img:hover{
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

#goodies ul.affiches{
width:500px
}
#goodies ul.affiches li img{
width:70px;
height:108px;
}

#goodies ul.promo{
width:500px;
}
#goodies ul.promo li img{
width:50px;
height:50px;
}
#goodies ul.lives{
width:1000px;
clear:both;
margin:0 0 20px 0;
}
#goodies ul.lives li img{
width:50px;
height:50px;
}


/*-------------------------------------------------------------------------- VIDEOS */
#videos ul{
width:960px;
margin:0 0 20px 0;
list-style:none;
}
#videos ul li{
float:left;
margin:20px;
}
#videos img{
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2));
}
#videos img:hover{
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
#videos em{
width:250px;
margin:10px;
}
/*----------------------------------------------------------------------------- Footer */
#footer {
position: relative;
background:#2c2c2c url(../images/bg_footer.png) repeat-x top left;
margin-top:-187px; /* negative value of footer height */
height:187px;
clear:both;
}
 
#links{
width:998px;
height:187px;
margin:0 auto;
color:#000;
font-size:14px;
background:transparent url(../images/title_footer.png) no-repeat top left;
}
#links ul{
list-style:outside url(../images/pucestar.png);
float:left;
margin:70px 0 0 35px;
}
#links ul li{
border-bottom:1px solid #3d3d3d;
}
#links li a:link, #links li a:active, #links li a:visited{
display:block;
padding:5px;
width:285px;
color:#ffffff;
background:transparent;
text-decoration:none;
}
#links li a:hover{
color:#ffffff;
background:#f29400;
text-decoration:none;
-webkit-transition: color 1s ease-in-out, background 0.4s ease-in-out;
-moz-transition: color 1s ease-in-out, background 0.4s ease-in-out;
-o-transition: color 1s ease-in-out, background 0.4s ease-in-out;
transition: color 1s ease-in-out, background 0.4s ease-in-out;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */