/*-------------------------------------------------------
LAYOUT
Version: 1.0 2012
Author: Playme.pt (Miguel Vale)
Email: info@playme.pt
Website: Playme.pt
-------------------------------------------------------*/

/*Font Face*/
/*******************************************************/

@font-face {
	font-family: 'PTSansItalic';
	src: url('fonts/PTS56F-webfont.eot');
	src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS56F-webfont.woff') format('woff'), url('fonts/PTS56F-webfont.ttf') format('truetype'), url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PTSansRegular';
	src: url('fonts/PTS55F-webfont.eot');
	src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS55F-webfont.woff') format('woff'), url('fonts/PTS55F-webfont.ttf') format('truetype'), url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ForoExtraLight';
	src: url('fonts/ForoExtraLight.eot');
	src: local('☺'), url('fonts/ForoExtraLight.woff') format('woff'), url('fonts/ForoExtraLight.ttf') format('truetype'), url('fonts/ForoExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*******************************************************/

/*reset css*/

/*******************************************************/

body {
	margin : 0;
	padding : 0;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 18px;
	background-color : #fff;
	color : #000;
	min-height:660px;
}
img {
	border : none;
}
/*******************************************************/

/*links*/

/*******************************************************/

a {
	text-decoration : none;
}
a:link {
	color : #fff;
}
a:visited {
	color : #fff;
}
a:hover {
	color : #000;
}
a:active {
	color : #000;
}
/*******************************************************/

/*header*/

/*******************************************************/
#barra_header {
	width : 100%;
	height : 50px;
	background-color : #bcd00b;
	position : absolute;
	z-index : -5;
	top : 40px;
}
#barra_pe {
	width : 40px;
	height : 50px;
	position : absolute;
	z-index : 9;
	top : 40px;
	margin-left: -60px;
}
#header {
	width : 940px;
	height : 70px;
	margin-top : 30px;
	background-image : url(../../images/img/header_bg.jpg);
}
#menu {
	width : 400px;
	height : 70px;
}
#navigation {
	width : 400px;
	height : 70px;
	font-family : 'PTSansItalic', Arial, Helvetica, sans-serif;
	margin-left : 380px;
	float : left;
}
.nav li {
	display : inline;
}
.nav li a {
	text-align: center;
	float: left;
	margin-top: 10px;
	padding-top: 17px;
	width: 60px;
	height: 43px;
}
#logo {
	width : 160px;
	height : 50px;
	margin-top : 10px;
	float : left;
}
/*******************************************************/

/*Conteiner*/

/*******************************************************/
#container {
	width : 960px;
	height : auto;
	margin : auto;
	padding : 0;
	overflow : hidden;
}

#content {
	width : 960px;
	height : auto;
	margin-top : 30px;
}

#content_home {
	width : 940px;
	height : auto;
    left: 50%;
    /*margin-left: -470px;*/
	margin-left: -388px;
    /*margin-top: -255px;*/
	margin-top: -200px;
    position: absolute;
    top: 50%;
}

.saltar{
	color:#000;
	text-align:center;
}

/*******************************************************/

/*actualização 17/10/2013 conteudo index*/

/*******************************************************/
/*

#content {
	width : 940px;
	height : 540px;
    left: 50%;
    margin-left: -470px;
    margin-top: -255px;
    position: absolute;
    top: 50%;
}

#row1{
	width:auto;
	height:150px;
	float:left;
	margin-top:30px;
}

#row2{
	width:auto;
	height:170px;
	float:left;
	margin-top:20px;
}

#row3{
	width:auto;
	height:150px;
	float:left;
	margin-top:20px;
}

.img01{
	width:225px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#333;	
	}
	
	.img02{
	width:235px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img03{
	width:220px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img04{
	width:150px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}

.img05{
	width:170px;
	height:170px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#333;	
	}
	
	.img06{
	width:230px;
	height:170px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img07{
	width:220px;
	height:170px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img08{
	width:210px;
	height:170px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}

	.img09{
	width:230px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	background-color:#333;	
	}
	
	.img10{
	width:150px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img11{
	width:155px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}
	
	.img12{
	width:295px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	background-color:#333;
	}

*/

