input, select { vertical-align:middle;  font:99% sans-serif; color: #282828;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }/ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a: active { outline: none; }
a:focus { outline: none; }
ul { margin-left:0px; }
ol { margin-left:0px; list-style-type: decimal; }

small { font-size:85%; }
strong{ font-weight: bold; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #484848; color:#fff; text-shadow: none; }
::selection { background:#484848; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #ccc; } 
html { overflow-y: scroll; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* RESET STYLES END HERE */

/** Fonts **/
@font-face {
	font-family: 'europaSiteReg';
	src: url('fonts/europaSite.eot');
	src: local('☺'), url('fonts/europaSite.woff') format('woff'), url('fonts/europaSite.ttf') format('truetype'), url('fonts/europaSite.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** fim das fonts **/

/* body:before will also work
 as will body:after */
:root:before {
	content: 
			url(../images/Europa-Site-base.jpg)
			url(../images/europasunrise_logo.png)
			url(../images/europa11anos_logo.png)
			url(../images/europaSSummerS_logo.png)
			url(../images/vinylium_logo.png)
			url(../images/Quadrados1000pxLarg.svg)
			url(../images/banner2Mask.svg)
			url(../images/Europa-Site_anim-BannerPeq.gif);
			visibility: hidden;
			position: absolute;
			left: -999em;
}

/* fim de preload */

body {
	margin: 0px;
	padding: 0px;
	background: #000 url("../images/fugranulado.png") repeat left top;
	text-align: center;
	font-family:'europaSiteReg',Sans-Serif;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
}

#centro {
	display: block;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#anima {
	position: relative;
	width: 1000px;
	height: 622px;
	overflow: hidden;
/* 	margin-bottom: 20px; */
}

#todosBanners {
	position: absolute;
	width: 10000px;
	height: 622px;
	top: 0px;
	left: 0px;
}

#todosBanners .mascara {
	-webkit-clip-path: url(#losangulos);
	clip-path: url(#losangulos);
	width: 1000px;
	height: 622px;
}

.banner {
	float: left;
}

#banner1 {
	position: absolute;
	top: 0px;
	z-index: 1;
}

#banner2 {
	position: absolute;
	top: 0px;
	z-index: 2;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#banner3 {
	position: absolute;
	top: 0px;
	z-index: 3;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#banner4 {
	position: absolute;
	top: 0px;
	z-index: 4;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#banner5 {
	position: absolute;
	top: 0px;
	z-index: 5;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#banner6 {
	position: absolute;
	top: 0px;
	z-index: 6;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#banner7 {
	position: absolute;
	top: 0px;
	z-index: 7;
	opacity: 0;
	-moz-opacity: 0;
	display: none;
}

#base {
	position: relative;
	margin-top: -236px;
}

#base p {
	margin: 0px;
	text-align: center;
	font-size: 46px;
	line-height: 46px;
}

#base p.treslinhas {
	margin: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
}

#centralogo {
	margin-left: auto;
	margin-right: auto;
}

#icones {
	width: 133px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
/* 
	border: 1px solid #fff;
 */
}

#icones img {
	float: left;
}

#zeraestilos {
	clear: both;
}

#europaclub {
	left:204px; 
	top:147px; 
	background:transparent; 
	display:block; 
	width:413px; 
	height:350px; 
	overflow:hidden; 
	position:absolute;
	/* border: 1px solid #fff; */
}

#mail {
	left:826px;
	top:338px;
	background:transparent;
	display:block;
	width:121px;
	height:120px;
	overflow:hidden;
	position:absolute;
	/* border: 1px solid #fff; */
}

#europaSunrise {
	left:370px;
	top:548px;
	background:transparent;
	display:block;
	width:413px;
	height:400px;
	overflow:hidden;
	position:absolute;
	/* border: 1px solid #fff; */
}

#vinylium {
	left:65px;
	top:865px;
	background:transparent;
	display:block;
	width:413px;
	height:400px;
	overflow:hidden;
	position:absolute;
	/* border: 1px solid #fff; */
}

#europaSsummerS {
	left:513px;
	top:1022px;
	background:transparent;
	display:block;
	width:413px;
	height:350px;
	overflow:hidden;
	position:absolute;
	/* border: 1px solid #fff; */
}

#europaSunset {
	left:212px;
	top:1330px;
	background:transparent;
	display:block;
	width:413px;
	height:350px;
	overflow:hidden;
	position:absolute;
	/* border: 1px solid #fff; */
}