/* ************************************************************************* 
Projecto: RUI MACHADO - MÚSICA CABO-VERDIANA POR TEMAS
Produção: www.marvirtual.com                                              
Origem:   Almada, Portugal Abril 2007                                           
************************************************************************** */
/* GERAL */
*{margin:0;padding:0;}
body{font:100% "trebuchet ms",verdana,arial,sans-serif;text-align:center; background:#671505;color:#e0d1cc; }
hr {visibility:hidden;}
hr.sep {border-bottom:1px solid; visibility:visible; height:1px; margin:15px 0; }
small {padding:0 5px; color:#bbb; background:transparent;}
br.clear {clear:both;}
img {background: url(img/img.gif) no-repeat center; border:none; font-size:.7em;}
img.esq {float:left; margin:10px 10px 0 10px; padding:1px; border:1px solid #b9c9e9;}
img.dir {float:right; margin:15px 10px 0 10px; padding:1px; border:1px solid #b9c9e9; }
embed {margin-top:10px;}
a {color:#e89d0b; background:transparent; text-decoration:none; border-bottom:1px solid #9b2107; }	
a:hover {color:#bbb; background:transparent; text-decoration:none;}	
a.mais {background:url(img/seta.gif) no-repeat right 8px; padding-right:7px;}
a.encomendar {border:0; }
a#encomendar-index {display:block; height:234px; text-indent:-9876px; border:0;}
/* TÍTULOS E TEXTO */	
h1{text-indent:-92376px;float:left;}
h1 a{width:270px;height:70px;display:block; border:0;}
h2 {margin-bottom:15px; color:#bbb; background:transparent;}
h2 img {padding:4px 0 0 10px;  }
h3 {margin-top:20px;  }
h5 {margin:20px 0 0 15px; font-size:1em; color:#b4a9a6;}
p {padding:5px; font-size:.8em; text-align:justify;}
p i {font-weight: bold;}
p.destaque {padding:10px 55px; line-height:1.5em; color:#bbb; background:transparent; }
p.destaque img {float:left; padding:1px; background:#bbb; border:1px outset #bbb; margin:5px 25px 2px 0;}
p.topo {background: url(img/topo.gif) no-repeat right; text-indent:-9777px; }
p.topo a {display:block; border:0;}
p.topo a:hover {border-left:1px solid #671505; }
p.nav-interno {margin:5px 0; padding:5px 10px;}
p.nav-interno a {padding:0 5px; }
p.nota {background:url(img/info.gif) no-repeat 152px 5px; color:#e89d0b; padding:4px; margin:20px 10px; text-align:left; border:1px solid #9b2107;}
/* ESTRUTURA */
div#geral{margin:0 auto; text-align:left; width:772px;background:url(img/fundo2.gif) repeat-y center;}
div#header-index{background:url(./img/banner-index.png) no-repeat center; height:100px;}
div#header{background:url(img/banner-geral.png) no-repeat center; height:100px;}
div#banner-index, div#banner {height:285px; padding-left:11px;  /*background:url(./img/ilustracao.png) no-repeat center;*/}
div#corpo-index {background:/*#671505 */url(img/fundo.gif) repeat-x;}
div#corpo {background: url(img/fundo-pagina.gif) no-repeat 11px top; }
div#coluna, div#conteudos {float:left; padding:10px; margin-top:5px; }
div#coluna {width:195px; padding-top:0; }
div#coluna p {padding:15px;}
div#coluna img.caixa {margin:1px 0 0 1px;}
div#coluna div.cx-lateral {margin:20px 0 10px 20px;}
div#coluna div.cx-lateral span {margin:5px 0; display:block; font:bold .75em arial,verdana,sans-serif; }
div#conteudos {width:500px; padding-bottom:25px;}
/* flash */
iframe {width:750px;height:285px; padding:0;margin:0; overflow:hidden; border:0;}
/* CAIXAS EM COLUNAS */
div.caixas {float:left; width:234px; height:234px; margin:12px 10px 0 0;  }
div#caixa-artistas {margin-left:13px; background: url(img/cx-artistas.gif) no-repeat;}
html>body div#caixa-artistas {margin-left:23px;/* moz */  } 
div#tematicas {background: url(img/cx-tematicas.gif) no-repeat; }
div#encomendar {background: url(img/cx-encomendar.gif) no-repeat; }
/* CONTEUDOS */
div.video {text-align:center; padding:0 20px; }
div#capa-cd, div#playlist {float:left; height:160px; margin:10px 0; text-align:left;}
div#capa-cd {margin-right:5px; width:200px; text-align:center; /*background: url(img/tematicas-individual.gif) no-repeat;*/ }
div#capa-cd img.capa {border:2px solid #fff; }
div#capa-cd span a {font-weight:bold; background:#e89d0b; padding:5px; display:block; margin-top:10px;}
div#playlist {width:290px; background:#9b2107; }
div#playlist span {font-size:.7em; margin-top:15px; padding-left:40px; height:13px; display:block; 
background:url(img/bt-play.gif) no-repeat 15px 0; }
div.lista-artistas {float:left;margin:5px;padding:5px; text-align:center; /*width:235px; background:#9b2107; border:1px solid #6f0603;*/}
div.lista-artistas img {border:1px solid #bbb;}
div.lista-artistas h4 {font-size:.75em; padding-top:4px;  background:transparent; color:#bbb;}
div.tematicas {border:1px solid #9b2107; background:#6F0603; margin:15px; padding:10px; text-align:justify;}
div.tematicas h3 {margin:0px; }
/* MENÚ PRINCIPAL */
ul#menu {float:right;width:445px;height:24px; margin:75px 6px 0 0; background:url(img/menu.png) no-repeat; }
ul#menu li{float:left; display:inline; width:100px; list-style-type:none;}
ul#menu li a{display:block; width:100%; height:25px;text-indent:-9999px; border:0;}
ul#menu li a:hover {background:url(img/menu.png) no-repeat;  }
ul#menu li#m3 {width:139px;}	
ul#menu li#m2 a:hover {background-position: -100px -26px;}
ul#menu li#m3 a:hover {background-position: -200px -26px;}
ul#menu li#m4 a:hover {background-position: -339px -26px;}
/* fixar a categoria do menu */
a#home,a#imprensa,a#rui,a#contactos,a#artistas,a#tematicas,a#encomendar,a#contactos {cursor:default;}   
a#home {background:url(img/menu.png) no-repeat 0 -52px;}
a#imprensa {background:url(img/menu.png) no-repeat -100px -52px;}
a#rui {background:url(img/menu.png) no-repeat -200px -52px;}
/* MENÚ - CAIXA ARTISTAS */
ul#artistas {float:left; width:230px; padding-bottom:4px;margin-top:45px; list-style-type:none;}
ul#artistas li {float:left; text-indent:-9979px; margin-bottom:2px; width:100%; height:16px;}	
ul#artistas li a {display:block; width:100%; font-size:.7em; border:0;}	
ul#artistas li a:hover {background:url(img/cx-artistas.gif) no-repeat;}	
ul#artistas li#a1 a:hover {background-position:-237px -45px;}	
ul#artistas li#a2 a:hover {background-position:-237px -63px;}		
ul#artistas li#a3 a:hover {background-position:-237px -81px;}		
ul#artistas li#a4 a:hover {background-position:-237px -99px;}	
ul#artistas li#a5 a:hover {background-position:-237px -117px;}	
ul#artistas li#a6 a:hover {background-position:-237px -135px;}	
ul#artistas li#a7 a:hover {background-position:-237px -153px;}	
ul#artistas li#a8 a:hover {background-position:-237px -171px;}	
ul#artistas li#a9 a:hover {background-position:-237px -189px;}	
ul#artistas li#a10 a:hover {background-position:-237px -207px; height:19px;}	
/* MENÚ - CAIXA TEMÁTICAS */	
ul#temas {float:left; width:230px; padding-bottom:4px;margin-top:45px; list-style-type:none; }
ul#temas li {float:left; margin-bottom:2px; width:100%;}
ul#temas li a {display:block; width:100%; height:100%; text-indent:-9999px; font-size:.7em; border:0;}
ul#temas li a:hover {background:url(img/cx-tematicas.gif) no-repeat;}
ul#temas li#t1 a:hover {background-position:-237px -45px;}	
ul#temas li#t2 a:hover {background-position:-237px -87px;}	
ul#temas li#t3 a:hover {background-position:-237px -129px;}	
ul#temas li#t4 a:hover {background-position:-237px -155px;}	
ul#temas li#t5 a:hover {background-position:-237px -181px;}
ul#temas li#t6 a:hover {background-position:-237px -207px;}	
ul#temas li#t1,ul#temas li#t2 {height:40px;}	
ul#temas li#t3, ul#temas li#t4, ul#temas li#t5, ul#temas li#t6  {height:24px;}
/* LISTAS */
ul.rui {list-style:inside disc; margin:10px; }
ul.rui li {font:.8em/1.5em verdana,arial,sans-serif; padding-left:20px;}
ul.coluna-lista {margin:10px 0 10px 25px; list-style:inside disc; }
ul.coluna-lista li {font:bold .8em/2em verdana,arial,sans-serif; }
ul.coluna-lista-artistas {margin:10px 0 10px 18px; list-style:inside disc; }
ul.coluna-lista-artistas li {font: bold .75em/1.5em verdana,arial,sans-serif;  }
ul.temas-lista {padding:0 0 0 30px; list-style:outside decimal; }
ul.temas-lista li {font:.8em/1.5em verdana,arial,sans-serif;   }
ul.temas-lista li i {color:#e89d0b; background:transparent; font:normal .75em verdana,arial,sans-serif; }
ul.temas-lista li a {color:#e0d1cc;   }
ul.miniaturas { /*background:#671505;*/ width:500px;  /* be nice to Opera */  }
ul.miniaturas li {float:left; display:inline; margin:5px 0 5px 10px; font-size:.7em;   }
ul.miniaturas img {border:1px inset #e89d0b; }
ul.contactos {padding-left:80px;}
ul.contactos li {font:bold 1em/1.5em verdana,arial,sans-serif; }
/* listas no encomendar */
ul.encomendar {padding-left:50px;}
ul.encomendar li {font:bold .8em/1.5em verdana,arial,sans-serif; color:#e89d0b; }
ul.encomendar li b {font-size:.7em; color:#bbb; }
ul.capas-cd {list-style:none;}
ul.capas-cd li {margin:5px 0 10px 0; text-align:center;}
ul.capas-cd li img {border:1px solid #e89d0b;}
dl.temas {font-size:.85em;  }
dl.temas dt {font-weight:bold; margin-top:15px; border-bottom:1px solid #9b2107; color:#bbb; text-transform:uppercase;}
dl.temas dd {margin-left:25px; display:list-item;}
/* paypal */
dl.paypal {margin:50px 10px; padding:10px; border:1px solid #e89d0b; background:url(img/paypal.gif) no-repeat right top;}
dl.paypal dt {font-weight:bold; }
dl.paypal dd {font-size:.8em; padding-left:10px; }
dl.encomendar {text-align:left; padding:10px; margin:10px 0 0 10px;}
dl.encomendar dd {font-size:.8em;  display:list-item; }
/* FORMULARIO */
form#contacto {width:400px; padding:25px 5px; text-align: right;}
form#contacto label, form#contacto textarea, form#contacto input {padding:2px; font:.8em verdana,arial,sans-serif;}
form#contacto input, form#contacto textarea {width:300px; margin:0 0 3px 5px; }
form#contacto label {display:block; width:75px; float:left; color:#bbb; text-align:right; }
form#contacto p {text-align:right;}
form#contacto p input.enviar {width:80px; font-weight:bold;}
form#contacto textarea {height:200px; }
form#paypal {position:relative; margin:10px 0; padding:5px 0; background:#671505; }
form#paypal input.img-add {position: absolute; top:40px; left:245px;  }
form#paypal input.img-view {position: absolute; top:40px; left:370px;  }
form#paypal select {padding:3px 0; border:1px solid green; font-size:.8em; font-weight:bold; color:blue;  }
/* tabela */
table * {border:1px solid tan; padding:0 10px; }
table th {text-align:left; font-size:.8em;}
table th.head, table th.pais {background:tan; color:blue;}
/* RODAPÉ */	
div#footer {height:159px; background: url(img/footer.gif) no-repeat; padding:0 30px; /*margin:0 11px; */}
div#footer a {color:#bbb; background:transparent; }	
div#footer a:hover {color:#e89d0b; background:transparent; text-decoration:none;}	
dl.menu, dl.cds, dl.autor, dl.creditos {float:left; font-size:.7em; padding:10px 30px 0 0;color:#bbb; background:transparent;}
dl.menu dt, dl.cds dt, dl.autor dt, dl.creditos dt {font-weight:bold; margin-bottom:5px; padding:0 10px 5px 25px;
background: url(img/icones.gif) repeat-x 0 -120px;}
dl.menu dd, dl.cds dd, dl.autor dd, dl.creditos dd {padding:2px 0 2px 25px;  }
dl dd#dltel {background: url(img/movel.gif) no-repeat center left;}
dl dd#dlmail {background: url(img/mail.gif) no-repeat center left;}
div.statcounter, a.statcounter, img.statcounter {text-align:right;  }
/* VIEWER */
#lbOverlay {position:absolute; left:0; width:100%;	background:#000;	cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute; left:50%; overflow:hidden; background:#fff;}
.lbLoading {background:#fff url(img/loading.gif) no-repeat center;}
#lbImage {position:absolute;left:0;	top:0;	border:10px solid #eee;	background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block; position:absolute;	top:0; width:50%;	outline:none; border:0;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url(img/prevlabel.gif) no-repeat 0% 15%; border:0;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background:transparent url(img/nextlabel.gif) no-repeat 100% 15%; border:0;}
/* é aqui onde se põe o fundo com as instruções */
#lbBottom {font:10px/1.4em verdana, arial, sans-serif; color:#666; background:transparent; text-align:left;	border:10px solid #fff;	border-top-style:none;}
#lbCloseLink {display:block; float:right;width:66px;height:22px;margin:5px 0; border:0;
background:transparent url(img/closelabel.gif) no-repeat center;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}
/* slimbox */
#lbOverlay {position:absolute;z-index:9999;left:0;width:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#fff;}
.lbLoading {background:#fff url(http://marvirtual.com/a-file/js/img/loading.gif) no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;	width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background: transparent url(http://marvirtual.com/a-file/js/img/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url(http://marvirtual.com/a-file/js/img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family:verdana,arial,geneva,helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink {display:block;	float:right;width:66px;height:22px;margin:5px 0;outline:none;
background:transparent url(http://marvirtual.com/a-file/js/img/closelabel.gif) no-repeat center;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}