/*******************************************************/

/*Content Right*/

/*******************************************************/
#content_right {
	width : 400px;
	height : auto;
	float: left;
}
.content_illustra {
	width : 320px;
	height : 300px;
	float: left;
	position: fixed;
	bottom : 110px;
}
.content_links {
	width : 320px;
	height : 20px;
	float: left;
	position: fixed;
	bottom : 70px;
}
.nav_footer {
	display : inline;
	float: right;
	margin : 0;
}

.instagram_link {
	padding-right: 10px;
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../images/img/instagram.jpg) no-repeat;
}
.instagram_link:a {
 width:20px;
 height:20px;
 display:inline-block;
}
.instagram_link:hover {
	background-position: 0px -20px;
}

.pinterest_link {
	padding-right: 10px;
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../images/img/pinterest.jpg) no-repeat;
}
.pinterest_link:a {
 width:20px;
 height:20px;
 display:inline-block;
}
.pinterest_link:hover {
	background-position: 0px -20px;
}



.facebook_link {
	padding-right: 10px;
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../images/img/faceook.jpg) no-repeat;
}
.facebook_link:a {
 width:20px;
 height:20px;
 display:inline-block;
}
.facebook_link:hover {
	background-position: 0px -20px;
}
.vimeo_link {
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../images/img/vimeo.jpg) no-repeat;
}
.vimeo_link:a {
 width:20px;
 height:20px;
 display:inline-block;
}
.vimeo_link:hover {
	background-position: 0px -20px;
}

.issuu_link {
	float: right;
	margin-left:10px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../images/img/issuu.jpg) no-repeat;
}
.issuu_link:a {
 width:20px;
 height:20px;
 display:inline-block;
}
.issuu_link:hover {
	background-position: 0px -20px;
}

/*******************************************************/

/*Content Left*/

/*******************************************************/
#content_left {
	width : 620px;
	height : auto;
	float: left;
	margin-top: 60px;
	margin-bottom: 60px;
}
.content_titles {
	width : 540px;
	height : 60px;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-size: 28px;
}
.content_text {
	width : 520px;
	height : auto;
	padding-right: 20px;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}
/*******************************************************/

/*Content Left EMPRESA*/

/*******************************************************/
.content_images_empresa {
	width : 540px;
	height : 360px;
	float: left;
	background: url(../../images/img/content_left_contactos_img.jpg) no-repeat;
}
.content_images_perfil_thumbs {
	width : 72px;
	height : 72px;
	/*margin-left: 1px;
	margin-bottom: 1px;*/
	float: left;
}
/*******************************************************/

/*Content Left PERFIL*/

/*******************************************************/

.seta{
	text-align:center;
	width:540px;
	position:relative;
	margin-left:150px;
	}
.content_text_perfil_angela {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
}
.content_text_perfil_catia {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
}
.content_text_perfil_diogo {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
}
.content_text_perfil_ema {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
}
.content_text_perfil_paula {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
}
.content_left_perfil {
	width : 620px;
	height : auto;
	float: left;
	margin-top : 100px;

}
.content_right_perfil {
	width : 320px;
	height : auto;
	float: left;
	margin-top : 100px;
}
.content_wrap_perfil {
	width : 940px;
	height : auto;
	float: left;
	margin-bottom: 100px;
}
#content_right {
	width : 320px;
	height : auto;
	float: left;
}
.content_illustra_perfil {
	width : 320px;
	height : 300px;
	float: left;
	margin-top: 40px;
}
.content_images_perfil {
	width : 928px;
	height : 232px;
	float: left;
	margin-top: 60px;
	margin-left: 6px;
}
.content_images_perfil_individual {
	width : 220px;
	height : auto;
	margin-top: 85px;
	margin-right: 20px;
	float: left;
}
.content_images_perfil_thumbs_individual {
	width : 108px;
	height : 108px;
	margin-left: 1px;
	margin-bottom: 1px;
	float: left;
}
.content_images_perfil_thumbs {
	width : 116px;
	height : 116px;
	float: left;
}
.content_text_perfil {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 20px;
}
/*******************************************************/

