/* Projecto: OTIS - House e World Music*/
/* Produção: www.marvirtual.com */
/* Almada - Portugal: Set 2006 */

* {margin:0; padding:0;}
html {background:#f7f9fd url(img/fundo-geral.jpg) repeat-x; }
body {text-align:center;color:#2d5191; font-family:verdana,arial,geneva,sans-serif;
background: url(img/linha-fundo.jpg) repeat-y top center; }	
p {font-size:.8em; padding:10px; text-align: justify; }
p.wallpaper {text-align:center; }
img {background: url(img/img.gif) no-repeat center center; border:none;}
img.dir {float:right; margin:15px 10px 0 10px; padding:1px; border:1px solid #b9c9e9; }
p img.centro {text-align: center; padding:1px; border:1px solid #b9c9e9;}
img.caixa-cd {margin:20px; }
br.clear {clear:both; }
/*titulos*/
h1 {text-indent:-98765px; }
h1 a { display: block;  padding:30px 0;  }
h2 {font-size:.95em; padding:15px 0 0 10px;  }
h3 {font:normal .75em verdana,arial,sans-serif; margin:2px 0 10px 10px;}
h3 a:hover {color:#ff2222; background:transparent;}
h3 span {color:#ff2222; background:transparent; font-weight:bold;}
/* listas */
dl {text-align:left; font-size:.8em; /*margin:0 0 0 40%; */  }
dl dt {font-weight:bold; margin:20px 0 10px 0;  }
dl dd {margin-left:20px; padding:2px 0; }
/* listas: cds */
dl.cds {border:1px solid #eee; padding:0 0 40px 0; margin-left:15px;   }
dl.cds dt {background:#eee; margin:0 0 10px 0;  }
dl.cds dd, dl.cds dt {padding:0 0 0 170px;   }
dl.house {background: url(img/capas/cd-otis-in-the-house.jpg) no-repeat 10px 50%;  }
dl.olhando {background: url(img/capas/cd-olhando-para-tras.jpg) no-repeat 10px 50%;  }
dl.influencias {background: url(img/capas/cd-influencias.jpg) no-repeat 10px 50%;  }
dl.logica {background: url(img/capas/cd-logica.jpg) no-repeat 10px 50%;  }
dl.gaia {background: url(img/capas/cd-gaia.jpg) no-repeat 10px 50%;  }
dl.viver {background: url(img/capas/cd-viver.jpg) no-repeat 10px 50%;  }

dd.video {background:url(img/video.gif) no-repeat right center; }

/* menu */
ul.menu {list-style:none; font-size:.8em; width:191px; float:right; margin-bottom:20px;} 
ul.menu li {padding:0; font-weight:bold; text-transform:uppercase;  } 
ul.menu li a {display:block; padding:3px 8px 0 0; height:25px; text-decoration:none; color:#fff; 
/*background:url(img/menu.jpg) no-repeat top right;*/} 	
ul.menu li a:hover {color:#000; background:transparent;}
ul.menu li#home a {background:url(img/menu.jpg) no-repeat 0 0;}
ul.menu li#biografia a {background:url(img/menu.jpg) no-repeat 0 -29px;}
ul.menu li#imprensa a {background:url(img/menu.jpg) no-repeat 0 -58px;}
ul.menu li#media a {background:url(img/menu.jpg) no-repeat 0 -87px;}
ul.menu li#contactos a {background:url(img/menu.jpg) no-repeat 0 -116px;}

ul.menu li#biografia a:hover {background:url(img/menu.jpg) no-repeat 0 -178px;}
ul.menu li#imprensa a:hover {background:url(img/menu.jpg) no-repeat 0 -207px;}
ul.menu li#media a:hover {background:url(img/menu.jpg) no-repeat 0 -236px;}
ul.menu li#contactos a:hover {background:url(img/menu.jpg) no-repeat 0 -265px;}		

/* layout */
div#geral {width:881px; margin:0 auto; text-align:left; padding-top:57px; background:url(img/fundo.jpg) no-repeat top center; }
div#top {background:url(img/anime.gif) no-repeat 221px 23px; }		
div#conteudos {width:395px; margin:25px 0 0 265px; }
div#lateral {width:258px; height:295px;float:left;text-align:right;margin:94px 0 20px 0; }
div.video {text-align:center; margin:15px; 0;}		
/*div.video p {text-align:center; }*/

div#cx-media {background:url(img/cx-media.jpg) no-repeat top center; margin-top:20px; height:120px;}
div#cx-media ul {padding:55px 0 0 62px;}
div#cx-media ul li {display:inline;}
div#cx-media ul a {font:bold .75em arial,verdana,sans-serif; color:#ff2222;}

/* xxxx */
ul.redes {padding:20px 0 0 30px;}
ul.redes li {font:bold .8em verdana,arial,sans-serif; line-height:1.5em;}


ul li#fotos {padding-right:42px;}
ul li#cds {padding-right:35px;}
ul li#musicas {padding-right:27px;}
/*ul li#videos {padding-right:0px;}*/


/* form */
fieldset {margin:20px 0; border:none; }
legend {padding:10px 0; font:bold .75em verdana, geneva, arial, sans-serif; }
form {width:380px; padding:3px; }
label,textarea,input {padding:3px; }
input,textarea {width:270px; margin:0 0 3px 5px; background:#eee;   }
label {display:block; width:75px; float:left; text-align:right; font-size:.75em }
p input#enviar {width:80px; font-weight:bold; float:right; }
textarea {height: 200px;}
/* externos */
embed {margin-left:5px;}
/* footer */
address {height:53px; margin-top:10px; clear:both; text-align:center;background:url(img/footer.gif) no-repeat top center; 
font:normal .75em arial,verdana,sans-serif;}
address span {padding-top:15px; display:block;}
address a {padding:0 2px; font-weight:bold;}