@charset "utf-8";
/* CSS Document */
/********************************/
/* hakunna
/* Ato Interativo agência web
/* Layout: Henrique Alvez
/* XHTML+CSS: 1980sa
/* Programação: Rennan Toniolo
/********************************/
* {
padding:	0;
margin:		0;
list-style: none;
text-decoration: none;
}
body {
padding:	0;
margin:		0;
background:	#140000 url(../img/fundo.jpg) left top repeat-x;
font:		normal 13px Tahoma;
color:		#FFFFFF;
text-align:	center;
}
/********************************/
/* ESTRUTURA */
#wpTopo {
width:		auto;
height:		84px;
background-color:#000;
margin:     0;
border-bottom: 1px solid #181818;
border-top: 1px solid #181818;
overflow:	hidden;
text-align:	center;
}
#topo {
width:		930px;
height:		auto;
background:	transparent;
padding:	0 25px;
margin:		0 auto;
text-align: left;
}
#palco {
width:		930px;
height:		auto;
background:	#140000;
margin:		0 auto;
text-align: left;
}
#wpRodape {
width:		auto;
height:		auto;
background:	#172C3D;
margin:     20px 0;
overflow:	hidden;
text-align:	center;
background: transparent url(../img/bg_rodape.jpg) left top repeat-x;
}
#rodape {
width:		930px;
height:		auto;
background: transparent;
padding:	10px 0;
margin:		0 auto;
font-size:	11px;
background: transparent url(../img/bg_rapade.jpg) left top repeat-x;
color:		#FFF;
text-align: left;
}
/********************************/
/* TOPO */
#logo {
width:		300px;
height:		40px;
padding: 	15px 0 0 0px;
float:		left;
}
ul#menu {
width:		auto;
height:		33px;
margin:		28px 0 0 0;
float:		right;
text-align:	right;
}
ul#menu li {
width:		90px;
height:		33px;
overflow:	hidden;
text-align:	center;
text-transform:lowercase;
float:		right;
}
ul#menu li a {
width:		107px;
height:		33px;
background:	transparent url(../img/bg_menu.png) 0 0 no-repeat;
font-size:	18px;
color:		#fff;
padding:	4px 0 0 0;
display:	block;
}
ul#menu li a:hover {
background:	transparent url(../img/bg_menu.png) 0 -33px no-repeat;
}
/********************************/
/* CORPO HOME */
#flash {
width:		930px;
height:		625px;
overflow:	hidden;
background:	transparent;
}
.box {
width:		290px;
height:		auto;
margin:		10px;
float:		left;
background:	transparent;
position:	relative;
}
.boxHome {
width:		270px;
height:		130px;
padding:	20px 10px 10px 10px;
margin:		13px 0 0 0;
background: transparent url(../img/bg_boxHome.jpg) left top repeat-x;
overflow:	hidden;
}
ul.listas,
ul#twitter_update_list {
width:		auto;
height:		auto;
}
ul.listas li {
font-size:	12px;
padding:	2px 0 5px 0;
margin:		0 0 2px 0;
}
ul.listas li a {
color:		#FFFFFF
}
ul.listas li span {
font-weight: bold;
font-size:	12px;
margin:		0 0 8px 0;
display:	block;
}
ul.listas li span.local {
font-weight: bold;
display:	inline;
color:		#BB4404;
}
ul.listas li span.mais {
font-weight: bold;
font-size:	10px;
color:		#FFF;
margin:		2px 0;
text-align:	right;
display:	block;
}
span.mais {
font-weight: bold;
font-size:	10px;
color:		#FFF;
margin:		2px 0;
text-align:	right;
display:	block;
}
ul#twitter_update_list li {
width:		auto;
height:		90px;
overflow:	hidden;
color:		#FFFFFF;
}
ul#twitter_update_list li a {
font-style:	normal;
color:		#FFF;
}
ul.listas li a:hover,
ul#twitter_update_list li a:hover {
color:		#BB4404;
}
ul#twitter_update_list li.none {
display:	none;
}
/********************************/
/* CORPO INTERNAS */
.fotoInternas {
width:		930px;
height:		268px;
background:	url(../img/fotoBanda_internas.jpg) 0 0 no-repeat;
}
.colLeft {
width:		360px;
height:		auto;
margin:		0 0 30px 0;
float:		left;
}
.colRight {
width:		550px;
height:		auto;
margin:		53px 0 30px 0;
float:		right;
}
.colRight p {
margin:		0 0 10px;
text-indent:20px;
}
/********************************/
/* TITULOS */
h1 {
display:	none;
}
/* só para titulo de seção (acima das fotos) */
h2 {
width:		auto;
height:		54px;
font-size:	20px;
font-weight: normal;
text-align:	right;
background:	transparent url(../img/bg_h2.jpg) left top repeat-x;
padding:	15px 15px 0 0;
text-transform: uppercase;
color:		#fff;
overflow:	hidden;
}
/* só para os boxes */
h3 {
width:		auto;
height:		33px;
font-size:	18px;
font-weight: normal;
text-transform:lowercase;
color:		#FFFFFF;
position:	absolute;
left:		0;
}
h3 span {
width:		auto;
height:		33px;
padding:	4px 15px;
background:	transparent url(../img/bg_menuLi.png) 0 0 repeat-x;
overflow:	hidden;
}
/* titulo principal dos textos */
h4 {
font-size:	21px;
font-weight: normal;
color:		#8D3414;
margin:		0 0 15px 0;
}
/* subtitulo dos textos */
h5 {
font-size:	14px;
color:		#8D3414;
margin:		0 0 5px 0;
}

/********************************/
/* GERAL */
p {
padding:	0;
margin:		0;
width:		auto;
height:		auto;
}
img {
border:		none;
}
.clear {
height:		1pt;
font-size:	1pt;
clear:		both;
}
.txtRight {
text-align:	right;
}
.floatLeft {
float:		left;
}
.floatRight {
float:		right;
}
/********************************/
/* FORMS/CONTATO */
form span {
font-size:	11px;
color:		#3F0000;
}
label {
width:		90px;
height:		auto;
float:		left;
text-align:	right;
font-size: 	14px;
margin:		5px 3px 0 0;
}
input, textarea, select {
border:		1px solid #3F0000;
padding:	5px;
margin:		0 0 5px 0;
letter-spacing: 1px;
font-size: 	17px;
background: #000;
color:		#fff;
}
input:focus, textarea:focus, select:focus {
background:	#3F0000;
}
.submit {
font-size: 	18px;
color:		#fff;
margin: 	0 0 0 93px;
background:	#000 url(../img/bg_menuLi_IE.jpg) 0 0 repeat-x;
overflow:	visible;
letter-spacing:normal;
font-family: Tahoma;
cursor:		pointer;
}
#obrigado {
padding:	10px;
margin:		10px;
border:		1px solid #0099CC;
background: #1A2F40;
}

/***********************************************Player*/
#player_container {
	position: relative;
	width:150px;
	height:30px;
	color:#FFF;
	font-size:10px;
	border:none;
	margin-left:5px;
	float:	left;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
	width:	55px;
	position:absolute;
	right:	0;
	top:5px;

}

#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:34px;
	top:26px;
	width:23px;
	height:23px;
	cursor: pointer;
}
#player_play {
	background: url(../img/player/play.gif) left center no-repeat;
}

#player_pause {
	background: url(../img/player/stop.gif) left center no-repeat;
}


#ctrl_prev {
	position: absolute;
	left:10px;
	top:26px;
	background: url(../img/player/prev.gif) left center no-repeat;
	width:23px;
	height:23px;
	cursor: pointer;
}
#ctrl_next {
	position: absolute;
	left:58px;
	top:26px;
	background: url(../img/player/next.gif) left center no-repeat;
	width:23px;
	height:23px;
	cursor: pointer;
}

#playlist_list {
	width:198px;
}

#playlist_list ul{
	list-style-type:none;
	padding:10px;
	margin:0;
	background-color:#F7DF61;
	border:1px solid #F7DF61;
	border-top:none;
	width:178px;
	font-size:10px;
	color:#2CA9DB;
}
#player_label{
	position: absolute;
	width:80px;
	padding: 1px 5px;
	height:	auto;
	background:#000;
	left:	0;
	top:35px;
	font-weight:bolder;
}

/*********************************************************** CLASSES */
.erro {
  background:#f1f1f1 url(../img/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 40px 10px 40px;
  text-align:center;
  width:300px;
}

.sucesso {
  background:#f1f1f1 url(../img/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 40px 10px 40px;
  text-align:center;
  width:300px;
}
ul#depoimentos{
width:			auto;
height:			auto;
margin:			0 10px; 
}
ul#depoimentos li{
margin:			5px 5px 10px 5px;
background:		url(../img/66.gif) left top no-repeat;
padding-left:   50px;
padding-top:    5px;
}
ul#depoimentos li span{
text-align:		right!important;
color:			#3F0000!important;
margin-top:		5px!important;
} 
/***************************************PAGINAÇĂO**************************/
.paginacao {
width:				auto;
height:				auto;
padding:			0px;
margin:				5px 0px;
text-align:			right;
color:				#FFF;
}
.paginacao a, .paginacao a:active {
width:				auto;
height:				auto;
padding:			1px 3px;
margin:				2px;
background:			#000;
border:				1px solid #3F0000;
text-decoration:	none;
font-weight: 		bold;
color:				#666;
text-align:			right;
}
.paginacao a:visited {
text-decoration:	none;
font-weight: 		bold;
color:				#FFF;
}
.paginacao a:hover {
text-decoration:	none;
font-weight: 		bold;
}
.paginacao span {
width:				auto;
height:				auto;
padding:			1px 3px;
margin:				2px;
background:			transparent;
text-decoration:	none;
font-weight: 		bold;
color:				#000;
float:    	 		left;
}
.paginacao span.atual {
width:				auto;
height:				auto;
padding:			1px 3px;
margin:				2px;
background:			transparent;
text-decoration:	none;
font-weight:		bold;
color:				#FFF;
text-align:			center;
}
#lista_imagens{
width:				auto;
height:				auto;
}
#lista_imagens li{
list-style:			none;
float:				left;
margin:				5px;
}
#lista_imagens img{
list-style:			150px;
float:				150px;
}
#lista_imagens li a img {
opacity:			.9;
}
#lista_imagens li a:hover img{
opacity:			.99;
}