/*Content Left SERVIÇOS*/

/*******************************************************/
.content_images_servicos {
	width : 160px;
	height : auto;
	margin-top: 40px;
	margin-right: 20px;
	float: left;
}
.content_servicos_wrap {
	width : 520px;
	height : autopx;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
.content_text_servicos {
	width : 340px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 20px;
}
/*******************************************************/

/*Content Left PORTFÓLIO*/

/*******************************************************/
#content_left_portfolio {
	width : 160px;
	height : auto;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: 10px;
	float: left;
}
.content_left_portfolio_links {
	width : 170px;
	height : 60px;
	margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.content_left_portfolio_links_img {
	float: left;
	position: relative;
    width: 70px;
}
.content_left_portfolio_links_text {
	position: relative;
	width: 100px;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
}
.content_left_portfolio_links a {
	float: left;
	font-family : 'PTSansItalic', Arial, Helvetica, sans-serif;
	color: #999;
}
.content_left_portfolio_links a:hover {
	color: #000;
}
#content_right_portfolio {
	width : 750px;
	height : auto;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 10px;
	float: left;
}
.content_right_portfolio_thumbs {
	width : 230px;
	height : 160px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
}
.content_right_portfolio_thumbs_link {
	width : 230px;
	height : 160px;
}
/*******************************************************/

/*Content Left CLIENTES*/

/*******************************************************/
.content_left_clientes_thumbs {
	width : 110px;
	height : 110px;
	margin: 10px;
	float: left;
	background: url(../../images/img/content_left_clientes_thumbs.jpg) no-repeat;
}
.content_left_clientes_thumbs img {
	padding-top: 5px;
	padding-left: 5px;
}
.content_text_clientes {
	width : 540px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*******************************************************/

/*Content Left CONTACTS*/

/*******************************************************/
.content_left_contactos_img {
	width : 540px;
	height : 360px;
	float: left;
	background: url(../../images/img/content_left_contactos_img.jpg) no-repeat;
    padding: 11px;
}
.content_left_contactos {
	width : 110px;
	height : 110px;
	margin: 10px;
	float: left;
}
/*******************************************************/

/*Content Left PROJECTS*/

/*******************************************************/
#content_left_projects {
	width : 160px;
	height : auto;
	margin-top: 30px;
	margin-right: 10px;
	float: left;
}
#content_left_project_titles {
	width : 160px;
	float: left;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	margin: 10px 0;
}
#content_left_project_data {
	width : 160px;
	height : 30px;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}

#content_left_projects_link {
    width : 160px;
    height : 25px;
    padding-top: 5px;
    margin-bottom: 10px;
    float: left;
    font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*background: url(../../images/img/linkfile.jpg) no-repeat;*/
}
#content_left_projects_link a {
    color: #999;
    display: block;
}
#content_left_projects_link a:hover {
    color: #BCD00B;
}

#content_left_projects_file {
	width : 160px;
	height : 25px;
	padding-top: 5px;
	margin-bottom: 10px;
	float: left;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background: url(../../images/img/downloadfile.jpg) no-repeat;*/
}
#content_left_projects_file a {
	color: #999;
	display: block;
}
#content_left_projects_file a:hover {
	color: #BCD00B;
}


#content_left_projects_next {
	width : 160px;
	height : 25px;
	padding-top: 5px;
	margin-bottom: 10px;
	float: left;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../../images/img/next.jpg) no-repeat;
}
#content_left_projects_next a {
	color: #999;
	display: block;
}
#content_left_projects_next a:hover {
	color: #BCD00B;
}
#content_left_projects_prev {
	width : 160px;
	height : 25px;
	padding-top: 5px;
	margin-bottom: 10px;
	float: left;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../../images/img/prev.jpg) no-repeat;
}
#content_left_projects_prev a {
	color: #999;
	display: block;
}
#content_left_projects_prev a:hover {
	color: #BCD00B;
}
#content_left_projects_back {
	width : 160px;
	height : 25px;
	padding-top: 5px;
	margin-bottom: 10px;
	float: left;
	font-family : 'ForoExtraLight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../../images/img/back.jpg) no-repeat;
}
#content_left_projects_back a {
	color: #999;
	display: block;
}
#content_left_projects_back a:hover {
	color: #BCD00B;
}
#content_left_projects_text {
	width : 160px;
	height : auto;
	margin-bottom: 20px;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content_right_projects {
	width : 750px;
	height : auto;
	margin-left: 10px;
	margin-top: 30px;
	float: left;
	margin-bottom: 60px;
}
.content_right_projects_img {
	width : 750px;
	float: left;
	background: url(../../images/img/project_item_top.jpg) no-repeat;
    position: relative;
}
.content_right_projects_img > div {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../images/img/project_item_bottom.jpg) no-repeat bottom center;
    width: 750px;
    height: 11px;
}
.content_right_projects_img img, .content_right_projects_img iframe {
	border: solid 1px #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
}
/*******************************************************/

/*Footer*/

/*******************************************************/
#barra_footer {
	width : 100%;
	height : 40px;
	background-color : #bcd00b;
	position: fixed;
	z-index : -1;
	left : 0;
	bottom : 0;
}
#footer {
	width : 940px;
	height : 50px;
	float: left;
	background-image : url(../../images/img/footer_img.png);
	position: fixed;
	bottom : 0;
	font-size : 12px;
	color : #fff;
}
.foot {
	padding-top: 20px;
}
/*******************************************************/

/*menu*/

/*******************************************************/
.index {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.perfil {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.servicos {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.portfolio {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.clientes {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.contactos {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
.nav a:hover {
	width: 60px;
	height: 60px;
	background: url(../../images/img/header_menu.jpg) top left no-repeat;
}
/*******************************************************/

/*Go To Top*/

/*******************************************************/
.gotop {
	width : 380px;
	height : auto;
	float: left;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 20px;
	color: #000;
}
.gotop a {
	color: #000;
}
.gotop a:hover {
	color: #BCD00B;
}
/*******************************************************/

/*Go To Top Portfolio*/

/*******************************************************/
.gotop_portfolio {
	width : 730px;
	height : auto;
	float: left;
    margin-top: 12px;
	margin-left: 20px;
	font-family : 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.gotop_portfolio a {
	color: #000;
}
.gotop_portfolio a:hover {
	color: #BCD00B;
}
/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/*General Mosaic Styles*/
.mosaic-block {
	float: left;
	position: relative;
	overflow: hidden;
	width: 230px;
	height: 160px;
	margin: 0px;
	/*background: #111 url(../img/progress.gif) no-repeat center center;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-backdrop {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #111;
}
.mosaic-overlay {
	display: none;
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111;
}
.fade .mosaic-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	background: url(../../images/img/bg-black.png);
}
.details {
	margin: 15px 20px;
}
h4 {
	font-family : 'PTSansItalic', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-shadow: 1px 1px 0 rgb(0,0,0);
}

.italico {
	font-family : 'PTSansItalic', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.angela {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_04.jpg) bottom;
	text-indent: -99999px;
}
.angela:hover {
	background-position: 0 0;
}
.angela2 {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_13.jpg) bottom;
	text-indent: -99999px;
}
.angela2:hover {
	background-position: 0 0;
}
.paula {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_06.jpg) bottom;
	text-indent: -99999px;
}
.paula:hover {
	background-position: 0 0;
}
.paula2 {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_11.jpg) bottom;
	text-indent: -99999px;
}
.paula2:hover {
	background-position: 0 0;
}
.ema {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_02.jpg) bottom;
	text-indent: -99999px;
}
.ema:hover {
	background-position: 0 0;
}
.ema2 {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_15.jpg) bottom;
	text-indent: -99999px;
}
.ema2:hover {
	background-position: 0 0;
}
.catia {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_08.jpg) bottom;
	text-indent: -99999px;
}
.catia:hover {
	background-position: 0 0;
}
.catia2 {
	display: block;
	width: 116px;
	height: 116px;
	background: url(../../images/img/02_perfil_10.jpg) bottom;
	text-indent: -99999px;
}
.catia2:hover {
	background-position: 0 0;
}