/* Projecto:Nome              */
/* Produção:*/
/* Almada - Portugal:Jun 2004 */

* {margin:0; padding:0;}
html, body{text-align:center;background:#babebc;color:#000; font-family:"trebuchet ms",verdana,sans-serif;}

/******** Layout ********/
#geral{width:777px;text-align:left;margin:0 auto;background: #fff url(img/base.gif) repeat-y top left;
padding:0; border-left: 1px solid #999933; }
#banner{background:url(img/banner.jpg) no-repeat top left;}
#banner h1{height:198px; text-indent:-9999px;}
#centro {background: #fff;}

#menu {width:140px; float:left; margin:10px 0 0 4px;}
html>body #menu {margin:10px 0 0 8px;}

/* menu */
#menu ul {font: 1.2em "times new roman",georgial,serif; margin:10px 0 15px 0;}
#menu ul li {padding-left:10px; color:#999933; margin:2px 0; list-style:square inside;}
/*html>body #menu ul li {padding-left: 10px;}*/
#menu ul li a {color:#fff; text-decoration: none;}
#menu ul li a:hover {color:#ffcc00; text-decoration:underline;}

#menu ul li a.current {color:#ffcc00; text-decoration:underline;}

#menu a img {border:none; padding:1px; background: #0054bc;}
#menu a:hover img {background: #e23300;}

#fundo {background:url(img/corpo.jpg) no-repeat top left;} 

/* margin: 0 40px 10px 170px; */
#corpo {margin:0 25px 20px 170px; padding:10px 0; line-height:1.1em;}
#corpo p { padding:10px 15px; line-height:1.5em; text-align: justify;}
#corpo p, dl, ul  {font-size:.85em;}
#corpo ul li {list-style:none inside; margin-bottom: 2px;}
#corpo dl.contactos {margin:20px 0 0 20px;}
#corpo dl dt {font-weight:bold; color:#999933; margin:10px 0 0 10px;}
#corpo dl dd {color:#555;}
#corpo dl dd {margin-left: 30px;}

/* texto cinza */
div.resumos {width:525px; overflow: hidden; margin-left:10px;}
div.resumos ul li {font-size: .9em;}

/* Destaques no Index */
div#destaques,div#filmes,div.caixas {width:550px; }
div#destaques {text-align:left; color:#000; /*border:1px solid #babebc;*/}
div#destaques  h1 {color:#ffcc00; padding:2px 0;}
div#destaques  p {padding:5px; font-size:.85em;}
div#destaques  img.left {float:left; padding:1px; border:1px solid #999933; margin:5px 10px 2px 0;}
div#destaques  a {text-decoration: none; color:#0054bc;}
div#destaques  a:hover {text-decoration: underline; color:#e23300;}

div#filmes {height:170px; padding-top:10px; border-bottom:1px solid #999933;}
div#filmes div {float:left; width:180px; background:url(img/grad.gif); font-family:arial,verdana,sans-serif;}

div#filmes div.meio {margin:0 5px;}

div#filmes div h4 {padding-left:12px; font-size:.7em; border:1px solid #babebc;background: url(img/seta.gif) no-repeat 2px center;}
div#filmes div p {padding:5px; font-size:.8em;color:#555;}
div#filmes div img {width:180px; height:65px;}

div.caixas {overflow:hidden; margin:15px 0; padding:2px; /*border-top:1px solid #babebc;*/}
div.caixas  h1 {color: #ffcc00; padding:2px 0;}

dl.caixas {background:url(img/grad.gif) repeat-x; border:1px solid #babebc; padding:10px;}
dl.caixas dt {font: bold .75em arial; color:#555; padding-left:10px; text-transform:uppercase;}
dl.caixas dd {margin-left: 15px;}
dl.caixas dd b {font: bold .8em verdana; padding-left:20px; background:url(img/seta2.gif) no-repeat left center;}

/******** Video ********/
div.video {padding: 20px; text-align: center;}
div.video form {margin-bottom: 5px }
div.video form input {font-size: .75em;}
div.video h3 {color: #999933;}
div.video h4 {color:#999933;}

/******** Títulos ********/
h1,h2,h3{font-family:geneva,verdana,arial,sans-serif;}
h2,h3{padding: 5px 0 10px 0; }
h1{font-size:1em;}
h2 {font-size:1em; }
h3{font-size:.9em;}
h3.frase, h3.genero {font-size:.8em; color: #999933;}

h2.quemsomos {background: url(img/pt/sep-quemsomos.gif)}
h2.servicos {background: url(img/pt/sep-servicos.gif)}
h2.filmes {background: url(img/pt/sep-filmes.gif)}
h2.projectos {background: url(img/pt/sep-projectos.gif)}
h2.media {background: url(img/pt/sep-media1.gif)}
h2.memorial {background: url(img/pt/sep-memorial.gif)}
h2.parceiros {background: url(img/pt/sep-parceiros.gif)}
h2.contactos {background: url(img/pt/sep-contactos.gif)}
h2.quemsomos,h2.servicos,h2.filmes,h2.projectos,h2.media,h2.memorial, h2.parceiros,h2.contactos 
{height: 30px;margin: 20px 0 10px 0; background-repeat: no-repeat; text-indent: -99999px;}

hr {border:solid #999933; border-width: 0 0 1px 0;}
br.clear {clear:both; }
cite {color: #0054bc;}

/******** Footer ********/
address{clear: both;text-align:center;font:normal .7em arial,verdana,sans-serif;background:url(img/footer.gif) repeat-y;}
address img {border: none; margin-top:5px;}
/******** Imagens ********/
img,object,param {/*background:url(img/load.gif) no-repeat center center;*/ border:none;}
img.esq, img.dir {margin:10px; padding:2px; border: solid #999933;}
img.esq {float:left;}
img.dir {float:right;}

/******** Formulários *******
form {padding:0px; font:12pt geneva,verdana,arial,sans-serif;}
input{font:12pt geneva,verdana,arial,sans-serif;}*/

ul.parceiros {width:500px; float:left; display:block; padding:0 0 20px 0;	margin:0 0 5px 15px;}
/* largura da galeria, "afinar" no mozilla */
html>body ul.parceiros {width: 550px;}
/* as 'caixas' para as fotos */
ul.parceiros li {float:left; margin:10px; list-style:none  disc; border:1px solid #999933;}
ul.parceiros li img {border:0;  width:100px; height:85px; }
img.parceiros {margin:20px}


/* xxxxxxxxxxx */
div#subheader {margin:15px 0 10px 15px;}
div#breadcrumbs {font:bold .8em verdana, arial, sans-serif; text-transform:uppercase; }
div#breadcrumbs a {font-weight:normal; }

/* sNews */
fieldset { border: 1px solid #999933; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #eee; color: #555; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #babebc; }
.commentsbox { background: #eee; color: #555; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }

/* For custom keyrocks' admin panels mod only */
.admpanel { border: 1px solid #babebc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #eee; color: #000; }
.fieldset { border: 1px solid #babebc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #eee; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input {padding:3px; margin:2px 0; }
textarea { width: 90%; height: 20em; padding: 3px;}
input.searchfield {border: 1px solid #e23300; width:130px;}

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #e23300; text-align: center; }
.bluetitle { font: bold 14px Arial; color:#0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color:#e23300; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* Comments and comment panel styles */
.comment { color: #999933; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #babebc; }
.commentsbox { background: #eee; color: #555; padding: 10px; margin: 0 0 10px 0; border: 1px solid #babebc; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }

/* # mattonik's image links panel mod */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color: #babebc; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #babebc;}

/* mattonik's internal links mod */
#InterneLinky {padding:0.3em;border:1px solid #babebc;}
#ILclanky {display:block;width:20em;height:20em;overflow:auto;float:left;}
#ILsites {display:block;width:40%;height:20em;overflow:auto;padding-left:0.3em;float:left;border-left:1px solid #babebc;}
#ILcat {display:block;width:20%;height:20em;overflow:auto;padding-left:0.3em;border-left:1px solid #babebc;}