/* para hack*/
.nomeDaClasse{
/*background-color:#000000; essa linha está escrita corretamente e funciona em todos os browsers*/
/**background-color:#CCCCCC; essa linha funciona no IE7 */
/*_background-color:#00FF00; essa linha funciona no IE6 */
}

html{
width:100%;
height:100%;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin:0;
	padding:0;
	line-height:18px;
	background-image:url(../images/bgGeral.jpg);
	width:100%;
	height:100%;
	color:#FFFFFF;
}

hr{
margin-top:17px;
color:#333333;
background:#333333;
height:1px;
clear:both;
border:none;
padding:0;

}

h1{
font-size:1.4em;
color:#FFFFCC;
margin:0;
padding:0;
}

h2, h3, h4, h5{
font-size:1.2em;
color:#FFFFCC;
margin:0;
padding:0;
}

h3{
text-decoration:underline;
font-size:1.1em;
}

input{
font-size:11px;
}

textarea{
font-family:inherit;
font-size:inherit;	
}

p{
margin:0;
padding:0;
font-size:1em;
}

#geral{
width:998px;
margin:0 auto;
background-image:url(../images/bgGeral.jpg);
line-height:17px;
}

#sax{
position:absolute;
top:0;
margin-left:697px;
z-index:1;
}

#contato{
position:absolute;
top:100px;
margin-left:930px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
z-index:10;
}

#contato a:link{
color:#FFFFCC;
text-decoration:none;
}

#contato img{
border:0;
}

#menuSuperior{
position:absolute;
margin:30px 0 0 360px;
padding:0;
top:0;
list-style:none;
z-index:10;
}


#menuInferior{
position:absolute;
margin:142px 0 0 500px;
padding:0;
top:0;
list-style:none;
z-index:10;
}

#menuSuperior li,  #menuInferior li{
float:left;
letter-spacing:1px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#menuSuperior a, #menuInferior a{
padding:2px 6px 2px 6px;
border-left:#666666 solid 1px;
color:#FFFFCC;
text-decoration:none;
}
#contato a:visited, #menuSuperior a:visited, #menuInferior a:visited{
text-decoration:none;
color:#e9fc60;
}
#contato a:hover, #menuSuperior a:hover, #menuInferior a:hover{
text-decoration:none;
color:#e9fc60;
}
#contato a:active, #menuSuperior a:active,#menuInferior a:active{
text-decoration:underline;
color:#FFFFCC;
}

.fotoDepoimentos{
margin:25px 15px 15px 30px; 
float:left;
border:#ccc solid 1px;
}
/*#menuInferior li{
float:left;
letter-spacing:1px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#menuInferior a{
padding:2px 6px 2px 6px;
border-left:#666666 solid 1px;
color:#FFFFCC;
text-decoration:none;
}
#menuInferior a:visited 	{
text-decoration:none;
color:#e9fc60;
}
#menuInferior a:hover 	{
text-decoration:none;
color:#e9fc60;
}
#menuInferior a:active	{
text-decoration:underline;
color:#FFFFCC;
}*/


#topo{
width:990px;
background-image:url(../images/bgTopo.jpg);
background-repeat:no-repeat;
empty-cells:show;
}

#meio{
background-color:#FFF;
padding-left:10px;
padding-right:10px;
padding-bottom:1px;
margin-top:10px;
min-height:400px;
font-size:1.1em;
}

#areaFoto{
float:left;
width:530px;

/*browser selector para background*/
}

#areaTexto{
float:left;
width:530px;
z-index:15;
/*browser selector para background*/
}
#areaTextoMusicas{
background-image:url(../images/bgTextos2.jpg);
background-repeat:no-repeat;
/*browser selector para background*/
float:left;
width:530px;
min-height:400px;
_height:400px;
z-index:15;

}
#areaTextoMusicas li{
margin-left:30px;
/*browser selector para background*/
}

#areaTexto p,form,h2,h3,h4,h5, #areaFoto p,form,h2,h3,h4,h5, #areaTextoMusicas p,form,h2,h3,h4,h5{
margin:5px 10px 8px 50px;

}

#areaTexto ul{
margin-left:16px;
}

#areaFoto p a:link img{
border:#FFFFFF solid 3px;
}
#areaFoto p a:visited img{
border:#CCC solid 3px;
}
#areaFoto p a:hover img{
border:#99CC66 solid 3px;
}
#areaFoto p a:active img{
border:#99CC66 solid 3px;
}

#areaTexto li{
margin:10px 0 15px 50px;
}

#areaTextoMusicas table, #areaTextoMusicas tr, #areaTextoMusicas td{
background-color:none;
}
.linha{
background:#CCC;
color:#000;
}

.tabelaGeral .tituloTabela{
background:#333333;
font-weight:bold;
text-align:center;
}
.tabelaGeral{
background:#999999;
}
.tabelaGeral td{
background:#666666;
}
#rodape{
text-align:right;
font-size:10px;
color:#FFF;
border-top:#4B4B4B solid 1px;
line-height:15px;
padding:10px ;
width:978px;
clear:both;
margin-top:0;
}
#rodapeMusicas{
text-align:right;
font-size:10px;
color:#FFF;
border-top:#4B4B4B solid 1px;
line-height:15px;
padding:10px ;
width:800px;
margin-bottom:0;
bottom:0;
position:absolute;
}

.bannerParceiros{
float:left;margin-right:15px;border:#CCCCCC solid 1px;
}

.quebra{
clear:both;

}

/* ver browser selector*/
.showMusic{
width:260px;
position:absolute;
margin:70px 0 0 200px;
visibility:hidden;

}

.showMusicInterno{
width:260px;
padding:8px 15px 10px 15px;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
background:#333333;
}

.showMusicInterno ul,li,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

.showMusicInterno ul{
margin:0 0 0 -30px;
padding:0 0 0 -30px;
}

.showMusicInterno li{
margin:0;
padding:0 0 10px 0;
}

.posDirSimples{
float:right;
border:0;
}

.posEsqSimples{
float:left;
}

.creditos{
font-size:9px;
}

.posVoltar{
float:right;
}

/*Links*/
a:link{
	text-decoration:underline;
    color:#FFF;
	padding:0px;
	margin:0px;
}
a:visited{
	text-decoration:underline;
    color:#FFF;
		padding:0px;
	margin:0px;
}
a:hover{
	text-decoration:none;
	color:#FFFFCC;
	padding:0px;
	margin:0px;
}
a:active{
	text-decoration:underline;
    color:#FFF;
	padding:0px;
	margin:0px;
}

/*Link Rodape*/
a.linkRodape:link{
color:#FFFF00;
text-decoration:underline;
}
a.linkRodape:visited{
color:#FFFF00;
text-decoration:underline;
}
a.linkRodape:hover{
color:#FF9900;
text-decoration:underline;
}
a.linkRodape:active{
color:#000000;
text-decoration:none;
}

/*fim dos links*/

/*browser selector*/

.ie6 .class {
height:380px;
}
.ie7 #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.gecko #areaTexto{
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.win.gecko #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.linux.gecko #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.opera #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.konqueror #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}
.webkit #areaTexto {
background-image:url(../images/notacoes.png);
background-position:right;
background-repeat:repeat-y;
}


#no_js { display: block }
#has_js { display: none }
#js .no_js { display: none }
#js .has_js { display: block }

.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }

no_js { display: block }
has_js { display: none }
js .no_js { display: none }
js .has_js { display: block }