/*
	Codex.pt layout
	http://codex.pt
	Copyright (c) 2007 Codex. All rights reserved.
	Created by Margarida - http://margarida.net
	Modified by Dinis Correia - http://diniscorreia.com
*/


	/* !Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0px; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { /*content:''; */}
abbr,acronym { border:0; }

a:active { outline: none; }


	/* !Main layout divisions */

html { height: 100%; }

body {
	background:url("/images/fundo_codex1.jpg") top left repeat-x;
   background-color:#efeff1;
	height: 100%;
	margin: 0 auto;
	color: #f1f1f1;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center;
	font-size: 11px;
	/*background-image: url(/images/fundo_imagem1.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	/*background-image: url(/images/tailcast-tree.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
}

div#container { 
	width: 760px;
	min-height: 100%;
	background: #fff; 
	margin: 0 auto; 
	text-align: left; 
	position: relative;
}

#imagemdir{
	position:relative;
	background-image:url(/images/bonecos-do-ivo-2d.png);
	background-repeat: no-repeat;
	height: 819px;
	width: 437px;
	top: 13px;
	left: 761px;
	z-index: 100;
	overflow: hidden;
} 

 #imagemesq{
	position:relative;
	background-image:url(/images/bonecos-do-ivoe.png);
	background-repeat: no-repeat;
	height: 814px;
	width: 499px;
	top: -800px;
	left: -499px;
	z-index: 101;
	overflow: hidden;
} 

div#content { 
	float: right;
	display: inline;
	width: 510px;
	padding: 10px 10px 0 0;
	margin: 0 0 26px 0;
	background: #fff url(/txp/txp-content-bg.png) repeat-x; 
}

#footer { 
	float: right;
	display: inline;
	clear: both;
	width: 510px;
	margin: 0 10px 20px 0; 	
}

div#content.single { 
	width: 500px; 
	padding: 10px 10px 0 10px; 
	margin: 0 0 26px 0; 
}

* html div#container { 
	height: 100%; 
}


	/* !Type */

p { line-height: 14px; margin-bottom: 14px; }

p.date { font-weight: bold; margin-bottom: 4px; }

#footer p {
	height: 20px;
	line-height: 20px; 
	padding: 0 0 0 10px;
	background: #f0f0f0;
}

h2, h3, h4 { clear: both; }

h2 { 
	font-size: 13px; 
	line-height: 14px; 
	text-transform: uppercase; 
	color: #ff0066; 
	margin: 0 0 4px 0; 
}

.noticias h2 { margin-left: 10px; }

h3 { 
	font-size: 12px; 
	line-height: 14px; 
	text-transform: uppercase; 
	margin: 0 0 4px 0; 
}
	
h4 { 
	font-size: 13px; 
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 10px; 
}

	
	/* !Default links */
	
a, a:visited, a:active { 
	color: #000; text-decoration: none; font-weight: bold; 
}


	/* !Header */

div#header {
	width: 760px; 
	height: 122px; 
	/*background: url(/txp/txp-header-bg.png) repeat-x;*/
}


#header h1 { 
	width: 240px; 
	height: 80px; 
	float: left;
	background: url(/txp/txp-codex.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 240px; 
	height: 80px; 
}
		
	/* !Header - hCard */
	
div#hcardCodex{
	width: 510px;
	height: 28px;
	line-height: 28px;
	background-color: #fff;
	float: left;
	display: inline;
}
	
#hcardCodex .org, #hcardCodex .street-address, #hcardCodex .postal-code { display: none; }

#header .adr {
	display: inline-block;
	margin: 0 0 0 176px;
	}
	
div.tel {
	display: inline-block; 
}

a.email { width: 96px; height: 27px; background: url(/txp/txp-email.png) bottom no-repeat; float: right; text-indent: -9999px; overflow: hidden; }
a.email:hover { background-position: top left; }
	
div#header h4{
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
}
	
div#header h4 a{ 
	width: 103px; 
	height: 19px; 
	background: url(http://codex.pt/imagens/formulario1.png) bottom no-repeat; 
	float: right;  
	margin-top: 33px;
}

div#header h4 a:hover { background-position: top left; }

div#header h5{
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
}
	
div#header h5 a{ 
	width: 100px; 
	height: 19px; 
	background: url(http://codex.pt/imagens/codexa4.png) top no-repeat; 
	float: right;
	margin-right:5px;
	margin-top: 33px;
}

