﻿html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial; background:url(../pics/bg.jpg) no-repeat fixed center top #010101;}
body img {display:block; outline:0;}
a {text-decoration:none; outline:0;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}

html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:120px;}

/* HEADER */

#header-out {width:100%;}
#header-in {height:150px;margin-bottom:50px;}

#logo {position:absolute;top:10px;left:245px;width:380px;height:150px;z-index:999;background:url(../pics/logo-naldinho_ribeiro.png) no-repeat;text-indent:-9000em;overflow:hidden;}
#logo:hover {background-position:0 -150px;}

#redes-sociais {width:200px;height:30px;position:absolute;right:100px;top:30px;}
#redes-sociais ul li {float:left;display:inline;}
#redes-sociais ul li a {background:url(../pics/icones-redes-sociais.png) no-repeat;width:30px;height:29px;text-indent:-9000em;overflow:hidden;display:block;margin:0 5px;}
#redes-sociais ul li a.palcomp3 {background-position:0 0;}
#redes-sociais ul li a.orkut {background-position:-39px 0;}
#redes-sociais ul li a.flickr {background-position:-79px 0;}
#redes-sociais ul li a.youtube {background-position:-117px 0;}
#redes-sociais ul li a.twitter {background-position:-157px 0;}

div#sigame {position:absolute;top:80px;right:20px;}

/* ANIMACAO */

