/*
Style Sheet | www.ivogomes.com
Author: Ivo Gomes | ivo@ivogomes.com
Last Updated: 08/05/2007
*/

body {
	background: #fff;
	color: #000;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	font-size: 80%;
	line-height: 1.6em;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
	
#global {
	margin: 0 auto;
	text-align: left;
	background: #fff;
	width: 980px;
}

.clear {
	height: 1px;
	clear: both;
}

a, a:link, a:visited {color: #809823;}
a:hover {
	background: #ccea8d;
	color: #000;
	text-decoration: none;
}
a:active {
	background: #c3e933;
	color: #fff;
	text-decoration: none;
	}
	
a.buttonLink,
.buttonLink a {
	padding: 2px 15px 2px 15px;
	border:	1px solid #ccea8d;
	background-color:#f6f9ea;
	text-align:center;
	white-space: nowrap;
	color: #000;
	text-decoration:none;
}

a.buttonLink:visited,
.buttonLink a:visited {
	color: #000;
}

a.buttonLink:active,
.buttonLink a:active {
	border:	1px solid #8fb300;
	background-color:#ccea8d;
	color: #fff;
}

a.buttonLink:hover,
.buttonLink a:hover {
	border:	1px solid #8fb300;
	background-color:#ccea8d;
	color: #000;
}

acronym, 
abbr {
	cursor: help;
	border-bottom: #aaa 1px dotted;
}

code,
kbd,
pre {font-family:Monaco,"Courier New",Tahoma}

#coluna-esq ol.code {
	padding:3px 5px 3px 35px;
	border:1px solid #98be10;
	list-style-type:decimal-leading-zero;
	font-family:Courier;
}
#coluna-esq ol.code code {font-family:Monaco,"Courier New",Tahoma}
#coluna-esq ol.code li {
	margin:2px 0;
	padding:0 5px;
	background:#f7f7f5;
}
#coluna-esq ol.code li.tab1 {padding-left:4ex}
#coluna-esq ol.code li.tab2 {padding-left:8ex}
#coluna-esq ol.code li.tab3 {padding-left:12ex}
#coluna-esq ol.code li.tab4 {padding-left:16ex}
#coluna-esq ol.code li.tab5 {padding-left:20ex}
#coluna-esq ol.code .changed {
	color:#900;
	font-weight:bold;
}
#coluna-esq ol.code em {
	color:#900;
	font-weight:bold;
	font-style:normal;
}

em {font-style: italic;}
strong {font-weight: bold;}

.highlight {
	background: #fffdcc;
}

#headerbg {
	background: #f6f9ea url(../images/top.png) repeat-x top;
}

#header {
	position: relative;
	margin: 0 auto 8px;
	text-align: left;
	width: 980px;
	height: 6.8em;
}

#informacao-bg,
#footer-bg {
	background: #f6f9ea;
}

#fotoblog-bg {
	background: #f2f4e2;
}

#informacao {
	margin: 18px auto 0;
	text-align: left;
	max-width: 70em;
	min-width: 700px;
}

#fotoblog,
#footer {
	margin: 0 auto;
	text-align: left;
	padding: 5px 0;
	max-width: 70em;
	min-width: 700px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
}

#acessibilidade {
	display: block;
	width: 1px; 
	height: 1px; 
	overflow: hidden;
	position: absolute; 
	left: -999em;
}	

#logo {
	width: 209px;
	height: 52px;
	position: relative;
	top: 20px;
	left: 10px;
}		

#logo h1, 
#logo h1 a, 
#logo h1 img {
	width: 209px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#logo h1 { 
	background: url(../images/logo-ig.png) no-repeat 0 0;
}

#logo h1 a {
	display: block;
	text-indent: -9999px; 
	text-decoration: none;
	border: 0;
	background: none; 
}

#subscreva {
	position: absolute;
	top: 0;
	right: 0px;
	text-align: right;
	font-size: 0.8em;
	height: 40px;
	color:#eee;
	line-height: 40px;
	background: url(../images/subscreva-bg.png) no-repeat top left;
}
		
#subscreva p {
    margin:0;
    background: url(../images/subscreva-right.png) no-repeat top right;
	padding: 0 25px;
	line-height: 40px;
} 	

#subscreva p a {
	background: url(../images/feed.png) no-repeat left center;
	padding-left: 17px;
	color: #eee;
}

#subscreva p a:hover {
	background: #c3e933 url(../images/feed.png) no-repeat left center;
	color: #000;
	text-decoration: none;
}

#subscreva ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

#subscreva li {
	display: inline;
}

.rss {
	background: url(../images/rss-icon.png) no-repeat 0 0.4em;
	padding-left: 17px;
}