div#header h5 a:hover { background-position: bottom left; }


	/* !Sidebar */

div#sidebar { 
	width: 240px; 
	float: left;
	position: relative;  	
	background: #fff url(/txp/txp-content-bg.png) repeat-x;
	padding: 10px 0 0 0;
}

#nav {
	display: block;
	width: 240px;
	margin: 0 0 20px 0;
}

#navSub {
	position: absolute;
	display: block;
	top: 156px;
	width: 240px;
	margin: 0 0 20px 0;
}

#nav li, #navSub li { 
	float: left;
	width: 240px;
	height: 13px;
	font-size: 10px;
	padding: 0 0 0 0;
}

#nav li a { 
	display: block;
	position: relative;
	width: 230px;
	height: 13px;
	line-height: 10px; 
	margin: 0 0 0 10px;
	text-indent: -9999px;
	position: relative;
	text-decoration: none;
}

#nav li a, #nav a .crumb, #navSub a .crumb {
	background: url(/txp/txp-menu.png) no-repeat; 
}

#navSub li a { 
	position: relative;
	width: 220px;
	height: 13px; 
	line-height: 10px; 
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	display: block;
	position: relative;
	text-decoration: none;
	text-indent: -9999px;
}

#navSub li a small {
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 8px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

#navSub li a small.update { 
	background: url(/txp/txp-update.png) bottom right no-repeat; 
}
#navSub li a:hover small.update, 
#navSub li.active a small.update { 
	background-position: top right; 
}
	
#navSub li a small.new { 
	background: url(/txp/txp-new.png) bottom right no-repeat; 
}
#navSub li a:hover small.new, 
#navSub li.active a small.new { 
	background-position: top right;
}
		
#navSub li a small.award { 
	background: url(/txp/txp-premio.png) bottom right no-repeat; 
}
#navSub li a:hover small.award, 
#navSub li.active a small.award { 
	background-position: top right; 
}

#nav li#homepage a { background-position: -10px 0;  }
	#nav li#homepage a:hover { background-position: -250px 0; }
#nav li#noticias a { background-position: -10px -180px;  }
	#nav li#noticias a:hover { background-position: -250px -180px; }
#nav li#blog a { background-position: -10px -200px;  }
	#nav li#blog a:hover { background-position: -250px -200px; }
#nav li#metodologia a { background-position: -10px -20px; }
	#nav li#metodologia a:hover { background-position: -250px -20px; }
#nav li#portfolio a { background-position: -10px -40px; }
	#nav li#portfolio a:hover { background-position: -250px -40px; }
#nav li#casestudies a { background-position: -10px -60px; }
	#nav li#casestudies a:hover { background-position: -250px -60px; }
#nav li#clientes a { background-position: -10px -100px; }
	#nav li#clientes a:hover { background-position: -250px -100px; }
#nav li#equipa a { background-position: -10px -100px; }
	#nav li#equipa a:hover { background-position: -250px -100px; }
#nav li#podcast a { background-position: -10px -80px; }
	#nav li#podcast a:hover { background-position: -250px -80px; }
#nav li#downloads a { background-position: -10px -120px; }
	#nav li#downloads a:hover { background-position: -250px -120px; }
#nav li#recrutamento a { background-position: -10px -140px; }
	#nav li#recrutamento a:hover { background-position: -250px -140px; }
#nav li#contactos a { background-position: -10px -160px; }
	#nav li#contactos a:hover { background-position: -250px -160px; }
	
	/* !Tiny black square */
	
#nav a .crumb, #navSub a .crumb { 
	width: 10px; 
	height: 10px;
	background-position: 0 -220px; 
	position: absolute; 
	top: -10px; 
	left: -10px; 
	z-index: 80; 
	text-indent: -9999px; 
	visibility: hidden;
	/* stupid IE6 */
	font-size: 0;
	line-height: 0;
}

#nav a:hover .crumb, #navSub a:hover .crumb { 
	visibility: visible; 
}
	
	/* !You are here */
	
#nav li.active .crumb, #navSub li.active .crumb { 
	visibility: visible;
}

