/* CSS by FG */

html{}
body{margin: 0; padding: 0; font-family: 'Asap', sans-serif; color: #8F9194; background: rgb(240,240,240);}

a:link,
a:visited,
a:active,
a:hover {color: inherit; text-decoration: none;} 
.hide{display: none;}
.pinkText{color: #B31E40;}
a.pinkText:link,
a.pinkText:visited,
a.pinkText:active,
a.pinkText:hover{color: #B31E40;}

html #siteWrapper{width: 980px; margin: auto; background: #FFF;}

/* header */
#mainHeader{height: 140px; background: url('../img/header/header_laranja.jpg') no-repeat;}
#mainHeader > div{display: inline-block; height: 120px; float: left; position: relative;}
#mainHeader .left{width: 40%;}
#mainHeader .left .navigation{position: absolute; bottom: 8px; left: 10px; color: #FFF; text-transform: uppercase; font-size: 13px; font-weight: bold;}
#mainHeader .left .navigation ul{list-style: none; margin: 0; padding: 0;}
#mainHeader .left .navigation ul li{display: inline-block; padding: 0 12px;}
#mainHeader .left .navigation ul li a:hover,
#mainHeader .left .navigation ul li a:active,
#mainHeader .left .navigation ul li a:visited,
#mainHeader .left .navigation ul li a:link{text-decoration: none; color: #FFF;}
#mainHeader .left .navigation .point{  position: absolute; bottom: -20px; left: 24px;}
#mainHeader .center{width: 19%;}
#mainHeader .center a img{margin-top: 15px;}
#mainHeader .right{width: 40%; background: url('../img/header/ligue_laranja.png') no-repeat center 66px;}

/* footer */
.footer{   font-size: 9px; letter-spacing: 0.1em; margin-top: 150px; width: 75%; margin: auto; padding-top: 100px; padding-bottom: 100px;}
.footer .left{text-transform: uppercase; float: left; width: 50%;}
.footer .left img {margin:5px;}
.footer .right{text-align: right; float: left; width: 50%; line-height: 2.3em;}
.footer .right span{display: block;}
.footer .right span.timetableTitle{text-transform: uppercase;}

.logos{text-align: center; margin-top: 90px;}
.logos .imagesHolder{}
.logos .imagesHolder img{margin: 30px 15px;}
.logos .descriptionHolder{border-top: 1px solid #DCDCDC; text-transform: uppercase;  font-size: 9px; letter-spacing: 0.1em; padding-top: 10px; width: 75%; margin: auto;}


/* ------------ Home ----------------*/
.home #imageSlider{height: 470px; position: relative; top: 0px; left: 0px; width: 980px; height: 470px; }
.home #imageSlider a{position: relative;}
.home #imageSlider .slidesHolder{cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height: 470px; overflow: hidden;}
.home #imageSlider .slidesHolder{cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height: 470px; overflow: hidden;}
.home #imageSlider .captionSlide h1{margin-bottom: 0; font-size: 21px;}
.home #imageSlider .captionSlide1{color: #FFF;}
.home #imageSlider .captionSlide1 h1{font-size: 30px;}
.home #imageSlider .captionSlide2{color: #FFF; text-align: right;}
.home #imageSlider .captionSlide3{color: #2D6392;}

.home #imageSlider .sliderArrow{position: absolute; width: 21px; height: 31px; top: 225px;}
.home #imageSlider .sliderArrow.arrowleft{background: url('../img/home/seta_esq.png'); left: 8px;}
.home #imageSlider .sliderArrow.arrowright{background: url('../img/home/seta_dir.png'); right: 8px;}

.home .offers{text-align: center; margin-top: 60px;}
.home .offers .offer{display: inline-block; margin: 0px 5px;}
.home .offers .offer img{}
.home .offers .offer .offerTitle{text-transform: uppercase;  letter-spacing: 0.2em; text-decoration: none;   margin-top: 10px;}

.home .services{ text-align: center; margin-top: 60px;}
.home .services .listHolder{display: inline-block; vertical-align: top; width: 217px; margin-left: 32px;}
.home .services .listHolder ul{list-style: none; margin: 0; padding: 0;}
.home .services .listHolder ul li{text-align: right; text-transform: uppercase; border-top: 1px solid #DCDCDC; padding: 6px 26px 6px 0; font-size: 13px; cursor: pointer; letter-spacing: 1px;}
.home .services .listHolder ul li.selected{background: url('../img/header/ponto_laranja.png') no-repeat 95%;}
.home .services .listHolder ul li:last-child{border-bottom: 1px solid #DCDCDC;}
.home .services .listHolder ul li:hover{color: #F9B72B;}
.home .services .imageHolder{display: inline-block; vertical-align: top; position: relative; width: 540px; height: 240px; margin-left: 15px;}
.home .services .imageHolder img{position: absolute; top: 0; left: 0;}

.home .divider{margin-top: 90px; height: 216px; width: 980px; background: url('../img/home/separador.jpg') no-repeat; position: relative;}
.home .dividerText{text-align: center; position: absolute; top: 90px; width: 100%;}
.home .dividerText span{display: block; color: #FFF; text-transform: uppercase;}
.home .dividerText span.top{font-size: 37px;}
.home .dividerText span.bottom{font-size: 11px; letter-spacing: 0.13em;}

.home .certificacoes .imagesHolder img{margin: 30px 15px;}

/* ------------ Historia ----------------*/
.historia .imgGrande{width: 100%;}
.historia #mainHeader{height: 140px; background: url('../img/header/header_azul.jpg') no-repeat;}
.historia #mainHeader .right{width: 40%; background: url('../img/header/ligue_azul.png') no-repeat center 66px;}
.historia #mainHeader .left .navigation .point{  position: absolute; bottom: -20px; left: 101px;}

.historia .infoHodler{}
.historia .infoHodler h1{text-align: center; color: #034F83; margin: 50px 0;}
.historia .infoHodler p{width: 550px; margin: auto;}

.historia .divider{margin-top: 90px; height: 216px; width: 980px; background: url('../img/home/separador.jpg') no-repeat; position: relative;}
.historia .dividerText{text-align: center; position: absolute; top: 90px; width: 100%;}
.historia .dividerText span{display: block; color: #FFF; text-transform: uppercase;}
.historia .dividerText span.top{font-size: 37px;}
.historia .dividerText span.bottom{font-size: 11px; letter-spacing: 0.13em;}

.historia .certificacoes .imagesHolder img{margin: 30px 15px;}


/* ------------ solucoes ----------------*/
.solucoes #mainHeader{height: 140px; background: url('../img/header/header_rosa.jpg') no-repeat;}
.solucoes #mainHeader .right{width: 40%; background: url('../img/header/ligue_rosa.png') no-repeat center 66px;}
.solucoes #mainHeader .left .navigation .point{  position: absolute; bottom: -20px; left: 184px;}

.solucoes .services{ text-align: center; margin-top: 60px;}
.solucoes .services .listHolder{display: inline-block; vertical-align: top; width: 217px;}
.solucoes .services .listHolder ul{list-style: none; margin: 0; padding: 0;}
.solucoes .services .listHolder ul li{text-align: right; text-transform: uppercase; border-top: 1px solid #DCDCDC; padding: 6px 26px 6px 0; font-size: 13px; cursor: pointer;}
.solucoes .services .listHolder ul li.selected{background: url('../img/header/ponto_rosa.png') no-repeat 95%; color: #B31E41;}
.solucoes .services .listHolder ul li:last-child{border-bottom: 1px solid #DCDCDC;}
.solucoes .services .infoHolder{display: inline-block; vertical-align: top; position: relative; width: 635px; margin-left: 15px;}
.solucoes .services .infoHolder img{top: 0; left: 0;}
.solucoes .services .infoHolder .text{text-align: left; margin-top: 40px; line-height: 1.3em;}
.solucoes .services .infoHolder .service .topText{text-align: left; margin-top: 40px; margin-bottom: 40px;}
.solucoes .services .infoHolder .service .topText .topTextTitle{color: #B31E40; text-transform: uppercase; font-weight: bold;}
.solucoes .services .infoHolder .service .topTextBig{text-align: left; margin-top: 40px; margin-bottom: 40px;}
.solucoes .services .infoHolder .service .topTextBig .left{display: inline-block; width: 48%; text-align: right; font-size: 13px; margin-right: 2.5%;}
.solucoes .services .infoHolder .service .topTextBig .right{display: inline-block; width: 48%; vertical-align: top; color: #B31E40; text-transform: uppercase; font-weight: bold; font-size: 14.6px; line-height: 1.3em;}
.solucoes .services .infoHolder .service .solutionContent{}
.solucoes .services .infoHolder .service .solutionContent .contentItem{margin-top: 20px;}
.solucoes .services .infoHolder .service .solutionContent .contentItem .left{display: inline-block; width: 140px; height: 120px;}
.solucoes .services .infoHolder .service .solutionContent .contentItem .left img{height: 100%;}
.solucoes .services .infoHolder .service .solutionContent .contentItem .right{display: inline-block; vertical-align: top; width: 470px; text-align: left; font-size: 14px;}
.solucoes .services .infoHolder .service .solutionContent .contentItem .right .contentItemTitle{color: #B31E40; text-transform: uppercase; font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.solucoes .services .text{margin-bottom: 40px;}
.solucoes .services .widget{text-align: left;}
.solucoes .services .widget .left{width: 285px; float: left;}
.solucoes .services .widget .left .locationContainer{margin-bottom: 10px;}
.solucoes .services .widget .left .locationContainer ul{list-style: none; padding: 0; margin: 10px 0 20px 0; border-bottom: 1px solid #DCDCDC;}
.solucoes .services .widget .left .locationContainer ul li{padding: 0; margin: 0 0 10px 15px; font-size: 12px;}
.solucoes .services .widget .left .locationContainer .locationName{text-transform: uppercase; font-weight: bold; cursor: pointer;}
.solucoes .services .widget .left .locationContainer .locationName span{ color: #B31E40; margin-right: 10px;}
.solucoes .services .widget .left .locationContainer .locationName .leftArrow{height: 10px; margin-bottom: 1px;}
.solucoes .services .widget .left .locationContainer.open .locationName .leftArrow{transform:rotate(90deg);}
.solucoes .services .widget .right{ float: left; width: 350px;}
.solucoes .services .widget .right img{margin-top: 50px;}
.solucoes .services .widget .right img{margin-top: 50px;}
.solucoes .services img.garrafas{margin-top: 40px; margin-left: -130px}

.solucoes .services .infoHolder .service8 .solutionContent .contentItem .left img{height: auto;}


/* ------------ Contactos ----------------*/
.contactos #mainHeader{height: 140px; background: url('../img/header/header_cinza.jpg') no-repeat;}
.contactos #mainHeader .right{width: 40%; background: url('../img/header/ligue_cinza.png') no-repeat center 66px;}
.contactos #mainHeader .left .navigation .point{  position: absolute; bottom: -20px; left: 282px;}

.contactos .infoHodler{width: 90%; height: 300px; margin-top: 50px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #DCDCDC;}
.contactos .infoHodler .infoHodlerLeft{width: 30%; float: left;}
.contactos .infoHodler .infoHodlerLeft p{margin: auto; width: 250px; font-size: 12px; margin-top: 100px; margin-left: 50px;}
.contactos .infoHodler .infoHodlerRight{width: 60%; float: right; text-align: right; margin-right: 53px;}

.contactos .form{margin-top: 90px; width: 80%; margin-left: auto; margin-right: auto;}
.contactos .form h1{font-size: 20px; margin-bottom: 0;}
.contactos .form h2{text-transform: uppercase; font-size: 10px; margin-top: 0; font-weight: 400;}
.contactos .inputRow{height: 35px;}
.contactos .inputRow.alignCenter{text-align: center;}
.contactos .inputRow.heightAuto{height: auto;}
.contactos .inputRow .fullWidth{width: 769px; font-size: 10px; padding: 5px;}
.contactos .inputRow .halfWidth{width: 48%; font-size: 10px; padding: 5px;}
.contactos .inputRow .telefone{float: left;}
.contactos .inputRow .marca{float: right; margin-right: 0px;}
.contactos .inputRow .mensagem{resize: none; font-family: inherit; width: 772px;}
.contactos .inputRow button{color: #FFF; background-color: #D1D2D4; border: 1px solid #DCDCDC; padding: 5px 25px; margin-top: 10px;}
.contactos .form .error{border: 1px solid red;}


.contactos .certificacoes .imagesHolder img{margin: 30px 15px;}