.cargo {
	background: url(../images/tools_16.png) no-repeat 0 0.3em;
	padding-left: 17px;
	color: #444;
}

.help {
	background: url(../images/help_16.png) no-repeat 0 0.4em;
	padding-left: 17px;
}

/* Navigation */	
#menu {
    position: absolute;
	right: 0px;
	bottom: 0px;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
    line-height:normal;
}

#menu ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}

#menu li {
    float:left;
    background: #f2f4e2;
    margin:0 0 0 2px;
    padding:0 0 0 7px;
}

#menu a {
    float:left;
    display:block;
	background: #f2f4e2;
    padding:6px 13px 4px 6px;
    text-decoration:none;
	font-weight: bold;
    color:#4f4f4f;
}

#home #thome,
#blog #tblog,
#cv #tcv,
#ergo #tergo,
#usabilidade #tusabilidade,
#foto #tfotos,
#contacto #tcontacto {
    background: #fff;
}

#home #thome a,
#blog #tblog a,
#cv #tcv a,
#ergo #tergo a,
#usabilidade #tusabilidade a,
#foto #tfotos a,
#contacto #tcontacto a {
	background: #fff;
    padding-bottom:4px;
    color:#8FB300;
}

#menu li:hover, #menu li:hover a {
    background: #ccea8d;
}
	
#menu li:active, #menu li:active a {
	color: #000;
	background: #ccea8d;
}	

#menu span {text-decoration: underline;}


#conteudos {
	padding: 15px 10px 0;
	margin: 0 10px;
}

#coluna-esq {
	width: 600px;
	float: left;
	border-right: 1px solid #f6f9ea;
	font-size: 1em;
}

.padding {
	padding-right: 2%;	
}

#coluna-dir {
	width: 300px;
	float: right;
	font-size: 0.9em;
}

#coluna-dir h2 {
	font-size: 1.5em;
	letter-spacing: -1px;
	font-weight: normal;
	color: #444;
}

#coluna-dir h3 {
	font-size: 1.3em;
	letter-spacing: -1px;
	font-weight: normal;
	color: #444;
}

#coluna-dir .caixa {
	margin-bottom: 30px;
}

#coluna-esq h1 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-size: 1.8em;
	font-weight: normal;
	color: #525252;
	margin-top: 8px;
	line-height: normal;
}

#coluna-esq h2,
#informacao h2,
#fotoblog h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.5em;
	color: #525252;
}

#fotoblog h2 {
	margin: 0;
	padding: 0;
}

#coluna-esq .sobre h2 {
	margin-top: 30px;
	background: #f6f9ea;
	padding: 5px;
}

#coluna-esq .sobre h3 {
	color: #666;
	border-bottom: 1px solid #f6f9ea;
	margin-top: 30px;
}

#coluna-esq h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.3em;
	color: #525252;
}

#coluna-esq h4 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 1.1em;
	color: #525252;
}

#coluna-esq ul {
	margin:15px 0 15px 10px;
	padding:0;
	border-top:1px solid #f6f9ea;
}

#coluna-esq .sobre ul {
	border-top:none;
}

#coluna-esq ol {
	margin:15px 0;
	padding:0 0 0 20px;
	border-top:1px solid #f6f9ea;
}

#coluna-esq ol li {
	margin:10px 0;
	padding:0 0 10px;
	border-bottom:1px solid #f6f9ea;
}

#coluna-esq ol.commentlist {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	border: none;
}

#coluna-esq ol.commentlist li {
	margin: 0;
	padding: 5px 5px 15px;
	border-bottom: 1px solid #f6f9ea;
}

#coluna-esq ol.commentlist li.comentarioi {
	padding: 5px 5px 15px;
	background: #f6f9ea;
}

#coluna-esq ol.commentlist li .autor {
	font-size: 0.8em;
	color: #666;
	float: left;
	width: 10em;
	line-height: normal;
}

#coluna-esq ol.commentlist li .autor p {
	margin: 0 0 6px;
}

#coluna-esq ol.commentlist li .autor img {
	border: 1px solid #8fb300;
	background: #f2f4e2;
	padding: 3px;
	margin: 15px 0 0;
	font-size: 0.8em;
}

#coluna-esq ol.commentlist li .autor img:hover {
	background: #fff;
}

#coluna-esq ol.commentlist li .text {
	padding-left: 10.5em;
}
	
#coluna-esq ul li {
	margin:10px 0 10px 0;
	padding:0 0 10px 15px;
	list-style:none;
	border-bottom:1px solid #eee;
	background: url(../i/li.gif) no-repeat top left;
}

#coluna-esq ul.comunicacoes li {
	background: url(../images/group_16.png) no-repeat 5px 0.3em;
	padding: 0 0 10px 20px;
}

#coluna-esq ul.publicacoes li {
	background: url(../images/docs_16.png) no-repeat 5px 0.3em;
	padding: 0 0 10px 20px;
}

.lista,
.lista2,
.lista3,
.itunes {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lista li {
	padding: 4px 0;
	border-bottom: 1px solid #f6f9ea;
}

.lista2 li {
	padding: 4px 0 4px 18px;
	background: url(../images/bullet.png) no-repeat 2px 0.8em;
	border-bottom: 1px solid #f6f9ea;
}

.lista3 li {
	padding: 4px 0 4px 18px;
	background: url(../images/bullet2.png) no-repeat 2px 0.8em;
}

.itunes li {
	padding: 4px 0 4px 18px;
	background: url(../images/music_16.png) no-repeat 2px 0.8em;
	border-bottom: 1px solid #f6f9ea;
}

.small {
	font-size: 0.9em;
	color: #666;
}

.voltar {
	padding: 4px 0 4px 18px;
	background: url(../images/bullet.png) no-repeat 2px 0.8em;
}

.ultimo{
	padding-bottom: 15px;
	border-bottom: 1px solid #f6f9ea;
}

.banner_home{
	padding: 15px 0;
	border-bottom: 1px solid #f6f9ea;
}

.banner_single{
	padding: 15px 0;
	border-top: 1px solid #f6f9ea;
}

.posts {
	padding-bottom: 20px;
	margin-bottom:20px;
	border-bottom: 1px solid #f6f9ea;
}

.blognavi {
	margin-top:15px;
}

.post,
.sobre {
	padding-bottom: 15px;
}

.ultimo h1,
.posts h1,
.post h1,
.sobre h1 {
	margin: 20px 0 0;
	padding-bottom: 0;
}

.ultimo .data,
.posts .data,
.post .data,
.sobre .data {
	font-size: 0.8em;
	color: #a299a2;
	margin: 0;
	padding: 0;
}

.outros dt {
	font-size: 0.8em;
	color: #666;
	width: 6em;
	float: left;
}

.outros dd {
	padding-left: 6.5em;
	margin: 0 0 10px;
}

.outros dd a {
	font-size:0.9em;
}

.continuar {
	font-size: 0.8em;
	background: url(../images/seta.gif) no-repeat left center;
	padding-left: 10px;
}

.lermais {
	background: url(../images/docs_16.png) no-repeat left center;
	padding-left: 16px;	
	font-size: 0.8em;	
}

.lermaisblog {
	background: url(../images/impt_16.png) no-repeat left center;
	padding-left: 16px;	
	font-size: 0.8em;	
}

.coms {
	background: url(../images/sinfo_16.png) no-repeat left center;
	padding-left: 16px;	
}

.coms:hover {
	background: #ccea8d url(../images/sinfo_16.png) no-repeat left center;
	text-decoration: none;
}

.feed a img {
	border: none;
}

.feed a:hover {
	background: none;
}

.navegacao {
	margin-left: 6.5em;
}		
	
.paginas {
	float: left;
	width: 50%;
}

.seguinte {
	float: right;
	width: 45%;
	text-align: right;
}

div.img, .imgartigo {
	background:#F6F9EA;
	border:1px solid #E8EAD9;
	float:left;
	margin:5px 6px 5px 0pt;
	padding:3px;
}

div.img a img,
a img.img {
	border:none;
}

.cl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cl {display: inline-block;}

/* Hides from IE-mac \*/
* html .cl {height: 1%;}
.cl {display: block;}
/* End hide from IE-mac */

img.img {
	background:#F6F9EA;
	border:1px solid #E8EAD9;
	margin:5px 6px 5px 0pt;
	padding:3px;
}

div.img .caption {
	color:#666;
	font-size:0.8em;
	line-height:normal;
}

div.img .caption strong {
	font-size:1.1em;
}

blockquote {
	margin: 0;
	padding: 5px 5px 10px 30px;
	font-style: italic;
	color: #666;
	background: url(../images/quotemarks.png) no-repeat 10px 10px;
	}
	
.conteudos-informacao {
	padding: 0 10px;
	margin: 0 10px;
	font-size: 0.9em;
}	

#informacao-left {
	float: left;
	width: 68%;
}

#informacao-left #coluna1 {
	float: left;
	width: 47%;
}

#informacao-left #coluna2 {
	float: right;
	width: 47%;
}

#coluna3 {
	float: right;
	width: 28%;
}

.jcarousel-scope {
    position: relative;
    width: 700px;
    padding: 10px 60px;
}

.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
	margin-right:7px;
}

.jcarousel-next {
    position: absolute;
    top: 25px;
    right: 5px;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
}

.jcarousel-prev {
    position: absolute;
    top: 25px;
    left: 5px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
}

.falbum-recent li img {
	border: 1px solid #8fb300;
	background: #f2f4e2;
	padding: 3px;
	margin: 0;
}

#searchform label {
	font-size:0.8em;
	color:#444;
}

#comentarios h2 {
	background: #f6f9ea;
	padding: 5px;
	margin-bottom: 0;
}

.comente {
	margin: 0;
	background: url(../images/sinfo_16.png) no-repeat 5px 50%;
	padding: 5px 5px 5px 21px;	
}

#comente {
	position: relative;
}

#contacte {
	position: relative;
}

#comente form {
	background: #f2f4e2;
	padding: 5px;
}

#contacte form {
	padding: 5px;
}

#comente h2 {
	background: #8fb300;
	color: #fff;
	padding: 5px;
	margin-bottom: 0;
}

#searchform .input,
#googleform .input {
	width: 12em;
	background:#fff;
	border: 1px solid #d9dfcc;
	padding:2px;
}

#googleform .input {
	width:20em;
}

#searchform .input:focus,
#googleform .input:focus {
	border: 1px solid #8fb300;
	background: #fffddd;
}

.submit {
	padding: 1px 15px 1px 15px;
	border:	1px solid #8fb300;
	background-color:#ccea8d;
	text-align:center;
	color: #000;
	width:auto;
}

.submit:hover {
	border:	1px solid #6b8500;
	background-color:#8fb300;
	color: #fff;
	cursor:pointer;
}

.padd {
	margin-left: 106px;
}

#preview {
	background: #f6f9ea;
	border:1px solid #d9dfcc;
	margin:4px;
	padding:5px;
}

#preview h3 {
	margin:0;
	padding:0;
}

.notificacao .input,
#comente .input,
#comente textarea,
#contacte .input,
#contacte textarea {
	width: 20em;
	background:#fff;
	border: 1px solid #d9dfcc;
	padding:2px;
}

#contacte .inputerro,
#contacte .textareaerro {
	width: 20em;
	background:#FFDED1;
	border: 1px dashed #e40000;
	padding:2px;
}

.notificacao .input:focus,
#comente .input:focus,
#comente textarea:focus,
#contacte .inputerro:focus,
#contacte .textareaerro:focus,
#contacte .input:focus,
#contacte textarea:focus {
	border: 1px solid #8fb300;
	background: #fffddd;
}

form dl {
  	width: 400px;  
}

form dl dt {
  	clear: both;
  	float:left;
  	width: 100px;
  	padding: 4px 0 2px 0;
  	text-align: left;
}

form dl dd {
  	float: left;
  	width: 265px;
  	margin: 0 0 8px 0;
  	padding-left: 6px;
  	position:relative;
}

.hint {
  	display:none;
  	position: absolute;
  	right: -295px;
  	width: 250px;
  	margin-top: -4px;
  	border: 1px solid #c93;
  	padding: 10px 12px;
  	background: #ffc url(../images/pointer.gif) -100px -100px no-repeat;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

#contact-help {
	position: absolute;
	top: 2em;
	left: 25em;
	padding: 0 5px 0 0;
}
	
#contacte #ajuda-cmail, 
#contacte #ajuda-csite,
#contacte #ajuda-cmsg {
	display:none;
}

.erro {
	background: #FFDED1 url(/lib/images/erro.png) no-repeat 5px 50%;
	padding: 3px 0 3px 25px;
	font-weight: bold;
	color: #444;
}

.sucesso {
	background: #f6f9ea url(/lib/images/sucesso.png) no-repeat 5px 50%;
	padding: 3px 0 3px 25px;
	color: #444;
}

.alerta {
	background: #feffc3 url(/lib/images/alerta.png) no-repeat 5px 5px;
	padding: 3px 5px 3px 25px;
	color: #444;
}

.nota {
	background: #feffc3 url(/lib/images/alerta.png) no-repeat 5px 50%;
	padding: 3px 5px 3px 25px;
	color: #444;
}

.download {
	background: #f6f9ea url(/lib/images/download.png) no-repeat 5px 50%;
	padding: 3px 0 3px 25px;
	color: #444;
}

.demo {
	background: #f6f9ea url(/lib/images/hd_16.png) no-repeat 5px 50%;
	padding: 3px 0 3px 25px;
	color: #444;
}

thead th {
	background: #ccea8d;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 1em;
	padding: 2px;
	text-align:center;
	font-weight:normal;
}

tbody tr.odd td{
	padding: 2px;
	background: #f6f9ea;
}	
	
tbody tr.selected td{
	background: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}
	
.flickr {
	border: none;
}	

.printOnly {
	display: none;
}