.home #nav li#homepage a { background-position: -250px 0; }
.default #nav li#homepage a { background-position: -250px 0; }
.noticias #nav li#noticias a { background-position: -250px -180px; }
.metodologia #nav li#metodologia a { background-position: -250px -20px; }
.blog #nav li#blog a { background-position: -250px -200px; }
.portfolio #nav li#portfolio a { background-position: -250px -40px; }
.case-studies #nav li#casestudies a { background-position: -250px -60px; }
.clientes #nav li#clientes a { background-position: -250px -100px; }
.equipa #nav li#equipa a { background-position: -250px -100px; }
.podcast #nav li#podcast a { background-position: -250px -80px; }
.downloads #nav li#downloads a { background-position: -250px -120px; }
.recrutamento #nav li#recrutamento a { background-position: -250px -140px; }
.contactos #nav li#contactos a { background-position: -250px -160px; }

.breadcrumbs { 
	width: 500px; 
	height: 20px;
	line-height: 20px;
	background: #f0f0f0; 
	padding: 0 10px 0 0;
	margin-bottom: 2px;
	text-align: right; 
	font-size: 10px;
}


	/* !Content - News items */

div.news-item {
	width: 490px;
	min-height:110px;
  	height:auto !important;
  	height:110px;
	padding: 10px 10px 0 10px;
	margin-bottom: 1px;
	border-bottom: 10px solid #f0f0f0;
	background-color: #f0f0f0;
	clear: both;
	position: relative;
}

div.news-item.last {
	margin-bottom: 14px;
}

.news-item p {
	margin-bottom: 0;
}
	
.news-item .news-text {
	width: 490px;
  	min-height:108px;
  	height:auto !important;
  	height:108px;
}

.news-item .narrow {
	width: 348px;
}

.news-item .news-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 142px;
	height: 130px;
	overflow: hidden;
	background: #000;
}

.news-item .news-square {
	position: absolute;
	top: 130px;
	left: 358px;
	width: 10px;
	height: 10px;
	background: #ff0066;
	z-index: 90;
	/* stupid IE6 */
	font-size: 0;
	line-height: 0;
}


	/* !Content - Podcast */

div.podcast-item {
	width: 490px;
	min-height:110px;
  	height:auto !important;
  	height:110px;
	padding: 10px 10px 0 10px;
	margin-bottom: 1px;
	border-bottom: 10px solid #f0f0f0;
	background-color: #f0f0f0;
	clear: both;
	position: relative;
}

div.podcast-item.last {
	margin-bottom: 14px;
}

.podcast-item p {
	margin-bottom: 0;
}
	
.podcast-item .podcast-desc {
	width: 348px;
  	height: 74px;
  	overflow: hidden;
}

.podcast-item .podcast-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 142px;
	height: 130px;
	overflow: hidden;
	background: #231f20;
}

.podcast-item .podcast-badge {
	position: absolute;
	top: 90px;
	left: 358px;
	width: 91px;
	height: 50px;
	z-index: 90;
	/* Stupid IE6 */
	font-size: 0;
	line-height: 0;
}

.podcast-item .podcast-badge.audio {
	background: url(/txp/podcastBadgeAudio.png) 0 0 no-repeat;
}

.podcast-item .podcast-badge.video {
	background: url(/txp/podcastBadgeVideo.png) 0 0 no-repeat;
}

.podcast-item .podcast-player {
	position: absolute;
	height: 24px;
	bottom: 0;
}


	/* !Content - Downloads */

div.download-item { 
	width: 490px;
	height: 110px;
	padding: 10px 10px 0 10px;
	margin-bottom: 1px;
	border-bottom: 10px solid #f0f0f0;
	background-color: #f0f0f0;
	clear: both;
	position: relative; 
}

div.download-item.last { 
	margin-bottom: 14px; 
}

.download-item .download-desc {
	width: 120px;
	height: 108px;
	overflow: hidden;
	float: right;
}

.download-item .download-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 130px;
	overflow: hidden;
	background: #231f20;
}

.download-item .download-badge {
	position: absolute;
	top: 90px;
	left: -10px;
	width: 106px;
	height: 50px;
	background: url(/txp/txp-download-badge.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 90;
	/* Stupid IE6 */
	font-size: 0;
	line-height: 0;
}

.column-left { float: left; width: 240px; padding: 0 5px 0 10px; }
.column-right { float: left; width: 240px; padding: 0 10px 0 5px; }

.portfolio .column-left { float: left; width: 245px; padding: 0 5px 0 0;   }
.portfolio .column-right { float: left; width: 245px; padding: 0 0 0 5px; }


#content a, #content a:visited, #content a:active { 
	color: #333; text-decoration: underline; font-weight: normal; background-color: inherit; 
}