#anima {width: 590px;float: right;margin: 0 20px 0 0;}
div#animacao {width:590px; height:303px;background:url(../pics/bg-menu.png) repeat; position:relative;}
div.j-img, div.j-img img, div.j-anima {width:560px; height:235px; position:absolute;}
div.j-img {top:15px; left:15px;border-bottom:38px solid #000;}
div.j-anima .j-txt {width:575px; height:30px; position:absolute; z-index:12; bottom:-1px; left:1px;}
div.j-anima .j-txt p {color:#fff;font:normal 14px Trebuchet MS, Verdana, tahoma, arial;height:20px;left:-1px;padding:10px 5px 10px 10px;position:absolute;top:28px;width:545px;}
div.j-anima .j-txt p a {color:#D00000;}
div.j-anima .j-txt p small {color:#d00000;font:normal 14px Trebuchet MS, Verdana, tahoma, arial;}
div.j-anima .j-txt p a small {color:#d00000;font:normal 14px Trebuchet MS, Verdana, tahoma, arial;}
#bt-animacao {position:absolute; z-index:999; bottom:30px; right:23px;}
#bt-animacao a, #bt-animacao a.activeSlide {background:#fff;text-indent:-9000em;overflow:hidden;display:block;width:12px;height:12px;float:left;display:inline;margin:0 4px;}
#bt-animacao a.activeSlide {background:#d00000;}
 
/* MENU */
	
#nav {height:35px;position:absolute;right:20px;top:155px;width:732px;z-index:999;background:url(../pics/bg-menu.png) repeat;}
#nav ul li {float:left;display:inline;}

#nav ul li a {display:block;height:35px;background:url(../pics/menu.png) no-repeat;text-indent:-9000em;overflow:hidden;margin:0 7px;}
#nav ul li.menu01 a {width:81px;background-position:0 0;}
#nav ul li.menu02 a {width:56px;background-position:-81px 0;}
#nav ul li.menu03 a {width:75px;background-position:-138px 0;}
#nav ul li.menu04 a {width:61px;background-position:-212px 0;}
#nav ul li.menu05 a {width:103px;background-position:-273px 0;}
#nav ul li.menu06 a {width:61px;background-position:-376px 0;}
#nav ul li.menu07 a {width:109px;background-position:-437px 0;}
#nav ul li.menu08 a {width:74px;background-position:-546px 0;}

#nav ul li.menu01 a:hover {width:81px;background-position:0 -35px;}
#nav ul li.menu02 a:hover {width:56px;background-position:-81px -35px;}
#nav ul li.menu03 a:hover {width:75px;background-position:-138px -35px;}
#nav ul li.menu04 a:hover {width:61px;background-position:-212px -35px;}
#nav ul li.menu05 a:hover {width:103px;background-position:-273px -35px;}
#nav ul li.menu06 a:hover {width:61px;background-position:-376px -35px;}
#nav ul li.menu07 a:hover {width:109px;background-position:-437px -35px;}
#nav ul li.menu08 a:hover {width:74px;background-position:-546px -35px;}

body#pg-carreira #nav ul li.menu01 a {width:81px;background-position:0 -35px;}
body#pg-fotos #nav ul li.menu02 a {width:56px;background-position:-81px -35px;}
body#pg-musicas #nav ul li.menu03 a {width:75px;background-position:-138px -35px;}
body#pg-videos #nav ul li.menu04 a {width:61px;background-position:-212px -35px;}
body#pg-discografia #nav ul li.menu05 a {width:103px;background-position:-273px -35px;}
body#pg-mural #nav ul li.menu06 a {width:61px;background-position:-376px -35px;}
body#pg-contratante #nav ul li.menu07 a {width:109px;background-position:-437px -35px;}
body#pg-contato #nav ul li.menu08 a {width:74px;background-position:-546px -35px;}

body#pg-home #nav-footer ul li.menu a {width:55px;background-position:-620px -35px;}
body#pg-carreira #nav-footer ul li.menu01 a {width:81px;background-position:0 -35px;}
body#pg-fotos #nav-footer ul li.menu02 a {width:56px;background-position:-81px -35px;}
body#pg-musicas #nav-footer ul li.menu03 a {width:75px;background-position:-138px -35px;}
body#pg-videos #nav-footer ul li.menu04 a {width:61px;background-position:-212px -35px;}
body#pg-discografia #nav-footer ul li.menu05 a {width:103px;background-position:-273px -35px;}
body#pg-mural #nav-footer ul li.menu06 a {width:61px;background-position:-376px -35px;}
body#pg-contratante #nav-footer ul li.menu07 a {width:109px;background-position:-437px -35px;}
body#pg-contato #nav-footer ul li.menu08 a {width:74px;background-position:-546px -35px;}

/* HOME */

#mainContent {margin:30px auto 0;}

#mainContent h1 {font:normal 32px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:uppercase;}

div.anima-home {width:940px;margin-left:20px;height:175px;padding: 10px;background:url(../pics/bg-menu.png) repeat;}
ul.galeria-home {width:940px !important;}
ul.galeria-home li {float:left;display:inline;}
ul.galeria-home li a {width:180px;height:120px;display:block;margin:0 10px 0 0;}
ul.galeria-home li.margin-negativo a {margin:0!important;}
div.galeria-fotos{margin-top:-20px;}

#seta-left, #seta-right{width:20px;height:20px;position:relative;z-index:1000;display:inline-block;background:url(../pics/setas-animacao.jpg) no-repeat;top:-39px;}
#seta-left {background-position:0 0;left:244px;}
#seta-right {background-position:-20px 0;left:244px;}

div.box {width:940px;height:295px;background:url(../pics/bg-menu.png) repeat;margin:30px 0 0 20px;padding:10px;}
div.box .box01 {width:275px;display:inline-block;float:left;}
div.box .box01 img {margin:20px 0 0 15px;}
div.box .box01 .ddd {height:40px;width:40px;font:normal 30px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;margin:29px 5px 0 60px;}
div.box .box01 .numero {height:95px;width:165px;margin-left:25px; font:normal 25px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;}

div.box .box02 {width:365px;display:inline-block;float:left;}
a.botao-msg {width:345px;height:26px;font:normal 20px Trebuchet MS, Verdana, tahoma, arial;color:#fff;background:url(../pics/bg-botao.png) no-repeat;text-transform:uppercase;display:block;padding:4px;margin:10px auto 0;}

div.box .box03 {width:270px;display:inline-block;float:left;padding-left:10px;}
div.box .box03 img {margin:0 auto;}

/* ESTRUTURA DAS INTERNAS */

#internas {float:left;display:inline;width:580px;margin:0 0 30px 20px;padding:10px;background:url(../pics/bg-menu.png) repeat;}
html > body #internas {height:auto; min-height:475px;}

#internas02 {float:left;display:inline;width:935px;margin:0 0 30px 20px;padding: 10px;background:url(../pics/bg-menu.png) repeat;}
html > body #internas02 {height:auto; min-height:400px;}

#internas p {font:normal 14px Trebuchet MS, Verdana, tahoma, arial; color:#fff;}

#internas h1, #internas02 h1 {font:normal 32px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:uppercase;}
#internas h2, #internas02 h2 {font:normal 22px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:none;}

#internas h1.left, #internas02 h1.left {font:normal 32px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:uppercase;margin-left:25px;}

#internas .ddd p {height:40px;width:40px;font:normal 30px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;margin:38px 0 0 35px;}
#internas .numero p {font:normal 26px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;margin: 0;}
#internas .emailnr a {clear:both;color:#fff;display:block;float:left;font:normal 20px Trebuchet MS, Verdana, tahoma, arial;margin:15px 0 0 0;}
#internas .emailnr a:hover {text-decoration:underline;}

#internas02 .ddd p {height:40px;width:40px;font:normal 30px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;margin:38px 0 0 35px;}
#internas02 .numero p {font:normal 26px Trebuchet MS, Verdana, tahoma, arial;color:#fff;float:left;display:inline;margin: 0;}
#internas02 .emailnr a {clear:both;color:#fff;display:block;float:left;font:normal 20px Trebuchet MS, Verdana, tahoma, arial;margin:15px 0 0 0;}
#internas02 .emailnr a:hover {text-decoration:underline;}

/* SLIDE FOTOS */

div.anima-fotos {width:585px;height:175px;margin-top:30px;}
ul.galeria-fotos02 {width:585px!important;height:120px!important;}
ul.galeria-fotos02 li {float:left;display:inline;}
ul.galeria-fotos02 li a {width:180px;height:120px;display:block;margin:0 15px 0 0;}
ul.galeria-fotos02 li span {background:#000;bottom:45px;color:#fff;font:12px Trebuchet MS, Verdana, tahoma, arial;left:0;padding:5px;position:relative;width:170px;height: 35px;z-index:999;-moz-opacity:.9;opacity:0.90;filter:alpha(opacity=90);display:inline-block;}
ul.galeria-fotos02 li span small {color:#d00000;font:12px Trebuchet MS, Verdana, tahoma, arial;}
<!--ul.galeria-fotos02 li.margin-negativo a {margin:0!important;}-->
div.galeria-fotos-int{margin-top:-20px;}

#seta-left02, #seta-right02{width:20px;height:20px;position:relative;z-index:1000;display:inline-block;background:url(../pics/setas-animacao.jpg) no-repeat;top:-37px;}
#seta-left02 {background-position:0 0;left:180px;}
#seta-right02 {background-position:-20px 0;left:180px;}

.slide-fotos {width:570px;height:auto;margin:0 auto;text-align:center;}
.slide-videos {width:570px;height:auto;text-align:center;}

/* SIDEBAR */

#sidebar {width:320px;height:300px;margin: 0 0 0 20px;background:url(../pics/bg-menu.png) repeat;padding: 0 10px;display: inline-block;}
#sidebar h1 {font:normal 32px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:uppercase;}

#dtproducoes {width:260px;height:140px;top:365px; position: absolute;right: 70px;}

/*** TWITTER ***/

div.twitter {width:260px;height:240px;float:left;display:inline;}
div.twitter h1 {font:bold 30px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-transform:uppercase;margin: 0;float:left;display:inline;}
div.twitter a#twitter {font:bold 20px Trebuchet MS, Verdana, tahoma, arial;color:#fff;height: 25px;display:inline-block;}
#tweet-container ul {color:#fff;list-style:none;font:normal 13px/16px Trebuchet MS, Verdana, tahoma, arial;margin-top: 7px;}
#tweet-container p, #tweet-container a {color:#fff;font:normal 16px/24px Trebuchet MS, Verdana, tahoma, arial;text-align:center;margin-top: 15px;}
#tweet-container img {margin:0 auto;}
#tweet-container .imagem img {display:block;float:left;margin-right:5px;}
#tweet-container li {border-bottom: 1px dotted #fff;margin: 4px 0;}
.time {font-size:11px;display:block;text-align:right;margin:5px 5px 0 0;}
span.twitterTime {color:#f00;display: block;text-align: right;}
#tweet-container ul a {color:#f00;font-style:italic;font:normal 13px/16px Trebuchet MS, Verdana, tahoma, arial;}
#tweet-container ul a:hover {color:#ccc;text-decoration:none;}

a#bt-twitter {color:#000;display:block;font:14px Trebuchet MS,Verdana,tahoma,arial;height:22px;padding:3px 0 0;position:absolute;right:30px;text-align:center;top: 195px;width:150px;background:#d59c10;}

/*** AGENDA ***/

#coluna02 {display:inline;width:320px;position:relative;}

#animacao-frota{position:relative;width:320px;height:200px;top:-10px;}
#anima-frota{position:absolute;width:320px;height:200px;overflow:hidden;}
#anima-frota div.frota-engloba{position:absolute; width:320px; height:260px;}
#anima-frota div.frota-engloba a{color:#c7cc4f;font:normal 12px Trebuchet MS, Verdana, tahoma, arial;}

#seta-cima, #seta-baixo{width:20px;height:20px;position:absolute;z-index:1000;background:url(../pics/setas-animacao.jpg) no-repeat;top:-25px;}
#seta-cima {background-position:0 0;left:135px;}
#seta-baixo {background-position:-20px 0;left:160px;}

.show {width:320px;padding:6px 0 0;}
.show p {font:normal 18px Trebuchet MS, Verdana, tahoma, arial;color:#fff;padding:2px 0;text-transform:uppercase;display:inline-block;}
.show p small {color:#fff;font:italic 14px Trebuchet MS, Verdana, tahoma, arial!important;text-transform:none;}

.box-data {width:50px;height:45px;display:inline;float:left;margin-right:5px;}
.box-data .dia {font:normal 26px Trebuchet MS, Verdana, tahoma, arial;background-color:#fff;color:#000;text-align:center;}
.box-data span {font:normal 14px Trebuchet MS, Verdana, tahoma, arial;display:block;color:#c7cc4f;background-color:#000;color:#fff;text-transform:uppercase;text-align:center;}

#internas02 .show {width:310px;padding:6px 0 0;float:left;display:inline;}

a#agenda{ background: url(../pics/bg-menu.png) repeat;color: #fff;display: block;font:italic 16px Trebuchet MS;padding: 4px 8px;text-transform:uppercase;width: 210px;margin: 0 auto;}

/* FORMATAÇAO DAS INTERNAS */

ul.musicas {font:normal 13px Trebuchet MS, Verdana, tahoma, arial; color:#fff; margin-right:20px; width:250px; float:left; display:inline;}
ul.musicas li {display:inline;}
ul.musicas li span {font:normal 15px Trebuchet MS, Verdana, tahoma, arial; color:#fff; padding-top:8px;}
ul.musicas li a {color:#fff; background:url(../pics/bg-menu.png) repeat;padding:4px 0 0 8px; margin:9px 0;height:20px;display: block;}
ul.musicas li a:hover {text-decoration:underline;color:#fff;}

div.contato-email p.margin-left {padding-left:65px;}

/* DISCOGRAFIA */

div.anima-cd {width:585px;height:250px;margin-top:30px;}
ul.galeria-cd {width:585px!important;height:180px!important;}
ul.galeria-cd li {float:left;display:inline;}
ul.galeria-cd li a {width:180px;height:180px;display:block;margin:0 15px 0 0;}
ul.galeria-cd li span {background:#000;bottom:45px;color:#fff;font:12px Trebuchet MS, Verdana, tahoma, arial;left:0;padding:5px;position:relative;width:170px;height:35px;z-index:999;-moz-opacity:.9;opacity:0.90;filter:alpha(opacity=90);display:inline-block;}
ul.galeria-cd li span small {color:#d00000;font:12px Trebuchet MS, Verdana, tahoma, arial;}
ul.galeria-cd li.margin-negativo a {margin:0!important;}
div.galeria-cd-int{margin-top:-20px;}

div.anima-dvd {width:585px;height:350px;margin-top:30px;}
ul.galeria-dvd {width:585px!important;height:257px!important;}
ul.galeria-dvd li {float:left;display:inline;}
ul.galeria-dvd li a {width:180px;height:257px;display:block;margin:0 15px 0 0;}
ul.galeria-dvd li span {background:#000;bottom:45px;color:#fff;font:12px Trebuchet MS, Verdana, tahoma, arial;left:0;padding:5px;position:relative;width:170px;height: 35px;z-index:999;-moz-opacity:.9;opacity:0.90;filter:alpha(opacity=90);display:inline-block;}
ul.galeria-dvd li span small {color:#d00000;font:12px Trebuchet MS, Verdana, tahoma, arial;}
ul.galeria-dvd li.margin-negativo a {margin:0!important;}
div.galeria-dvd-int{margin-top:-20px;}

#seta-left03, #seta-right03{width:20px;height:20px;position:relative;z-index:1000;display:inline-block;background:url(../pics/setas-animacao.jpg) no-repeat;top:-36px;}
#seta-left03 {background-position:0 0;left:56px;}
#seta-right03 {background-position:-20px 0;left:56px;}

#seta-left04, #seta-right04{width:20px;height:20px;position:relative;z-index:1000;display:inline-block;background:url(../pics/setas-animacao.jpg) no-repeat;top:-36px;}
#seta-left04 {background-position:0 0;left:70px;}
#seta-right04 {background-position:-20px 0;left:70px;}


/* FORMULARIO DE CONTATO */

#formulario{width:580px;}

.contato, textarea {font:normal 13px Trebuchet MS, Verdana, tahoma, arial;color:#fff;border:1px solid #666;background:#000;-moz-opacity:.75;opacity:0.75;filter:alpha(opacity=75);}

input.contato {width:260px;height:20px;margin:0 7px 8px 0;padding:6px;}
textarea {width:275px;height:106px;margin:0;overflow:auto;padding:5px;}

input.enviar {width:100px;height:35px;border:none;border:1px solid #666;-moz-opacity:.75;opacity:0.75;filter:alpha(opacity=75);cursor:pointer;float:right;display:inline;margin-top:15px;color:#fff;font:normal 13px Trebuchet MS, Verdana, tahoma, arial;background:#000;}

#form_textfield {width:275px;float:left;}
#form_textarea {width:275px;float:left;margin-left:17px;}

div.contato-email{margin:15px 0;width:580px;}
div.contato-email a.link-email{font:bold 15px Trebuchet MS, Verdana, tahoma, arial;color:#fff;text-decoration:none;float:left;}
div.contato-email a.link-email:hover{text-decoration:underline;}
div.contato-email p small{font:bold 15px Trebuchet MS, Verdana, tahoma, arial;color:#fff;}
div.contato-email p {margin:10px 0!important;font:italic 14px Trebuchet MS, Verdana, tahoma, arial!important;}

/* FORMULARIO DE CONTRATANTE */

#formulario-contratante{width:580px;}

#formulario-contratante .contato, #formulario-contratante textarea {font:normal 13px Trebuchet MS, Verdana, tahoma, arial;color:#fff;border:1px solid #666;background:#000;-moz-opacity:.75;opacity:0.75;filter:alpha(opacity=75);}

#formulario-contratante input.contato {width:260px;height:20px;margin:0 7px 8px 0;padding:6px;}
#formulario-contratante textarea {width:275px;height:190px;margin:0;overflow:auto;padding:5px;}

#formulario-contratante input.enviar-contratante {width:100px;height:35px;border:none;border:1px solid #666;-moz-opacity:.75;opacity:0.75;filter:alpha(opacity=75);cursor:pointer;float:right;display:inline;margin-top:15px;color:#fff;font:normal 13px Trebuchet MS, Verdana, tahoma, arial;background:#000;}

/* FOOTER */

a#dtproducoes {display:block;position:absolute;top:15px;right:170px;width:110px;height:70px;background:url(../pics/dtproducoes-home.jpg) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

a#exclusiva {display:block;position:absolute;top:4px;left:15px;width:110px;height:85px;background:url(../pics/exclusiva.png) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

div#djproducoes {display:block;position:absolute;top:15px;right:300px;width:110px;height:70px;background:url(../pics/djproducoes.jpg) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

a#assinatura {display:block;position:absolute;top:35px;right:15px;width:100px;height:35px;background:url(../pics/many-design.png) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {position:absolute;bottom:0;width:100%;}
#footer-in {height:90px;background:url(../pics/bg-menu.png) repeat;width:960px !important;}

#redes-sociais02 {width:200px;height:30px;position:relative;left:10px;top:35px;}
#redes-sociais02 ul li {float:left;display:inline;}
#redes-sociais02 ul li a {background:url(../pics/icones-redes-sociais.png) no-repeat;width:30px;height:29px;text-indent:-9000em;overflow:hidden;display:block;margin:0 5px;}
#redes-sociais02 ul li a.palcomp3 {background-position:0 0;}
#redes-sociais02 ul li a.orkut {background-position:-39px 0;}
#redes-sociais02 ul li a.flickr {background-position:-79px 0;}
#redes-sociais02 ul li a.youtube {background-position:-117px 0;}
#redes-sociais02 ul li a.twitter {background-position:-157px 0;}
 
/* MENU-FOOTER */
	
#nav-footer {height:30px;position:absolute;left:140px;/*left:20px;*/top:30px;width:680px;/*width:783px;*/z-index:999;}
#nav-footer ul li {float:left;display:inline;}

#nav-footer ul li a {display:block;height:35px;background:url(../pics/menu-footer.png) no-repeat;text-indent:-9000em;overflow:hidden;margin:0;/*margin: 0 6px;*/}
#nav-footer ul li.menu a {width:55px;background-position:-620px 0;}
#nav-footer ul li.menu01 a {width:81px;background-position:0 0;}
#nav-footer ul li.menu02 a {width:56px;background-position:-81px 0;}
#nav-footer ul li.menu03 a {width:75px;background-position:-138px 0;}
#nav-footer ul li.menu04 a {width:61px;background-position:-212px 0;}
#nav-footer ul li.menu05 a {width:103px;background-position:-273px 0;}
#nav-footer ul li.menu06 a {width:61px;background-position:-376px 0;}
#nav-footer ul li.menu07 a {width:109px;background-position:-437px 0;}
#nav-footer ul li.menu08 a {width:74px;background-position:-546px 0;}

#nav-footer ul li.menu a:hover {width:55px;background-position:-620px -35px;}
#nav-footer ul li.menu01 a:hover {width:81px;background-position:0 -35px;}
#nav-footer ul li.menu02 a:hover {width:56px;background-position:-81px -35px;}
#nav-footer ul li.menu03 a:hover {width:75px;background-position:-138px -35px;}
#nav-footer ul li.menu04 a:hover {width:61px;background-position:-212px -35px;}
#nav-footer ul li.menu05 a:hover {width:103px;background-position:-273px -35px;}
#nav-footer ul li.menu06 a:hover {width:61px;background-position:-376px -35px;}
#nav-footer ul li.menu07 a:hover {width:109px;background-position:-437px -35px;}
#nav-footer ul li.menu08 a:hover {width:74px;background-position:-546px -35px;}




