/************************************************\
» Main Layout - Screen
--------------------------------------------------
           By Pedro Oliveira 2015
\************************************************/

/************************************************\
» TYPE
\************************************************/

/* Shared ****************************************/
body,
.matrix textarea,
.matrix input { font-family: Arial, Helvetica, sans-serif; }
.matrix h1,
.matrix h2,
.matrix h3,
.matrix h4,
.matrix h5,
.matrix .editMode,
header.matrix nav a,
.ccm-tags-ptf .ccm-tag-list.subnav li,
.ccm-tags-display-ptf .ccm-tag-list.subnav,
.emm-ptf-list a.allinfo .consultar,
.emm-ptf-list a.allinfo .title,
.ccm-pagination { font-family: 'Squada One', cursive !important  }
.matrix ul { list-style-position: outside; margin-left: 18px }

/* Colors ****************************************/
body,
.matrix button,
header.sticky-active.sticky,
header.sticky-active.sticky a,
.matrix a:hover,
.matrix .destaq .btn:hover,
.matrix .destaq a.btn:hover,
header.sticky .mainmenu a,
header.sticky a.logotipo,
.matrix .ccm-tags-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a,
.matrix .ccm-tags-ptf .ccm-tag-list.subnav a.nav-path-selected,
.matrix .ccm-tags-display-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a { color: #221E1F }
.matrix section.title { color: #666 }
.matrix .emm-projPtf-wrapper h3,
.matrix .ccm-page-list.ptf-each-project .emm-ptf-list li .tags { color: #999 }
.matrix .destaq a { color: #EBE189 }
.matrix .error { color: #F00; }
.matrix .confirm,
.matrix .text-success { color: #690; }
header a,
header .mainmenu li a,
header .mainmenu a:hover {color: #8CCD31 }
.matrix a,
.matrix .destaq .btn,
.matrix .destaq a.btn,
header.sticky-active.sticky .mainmenu li.nav-path-selected a,
header.sticky-active.sticky a:hover,
header.sticky-active.sticky .mainmenu li.selected a,
header.sticky-active.sticky .mainmenu li.selected li a,
.disclosure-container a { color: #468C00; }
.matrix .alert.error,
.matrix .alert.confirm,
.matrix input[type="submit"],
header a:hover,
header .logotipo,
header a.logotipo,
header .mainmenu li.nav-path-selected a,
.sub-footer,
.matrix .btn,
.matrix .editMode,
.matrix .destaq,
.matrix .destaq a:hover,
.matrix .banner.slider .headlines h1,
.matrix .banner.slider .headlines h2,
.matrix .panel.home .panel-heading,
.matrix input[type="submit"],
.matrix .home-static .google-maps h5  { color: #FFF; }

/* Size ******************************************/
header .logotipo,
header.sticky-active,
.slicknav_nav,
.matrix .sub-footer .phone-box h3 { font-size: 1.3em  }
.ccm-tags-ptf .ccm-tag-list.subnav,
.ccm-tags-display-ptf .ccm-tag-list.subnav { font-size: 1.2em  }
header.sticky-active.sticky,
.ccm-page-list.ptf-each-project .emm-ptf-list li .tags { font-size: 0.9em; }
.main-breadcrumbs,
#ccm-cookiesDisclosure.disclosure-bottom { font-size: 0.8em; }

/* Variations ************************************/
.matrix h1,
.matrix h2,
.matrix h3,
.matrix h4,
.matrix h5 { font-weight: normal }
.matrix .text-success { font-weight: bold }
.matrix .sub-footer,
.matrix .editMode { text-align: center }
header a.logotipo:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; }
.matrix a:hover,
footer .mainmenu li.selected a,
.ccm-tags-ptf .ccm-tag-list.subnav .portfolio-ccm-tag-selected a,
.ccm-tags-ptf .ccm-tag-list.subnav a.nav-path-selected,
.ccm-page-list.ptf-each-project .emm-ptf-list a:hover,
.ccm-tags-display-ptf .ccm-tag-list.subnav a:hover { text-decoration: underline }
.matrix .btn:hover,
footer a,
header .mainmenu li:hover a,
header .mainmenu li li:hover a,
header .mainmenu li li li:hover a,
.ccm-tags-ptf .ccm-tag-list.subnav a,
.ccm-page-list.ptf-each-project .emm-ptf-list a,
.ccm-tags-display-ptf .ccm-tag-list.subnav a { text-decoration: none }
header,
.matrix .editMode { text-transform: uppercase }
.matrix a:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.matrix a[target="_blank"]:before,
.matrix a[target="new"]:before { } /* links on new windows */

/************************************************\
» GRAPHIC LAYOUT
\************************************************/

/* Objects **************************************/
.matrix input[type="submit"] { background-color: #468C00 }
.matrix input[type="submit"]:hover,
.matrix button:hover { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.matrix .btn { background-color: #468C00; border-radius: 4px; }
.matrix .home-static .google-maps { padding-bottom: 30%; pointer-events: none; opacity: 0.9; }
.matrix .home-static .google-maps h5 { background-color: #221E1F; filter: alpha(opacity=50); opacity: 0.5; left: 50%; margin: 0 0 0 -90px; padding: 6px 12px; position: absolute; z-index: 100; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.matrix .home-static:hover .google-maps h5 { filter: alpha(opacity=90); opacity: 0.9; }

/* Header ***************************************/
header { background-color: #221E1F; }

/* Logotipo */
header .logotipo { background-color: #221E1F; border-radius: 0; margin: 0; padding: 10px 30px; position: absolute; left: 3%; top: 0; z-index: 997 }
header.userLoggedIn .logotipo { top: 50px; }
header .logotipo .image img { width: auto; max-width: 100%; max-height: 155px}
header .logotipo .image img.logo-bottom {  display: none; }
header .logotipo .text { display: none; }
header a.logotipo:hover img { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }

/* Main Menu */
header .mainmenu { float: right; margin: 22px 3% 22px; }
header .mainmenu a { display: block; letter-spacing: 1px; margin: 0 10%; padding: 6px 15px; white-space: nowrap; }
header .mainmenu li.nav-path-selected a { background-color: transparent; border-radius: 4px; }
header .mainmenu ul { margin: 0; clear: none }
header .mainmenu li.selected li a { background-color: transparent; }
header .mainmenu li,
header .mainmenu li a { float: left; position: relative;  }
header .mainmenu li li,
header .mainmenu li li a,
header .mainmenu li li li,
header .mainmenu li li li a { float: none; clear: both; }
header .mainmenu li:hover ul { display: block; }
header .mainmenu ul ul { background-color: #221E1F; border-radius:  0 0 4px 4px; display: none; min-width: 100%; padding-top: 2%; position: absolute; top: 100%; z-index: 99999;
-webkit-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-moz-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-ms-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
-o-filter: drop-shadow(0 5px 2px rgba(0,0,0,.8));
filter: drop-shadow(0 5px 2px rgba(0,0,0,.8)); }
header .mainmenu ul ul a { padding: 4px 15px }
header .mainmenu ul ul li:last-child a { padding-bottom: 15px }
header .mainmenu li:hover ul ul { display: none; }
header .mainmenu ul ul ul { background-color: #221E1F; border-radius: 0 0 4px 4px; left: 100%; top: 0; padding-top: 0;
-moz-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
-ms-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
-o-filter: drop-shadow(0 0 2px rgba(0,0,0,.8));
filter: drop-shadow(0 0 2px rgba(0,0,0,.8)); }
header .mainmenu li li:hover ul { display: block; }

/*Sticky header */
.content.sticky { padding-top: 85px; }
header.sticky-active { /* set animation --> */ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
header.sticky-active.sticky { background: #FFF; filter: alpha(opacity=90); opacity: 0.9; border-bottom: solid 3px #EEE; position: fixed;  }
header.sticky-active.sticky .logotipo { background-color: transparent; margin: 0; padding: 0; position: absolute; left: 0; top: 0 }
header.sticky-active.userLoggedIn .logotipo { top: 0; }
header.sticky-active.sticky .logotipo .image img { display: none }
header.sticky-active.sticky .logotipo .image img.logo-bottom { display: block; max-height: 50px; margin: 3px 30px }
header.sticky-active.sticky .mainmenu { margin: 12px 2% 8px; }
header.sticky-active.sticky .mainmenu ul ul { background-color: #FFF; }

/* Bandeiras */
.lang { background: none; float: right; clear: none; margin-left: 0.5%; margin-right: 6% }
header .lang { margin-top: 32px }
header.sticky-active .lang { margin-top: 35px }
header.sticky-active.sticky .lang { margin-top: 18px }
.lang a { display: block; height: 11px; text-indent: -10000px; overflow: hidden; width: 16px }
.lang li { position: relative; }
.lang li li { display: none; margin: 50% 0; filter: alpha(opacity=70); opacity: 0.7; zoom: 1; }
.lang li li:last-child { margin: 0 }
.lang li.selected,
.lang:hover li { display: block; }
.lang li li:hover { filter: alpha(opacity=100); opacity: 1; zoom: 1; }
.lang ul { padding: 10px; position: absolute; top: -23px; z-index: 99999 }
.lang .pt { background: url(../../imgs/layout/flags/pt.png) no-repeat; }
.lang .en { background: url(../../imgs/layout/flags/gb.png) no-repeat; }
.lang .fr { background: url(../../imgs/layout/flags/fr.png) no-repeat; }
.lang .es { background: url(../../imgs/layout/flags/es.png) no-repeat; }
.lang .cn { background: url(../../imgs/layout/flags/cn.png) no-repeat; }
footer .lang { display: none }

/* Layout Areas ********************************/

/* Banners */
.static-banner { max-height: 100px; overflow: hidden; }
.static-banner img { width: 100%; }
.home-banner { margin-bottom: 2%;}

/* Panel */
.matrix .panel-heading { background-color: rgba(0,0,0,0.8); }
.matrix .panel.home .panel-body { margin-left: 110px; }
.matrix .panel.home.um { background: url(../../imgs/conteudo/home_boy.png) -65px bottom no-repeat; }
.matrix .panel.home.dois { background: url(../../imgs/conteudo/home_building.jpg) -280px bottom no-repeat; }
.matrix .panel.home.tres { background: url(../../imgs/conteudo/home_phone.jpg) 0 bottom no-repeat; }

/* Destaque */
section.home,
.matrix .destaq { background-color: rgba(128,128,128,0.3); }

.title .block { margin: 1%; }

/* Footer ***************************************/
footer.matrix  { padding-bottom: 0; }
.matrix .sub-footer { background-color: #221E1F; float: left; padding: 1%; position: relative; width: 100%;  }
.matrix .sub-footer .phone-box { background-color: #468C00; border-radius: 4px 4px 0 0; box-sizing: border-box; bottom:0; left: 50%; margin: 0 0 0 -125px; padding: 5px 35px 5px 30px; position: absolute; white-space: nowrap; z-index: 99 }

/* Layout Blocks C5 ****************************/

/* Div Modo de edição */
.editMode { background-color: #CCC; padding: 26px 0; }

/* Autonav */
/* Autonav - Breadcrumbs */
.ccm-autonav-breadcrumb-sep

/* Page List */
.content .nav-list,
.content .nav-list li { list-style: none; margin-left: 0; padding-left: 0; }
.pagination { clear: both; text-align: center; padding-top: 20px; }
.pagination ul { list-style: none; }
.pagination li { display: inline-block; padding: 0 10px; }
.rss { display: block; clear: both; padding-top: 20px; text-align: center; }

/* Page List - News Início */
.nav-list.news-inicio li { border-top: solid 1px #999; clear: both; }
.nav-list.news-inicio li a { display: block; float: left; margin-bottom: 10px; width: 100%;}
.nav-list.news-inicio img { float: right; margin-left: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.nav-list.news-inicio a:hover { opacity: 1; }
.nav-list.news-inicio a:hover img { float: right; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

/* Page List - Todas as Notícias */
.nav-list.news-todasNoticias { }
.nav-list.news-todasNoticias li { float: left; border-bottom: solid 1px #CCC }
.nav-list.news-todasNoticias img { float: left; margin-right: 15px;  padding-bottom: 20px; padding-top: 20px; }
.nav-list.news-todasNoticias h3 {margin-top: 15px; }
.nav-list.news-todasNoticias h3,
.nav-list.news-todasNoticias p { clear: none; overflow: hidden; /* »» denies wrapping around image!!!! »» http://stackoverflow.com/questions/11411219/css-to-stop-text-wrapping-under-image/15421257#15421257 */  }

/* Page List - Lista na Notícia */
.nav-list.news-listaNaNoticia li { padding-bottom: 10px; margin-bottom: 20px;  }
.nav-list.news-listaNaNoticia a { display: block; float: left; }
.nav-list.news-listaNaNoticia img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.nav-list.news-listaNaNoticia a:hover { opacity: 1; }
.nav-list.news-listaNaNoticia a:hover img { width: 100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.nav-list.news-listaNaNoticia h3 { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }
.nav-list.news-listaNaNoticia p { margin-top: 0; padding-top: 0; }

/* Page List - Portfolio - Lista para o Projectos */
.ccm-page-list.ptf-each-project h3 {padding-top: 20px; }
.ccm-page-list.ptf-each-project .emm-ptf-list { border-left: dashed 1px #CCC; float: left; list-style: none; margin: 0; width: 100%; }
.ccm-page-list.ptf-each-project .emm-ptf-list li { border-right: dashed 1px #CCC; float: left; min-height: 80px; padding: 0 3%;  width: 27%; }

/* Pesquisa - Resultados */
#searchResults { list-style: none; }

/*Forms */
.matrix .text-success { background-color: #CDE8B2; margin: 14px 0 10px; padding: 5px; text-align: center; }

/* Ficha de Projecto */
.emm-projPtf-wrapper { border-top: dashed 1px #CCC; }
.emm-projPtf-wrapper .emm-projPtf-info { border-bottom: dashed 1px #CCC; float: left; padding-right:2%; width: 48%; }
.emm-projPtf-wrapper .emm-projPtf-info.descript { padding-left: 0; width: 100%; }

/* Tags - Portfolio - Lista de todos os Projectos */
.ccm-tags-ptf .ccm-tag-list.subnav { list-style: none }
.ccm-tags-ptf .ccm-tag-list.subnav li { display: inline-block; margin-right: 2%; }

/* Tags - Portfolio - Página do Projecto - Nav Lateral */
.ccm-tags-display-ptf .ccm-tag-list.subnav { list-style: none; margin-left: 0 }

/* Cookies Disclosure */
.disclosure-container { border-top: solid 1px #CCC;  }
.disclosure-container p { padding: 0; }
.disclosure-container input[type="submit"] { background-color: #468C00; border: none; padding: 8px; cursor: pointer; }
.disclosure-container input[type="submit"]:hover { opacity: 0.8; }
#ccm-cookiesDisclosure .disclosure-form { padding-top: 0 !important}

/* Specific Pages ******************************/

/************************************************\
» GRAPHIC LAYOUT - RESPONSIVE
\************************************************/

@media (max-width: 1300px){

}

@media (max-width: 1150px){
/* Header ***************************************/
/* Logotipo */
/* Main Menu */
header .mainmenu a { padding: 6px; }
}

@media screen and (min-width:979px) and (max-width:1390px) {
/* STRUCTURAL LAYOUT ****************************/
/* Global ****************/
/* .container { margin: 0; width: 99% }  --> Define margins for social share "add this" */
}

@media (max-width:960px){
/* Header ****************/
header { background: none; position: absolute; top: 0; left: 0; }
section.title { display: none }
/* Logotipo */
header .logotipo { background: none; margin: 0; padding: 12px 0 0; left: 14px }
header .logotipo .image img,
header .logotipo .image img.logo-bottom { display: none; }
header .logotipo .text { display: block; }
/* Main Menu */
.matrix li .slicknav_item.slicknav_row a i,
header .mainmenu { display: none } /* classic menu - hide! */
.js .slicknav_menu { display:block; } /* mobile menu - show! */
/* Content  **************/
/* Content */
.content.sticky { padding-top: 0; }
.content > section.title { padding-top: 0 }
.title .block { margin: 1%; }
/* Banner - Slider */
.banner.slider .headlines { margin-top: 6%; padding: 15px 0 10px 0; }
/* Footer ****************/
.matrix .sub-footer .phone-box { display: none }
}

@media (max-width: 770px){
/* GRAPHIC LAYOUT *******************************/
/* Header ****************/
	header.matrix  .logotipo { margin: 0; }
	.matrix .home-static .google-maps h5 { display: none }
}

@media (max-width: 570px){
/* GRAPHIC LAYOUT *******************************/
/* Footer ****************/
	.matrix .sub-footer .phone-box { position: relative; left: 0; }
/* LAYOUT BLOCKS *********/
/* Ficha de Projecto */
.emm-projPtf-wrapper .emm-projPtf-info { border-bottom: dashed 1px #CCC; float: none; padding-right:0; width: 100%; }
}
@media (min-width:481px) and (max-width: 960px){
}

/************************************************\
» NOTIFICATIONS
\************************************************/

/************************************************\
» VARIATIONS
\************************************************/

/************************************************\
» API's CSS
\************************************************/