/*
Theme Name: rupeal
Theme URI: http://www.rupeal.com
Description: RUPEAL THEME VERSION 2.0  (2009)
Version: 2 
Author: Leihla Pinho
*/

@import "style/css/compressed.css";


* { margin: 0;}
html, body { height: 100%;}
.wrapper { min-height: 100%; height: auto !important;	height: 100%; margin: 0 auto -18px;}
.footer, .push { height: 18px;}
body{	background-color:#ffffff;	font-family:verdana, sans-serif; margin:0px; color:#1c1c1c;}
.wrap{ padding:0px 0 18px 0;}
.no_margin{ margin:0px;}
.padding_top{ padding-top:36px;}
img{ margin-bottom:18px;}
.box{background:url("style/images/h_line.png") top repeat-x; background-color:#f1f1f2; border-bottom:1px solid #ccc; padding:18px;}
.float_right{ float:right; margin:9px 0 9px 9px; }

.equipa{ background:url("style/images/box_bottom.png") bottom no-repeat; margin-bottom:36px; padding-bottom:9px; }
.equipa_right{ background:url("style/images/box_right.png") bottom no-repeat; margin-bottom:36px; padding-bottom:9px; }
.equipa_left{ background:url("style/images/box_left.png") bottom no-repeat; margin-bottom:36px; padding-bottom:9px; }
.white_box{background:url("style/images/box_top.png") top no-repeat; padding:0px;}
.white_box img{ float:left; margin:18px;}
.white_box p{ margin:0 18px 18px 0px; }
	.desc{  margin:0px; padding:18px 0 0; line-height:18px;}
 .link{ font-size:11px; color:#444444;}
.moldura{ border:3px solid #ccc; padding:2px;}
p.equipa_intro{ padding-top:18px; }
p.email{background:url("style/images/email.png") top left no-repeat; padding-left:24px; line-height:16px; float:left; margin-bottom:9px; width:200px;}
.twitter{background:url("style/images/twitter.png") top left no-repeat; padding-left:24px; line-height:16px;  float:left;}
.equipa a, .equipa a:hover, .equipa_left a, .equipa_left a:hover, .equipa_right a, .equipa_right a:hover, { color:#444444; border-color:#444444;}
.no_image{ background:none;}
.no_border{ border:none;}

/* HEADER */
.header{ border-top:9px solid #1e2226; border-bottom:1px solid #ccc; background-color:#f1f1f2; height:60px; margin-bottom:72px;}
ul.nav{ margin:0px 0px 9px 0px; font-size:14px;}
	ul.nav li{list-style:none; display:inline;  float:left; border-right:1px solid #ccc;}
		ul.nav li a{padding:9px; font-size:14px; font-weight:400; text-decoration:none; color: #1c1c1c; display:block;}
		ul.nav li span{ font-size:10px; text-decoration:none; color: #acacac;}
		ul.nav li:hover a, ul.nav li.selected a{ color: #ffffff; text-decoration:none; display:block;}
		ul.nav li:hover, ul.nav li.selected{ background-color:#1e2226;}
h2.branding{ background-color:#1e2226; float:right; margin:0px; padding:0 9px 9px 9px;}
	h2.branding a{ background: url(style/images/rupeal_logo.png) top no-repeat; display:block; height:85px; width:65px; text-indent:-9999px;}
/*	h2.branding a{ background: url(style/images/rupeal_h.png) top no-repeat; display:block; height:61px; width:154px; text-indent:-9999px;}*/


/* FOOTER */
.footer{ border-top:1px solid #333333; background-color:#1e2226; padding:9px 0; color:#f1f1f2; font-size:10px;}
.footer ul{margin:0px; float:left;}
	.footer ul li{display:inline; list-style:none;  margin-right:10px;}
		.footer ul li a{ text-decoration:none;  color:#ccc;}
		.footer ul li a:hover{ color: #f69223;}
.footer span{float:right; text-align:right;}


/* Tipography */
h1, h2, h3, h4{ font-family:arial, sans-serif; font-weight:bold;}
h1{ font-size:72px; letter-spacing:-1px; line-height:72px;}
h2{	font-size:36px; line-height:36px; margin-bottom:18px;}
h3{ font-size:24px; line-height:30px; margin-bottom:18px; font-weight:400;}
h4{ font-size:18px; line-height:24px; margin-bottom:9px;}
h5{ font-size:18px; line-height:24px; margin-bottom:18px; font-weight:normal;}
h6{ font-size:12px; line-height:18px; margin-bottom:18px;}
p{ font-family:verdana, sans-serif; font-size:12px;}
a{ text-decoration:none; color:#C45116;}
a:hover{ text-decoration:underline; color:#C45116;}
a.no_underline, a.no_underline:hover, .grey a.no_underline, .grey a.no_underline:hover{ border:none; text-decoration:none;}
ul{padding:0px;}
	ul.no_style {list-style:none; padding:0px; margin:0;}
li{margin: 0 0 9px 0;}
code {	background:#f1f1f2; margin:18px; overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 				white-space: pre-wrap; /* css-3 */  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */  white-space: -pre-wrap; /* Opera 4-6 */
 				white-space: -o-pre-wrap; /* Opera 7 */  /* width: 99%; */  word-wrap: break-word; /* Internet Explorer 5.5+ */}
.cinza{ color:#999999;}
 a.grey_link, a.grey_link:hover{ color:#eeeeee; border-color:#eeeeee;}


/* GREY */
.grey{ background-color:#1e2226; color:#eeeeee; padding:36px 0 18px 0;}
.grey h1, .grey h2, .grey h3, .grey h4, .grey h5, .grey h6, .grey h7  { color:#fff;}
.grey a{ text-decoration:none; color:#F69117;}
.grey a:hover{ text-decoration:underline;; color:#F69117;}
.grey a.grey_link, .grey a.grey_link:hover{ color:#eeeeee; border-color:#eeeeee;}

/* LIGHTGREY */
.lightgrey{ background-color:#f1f1f2; padding:36px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


/* Consultoria */
p.consultoria{ font-size:14px; font-weight:bold; line-height:24px; margin-bottom:9px;}
.work{ padding:36px 0 18px 0;}
.hr{ background:url("style/images/h_line.png") bottom repeat-x;}
.concept{ background:url("style/images/csg-4a1c12ed6be1d.png") top right no-repeat; background-position: 151px -30px; }
.design{ background:url("style/images/design.png") top right no-repeat; }
.develop{ background:url("style/images/develop.png") top right no-repeat; }
.maintain{ background:url("style/images/maintain.png") top right no-repeat; }

/* Outsourcing */
.outsourcing{ float:left; width:269px;}
.competencias{ background:url("style/images/competencia.png") top right no-repeat; height:24px; }
.consultores{ background:url("style/images/consultores.png") top right no-repeat; height:24px; }
.confianca{ background:url("style/images/confianca.png") top right no-repeat; height:24px;}
.actuacao{ background:url("style/images/referencia.png") top right no-repeat; height:24px;}
.perfis{ }
/*	.perfis ul{ height:100%; width:152px; margin-right:0px; float:left;}*/
	.perfis ul{margin:0; padding:9px 0; background:url("style/images/h_line.png") bottom repeat-x;}
		.perfis ul li{ display:inline; padding:9px 18px;}
		
	

/* Tecnologia */
h2.invoicexpress{ background:url("style/images/invoicexpress.png") top left no-repeat; text-indent:-9999px; height:59px;}
.tecnologia{ float:left; width:464px;}
.tecnologia .column{width:222px;}


/* Carreira */
h4.titulo{ font-size:16px; font-weight:bold; line-height:24px; margin-bottom:9px;}
.acompanhamento{ background:url("style/images/design.png") top right no-repeat; height:24px; }
.carreira_tecnica{ background:url("style/images/develop.png") top right no-repeat; height:24px; }
.biblioteca{ background:url("style/images/biblioteca.png") top right no-repeat; height:24px; }
.certificacoes{ background:url("style/images/qualidade.png") top right no-repeat; height:24px; }

/* Sobre */
.motivacao{ background:url("style/images/motivacao.png") top right no-repeat; height:24px;}
.eficacia{ background:url("style/images/eficacia.png") top right no-repeat; height:24px;}
.referencia{ background:url("style/images/referencia.png") top right no-repeat; height:24px;}
.qualidade{ background:url("style/images/qualidade.png") top right no-repeat; height:24px;}
.carreira{ width:330px;}

/* Contactos */
.contactos{ width:129px; }


/* Blog */
/*.sidebar{ float:left; width:205px;}*/
.sidebar_titles{ list-style:none; margin:0;}
	 li.sidebar_titles{margin:0 0 36px 0;}
	.sidebar_box{ background:url("style/images/sidebar_box.png") top left no-repeat; padding:14px 18px;  margin:0px; }
	.rss{ float:left; margin-right:9px; margin-top:-4px;}
.pesquisa_box{ background:url("style/images/sidebar_box.png") top left no-repeat; padding:12px 18px;  margin:0px;}
.pesquisa{ border:1px solid #ccc; padding:5px; width:170px;}
.pesquisa_submit{ position:absolute; float:right; margin: 0px 9px 18px 3px;}
.post{ margin:0 0 54px 0;}
.post h2{ margin-bottom:9px;}
	.post h2 a, .post h2 a:hover{ color:#1D2226; border-color:#444444;}
.prev_next{ list-style:none; margin:0;}
.prev_next li{ float:left;}
.prev{ background:url("style/images/prev.png") top left no-repeat; padding:0px 0 0px 25px;  font-weight:bold; color:#444444;}
.next{ background:url("style/images/next.png") top right no-repeat; padding:0px 25px 0px 0px;  font-weight:bold; color:#444444;}
.prev:hover, .next:hover{ color:#C45116; border:none;}

.right{ text-align:right;}

/* Comments */
.avatar{ float:left;}
.avatar img{ margin:0 18px 18px 0; border:2px solid #ffffff;}

.comment_form li{ border-bottom:1px dashed #999; padding:9px 0; margin:0px;}
.comment_form input{ border:1px solid #999; padding:5px; }
textarea{ height:100px; margin-top:18px; width:422px;}
label{ color:#444444; width:100px;}
.label{ width:70px; float:left;}
.comment_submit{ border:1px solid #999; padding:5px; background-color:#fff; font-weight:bold; color:#444444; float:right;}
.comment_submit:hover{ color:#C45116;}


.notes{font-size:11px; color:#444444; line-height:18px;}
.tags{ background:url("style/images/tag.png") top left no-repeat; padding:2px 0 2px 20px; font-size:11px; color:#444444;}
.tags a, .tags a:hover, .notes a, .notes a:hover{ color:#999999; border-color:#999999;}
.clock{ background:url("style/images/clock.png") top left no-repeat; padding:2px 0 2px 20px; font-size:11px; color:#444444;}
.border_top{ border-top:1px dashed #999999; padding-top:9px;}

/* Color */
.orange{ color:#C45116;}