@import url('reset.css');
@import url('globais.css');

body{
	background: url(../imagens/background.jpg) no-repeat top center;
	color: #fefefe;
	font-family: Trebuchet MS, sans-serif;
}

#container{
	width: 940px;
	height: 100%;
	margin: 0 auto; 
}	
/* HEADER */

#container #header{
	padding: 80px 0 0 10px;
}

#container #header .menu .orange a{
	color: #e16711;
}

#header a.titulo{
	background: url(../imagens/titulo.png) no-repeat;
	width: 299px;
	height: 40px;
	display: block;
	text-indent: -99999px
}

#header h1 a:hover {
	background: url(../imagens/tit_hover.png) no-repeat;
	width: 299px;
	height: 40px;
	display: block;
	text-indent: -99999px
}

#header .menu{
	float: right;
	font-size: 16px;
	margin: 10px 0 0 0;
}

#header .menu li{
	float: left;
	margin: 5px 0 0 0;
	height: 18px;
}
#header .menu li.bdr{
	border-right: 2px solid #fefefe;
}	

#header .menu li a{
	color: #fefefe;
	text-decoration: none;
	padding: 0 10px;
}

#header .menu li a:hover{
	color: #e16711;
}

/* CONTENT */

#container #content{
	padding: 125px 0 0 0;
	width: 780px;
	margin: 39px auto;
}

#content .teaser{
	background: url(../imagens/teaser.jpg) no-repeat top center;
	height: 239px;
	font-size: 0px;
}

#content .links_teaser li{
	float: left;
	margin: 0;
	height: 66px;
}

#content .box{
	height: 257px;
	clear: both;
	margin: 30px 0 0 0;
	background: url(../imagens/box.jpg) no-repeat;
}

#content .box .shows, #content .box .videos{
	float: left;
	width: 350px;	
	padding: 25px 0 0 35px;
	
}

#content .box .shows a {
	float: right;
	margin: 18px 40px 0 0;
	color: #dfd5d4;
	font-size: 13px;
	text-decoration: none;
}

#content .box .shows h2{
	background: url(../imagens/tit_shows.gif) no-repeat;
	width: 133px;
	height: 39px;
	float: left
}	

#content .box .shows h3 {
	clear: both;
	color: #dfd5d4;
	font-size: 20px;
	padding: 35px 0 7px 0;
}

#content .box .shows h4 {
	color: #dfd5d4;
	font-size: 17px;
}

#content .box .shows p {
	color: #dfd5d4;
	font-size: 13.5px;
}

#content .box .shows h5 {
	color: #dfd5d4;
	font-size: 17px;
}

#content .box .videos h2 {
	background: url(../imagens/tit_videos.gif) no-repeat;
	width: 137px;
	height: 39px;
	float: left
}

#content .box .videos .info_video p {
	float: right;
	margin: 18px 40px 0 0;
	color: #dfd5d4
	font-size: 10px;
	
}

#content .box .videos a {
	float: right;
	margin: 18px 40px 0 0;
	color: #dfd5d4;
	font-size: 13px;
	text-decoration: none;
}

#content .box .videos .youtube {
	clear: both;
	float: left;
	padding: 15px 0 0 0;
	margin: 0 17px 0 0;
	width: 185px;
}

#content .box .shows span, #content .box .videos span {
	display: none;
}

#content .box .videos .ytinfo p{
	font: status-bar;
	padding: 75px 0;
	text-align: left;
}

#content_release {
	margin: 165px 0 0 0;
	background: url(../imagens/box_release.jpg) no-repeat top center;
	height: 561px;
	font: 0px;
}

#content_release .box_release h1 {
	background: url(../imagens/tit_release.gif) no-repeat;
	width: 195px;
	height: 45px;
	margin: 20px 0 15px 160px;
	float: left
}

#content_release .box_release .texto p {line-height:1.4; margin-top:10px; color: #fefefe;}

#wrapper {width:610px; height:420px; margin:40px auto; padding:20px;}
#scroll {position:relative; width:610px; height:440px; overflow:auto}
#scrollcontent {position:absolute; width:560px; z-index:440}
#scrollbar {float:right; position:relative; display:none; width:12px; height:440px; z-index:100; background:#5f5955}
.scroller {position:absolute; top:0; width:12px; cursor:pointer; background-color:#97928e; background-image:url(../imagens/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#454340}

#content_release .box_release span {
	display: none;
} 

#content_disc {
	margin: 164px auto;
	margin-bottom: 0;
	background: url(../imagens/box_discografia.jpg) no-repeat top center;
	height: 411px;
	width: 820px;
	padding: 45px 0px 0 0px
}
#content_disc .player{
	width: 222px;
	float: left;
	margin: 0 25px;
}
#content_disc .player .cdinfo{
	height: 369px;
	width: 205px;
	background: url(../imagens/fundocddiscografia.png) no-repeat;
	padding: 7px 10px 7px 7px;
	margin: 0 0 5px 0;
}

#content_disc .player .cdinfo .imagem{
	background: url(../imagens/cd_cl.jpg);
	width: 208px;
	height: 184px;
}

#content_disc .player .cdinfo .imagem:hover{
	background: url(../imagens/cd_cl.jpg) 0 -185px;
}

#content_disc .player .cdinfo .imagem2{
	background: url(../imagens/cd_vu.jpg);
	width: 208px;
	height: 184px;
}

#content_disc .player .cdinfo .imagem2:hover{
	background: url(../imagens/cd_vu.jpg) 0 -185px;
}

#content_disc .player .cdinfo .imagem3{
	background: url(../imagens/cd_iii.jpg);
	width: 208px;
	height: 184px;
}

