/*
Name: Jaime Almeida Ernesto
Date: Jan 2013
*/

/* Imports */
@import url("reset.css");




/***** Global *****/
/* Body */
body {
	color: #000305;
	font-size: 62.5%; /* Base font size: 10px */
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
	height:100%;
}

.bg-home {
	background: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
}

.bg-trabalhos {
	background: url(../images/bg-pontos.jpg) repeat;
}
 
/* Headings */
h2 {font-size: 1.2em; background:#fff; color:#999; width:auto; height:15px; padding:5px; font-weight: normal; text-transform:uppercase; margin: 10px 5px 0 0; float:left} /* 12px */
h3 {font-size: 2.0em} /* 20px */
h4 {font-size: 1.8em} /* 18px */
h5 {font-size: 1.6em} /* 16px */
h6 {font-size: 1.4em} /* 14px */
 
h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}


/* Paragraphs */
p {margin-bottom: 1.5em;}
* p:last-child {margin-bottom: 0;}



/* Layout */
#wrapper {margin:0 0 0 50px; padding:35px 0 0 0;}

#header {position:fixed; z-index:2;}
#header_home {position:fixed; z-index:2; padding:35px 0 0 50px;}

.clear {clear:both;}

/*.back {color:#000; font-weight:bold; background:#fff; padding:0 8px 1px 8px; margin:10px 0 0 0; text-decoration:none; display:inline-block; font-size:1.6em; float:left}*/
.back {background:#fff; padding:0; margin:10px 0 0 0; text-decoration:none; display:inline-block; height:25px; float:left}
.back img {margin:0; padding:0;}


/* Main Menu */
#mainMenu {}

.mainMenu-class {text-transform:uppercase; margin: 10px 5px 0 0; float:left; }
.mainMenu-class ul {margin:0; padding:0; list-style:none; width:255px; text-align:left; background: url(../images/mainmenu-seta-down.png) no-repeat 230px center #fff;}
.mainMenu-class ul li {position:relative; font-size:1.2em;}
.mainMenu-class ul li a {display:block; width:255px; height:15px; padding:5px; text-decoration:none; color:#000; font-weight:bold;}
.mainMenu-class ul li:hover ul {display: block;}
.mainMenu-class ul li ul {position:absolute; left:0; top:25px; display:none; background-image:none;}
.mainMenu-class ul li ul li { font-size:1em; border-top:1px solid #ccc;}
.mainMenu-class ul li ul li a {display:block; width:245px; height:15px; padding:5px; font-weight:normal;}
.mainMenu-class ul li ul li a:hover {background:#ececec;}





#content {position:relative; z-index:1; padding-top:145px; clear:both}


/* Contactos */
#map {position:absolute; top:0; bottom:0; width:100%}
.contact-block {background:#fff; width:235px; padding:20px 10px; clear:both; margin-top:100px; position:fixed; }


/* Bio */
.bio {width:380px; height:390px; background:#ededed; padding:20px; overflow:hidden; float:left; margin-right:10px; color:#333; font-size:1.6em;}
.bio a {color:#333; text-decoration:none;}
.bio a:hover {color:#333; text-decoration:underline;}
.bio p {display:block; width:100%;}


/* Feedback */
.feedback {background:#9d9d9c;}
.feedback-desc {width:170px; height:100px; padding:10px; color:#fff; text-transform:uppercase;}
.feedback-desc h6 {margin:0 0 6px 0;}
.feedback-text {width:380px; height:360px; background:#706f6f; padding:50px 10px 10px 20px; overflow:hidden; float:left; margin-right:10px; color:#fff; font-size:1.6em;}
.feedback-text a {color:#fff; text-decoration:none;}
.feedback-text a:hover {color:#fff; text-decoration:underline;}
.feedback-text p {display:block; width:100%;}



/* Project
*/
.project-container-gallery {
	position: relative;
	width: 50000px; /* este width terá que ser calculado por javascript, com base nos tamanhos das imagens da galeria */
	margin-top: 0;
	margin-left: 0;
	color:#000;
}
.project-gallery img, .project-gallery object, .project-gallery iframe {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


.project-desc-container {
	position: fixed;
	top: 30px;
	width: 255px;
	color: #FFF;
	z-index: 20;
	/* font-family: Helvetica, sans-serif; */
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	font-size: 13px;
	left: 560px;
}
.project-desc-heading {
	height: 25px;
	background-color:#000;
	margin-bottom: 1px;
	padding: 0 7px;
	cursor: pointer;
	/* letter-spacing: 1px; */
}
.project-desc-heading .float-left {
	margin-top: 4px;
}
.project-desc-heading .float-left img {
	margin-top: 3px;
	border: 0;
}
.project-desc-heading .float-right img {
	margin-top: 9px;
}
.project-desc-box {
	/*display: none; */
	color: #ffffff;
	padding: 10px;
	width: 235px;
	height: 546px;
	background: transparent url(../images/pixel.black.transp.png) top left repeat;
}
.project-awards {
	position: fixed;
	margin: 0px 0px 10px 30px;
}
.project-desc-box a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
.project-desc-box a:hover {
	border-bottom: 1px solid #fff;	
}

.funcionario-desc {width:380px; height:360px; background:#999; /*background:#ff4300;*/ padding:50px 10px 10px 20px; overflow:hidden; float:left; margin-right:10px; color:#fff; font-size:1.6em;}
.funcionario-desc a {color:#fff; text-decoration:none;}
.funcionario-desc a:hover {color:#fff; text-decoration:underline;}
.funcionario-desc p {display:block; width:100%;}
.nome {font-size: 2em;}
.cargo {font-size: 1.6em; font-weight:lighter;}
.telefone-tit {font-weight:bold; margin:40px 0 0 0;}
.telefone {font-weight:lighter;}
.email-tit {font-weight:bold; margin:40px 0 0 0;}
.email {font-weight:lighter;}

/* Portfolio
*/
.portfolio-container {
	position: relative;
	top: 0;
	left: 0;
	color:#000;
	/*width: 5080px; */ /* 890px */	
}
.portfolio-item {
	float: left;
	position: relative;
	width: 190px;
	height: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolio-item a {text-decoration:none;}
.fundo-azul {background:#00b4d8;}
.fundo-azul:hover {background:#999;}

.fundo-cinza {background:#999;}
.fundo-cinza:hover {background:#666;}

/* método 1 */
.portfolio-item .portfolio-item-desc { 
	position: absolute; 	
	width:190px;
	height: 120px;
	top:160px;  
	left:0px;  
	/* font-family: Georgia, serif; */
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-size: 13px;
	line-height: 20px;
	padding: 10px;
	/* background: transparent url(../images/pixel.black.transp.png) top left repeat; */
	background: #000;
}
.portfolio-item-desc a:link, .portfolio-item-desc a:visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
.portfolio-item-desc a:hover, .portfolio-item-desc a:active {
	text-decoration: none;
} 
.portfolio-item-desc-hover {
	cursor: pointer;	
}
.portfolio-item-readmore {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.equipa-desc {width:170px; height:100px; padding:10px; color:#fff; text-transform:uppercase;}
.equipa-desc h6 {margin:0 0 6px 0;}



/* Navigation (portfolio + project)
*/
.nav-horiz, .project-next {
	position: fixed;
	z-index: 50;
	width: 50px;
	cursor: pointer;
	top: 335px;
}
#nav-left {
	left: 0px;
}
#nav-right, .project-next {
	right: 0px;
}
.project-next {
	z-index: 9;
}

.more-cinza {width:190px; font-size:1.6em; display:block; text-align:right; color:#333; font-weight:lighter; position:relative; top:-30px; right:10px}
.more-branco {width:190px; font-size:1.6em; display:block; text-align:right; color:#fff; font-weight:lighter; position:relative; top:-30px; right:10px}



/* Social */
.social {float:left; margin:10px 0 0 0;}
.social span {color:#999; display:inline-block; margin:0 6px 0 0; position:relative; top:-10px;}
.social a {margin:0 6px 0 0; display:inline-block}