@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body {margin: 0px; height: 100%; background:#1C1C1C;} 
img{border:none;}
p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.69em; text-align:justify; color:#FFFFFF; margin-bottom:3px;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; text-align:justify; color:#FF6633; margin:5px 0 18px 0;}

#frame {width: 960px; margin: 0 auto; background: #1C1C1C center top no-repeat;} 
#top {height: 193px; background: url(images/top.jpg) no-repeat center top;} 
#banner{height:235px; text-align:center; }
#content{width : 960px; min-height : 250px; padding-top:8px;} 
#content_2{ width : 640px; float : left; min-height : 250px;}

#contact{width : 310px; float : left; min-height : 240px; background:url(images/barra.jpg) left  center no-repeat; padding:12px 0 0 10px;} 
#contact h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; text-align:justify; color:#FFFFFF;}
#contact p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; text-align: center; color:#FFFFFF;}
#contact a{color:#FF6633; text-decoration:none; text-align:center;}
#contact a:hover{text-decoration:underline;}
#contact .branco a{color:#FFF !important;}

.clear{clear:both;}

.left{width:262px; height: 196px; float:left; background:url(images/barra_1.jpg) no-repeat right top; padding:0 15px 0 8px; overflow:auto; 
scrollbar-face-color: #1C1C1C; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #1C1C1C; 
scrollbar-darkshadow-color: #000; 
scrollbar-shadow-color: #000000; 
scrollbar-arrow-color: #FFFFFF; 
scrollbar-track-color: #1C1C1C;
}
.left p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.69em; text-align:justify; color:#FFFFFF; margin:3px 0 3px 12px;}
.left h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.90em; text-align:justify; color:#FF6633; margin:5px 0 5px 12px;}

.right{width:330px; min-height: 196px; float:right; padding:0 15px 0 8px;}
.right h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; text-align:justify; color:#FF6633; margin:5px 0 18px 0; text-transform:uppercase;}
.right a{color:#FF6633; text-decoration:none;}
.right a:hover{text-decoration:underline;}

.bottom{ width:960px; height:39px; background:url(images/bottom.jpg) no-repeat center top; margin:0 auto; position:relative}
.bottom p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.69em; text-align:right; color:#FFFFFF; position:absolute; right:60px; bottom:0}
.bottom a{color:#FF6633; text-decoration:none; text-align:center;}
.bottom a:hover{text-decoration:underline; color:#FFFFFF;}
.smart{margin: 0 0 0 15px; float:left; position:absolute; left:0; bottom:0}

/*********Div Das Musicas ***********/
#content_3{ width : 100%; float : left; min-height : 250px;}

.lista{width:420px; min-height: 196px; float:left; background:url(images/barra_1.jpg) repeat-y right top; padding:0 15px 0 8px;}
.lista p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.69em; text-align:justify; color:#FFFFFF; margin-bottom:3px;}
.tocando{width:330px; min-height: 196px; padding:0 15px 0 8px; float:left;}
.tocando h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; text-align:justify; color:#FF6633; margin:5px 0 18px 0;}

.link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; margin:0 0 0 120px;} 
.link a{color:#FF6600; text-decoration:none; font-weight:bold;}
.link a:hover{text-decoration:underline; color:#CCCCCC;}
.link a:visited{color:#FF6600;}