/* CSS Document */

body {background:#fff url(/img/bodyBack.gif) 0 0 repeat-x}
body,html { margin:0; padding:0; cursor:default; }
div#container { width:900px; margin:0 auto 0 auto; text-align:left; padding:0;background:url(/img/wrapperBack.gif) 0 44px no-repeat;height:570px;position:relative}
div#content{position:absolute;left:330px;top:51px;width:568px;height:484px; padding:0; border:0;}
div#content1 {padding:20px 20px 0 20px;height:464px;margin-right:10px;overflow:visible}

div#footer{position:absolute;bottom:0;right:0;}
div#footer p {font-size:10px;color:#666}
div#footer a,div#footer a:link,div#footer a:visited {color:#333}
div#footer a:hover,div#footer a:active,div#footer a:focus {color:#900}
div#container hr { display:none}

body, p, td, th, input, select, button {color:#fff;font:10px Arial, Helvetica, sans-serif;}

.jScrollPaneTrack {background-color:#90a839 !important}
.jScrollPaneDrag {background-color:#360 !important;}

p {margin:15px 0;font-size:12px; }
.small {color:#cfb900;font-size:75%}
strong { font-weight:bold}
em { font-style:italic}

.verde {color:#360}
.cinza {color:#333}

a,a:link,a:visited { color:#900}
a:hover,a:active,a:focus {color:#fff}

#content ul, ul.default { list-style-type:square; margin:10px 20px; }
#content ul li, ul.default li { padding:2px; }

ol.default { list-style-type:decimal; margin:10px 20px;}
ol.default li { padding:2px; }

#content .media {position:absolute;right:0;top:100px;width:190px;list-style:none;padding:0;margin:0}
#content .media li {background:url(/img/frameSmall.gif) 0 0 no-repeat;width:164px;height:115px;}

#header { position:absolute;left:-55px; width:955px; height:200px}
#header h1 { position:absolute;left:0;top:0; padding:0; margin:0;width:376px;height:132px;background:url(/img/logo.gif) 0 0 no-repeat; }
#header h1 a {display:block; margin:0; padding:0;text-indent:-9999px;width:376px;height:132px}

#menu {position:absolute;left:205px;top:174px;z-index:100;width:165px;height:358px;}
#menu, #menu li {margin:0;padding:0;list-style:none;}
#menu li {margin:0;padding:0;position:relative;}
#menu a,#menu a:link,#menu a:visited {text-indent:-9999px;text-decoration:none;display:block;width:165px;height:36px;background:url(/img/menuBack.gif) 0 -179px no-repeat}
#menu a:hover {background-position:0 0;color:#cfb900}

#menu #opc_empresa a {background-position:0 -179px} #menu #opc_empresa a:hover,body#empresa #opc_empresa a {background-position:0 0}
#menu #opc_servicos a {background-position:0 -214px} #menu #opc_servicos a:hover,body#servicos #opc_servicos a {background-position:0 -36px}
#menu #opc_projectos a {background-position:0 -250px} #menu #opc_projectos a:hover,body#projectos #opc_projectos a {background-position:0 -72px}
#menu #opc_publicacoes a {background-position:0 -286px} #menu #opc_publicacoes a:hover,body#publicacoes #opc_publicacoes a {background-position:0 -108px}
#menu #opc_contactos a {background-position:0 -322px} #menu #opc_contactos a:hover,body#contactos #opc_contactos a {background-position:0 -144px}

.submenu h2,.submenu h3  {float:left;border:0}
.submenu ul {float:right;margin:5px 0 0 20px}
.submenu li {display:inline}
.submenu li a {font-size:10px;padding:5px;line-height:12px}
.submenu li a.cur {background:#18446e;color:#fff;text-decoration:none;cursor:default}
.submenu select, .submenu option {color:#333}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
h1 { }
h2 { font-size:200%;color:#900}
h3 { font-size:135%;/*border-bottom:1px solid #90a839;*/color:#360;margin:10px 0}
h4 { }
h5 { }
h6 { }

.msg {color:#c00; background-color:#eee; padding:5px; margin: 10px 0}

.frameRight { float:right; margin: 0 0 10px 20px; border:1px solid #ddd; padding:1px;line-height:0 }
.frameLeft { float:left; margin: 0 20px 10px 0; border:1px solid #ddd; padding:1px }

.frameBigLeft,.frameBigRight {background:url(/img/frameBig.png) 0 0 no-repeat;width:302px;height:269px}
.frameBigLeft {float:left;margin:0 20px 10px 0}
.frameBigRight {float:right;margin:0 0 10px 20px}

button.laranja { margin:0 5px 0 0; padding:0 5px; border:1px solid; border-color:#ffb340 #d78100 #d78100 #ffb340; height:22px; background:#f90; line-height:22px;cursor:pointer; font-weight:bold; color:#fff  }
button.cinza { margin:0 5px 0 0; padding:0 5px; border:1px solid; border-color:#ccc #aaa #aaa #ccc; height:22px; background:#bbb; line-height:22px;cursor:pointer; font-weight:bold; color:#fff  }
button.laranja:hover,button.cinza:hover { text-decoration:underline;  }

#promo {width:870px;height:312px;background:url(/img/promo.png) 0 0 no-repeat;overflow:hidden;position:relative;left:-10px}
#promo h3 {position:absolute;left:685px;top:80px;width:150px;;color:#00537a;font-size:24px;line-height:22px;font-weight:bold;text-transform:uppercase;border-bottom:3px solid #fff;padding-bottom:5px;}
#promo img {position:absolute;left:16px;top:18px;width:550px;height:284px}
#promo dl {position:absolute;left:685px;top:140px;width:150px;}
#promo dt {color:#fff;font-weight:bold;font-size:14px;line-height:16px;padding-bottom:5px;margin-bottom:10px;border-bottom:3px solid #fff;}
#promo dt span {display:block;color:#00537a}
#promo dd {font-size:22px;font-weight:bold;color:#fff;}


/* HACKS ******************************************************** */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */