body {
margin:0px 0;
padding:0 10px;
font:normal 70%/160% 'Lucida Grande',Verdana,Arial,sans-serif;
color:#444;
background:#FFF url(../images/sistema/backtilefull.gif) repeat-x;
text-align:center
}

.ie {display:none}
/* IEca */
*>html .ie {display:block;margin:10px;background:#FFFFCC url(../images/sistema/iemessage.gif) no-repeat;border:1px solid #CCC;width:700px;height:70px;}

/* ---------------------------------------------------
Titulos
----------------------------------------------------- */

h1,h2,h3,h4,h5 {color:#888}

h1 {
float:left;
width:40%;
height:148px;
margin:40px 0px 0 0;
padding-bottom:0;
background:url(../images/sistema/logo.gif) no-repeat;
text-indent:-9999px;
}

h2 {font-size:150%}

#conteudo h2 {margin-bottom:26px}

#barra_esquerda h2 {
font-size:140%;
margin:25px 40px 0 0
}

h2 a:link,h2 a:visited {
color:#888;
text-decoration:none
}

h3 {
margin-bottom:0;
font-size:120%;
line-height:150%
}

#conteudo h3 {font-size:130%}

#barra_esquerda h3 {margin-right:40px}

h4 {
margin-bottom:0;
font-size:120%
}

h5 {
margin-bottom:0;
font-size:110%
}

/* ---------------------------------------------------
Links
----------------------------------------------------- */

a:link {
color:#7A172C;
outline:0
}

a:visited {color:#8F0023}

a:hover {
color:#000;
outline:0
}

a:active {outline:0}

/* ---------------------------------------------------
Menu Principal
----------------------------------------------------- */

ul#menu {
float:left;
width:60%;
margin:22px 0 0;
padding:0;
font-weight:700;
font-size:110%
}

ul#menu li {
display:inline;
margin-right:7px;
margin-left:0;
padding-bottom:5px;
padding-left:0
}

ul#menu li a:hover {
padding-bottom:5px;
background:url(../images/sistema/line_nav.gif) bottom left repeat-x
}

#inicial a.inicial,#about a.menu_item_1,#news a.menu_item_2,#case_studies a.menu_item_3,#blog_index a.menu_item_4,#blogs a.menu_item_4,#contact a.menu_item_5 {
color:#333;
padding-bottom:5px;
background:url(../images/sistema/line_nav.gif) bottom left repeat-x

}

/* ---------------------------------------------------
listas
----------------------------------------------------- */

#conteudo li {margin-bottom:6px}

#barra_esquerda ul {
list-style-type:none;
font-size:115%;
margin:26px 40px 0 0;
padding:0;
}

#content_sub ul {
list-style-type:none;
margin:12px 0 10px;
padding:0
}

#barra_esquerda ul li ul,#content_sub ul li ul {
font-size:100%;
margin:0;
padding:0
}

.rss {
padding-left:16px;
background:url(../images/sistema/rss12.gif) no-repeat
}

.rssinfo {margin-top:20px}

.rssicon {
float:left;
margin:6px 5px 0 0
}

#rodape ul {
padding-left:0;
font-size:11px;
margin:0
}

#rodape li {
display:inline;
margin-left:0;
padding-left:0;
padding-right:10px
}

/* ---------------------------------------------------
Layout
----------------------------------------------------- */

#geral {
min-width:780px;
max-width:980px;
text-align:left;
margin:0 auto;
padding:0
}

#cabecalho {
clear:both;
padding-right:20px;
margin-bottom:30px;
}

#cabecalho .regra,#cabecalho .spacer {
clear:both;
height:6px;
margin:0 -20px 0 0
}

#content_full {
clear:both;
margin-top:10px;
padding:0 20px
}

#conteudo {
float:left;
width:60%;
margin-top:10px;
margin-bottom:10px;
padding:0 20px 0 0
}

#barra_esquerda {
float:left;
width:25%;
margin:0 25px 10px 0;
padding:0 0 0 20px
}

.conteudo_3c_coluna1 {
clear:both;
float:left;
width:30%;
overflow:hidden;
margin:0 35px 30px 0
}

.conteudo_3c_coluna2 {
float:left;
width:28%;
margin:0 35px 30px 0;
}

.conteudo_3c_coluna3 {
float:left;
width:28%;
margin:0 0 30px
}

#content_sub {
clear:both;
background:url(../images/sistema/line.gif) repeat-x;
margin:20px -20px 0;
padding:20px 20px 0
}

#rodape {
clear:both;
margin-top:0;
background:#FFF url(../images/sistema/birdline.gif) top right repeat-x;
padding:55px 20px 20px
}

#rodape img {
margin:10px 5px 5px 0
}

.comment {
font-size:10px;
color:#999;
background:url(../images/sistema/comment.gif) no-repeat;
padding:4px 15px 10px 14px
}

img {border:0}

.conteudo_3c_coluna2 img,.conteudo_3c_coluna3 img {
float:right;
border:0px solid #9EA7A9;
margin:5px 0 5px 5px
}

.float {
clear:both;
float:right;
border:0px solid #9EA7A9;
height:60px;
margin:5px 0 5px 5px;
padding:0
}

/* ---------------------------------------------------
Paragrafos e Links associados
----------------------------------------------------- */

#cabecalho p {
float:left;
width:60%;
margin-left:-5%;
font-size:150%;
line-height:140%;
color:#9EA7A9;
background:transparent;
padding:30px 10px 0 0
}

/* only IE mac will see this */
*>html #cabecalho p {display:none}

.conteudo_3c_coluna2 p,.conteudo_3c_coluna3 p {
margin:2px 0 3px
}

#barra_esquerda p {
margin:3px 40px 3px 0
}

#content_sub p {margin-bottom:8px}

.introducao {
margin-right:20px;
padding-top:5px;
font-weight:700;
font-size:110%;
line-height:170%
}

.posted {
clear:both;
font-size:11px;
margin-top:0;
margin-bottom:10px;
padding-bottom:15px;
color:#999
}

.posted a:link,.posted a:visited {color:#999}

.tools a.print:link,.tools a.print:visited {
padding-left:12px;
background:url(../images/sistema/document.gif) no-repeat
}
/*
.tools a.friend:link,.tools a.friend:visited {
margin-left:10px;
padding-left:15px;
background:url(../images/sistema/envelope.gif) no-repeat
}

a.profile:link,a.profile:visited {
padding-left:11px;
background:url(../images/sistema/figure.gif) no-repeat
}

a.bloglink:link,a.bloglink:visited {
padding-left:11px;
background:url(../images/sistema/document.gif) no-repeat
}

a.download:link,a.download:visited {
margin-left:8px;
padding-left:12px;
background:url(../images/sistema/download.gif) no-repeat
}
*/

#inicial blockquote p {
margin:0;
padding:0 10px
}

.credito_barra {
clear:left;
float:left;
width:30%;
border-top:1px solid #EEE;
border-left:1px solid #DDD;
font-size:90%;
color:#999;
margin:0 28px 20px 0;
padding:0
}

#conteudo .credito_barra {
clear:none;
float:none;
width:70%;
color:#999;
font-size:110%;
border:0;
margin:10px 28px 20px 0;
padding:0 0 0 50px
}

.credito_barra a:link,.credito_barra a:visited {
display:block;
text-decoration:none;
font-weight:700;
background:#FFF url(../images/sistema/vcardbackoff.gif) bottom right repeat-x;
padding:5px 10px
}

.credito_barra a:hover {
display:block;
background:#FFF url(../images/sistema/vcardbackcurl.gif) bottom right repeat-x;
padding:5px 10px
}

.conteudo_3c_coluna1 p {
margin:0 0 10px
}

.conteudo_3c_coluna1 p a:link,.conteudo_3c_coluna1 p a:visited {
display:block;
width:auto;
text-decoration:none;
font-weight:700;
border-left:1px solid #EEE;
background:#FFF url(../images/sistema/vcardbackoff.gif) bottom right repeat-x;
font-size:90%;
margin:-5px 0 15px;
padding:5px 15px 5px 10px
}

.conteudo_3c_coluna1 p a:hover {
display:block;
width:auto;
text-decoration:none;
font-weight:700;
border-left:1px solid #EEE;
background:#FFF url(../images/sistema/vcardbackcurl.gif) bottom right repeat-x;
font-size:90%;
margin:-5px 0 15px;
padding:5px 15px 5px 10px
}

/* -------------------------------------------------
Diversos
--------------------------------------------------*/

blockquote {
width:70%;
font-size:120%;
font-style:italic;
color:#666;
background:url(../images/sistema/quote.gif) top left no-repeat;
margin:10px 0 0;
padding:0 0 0 50px
}

#inicial blockquote {
float:left;
width:30%;
background:url(../images/sistema/quotebox.gif) bottom right repeat-y;
border-left:1px solid #DDD;
font-size:100%;
font-style:italic;
color:#777;
margin:-10px 28px 0 0;
padding:8px 0 7px
}

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

/* -------------------------------------------------
Formularios
--------------------------------------------------*/
#geral #conteudo form {
float:left;
margin-top:0;
margin-left:0;
width:70%;
border:0;
background:url(no.gif);
padding:0
}

#geral form {
float:left;
display:inline;
width:28%;
border-top:1px solid #EEE;
border-left:1px solid #DDD;
background:transparent url(../images/sistema/vcardbackoff.gif) bottom right no-repeat;
margin:15px 35px 3px 20px;
padding:0
}
#geral form.newsletter {
float:left;
display:inline;
width:50px;
border: none;
background:none;
margin:0;
padding:0;
}

#geral fieldset {
border:0;
margin:0;
padding:2px 4px 5px
}

#geral fieldset input#keywords {width:65%}

#geral #conteudo fieldset,#submitbox {
border-top:1px solid #d5d4d4;
border-left:0;
margin:15px 15px 1em 0;
padding:1em
}

#geral #conteudo fieldset {
background:#f3f3f2 url(../images/sistema/vcardbackoff.gif) bottom right no-repeat
}

#submitbox {
background:#f3f3f2 url(../images/sistema/vcardbackcurl.gif) bottom right no-repeat
}

#geral #conteudo fieldset:hover,#submitbox:hover {
background-color:#EEE;
border-top:1px solid #dcd1d2
}

#submitbox p {margin:0}

#geral #conteudo label {margin-bottom:.5em}

#geral #conteudo label,#geral #conteudo label span {
display:block;
font-weight:700
}

input {
border:1px solid #CCC;
padding:3px
}

#geral #conteudo fieldset input,textarea {
background:#fff;
border:3px double #CCC;
padding:3px
}

#name,#email,#url,#comment,#from,#to,#subject,#message,#req_name,#std_house,#std_road,#std_address,#std_town,#std_county,#req_postcode,#std_phone,#std_mobile,#std_fax,#req_email,#std_im,#std_skype,#req_reply {width:95%}

#geral #conteudo fieldset input:hover,#geral #conteudo textarea:hover {border-color:#CCC}

#geral #conteudo fieldset input:active,#geral #conteudo textarea:active,#geral #conteudo fieldset input:focus,textarea:focus {
color:#000;
border-color:#333
}

input.submit {
border:0;
margin-bottom:-5px !important;
background:transparent;
color:#333;
font-size:10px
}

fieldset div.fm-optional label:before {content:""}

/* -------------------------------------------------
Tabelas
--------------------------------------------------*/

table {border-collapse:collapse}

th {
text-align:left;
font-weight:700
}

td {
padding:12px 10px 13px 0
}

td.resultRowOne {
background:url(../images/sistema/line_feint.gif) top left repeat-x
}

td.resultRowTwo {
background:url(../images/sistema/line_feint.gif) top right repeat-x
}

/* -------------------------------------------------
Listas de definições
--------------------------------------------------*/

dl {
margin-right:40px;
margin-top:20px
}

dt {
font-weight:700;
float:left;
font-size:90%;
padding:2px 8px 7px 0
}

dd {
font-size:100%;
padding:2px 0 7px
}

/* --------------------------------------------------------
outros
---------------------------------------------------------- */
/*
#contact .vcard {
float:left;
width:44%;
background:url(../images/sistema/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:0 10px 10px 0;
padding:15px 10px 0
}

#case_studies #leader .vcard {
width:45%;
background:url(../images/sistema/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:13px 10px 20px 0;
padding:15px 10px 0
}

#barra_esquerda .vcard {
float:none;
background:url(../images/sistema/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
font-size:10px;
margin:15px 40px 10px 0;
padding:15px 10px 0
}

#blog_index #barra_esquerda .vcard {
background:url(../images/site/.gif) top right no-repeat;
border-left:0 solid #DDD;
margin:5px 40px 5px 0;
padding:5px 10px 5px 0
}

#about #conteudo .vcard {
float:right;
width:45%;
background:url(../images/sistema/vcardback.gif) top right no-repeat;
border-left:1px solid #DDD;
margin:15px 0 10px 10px;
padding:15px 10px 0
}

.vcard p {
clear:both;
border-top:1px solid #EEE;
background:#FFF url(../images/sistema/vcardbackoff.gif) bottom right no-repeat;
margin:5px -10px 0;
padding:4px 5px 6px 70px
}

#barra_esquerda .vcard p {
margin:5px -10px 0;
padding:4px 5px 6px 70px
}

.vcard img.photo {
float:left;
border:1px solid #EEE;
margin:4px 10px 5px 0
}

#blog_index .vcard img.photo {
width:25px;
height:25px
}

*/

/* hcard items in Contact page */
/*
.vcard .role,.vcard .adr,.vcard .tel,.vcard .photo,.vcard .email {
display:block;
margin-left:60px;
border-bottom:1px solid #EEE;
padding:3px 0
}

.vcard .fn,.vcard .honorific-suffix {
display:inline;
padding:3px 0
}

#blog_index .vcard .role {
margin-left:30px;
border-bottom:0
}
*/

#menu .hidden,fieldset div.fm-optional,#blog_index #barra_esquerda .vcard p,.vcard .adr,.vcard .url,.vcard .org,#barra_esquerda .vcard .adr,#barra_esquerda .vcard .honorific-suffix,#blog_index .email,#blog_index .tel,#about .vcard a.profile:link,#about .vcard a.profile:visited,#blogs .vcard a.bloglink:link,#blogs .vcard a.bloglink:visited {display:none}

h3 a:link,h3 a:visited,ul#menu li a:link,ul#menu li a:visited,#rodape a:link,#rodape a:visited,.introducao a:link,.introducao a:visited,.tools a:link,.tools a:visited,dd a:link,dd a:visited,.vcard a.email:link,.vcard a.email:visited,.vcard p a:link,.vcard p a:visited {text-decoration:none}

#barra_esquerda ul li,#content_sub ul li,#barra_esquerda ul li ul li,#content_sub ul li ul li,.tools {
margin:0;
padding:0
}

#barra_esquerda ul li a:link,#barra_esquerda ul li a:visited,#content_sub ul li a:link,#content_sub ul li a:visited,#barra_esquerda ul li a:hover,#content_sub ul li a:hover {
/*display:block;*/
margin-top:5px;
text-decoration:none;
font-weight:700;
padding:0 10px 0 18px;
background:url(../images/sistema/lb.gif) top left no-repeat;
}

#barra_esquerda ul li ul li a:link,#barra_esquerda ul li ul li a:visited,#barra_esquerda ul li ul li a:hover {
display:block;
margin-top:3px;
/*background:url(../images/sistema/lb2.gif) top left no-repeat;*/
background-image:none;
text-decoration:none;
font-weight:normal;
padding:0 10px 0 25px
}

#barra_esquerda ul.rssli li a:link,#barra_esquerda ul.rssli li a:visited,#barra_esquerda ul.rssli li a:hover {
background:url(../images/sistema/rss14.gif) top left no-repeat
}

.commbox,.commboxalt {margin-top:10px}

#inicial .posted,#about .posted,#case_studies .posted,#news .posted,#blog_index .posted,#blogs .posted,#contact .tools {
padding-bottom:20px;
background:url(../images/sistema/line_feint.gif) bottom left repeat-x
}

#contact a.bloglink:link,#contact a.bloglink:visited,.conteudo_3c_coluna2 .bloglink,.conteudo_3c_coluna3 .bloglink {margin-left:8px}

.clear,.spacer {clear:both}

#geral #conteudo legend,.vcard .fn {font-weight:700}

#barra_esquerda ul.fancy_cats li a:link,#barra_esquerda ul.fancy_cats li a:visited,#barra_esquerda ul.fancy_cats li a:hover{
background-image:none;
padding:0;
}
#barra_esquerda ul.fancy_cats ul {
padding:0 10px 0 25px;
/*height:5px;*/
}
#barra_esquerda ul.fancy_cats ul li{
height:18px;
}