* {
	margin: 0;
	padding: 0;
}

html, body {
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#table {
	width: 100%;
	height: 100%;
	position: static;
	display: table;
	*overflow: hidden; /* hack para o IE6 e IE7 */
	*position: relative; /* hack para o IE6 e IE7 */
}

#cell {
	vertical-align: middle;
	display: table-cell;
	position: static;
	*top: 50%; /* hack para o IE6 e IE7 */
	*position: absolute; /* hack para o IE6 e IE7 */
}

img {
	border: none;
}

body {
	background: #000;
}

#site {
	width: 970px;
	height: 530px;
	margin: auto;
	background: #000 url(img/bg.jpg) no-repeat top right;
	padding: 15px;
	overflow: hidden;
	top: -50%;
	position: relative;
}

#midia , #links, #menu {
	display: inline;
}

#midia a {
	margin-right: 12px;	
}

#links {
	margin-left: 30px;
}

#menu {
	margin-left: 25px;
	position: relative;
	z-index: 100;
}

#links a, #menu a {
	margin-left: 23px;
}

.first {
	margin-left: 0 !important;
}

#esquerda {
	float: left;
	display: inline;
	width: 555px;
	margin: 30px 0 0 0px;
}	

#direita {
	float: left;
	display: inline;
	width: 415px;
}

#texto {
	width: 535px;
	height: 435px;
	border: 1px solid #333;
	padding: 15px 0 0 15px;
	font-size: 13px;
	color: #999;
	line-height: 20px;
}

#texto p {
	width: 470px;
}

#texto h2 {
	margin-bottom: 20px;
}

#logo a {
	width: 242px;
	height: 175px;
	background: url(img/logo.png);
	_background: none;
	_filter: progid:dximagetransform.microsoft.alphaimageloader(src='style/img/logo.png');
	margin: 250px 0 0 100px;
	*margin: -110px 0 0 100px;
	display: block;
}

#lustre {
	float: right;
	display: inline;
	width: 154px;
	height: 364px;
	background: url(img/lustre.png);
	_background: none;
	_filter: progid:dximagetransform.microsoft.alphaimageloader(src='style/img/lustre.png');
	position: relative;
	top: -37px;
	left: 0px;
	z-index: 1;
}

#player {
	width: 380px;
	height: 30px;
	margin: 35px 0 0 45px;
}

#kki a {
	display: block;
	width: 28px;
	height: 72px;
	background: url(img/kki.png) no-repeat;
	position: fixed;
	left: 0;
	bottom: 0;
}

input[type='text'], textarea {
	width: 380px;
	height: 20px;
	padding: 4px;
}

textarea {
	height: 120px;
}

input[type='submit'] {
	margin-top: 10px;
	border: 0;
	background: #fff;
	height: 25px;
	width: 80px;
}

/* Estilo para o Plugin do Banner */

#s3slider {
   width: 350px; /* important to be same as image width */
   height: 525px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 70px;
   margin-top: -20px;
}

#s3sliderContent {
   width: 350px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   z-index: 100;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   width: 0px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
