/* ::::::::::::::::::::::::::::::::::::::::: Geral :::::::::::::::::::::::::::::::::::::::: */
html, body { height:100%; margin:0; padding:0; }
body { background:#58595b; color:#fff; font:11px Arial, Helvetica, sans-serif; text-align:center; background:url(../imgs/css/fundo_tira1.gif); }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }
a img { border:none; }
a { color:#fff; }
ul { list-style:none; }
.clear { clear:both; height:0; }
.disappear { visibility:hidden; }

/* ::::::::::::::::::::::::::::::::::::::::: Blocks :::::::::::::::::::::::::::::::::::::::: */
div#shim { visibility:hidden; width:100%; height:50%; /* mover div#page-wrapper para baixo metade do ecrã */ margin-top:-274px; /* metade altura div#page-wrapper */ float:left; }
				
div#page-wrapper { width:1066px; height:548px; text-align:left; margin:0 auto; background:url(../imgs/css/bkg_content.png) no-repeat 50% top; clear:both; top:-274px; /* IE4ever Hack: Hide from IE4 **/ position:static; /** end hack */ }
 
/* Hide from IE5mac \*//*/
div#shim { display: none; }
html, body { height: auto; }
/* end hack */

div#page-wrapper div.inner { position:relative; padding:21px 21px 0 21px; }

div#content { border:1px solid #121412; width:660px; height:434px; position:absolute; left:41px; top:58px; background:url(../imgs/css/bkg_texts.jpg) no-repeat left top; }

div#texts { width:637px; height:275px; overflow:auto; position:absolute; left:53px; top:206px; }
	div#texts div.inner { padding:9px; }

div#login { position:absolute; left:726px; top:31px; width:290px; }

div#photo-folio { position:absolute; left:726px; top:92px; width:290px; height:400px; border:1px solid #121412; }

/* ::::::::::::::::::::::::::::::::::::::::: Header :::::::::::::::::::::::::::::::::::::::: */
h1 { width:202px; height:134px; background:url(../imgs/css/logo.gif) no-repeat left top; text-indent:-10000px; float:left; }
/*div#banner { width:425px; height:135px; float:right; }*/
div#banner { width:425px; height:135px; float:right; position:relative; top:-1px}
/*div#banner { width:425px; height:135px; float:right; background:url(../imgs/css/bkg_banner.jpg) no-repeat right top; }
	#empresa div#banner { background-image:url(../imgs/css/bkg_banner_empresa.jpg); }
	#servicos div#banner { background-image:url(../imgs/css/bkg_banner_preimpr.jpg); }
	#portfolio div#banner { background-image:url(../imgs/css/bkg_banner_portfolio.jpg); }
	#clientes div#banner { background-image:url(../imgs/css/bkg_banner_clientes.jpg); }
	#parceiros div#banner { background-image:url(../imgs/css/bkg_banner_parceiros.jpg); }
	#contactos div#banner { background-image:url(../imgs/css/bkg_banner_contactos.jpg); }
*/
/* ::::::::::::::::::::::::::::::::::::::::: Login :::::::::::::::::::::::::::::::::::::::: */
div#login h2,
#login a { text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none; }
	#login a { margin-top:3px; }
	#login a:hover { text-decoration:underline; }
	#login h2 { margin-bottom:6px; }

#login input { float:left; padding:1px 3px; font:10px Arial, Helvetica, sans-serif; color:#000; width:124px; height:16px; background:#000 url(../imgs/css/login_input_bkg.gif) no-repeat left top; border:none; line-height:16px; margin-right:3px; }
	#login input#submitLogin { width:16px; height:16px; margin:0; background:url(../imgs/css/loginBtn.gif) no-repeat 50% 50%; cursor:pointer; }
	
/* ::::::::::::::::::::::::::::::::::::::::: Content :::::::::::::::::::::::::::::::::::::::: */
div#texts p { margin-bottom:10px; font-size:10px; }

#texts p.morada { font-size:11px; }

/*img.img-serv { float:right; margin:0 0 10px 10px; }*/


ul#lista li { float:left; margin:0 7px 7px 0; }
	ul#lista li img { border:1px solid #000; }

.text-col { width:195px; float:left; margin-right:8px; }
	.text-col.last { margin-right:0; }

/* ::::::::::::::::::::::::::::::::::::::::: Form :::::::::::::::::::::::::::::::::::::::: */
form#contactos { float:right; width:250px; }
	form#contactos label { display:block; clear:both; font-size:10px; }
	form#contactos input { display:block; clear:both; border:none; background:url(../imgs/css/long_form_inputs.gif) no-repeat left top; height:18px; width:237px; padding:1px 2px; font-size:10px; }
		form#contactos input.short { background-image:url(../imgs/css/short_form_inputs.gif); width:107px; }
		form#contactos input.submit { cursor:pointer; width:240px; }
	form#contactos textarea { display:block; clear:both; border:none; background:url(../imgs/css/textarea_bkg.gif) no-repeat left top; height:70px; margin-bottom:3px; width:237px; padding:1px 2px; font:10px Arial, Helvetica, sans-serif; }
	
	form#contactos div.morada-cp { float:left; margin-right:3px; }
	form#contactos div.morada-local { float:left; }
	form#contactos select { display:block; clear:both; border:none; height:18px; width:237px; padding:1px 2px; font-size:10px; }
/* ::::::::::::::::::::::::::::::::::::::::: Nav :::::::::::::::::::::::::::::::::::::::: */
ul#nav { text-transform:uppercase; font-weight:bold; position:absolute; top:32px; left:32px; background:#000; }
ul#nav li { float:left; border-right:2px solid #3a2118; }
	ul#nav li#nav-contactos { border-right:none; }
ul#nav a { text-decoration:none; padding:2px 10px; display:block; }
ul#nav a:hover { text-decoration:none; background:url(../imgs/css/nav_hover.gif) no-repeat 50% 50%; }
	ul#nav li#nav-portfolio a:hover,
	ul#nav li#nav-parceiros a:hover { background-image:url(../imgs/css/nav_hover_m.gif); }
	ul#nav li#nav-contactos a:hover { background-image:url(../imgs/css/nav_hover_l.gif); }

#empresa li#nav-empresa,
#servicos li#nav-servicos, #servicos2 li#nav-servicos, #servicos3 li#nav-servicos,#servicos4 li#nav-servicos,
#servicos5 li#nav-servicos, #servicos6 li#nav-servicos,
#clientes li#nav-clientes { background:url(../imgs/css/nav_hover.gif) no-repeat 50% 50%; }
#portfolio li#nav-portfolio,
#parceiros li#nav-parceiros { background:url(../imgs/css/nav_hover_m.gif) no-repeat 50% 50%; }
#contactos li#nav-contactos { background:url(../imgs/css/nav_hover_l.gif) no-repeat 50% 50%; }

/* ::::::::::::::::::::::::::::::::::::::::: Nav Servicos :::::::::::::::::::::::::::::::::::::::: */
ul#nav_servicos { overflow:auto; margin-left:3px; clear:both; margin-bottom:5px; }
ul#nav_servicos li { float:left; border-right:1px solid #fff; }
	ul#nav_servicos li#navserv-regras { border-right:none; }
ul#nav_servicos a { text-decoration:none; padding:0 5px; display:block; }
ul#nav_servicos a:hover { text-decoration:none; background:url(../imgs/css/nav_servicos_hover.png) no-repeat 50% 50%; }
	ul#nav_servicos li#navserv-digital a:hover,
	ul#nav_servicos li#navserv-offset a:hover { background-image:url(../imgs/css/nav_servicos_hover_medium.png); }
	ul#nav_servicos li#navserv-tipografica a:hover,
	ul#nav_servicos li#navserv-regras a:hover { background-image:url(../imgs/css/nav_servicos_hover_long.png); }

#servicos li#navserv-pre {  background:url(../imgs/css/nav_servicos_hover.png) no-repeat 50% 50%; }
#servicos2 li#navserv-digital {  background:url(../imgs/css/nav_servicos_hover.png) no-repeat 50% 50%; }
#servicos3 li#navserv-offset {  background:url(../imgs/css/nav_servicos_hover.png) no-repeat 50% 50%; }
#servicos4 li#navserv-tipografica {  background:url(../imgs/css/nav_servicos_hover_long.png) no-repeat 50% 50%; }
#servicos5 li#navserv-acabamentos {  background:url(../imgs/css/nav_servicos_hover_medium.png) no-repeat 50% 50%; }
#servicos6 li#navserv-regras {  background:url(../imgs/css/nav_servicos_hover_long.png) no-repeat 50% 50%; }

#servicos6 .servRegAnc {	font-size:12px; color:#ffffff; font-weight:bold;	}

img.img-serv { float:right; margin:0 0 10px 10px; }

/* ::::::::::::::::::::::::::::::::::::::::: Nav Footer :::::::::::::::::::::::::::::::::::::::: */
ul#nav-footer { text-transform:uppercase; font-weight:bold; position:absolute; top:511px; left:31px; background:#000; font-size:10px; }
ul#nav-footer li { float:left; border-right:2px solid #3c2318; }
	ul#nav-footer li#navfoot-adicionar { border-right:none; }
ul#nav-footer a { text-decoration:none; padding:4px 11px 5px 11px; display:block; }
	ul#nav-footer li#navfoot-adicionar a { padding:4px 21px 5px 13px; }
ul#nav-footer a:hover { text-decoration:none; background:url(../imgs/css/nav_hover.gif) no-repeat 50% 50%; }
	ul#nav-footer li#navfoot-recomendar a:hover { background-image:url(../imgs/css/nav_hover_recomendar.gif) }
	ul#nav-footer li#navfoot-adicionar a:hover { background-image:url(../imgs/css/nav_hover_adicionar.gif) }