#content_disc .player .cdinfo .imagem3:hover{
	background: url(../imagens/cd_iii.jpg) 0 -185px;
}

#content_disc .player .cdinfo img{
	float: left;
}

#content_disc .player .cdinfo p{
	text-align: center;
	color: #fefefe;
	margin-top: 5px;
	font: normal 22px "Trebuchet MS", sans-serif;
}
#content_disc .player .cdinfo p span.ano{
	font-size: 14px;
}

#content_disc .player .cdinfo span.info{
	text-align: center;
	font: normal 13px "Trebuchet MS", sans-serif;
	float:left;
	color: #343434
}

#content_disc .player  .btnplay{
	margin: 15px 40px;
	width: 130px;
	height: 31px;
}
#content_agenda{
	margin: 164px 0 0 0;
	background: url(../imagens/box_agenda.jpg) no-repeat top center;
	height: 561px;
}

#content_agenda .box_agenda h1 {
	background: url(../imagens/tit_agenda.gif) no-repeat;
	width: 193px;
	height: 44px;
	margin: 20px 0 0 155px;
	float: left
}

#content_agenda .box_agenda h2 {
	font-size: 20px;
}

#content_agenda .box_agenda .texto p {line-height:0.5; margin-top:10px; color: #fefefe;}

#wrapper {width:610px; height:420px; margin:40px auto; padding:20px;}
#scroll {position:relative; width:610px; height:440px; overflow:auto}
#scrollcontent .agenda {position:absolute; width:416px; z-index:440}
#scrollbar {float:right; position:relative; display:none; width:12px; height:440px; z-index:100; background:#5f5955}
.scroller {position:absolute; top:0; width:12px; cursor:pointer; background-color:#97928e; background-image:url(../imagens/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#454340}

#content_agenda .box_agenda span {
	display: none;
}

#content_videos {
	margin: 164px 0 0 0;
	background: url(../imagens/box_videos.jpg) no-repeat top center;
	height: 561px;
}

#content_videos .box_videos h1 {
	background: url(../imagens/tit_videos_06.gif) no-repeat;
	width: 168px;
	height: 45px;
	margin: 20px 0 0 155px;
	float: left
}

#content_videos .box_videos span {
	display: none;
}

#content_videos .video1 {
	background: url(../imagens/video1.jpg);
	width: 220px;
	height: 165px;
	float: left;
	margin: 100px 0 0 40px;
	border: 2px solid #fff;
}

#content_videos .video1:hover {
	background: url(../imagens/video1.jpg) 0 -166px;
	
}

#content_videos .video1 p{
	font-size: 13px;
	width: 220px;
	float: left;
	margin-top: 170px;
	color: #fefefe;
}

#content_videos  .breve {
	padding: 400px 0 0 285px;
	font-size: 33px;
	width: -moz-max-content;
}

#content_contato{
	margin: 164px 0 0 0;
	background: url(../imagens/box_contato.jpg) no-repeat top center;
	height: 561px;
	color: 
}

#content_contato .box_contato h1 {
	background: url(../imagens/tit_contato.gif) no-repeat;
	width: 208px;
	height: 44px;
	margin: 20px 0 0 80px;
	float: left
}

#content_contato .box_contato span {
	display: none;
}

#content_contato .box_contato .form {
	padding: 81px 0px 0px 110px;
	width: 520px;
} 


#content_contato .form p {
	font-size: 20px;
	color: #fefefe;
	margin-bottom: 7px;
}

#content_contato .form input, textarea{
	font-size: 15px;
	color: #fefefe;
}

#content_contato .form .nome input {
	padding: 5px;
	background: url(../imagens/input.png) no-repeat;
	width: 390px;
	height: 20px;
	border: none;
}

#content_contato .form .email input {
	padding: 5px;
	background: url(../imagens/input.png) no-repeat;
	width: 390px;
	height: 20px;
	border: none;
}

#content_contato .form .cidade input {
	padding: 5px;
	background: url(../imagens/input.png) no-repeat;
	width: 390px;
	height: 20px;
	border: none;
}

#content_contato .form .mensagem textarea {
	font-family: Trebuchet MS, sans-serif;
	padding: 5px;
	background: url(../imagens/textarea.png) no-repeat;
	width: 390px;
	height: 165px;
	border: none;
	overflow: hidden;
}

#content_contato .form .submit input {
	margin-top: 10px;
	background: #6d6966;
	border: none;
}

#content_contato .box_contato2{
	padding: 180px 0 0 25px;
	float: right;
	width: 283px;
	height: 380px;
	font-weight:normal;
}

#content_contato .box_contato2 h3{
	font-weight:normal;
	font-size: 16px;
}

#content_contato .box_contato2 p.contato {
	font-size: 14px;
}

#content_contato .box_contato2 a{
	text-decoration: none;
	color: #ffffff;
}

/* FOOTER */

#footer{
	position: center;
	border-top: 1px solid #333333;
	height: 110px;
	width: 940px;
	margin: 30px 0 0 0;
	padding: 13px 0 0 0;
	
}

#footer p {
	font-size: 13.5px;
	margin: 0 0 0 0;
	color: #7a7878;
	float: left;
}

#footer a {
	text-decoration: none;
	color: #7a7878;
}

#footer ul {
	float: right;
	margin: 0 45px 0 0;
}

#footer .menu_rodape li a{
	text-decoration: none;
	font-size: 13.5px;
	color: #7a7878;
}

#footer .contato_rodape {
	float: right;
}

#footer .logos {
	background: url(../imagens/logos.png) no-repeat;
	width: 495px;
	height: 67px;
	margin: 20px 0 0 0;
}