/*--------------------------------------------------------------------
LAYOUT - TMIP(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2012
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{ /* need html and min-height and not just heightfor ipad*/
	width: 100%; min-height: 100%; color: #221f1f; background: #FFF; 
	overflow-x: hidden;
}

@font-face {
    font-family: 'tmipM';
    src: url('../fonts/tmipM.eot');
    src: url('../fonts/tmipM.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tmipM.woff') format('woff'),
         url('../fonts/tmipM.ttf') format('truetype');
    font-weight: normal; font-style: normal; 
}
@font-face {
    font-family: 'tmipMI';
    src: url('../fonts/tmipMI.eot');
    src: url('../fonts/tmipMI.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tmipMI.woff') format('woff'),
         url('../fonts/tmipMI.ttf') format('truetype');
    font-weight: normal; font-style: normal; 
}
@font-face {
    font-family: 'tmipB';
    src: url('../fonts/tmipB.eot');
    src: url('../fonts/tmipB.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tmipB.woff') format('woff'),
         url('../fonts/tmipB.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'tmipBk';
    src: url('../fonts/tmipBoo.eot');
    src: url('../fonts/tmipBoo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tmipBoo.woff') format('woff'),
         url('../fonts/tmipBoo.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}

html, body{
	font: 14px/17px "tmipBk", Helvetica, Arial, sans-serif; text-align: center; background: #313131;	
	text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}
h2{font: 52px/55px "tmipM", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; margin-bottom: 10px;}
h3{font: 20px/25px "tmipM", Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 15px;}
/*h3{font: 20px/25px "tmipMI", Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 15px;}*/
h4{font: 23px/25px "tmipBk", Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 20px;}
h5{font: 11px/15px "tmipB", Helvetica, Arial, sans-serif; color: #0096ff; text-transform: uppercase; letter-spacing: 1px;}
p{max-width: 700px; padding: 0 20.833333%; /* 250px / 1200 px*/}
p.bold { font: 14px/17px "tmipB", Helvetica, Arial, sans-serif; }

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
header{
	display: block; position: relative; width: 100%;
	height: 180px; z-index: 100;
}
.link-apoios img {
	width: 300px; position: absolute; left: calc(50% - 150px); z-index: 20; bottom: 0; bottom: 30px; opacity: .4;
	transition: opacity 0.25s ease;
	-webkit-transition: opacity 0.25s ease;
}
.link-apoios:hover img {
	opacity: .6;
}
.servicos header{ background: #FFF;}
header h1{
	position: relative; float: left; width: 180px; height: 77px; text-indent: -5555px;
	background: transparent url(../imgs/id.png) no-repeat left top;
}
header h1 a{display: block; top: 0; left:0; width:100%; height: 100%;}
.index header h1 a:hover{cursor: default;}

/* =navigation */
header nav{
	display: block; position: relative; max-width: 1300px; margin: 0 auto;
	height: 60px; padding: 25px 50px 75px;
}
header nav ul{
	display: block; position: relative; float: right; width: auto; margin-top: 54px;
	font: 12px/26px "tmipB", Helvetica, Arial, sans-serif; text-transform: uppercase;
}
header nav ul li{
	display: block; position: relative; float: left; width: auto;
	margin: 0 0 0 30px;
}
header nav ul li a{padding: 6px 15px; border: 1px solid transparent;}
header nav ul li.on a{
	background: #f9fbfb; border: 1px solid #e3e5e7; color: #109dff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
}

/* =idiomas */
header nav ul.idiomas{
	width: auto; height: 26px; margin-left: 30px; border: 1px solid #e3e5e7; overflow: hidden; background: #f9fbfb;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
header nav ul.idiomas li{
	display: block; float: none; width: 50px;
	margin: 0; text-align: center; color: #109dff;
}
header nav ul.idiomas li:hover{cursor: pointer;}
header nav ul.idiomas li.off{display: none;}
header nav ul.idiomas li a{border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
/*header nav ul.idiomas li a:hover{color: #f8ca04;}
header nav ul.idiomas li.on a{color: #89949b;}*/

.wrapper{background: #FFF;}
.servicos .wrapper{background: #313131; overflow: hidden;}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
section{display: block; width: 100%;}
section article{
	display: block; position: relative; padding: 60px 0; max-width: 1200px; 
	margin: 0 auto; overflow: hidden;
}
.bgVideo {
	position: relative;
	height: 60vh;
	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
    -webkit-justify-content: center;
              -ms-flex-pack: center;
            justify-content: center;
    
    -webkit-align-items: center;
      	 -ms-flex-align: center;
            align-items: center;
}

.bgVideo .text {
	position: relative;
    width: 100%;
}

.bgVideo .text .bar {
    display: block;
    width: 280px;
    height: 4px;
    background: #FFF;
    margin: 0 auto 20px auto;
}


.block-bg-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.block-bg-cover .element-cover {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
}
/*-------------------------------------------------------------------------
=BOTÕES
-------------------------------------------------------------------------*/
a.btnOrange{
	display: inline-block; margin: 35px auto 0; padding: 0 60px;
	font: 11px/50px "tmipB", Helvetica, Arial, sans-serif; color: #fff;
	text-transform: uppercase; background: #ff731d;
	-webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;
	-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear; 
}
a.btnOrange:hover, a.btnOrange:focus{color: #FFF; background: #e05100; /*text-shadow: 0 0 1px #8d2800; box-shadow: inset 0 0 3px #8d2800;*/}

a.btnBlue{
	display: inline-block; margin: 0 auto; padding: 0 20px;
	font: 11px/28px "tmipM", Helvetica, Arial, sans-serif; color: #a9dbf5;
	text-transform: uppercase; background: #0375b1;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
	-moz-transition: background 0.2s linear; -webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear; transition: background 0.2s linear;
}
a.btnBlue:hover, a.btnBlue:focus{color: #FFF; background: #0f6aaa; text-shadow: 0 0 3px #004678; box-shadow:inset 0 0 3px #004678;}

/*-------------------------------------------------------------------------
= BG PIC
= Bloco com imagem como background
-------------------------------------------------------------------------*/
.bgPic{height: 500px; background-size: auto 100%; position: relative; overflow: visible;}
.bgPic article{padding: 160px 0 0; z-index:20; overflow: visible;}

/* INDEX */
.index section article h2, .servicos section article h2{padding-top: 20px;}
.index .bgPic{background: #313131;}

section article .loaded{display: none;}
.bgPic em.loadingBar, .bgPic em.loadingBar{display: block; width: 0px; height: 4px; background: #FFF; margin: 0 auto;}


/* SERVIÇOS */
.servicos .bgPic{z-index: 101;}
.servicos .bgPic span{
	display: none; position: absolute;
	width: 140px; height: 66px; left: 50%; top: -70px; margin-left: -70px; padding: 37px 0;
	-webkit-border-radius: 70px; -moz-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px;
	-moz-transition: background 0.2s linear; -webkit-transition: background 0.2s linear;
	-o-transition: background 0.2s linear; transition: background 0.2s linear;
	background: #008dd4 url(../imgs/servicos-icones-bg.png) no-repeat; 
}
.servicos .bgPic span.slideIcon00{background-position: 0 0;}
.servicos .bgPic span.slideIcon01{background-position: 0 -140px;}
.servicos .bgPic span.slideIcon02{background-position: 0 -280px;}
.servicos .bgPic span.slideIcon03{background-position: 0 -420px;}
.servicos .bgPic ul.slideNav{
	display: none; position: absolute; right: 20px; top: 183px;
	width: 11px; height: 134px;
}
.servicos .bgPic ul.slideNav li{padding-bottom: 30px; background: url(/imgs/servicos-rslides_tabs-bg.png) no-repeat left top;}
.servicos .bgPic ul.slideNav li:last-child{padding-bottom: 0px; background: none;}
.servicos .bgPic ul.slideNav li.prev{background-position: right top;}
.servicos .bgPic ul.slideNav li.prev a{background: #f8ca04;}
.servicos .bgPic ul.slideNav li a{
	display: block; position: relative; width: 11px; height: 11px;
	background: #FFF; text-indent: -5555px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
}
.servicos .bgPic ul.slideNav li.selected a{background: #f8ca04;}

#scrollbox, #scrollcontainer{width: 100%!important;}


/* MOBILE */

.mobile .servicosSlider{display: none;}
.mobile #slideServicos{display: block;}
.mobile .bgPic ul.slideNav{
	display: none; position: relative; top: 0px; right: 0px; margin: 0 auto;
	width: 134px; height: 11px;
}
.mobile .bgPic ul.slideNav li{
	float: left; padding: 0 30px 0 0;
	background: url(/imgs/servicos-rslides_tabs-bg-mobile.png) no-repeat left bottom;
}
.mobile .bgPic ul.slideNav li a{text-indent: -5555px;}
.mobile .bgPic ul.slideNav li:last-child{padding: 0px;}
.mobile .servicos .bgPic ul.slideNav li.prev{background-position: left top;}


/*.servicos .servicosSlider li{height: 500px; background-position: center top; background-repeat: no-repeat; text-indent: -5555px;}*/
.servicos .servicosSlider{
	position: absolute; display: none; top: 0px; width: 100%; height: 500px;
	overflow: hidden;
}
.servicos .servicosSlider li{
	position: relative; width: 100%; height: 500px; background-position: center top; background-repeat: no-repeat; text-indent: -5555px;
	-moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;  	
	-o-transition: all .3s ease-in; transition: all .3s ease-in;
}
.servicos .servicosSlider li#zero{background-image: url(/pics/servicos-header-rodoviario.jpg);}
.servicos .servicosSlider li#one{background-image: url(/pics/servicos-header-ferroviario.jpg);}
.servicos .servicosSlider li#two{background-image: url(/pics/servicos-header-aereo.jpg);}
.servicos .servicosSlider li#three{background-image: url(/pics/servicos-header-maritimo.jpg);}
.servicos .servicosSlider li.selected#zero{margin-top: 0px;}
.servicos .servicosSlider li.selected#one{margin-top: -500px;}
.servicos .servicosSlider li.selected#two{margin-top: -500px;}
.servicos .servicosSlider li.selected#three{margin-top: -500px;}


/* mobile #slideServicos */
.servicos .slideServicosWrapper .slidePics_nav{display: none;}
.servicos #slideServicos {position: absolute; top: 0px; overflow: hidden; width: 100%; height: 500px; padding: 0; margin: 0;}
.servicos #slideServicos li {
	position: absolute; display: none; width: 100%; height: 500px; left: 0; top: 0;
	background-position: center top; background-repeat: no-repeat; text-indent: -5555px;
}
.servicos #slideServicos li:first-child {position: relative; display: block; float: left;}

.servicos #slideServicos li#rslides1_s0{background-image: url(/pics/servicos-header-rodoviario.jpg);}
.servicos #slideServicos li#rslides1_s1{background-image: url(/pics/servicos-header-ferroviario.jpg);}
.servicos #slideServicos li#rslides1_s2{background-image: url(/pics/servicos-header-aereo.jpg);}
.servicos #slideServicos li#rslides1_s3{background-image: url(/pics/servicos-header-maritimo.jpg);}


/***** INDEX *****/
#slidePicsHome{display: block; position:absolute; left: 0; top:0px; width: 100%; height: 680px; overflow: hidden;}
#slidePicsHome li{display: block; position:relative; left: 0; top:0px; width: 105%; height: 680px; }
#slidePicsHome .layerFront{
	display: none; position:absolute; left: 0; top: 0px; width: 105%; height: 680px; z-index: 15; margin: 0 0 0 -65px;
	background: url(../pics/index-header01-sec.png) no-repeat center bottom;
}
#slidePicsHome .layerBack{
	display: none; position:absolute; left: 0; top: 180px; width: 105%; height: 500px; z-index: 10; margin: 0 0 0 -85px;
	background: url(../pics/index-header01-main.jpg) no-repeat center bottom;
}

/*
#slidePicsHome li:nth-child(1) .layerFront{background-image: url(../pics/index-header01-sec.png);}
#slidePicsHome li:nth-child(1) .layerBack{background-image: url(../pics/index-header01-main.jpg);}
*/
#slidePicsHome li:nth-child(1) .layerFront{background-image: url(../pics/index-header02-sec.png);}
#slidePicsHome li:nth-child(1) .layerBack{background-image: url(../pics/index-header02-main.jpg);}
/*#slidePicsHome li:nth-child(3) .layerFront{background-image: url(../pics/index-header03-sec.png);}
#slidePicsHome li:nth-child(3) .layerBack{background-image: url(../pics/index-header03-main.jpg);}*/

/* .mobile #slidePicsHome li:nth-child(1) .layerFront{background-position: -80px bottom;} */

/*-------------------------------------------------------------------------
= BG BLUE
= Bloco com background azul — #008dd7
-------------------------------------------------------------------------*/
.bgBlue{
	font: 14px/19px "tmipM", Helvetica, Arial, sans-serif; color: #a9dbf5;
	background: #008dd7;
}

/*-------------------------------------------------------------------------
= BG LIGHT BLUE
= Bloco com background azul claro — #f0f9fc
-------------------------------------------------------------------------*/
.bgLightBlue{
	font: 19px/22px "tmipBk", Helvetica, Arial, sans-serif; color: #88949b;
	background: #f0f9fc; height: auto;
}
.bgLightBlue article{padding: 90px 0;}
.bgLightBlue h3{font: 30px/35px "tmipBk", Helvetica, Arial, sans-serif; color: #4a5b66;}
.bgLightBlue h5{
	display: block; position: relative; width: 220px; margin: 0 auto;
	padding-left: 20px; line-height: 20px; 
	background: transparent url(../imgs/index-entregarapida.png) no-repeat left center;
}
.bgLightBlue p{margin-bottom: 50px;}

.bgLightBlue .mapaBg{
	display: block; position: relative; width: 805px; height: 363px; margin: 0 auto;
	background: transparent url(../imgs/anims/mapa.png) no-repeat left center;
}
.bgLightBlue .mapaBg span{display: none; position: absolute;}
.bgLightBlue .mapaBg .linhasAcores{
	width: 140px; height: 43px; left: 163px; top: 108px; /*18*/
	background: transparent url(../imgs/anims/mapa-linhas-acores.png) no-repeat 0px 0px;
}
.bgLightBlue .mapaBg .linhasMadeira{
	width: 167px; height: 105px; left: 115px; top: 175px; /*16*/
	background: transparent url(../imgs/anims/mapa-linhas-madeira.png) no-repeat 0px 0px;
}
.bgLightBlue .mapaBg .linhasMadrid{
	width: 184px; height: 109px; left: 264px; top: 110px; /*17*/
	background: transparent url(../imgs/anims/mapa-linhas-madrid.png) no-repeat 0px 0px;
}
.bgLightBlue .mapaBg .linhasSulEspanha{
	width: 168px; height: 102px; left: 332px; top: 178px; /*16*/
	background: transparent url(../imgs/anims/mapa-linhas-sulespanha.png) no-repeat 0px 0px;
}
.index .bgLightBlue img{
	display: block; height: auto; max-width: 100%;
    position: relative; margin: 0 auto;
}
.bgLightBlue img.luvas{position: absolute; top: 190px; left: 630px; margin: 0;}


.mobile .bgLightBlue .mapaBg span{display: inline-block; background-position: right 0px;}

/*-------------------------------------------------------------------------
= BG COLOR
= Bloco antes do rodapé. Varia a cor de acordo com a secção
-------------------------------------------------------------------------*/
.bgColor{
	font: 19px/22px "tmipBk", Helvetica, Arial, sans-serif; color: #FFF;
	background: #18db98;
}
.bgColor article{padding: 90px 0;}

/***** HOME / EMPREGO *****/
.emprego .bgColor{background: #a9d4e8;}
.index .bgColor h2{line-height: 190px; height: 190px; margin-bottom: 50px;}
.emprego .bgColor h2{line-height: 190px; height: 150px;}
.index .bgColor h2 span, .emprego .bgColor h2 span{
	display: inline-block; width: 190px;
	background-size: auto 100%;
}
.index .bgColor h2 span{background: url(../imgs/anims/arvore.png) no-repeat 0px 0px;}
.emprego .bgColor h2 span{background: url(../imgs/anims/carta.png) no-repeat 0px 0px;}

/***** SERVIÇOS *****/
.servicos .bgColor{background: #e8b630;}
.servicos .bgColor article{padding: 120px 0;}
.servicos .bgColor p{margin-bottom: 20px; width: auto; padding: 0;}
.servicos .bgColor figure{display: block; position: relative; max-width: 680px; margin: 0 auto; }
.en.servicos .bgColor figure{max-width: 600px;}

.servicos .bgColor figure img{display: block; position: relative; float: left; margin-top: -30px;}
.servicos .bgColor figure figcaption{display: block; position: relative; float: right; }

.servicos .bgColor figure span{
	display: block; position: absolute; float: left; top: -50px; left: -40px;
	width: 250px; height: 200px;
	background: url(../imgs/anims/contactos.png) no-repeat 0px 0px;
}

/***** 404 *****/
.erro404 .bgColor{background: #e8b630;}

/*-------------------------------------------------------------------------
= BG MAPS
= Mapa da secão contactos
-------------------------------------------------------------------------*/
.bgMaps{position: relative; background: #f0f9fc; /* height: 560px; */ height: auto;}
.bgMaps article{padding: 90px 0 30px; z-index: 10; max-width: 500px;z-index: 1;}
.bgMaps p{padding: 0;}
.bgMaps #mapaID{
	display: block; position: absolute; width: 100%; height: 560px; left: 0px; top: 0px;
	padding: 0; z-index: 1; background: #e1e1e1;
}
.bgMaps .cidades{
	display: block; position: absolute; left: 0; top: -5555px; 
	width: 28px; height: 28px; z-index: 90;
}
.bgMaps .cidades div{
	display: block; width: 28px; height: 26px; border: 0; outline: 0; cursor: pointer;
	left: 0; top: 0; padding-top: 5px;
	font: normal 11px/14px "tmipB", Helvetica, Arial, sans-serif; color: #ffffff; /*overflow: hidden;*/
}
.bgMaps .cidades p{
	display: block; width: 250px; height: 14px; padding: 4px 13px; margin: 0 0 0 -260px;
   	text-align: left; background: #0b5799; /*opacity: 1;*/ text-transform: uppercase;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
}
.bgMaps .cidades p span{
	display: block; position: absolute; width: 28px; height: 28px; left: 0px; top: 2px;
	background: url(../imgs/gmap-icon-hover.png) no-repeat left top;
}

.bgMaps .blockMap,
.bgMaps #mapaID { display: none; }

.bgMaps .block-bg-cover {
	position: relative;
}

.bgMaps .block-bg-cover .element-cover {
	min-height: 560px;
}

/*-------------------------------------------------------------------------
= INFO
= Blocos com texto (com e sem colunas), com o fundo branco.
-------------------------------------------------------------------------*/
.info{
	font: 14px/22px "tmipBk", Helvetica, Arial, sans-serif; color: #88949b;
	background: #fff; height: auto; text-align: left;
}
.info article{padding: 90px 0 30px;}
.info h3{font: 30px/35px "tmipBk", Helvetica, Arial, sans-serif; color: #4a5b66; text-align: center;}
/* colunas */
.info #col{padding: 0; overflow: hidden; margin-bottom: 7%;}
.info #col p{padding: 0; margin-top: 28px;}
.info #col .left, .info #col .right{
	display: block; position: relative; float: left;
	padding: 0; width: 47%; /* 564 / 1200 */
}
.info #col .left{padding-right: 2.91666667%; /* 35 / 1200 */}
.info #col .right{padding-left: 2.91666667%; /* 35 / 1200 */}


/***** EMPREGO *****/
.emprego .noOffers{font: 19px/22px "tmipBk", Helvetica, Arial, sans-serif; text-align: center; margin-bottom:  70px;}

/***** EMPRESA *****/
.empresa .info{font: 15px/28px "tmipBk", Helvetica, Arial, sans-serif; text-align: justify;}

.empresa .bgPic .bar {
    display: block;
    width: 280px;
    height: 4px;
    background: #FFF;
    margin: 0 auto 20px auto;
}

.empresa .bgPic article {
	padding: 0;
}

.empresa .bgPic {
	display: flex;
	align-items: center;
    background: #313131;
}

/***** CONTACTOS *****/
.contactos .info #col .left{
	border-right: 1px solid #dbdfe1; font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; color: #313131; font-style: italic;
}
.contactos .info #col .right{border-left: 1px solid #dbdfe1; margin-left: -1px;}

/*-------------------------------------------------------------------------
= SLIDESHOW — Empresa
-------------------------------------------------------------------------*/
#slidePics{position: relative; overflow: hidden; width: 100%; padding: 0; margin: 20px 0;}
#slidePics li{position: absolute; display: none; width: 100%; left: 0; top: 0;}
#slidePics li:first-child{position: relative; display: block; float: left;}
#slidePics img{display: block; height: auto; float: left; width: 100%; border: 0;}

.slidePicsWrapper{position: relative; width: 100%; background:  #4a5b66;}
.slidePics_nav {
    position: absolute; overflow: hidden; width: 50%; top: 0; bottom: 0; left: 0;
    opacity: 0; text-transform: uppercase; z-index: 10;
    font: 65px/65px "tmipB", Helvetica, Arial, sans-serif; color: #FFF;
    -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.slidePics_nav span{position: absolute; width: 100%; height: 65px; top: 50%; margin-top: -32px;}
.slidePics_nav:hover{opacity: 1; color: #FFF!important;}
.slidePics_nav:focus{color: #FFF!important;}
.slidePics_nav.next{left: auto; right: 0; text-align: right;}
.slidePics_nav.prev span{left: 2%;}
.slidePics_nav.next span{right: 2%;}

/* RESULTADOS */
.slidePicsWrapper .results{
	display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; text-align: center;
	font: 65px/65px "tmipBk", Helvetica, Arial, sans-serif; color: #FFF; padding: 0; margin: 0; opacity: 0;
	-moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.slidePicsWrapper .results span{position: absolute; width: 100%; height: 65px; left: 0; top: 50%; margin-top: -32px;}
.slidePicsWrapper .results.on{opacity: 1;}

/* MOBILE */
.mobile .slidePics_nav{display: none;}
.mobile h2{font-size: 46px;}


/***** EMPRESA *****/
.empresa .slidePics_tabs{display: none;}


/***** SERVIÇOS *****/
.slideServicosWrapper{position: relative; width: 100%;}

/*-------------------------------------------------------------------------
= LISTA de Emprego
-------------------------------------------------------------------------*/
ul.listaEmprego{
	max-width: 700px; padding: 0 20.833333%; /* 250 / 1200 */ margin-top: 80px; padding-bottom: 30px;
}
ul.listaEmprego li{margin-bottom: 35px; padding: 0 30px 35px; border-bottom: 1px solid #dbdfe1;}
ul.listaEmprego li:last-child{border-bottom: none;}
ul.listaEmprego li p{ padding: 0;}
ul.listaEmprego li h4{
	font: 14px/17px "tmipB", Helvetica, Arial, sans-serif; color: #0f6aaa;
	text-transform: uppercase; margin: 25px 0 10px;
}
ul.listaEmprego li a{
	display: block; font: 11px/13px "tmipB", Helvetica, Arial, sans-serif; color: #4a5b66;
	text-transform: uppercase; margin-top: 10px;
}

/*-------------------------------------------------------------------------
= LISTA 3 Colunas
-------------------------------------------------------------------------*/
ul.colThree{
	display: block; position: relative; float: left; width: 100%;
	margin-bottom: 25px;
}
ul.colThree li{
	display: block; position: relative; float: left; width: 28.163265%; /* 276px / 1200px */
	padding: 0 1.5306122%; /* 15px / 1200px */ margin-right: 3.0612245%; /* 30px / 1200px */
}
ul.colThree li:last-child{margin-right: 0;}
ul.colThree li p{padding: 0px;}

/*-------------------------------------------------------------------------
= LISTA 4 Colunas
-------------------------------------------------------------------------*/
ul.colFour{
	display: block; position: relative; float: left; width: 100%;
	font: 19px/22px "tmipBk", Helvetica, Arial, sans-serif; color: #88949b;
	margin: 45px 0; font-size: 12px; line-height: 17px;
}
ul.colFour li{
	display: block; position: relative; float: left; width: 20.625%; /* 247.5px / 1200px */
	padding: 0 1.25%; /* 15px / 1200px */ margin-right: 2.5%; /* 30px / 1200px */
}
ul.colFour li:last-child{margin-right: 0;}
ul.colFour li h4{
	font: 14px/17px "tmipB", Helvetica, Arial, sans-serif; color: #4a5b66;
	text-transform: uppercase; margin: 25px 0 10px;
}
ul.colFour li p{padding: 0px;}

/*-------------------------------------------------------------------------
= PROCESSO
-------------------------------------------------------------------------*/
.servicos figure {width: 662px; margin: 0 auto;}
.servicos figurecaption span{
	display: block; float: left; width: 85px;
	font: 11px/13px "tmipB", Helvetica, Arial, sans-serif; color: #4a5b66;
	text-transform: uppercase;
}
.servicos figure img{display: block; float: left;}

/*-------------------------------------------------------------------------
= FORMULÁRIOS
-------------------------------------------------------------------------*/
form label{display: block; width: 100%; font-size: 18px; margin-bottom: 10px; clear: left;}
form input[type="text"], textarea{
	display: block; border: none; margin-bottom: 32px; padding: 0;
	font: 13px/32px "tmipM", Helvetica, Arial, sans-serif; color: #88949b;
	background: transparent url(../imgs/form-input-bg.gif) repeat left top scroll;
}
form input{float: left; width: 47%; height: 32px; margin-right: 6%;}
form #Idcampo1{width: 100%; margin-bottom: 4px;}

form input.last{margin-right: 0;}
form input p.pInput{display: block; float: left; overflow: hidden; margin-top: 10px;}
form textarea{width: 100%; height: 128px; resize: none;}
form p{margin: 0px!important; width: 100%;}
form button{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	text-align: left; color: #313131; background: none;
	border: 0; padding: 0;
}
form button:hover{cursor: pointer; color: #109dff;}
.info #col .left form{padding: 0 5%;}
.info #col .right div{padding: 5%;}

form input.on, form textarea.on{color: red!important;}
form input[type="file"].on{border: 1px solid red!important;}

/* Candidatura */
#formCandidatura, #formCandidatura h3, #formCandidatura h4{
	font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;
	text-align: left; color: #313131;
}
#formCandidatura h3{font-size: 24px; margin-bottom: 5px;}
#formCandidatura h4{font-size: 18px; margin-bottom: 35px; color: #5d5c5c; font-style: normal;}
#formCandidatura textarea{height: 96px; resize: none;}
#formCandidatura .anexoCV{overflow: hidden; padding-bottom: 35px;}
#formCandidatura .anexoCV label{
	display: inline-block; float: left; width: auto; margin-right: 20px; 
	font: 13px/32px "tmipM", Helvetica, Arial, sans-serif; color: #88949b;
}
#formCandidatura p{padding: 0px; width: auto!important;}
#formCandidatura .selo{position: absolute; right: 20px; top: 20px;}


/*-------------------------------------------------------------------------
= LIGHTBOX
-------------------------------------------------------------------------*/
.overlay{
	position: absolute; top: 0; left: 0; z-index: 1100; display:none;
	width: 100%; height: 150px; background-color: #f4f4f4; opacity: 0.84;
}
.overlayBox{
	position: fixed; top: 50%; margin-top: -275px; z-index: 1110; display: none; background: #ffffff;
	padding: 50px 40px; width: 700px; height: auto; left: 50%; margin-left: -390px;
	-webkit-box-shadow: 0px 0px 1px 3px rgba(0,0, 0, 0.3);  
	-moz-box-shadow: 0px 0px 1px 3px rgba(0,0, 0, 0.3);  
	box-shadow: 0px 0px 3px 1px rgba(0,0, 0, 0.3); 
}
/* Fechar: Botão */
.overlayBox span.btnFechar{
	display: block; position: absolute; right: -15px; top: -15px;
	width: 30px!important; height: 30px; padding: 0; text-indent: -5555px;
	-moz-border-radius: 15px; border-radius: 15px;
	background: #373737 url(../imgs/carreiras-formCandidatura-btnFechar.png) no-repeat left top;
	-moz-transition: all .3s linear; -webkit-transition: all .3s linear;  	
	-o-transition: all .3s linear; transition: all .3s linear;	
}
.overlayBox span.btnFechar:hover{background-color: #9c814e; cursor: pointer;}
.formMsg{
	display: none; position: relative; float: right; padding: 0; margin: 0; font-size: 15px;
	color: #ff731d; font-weight: bold;
}

#formMsgUpload{margin-top: 7px!important;}

/*-------------------------------------------------------------------------
= FOOTER
-------------------------------------------------------------------------*/
footer{
	display: block; position: relative; width: 100%; 
	padding: 60px 0 50px; background: #313131;
	font: 11px/19px "tmipM", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #5a5a5a;
}
footer article{display: block; position: relative; max-width: 1200px; margin: 0 auto;}
footer article strong{color: #828282; font-weight: normal; display: block;}
footer article a{color: #5a5a5a;}
footer article p{margin-top: 50px;}

/* =navigation*/
footer nav{display: block; position: relative; width: 100%; font-size: 12px;}
footer nav ul{width: 720px; margin: 0 auto; font-size: 12px; text-align: center;}
footer nav ul li{display: inline; width: auto; margin-right: 17%;}
footer nav ul li:last-child{margin-right: 0;}
footer nav ul li a{color: #FFF;}
.distance { padding-left: 40px; }
.distance.pme img { width: 44px; height: 53px; }
.apoios { display: block; margin-top: 20px; margin-left: 6px;}
.apoios img { width: 465px; height: 55px; }
.logos {
	transform: scale(.7);
	-webkit-transform: scale(.7);
}

/*-------------------------------------------------------------------------
= COMUNS
-------------------------------------------------------------------------*/
/*links*/
a{
	text-decoration: none; color: #0f6aaa;
	-moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear; transition: color 0.1s linear; 
}
a:hover, a:focus{text-decoration: none; color: #109dff;}
a[href^="tel:"]{cursor: default;}

::-moz-selection{background: #008dd7;color: #ffffff;} 
::selection{background: #008dd7;color: #ffffff;}
img {
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;	
  -webkit-user-drag: none; -moz-user-drag: none;
}

input:focus, textarea:focus, select:focus {outline: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {/*no arrows on input number*/
   /* display: none; <- Crashes Chrome on hover */
   -webkit-appearance: none;  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
textarea{resize: none;}


/*-------------------------------------------------------------------------
= MOBILE
-------------------------------------------------------------------------*/
/* Bloqueia o mapa */
.mobile .blockMap{
	display: none; position: absolute; width: 100%; height: 560px; left: 0px; top: 0px;
	padding: 0; z-index: 100;
}
.mobile footer nav ul li{display: inline; width: auto; margin: 0 5%;}
/*.mobile p{width: 90%; padding: 0 5%; background: red; margin: 0;}*/

/*-------------------------------------------------------------------------
= MEDIA QUERIES
-------------------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) { /* */ }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { header nav { /* */ }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	header nav ul li {margin-left: 0px;}
	.idiomas{margin: 0px; position: absolute; right: 50px; z-index: 20;}
	h2{font-size: 46px; line-height: 50px;}
	h2 span{width: 20px!important; background: none!important;}
	.index .bgColor h2, .emprego .bgColor h2{height: auto; line-height: 50px;}
	.slidePics_nav, .slidePicsWrapper .results, .slidePicsWrapper .results nav {font-size: 50px; line-height: 50px;}
	.info #col {padding: 0 40px;}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /**/ }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	p {padding: 0 7%;}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) { /**/ }
/* Large screens ----------- */
@media only screen and (min-width : 1824px) { /**/ }
/* iPhone 4 (retina) ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /**/ }