#content a:hover { text-decoration: none; }
		
#content .news-eventos a, #content .news-eventos a:visited, 
#content .categories a, #content .categories a:visited,  
#content .clientes a, #content .clientes a:visited { 
	text-decoration: none; 
	font-weight: normal;
	 background: #e9e9e9;
	 margin-bottom:0;
}
	
#content .news-eventos a:hover,  
#content .clientes a:hover { 
	text-decoration: none; 
	font-weight: normal; 
	background: #000; 
	color: #FFF;
	margin-bottom:0; 
}

#content .categories a:hover{ 
	text-decoration: none; 
	font-weight: normal; 
	background: #000; 
	color: #FFF;
	margin-bottom:0; 
}	

#content .categories a.active {
	text-decoration: none; 
	font-weight: normal; 
	background: #000; 
	color: #FFF;
	margin-bottom:0;
}


#gallery { clear: both; }

#gallery img { margin: 1px; }

	
	
.newsletter a { background: #fff url(/txp/http://codex.pt/imagens/newsletter.gif) no-repeat 0 0; width: 83px; height: 21px; display: block; text-indent: -9999px; overflow: hidden; }

input#news-nome, input#news-email { margin: 1px 0; padding: 1px 6px; }

.bold-destaque { background: #231f20; color: #fff; }
strong, b { font-weight: bold; }
	
h1 span, div.email span, div.formulario span, div.header-logo span { display: none; }

#content .categorias a.on { text-decoration: none; font-weight: normal; background: #000000; color: #FFFFFF; }
#content span.on { font-weight: normal; background: #000000; color: #FFFFFF; }

#newsletter-form { padding-left: 10px; float: left; }

#vcard { background: url(/txp/http://codex.pt/imagens/contactos-icon-vcard.gif) no-repeat 0 10px; }
#vcard a { text-indent: -9999px; display: block; width: 48px; height: 28px; overflow: hidden; }

#vermapa { background: url(/txp/http://codex.pt/imagens/vermapa.gif) no-repeat -2px 10px; }
#vermapa a { text-indent: -9999px; display: block; width: 55px; height: 28px; overflow: hidden; }


	/* !Contact form */

input {
	margin-bottom: 10px;
}

input:hover, input.zemSubmit:hover { 
}

label { 
	display: block; 
	margin-bottom: 4px;
}

.zemContactForm input {
	background: #000;
	border: none;
	color: #fff;
	padding: 0 2px 0 2px;
	font-size: 11px;
	width: 496px;
	height: 14px;
	line-height: 14px
}

.zemContactForm input.zemSubmit {
	width: 50px;
	height: 18px;
	margin-bottom: 14px;
}

.zemContactForm textarea.zemTextarea {
	background: #000000; 
	color: #fff; 
	border: none;
	width: 496px;
	height: 38px;
	padding: 2px;
	margin-bottom: 14px;
}


	/* !Skip to content - screen reader users */

#skiptocontent a, #skiptocontent a:hover, #skiptocontent a:visited { position: absolute; left: 0; top: -1500px; width: 1px; height: 1px; overflow: hidden; }
#skiptocontent a:active { width: auto; height: auto; } 


	/* !Lists */

ul { margin-bottom: 14px; }

.clientes ul { width: 500px; float: left; margin-bottom: 14px; }
.clientes ul li { float: left; width: 250px; margin-bottom: 0; }

.contactos ul { width: 250px; float: left; margin-bottom: 14px;  }
.contactos ul li { float: left; width: 250px; margin-bottom: 0; }


		.boxgrid{ 
				width: 510px; 
				height: 260px;
				margin-left:1px;
				margin-bottom:1px;
				float:left; 
				background:#161613; 
		        /*border: solid 2px #8399AF; */
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
				/*	font-weight:normal; 
					font:9pt "Lucida Grande", Arial, sans-serif; */
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 140px; 
				width: 100%; 
				opacity: 0.8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 230px;
 					left: 0px;
 				}
				.titulo{
	font-size:14px;
	color:#FFF;
	margin-left: 10px;
	line-height:2.3em;
					}
					.branco{
						color:#FFF;}




	/* !Enhanced, universal clearfix hack */
	
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     /*content: " ";*/
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
	/* close commented backslash hack */