@charset "utf-8";

/* CSS Document */
body{width:100%;background:#ffffff; font-family: 'Ubuntu', sans-serif; font-weight: 400; color:#333333; margin:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, body, a{margin:0;padding:0;}
a, a:hover, a:active, a:focus{outline:none;border:0; width:100%; height:100%;  text-decoration:none;color:inherit;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}


/*CONTAINNERS*/
.content{width:100%; background: #fff}
.container{width:980px; margin:0 auto; position: relative;}
.top{position: fixed; z-index: 2; box-shadow: 2px 0 5px #797979}
.parallax {width: 100%; height: 600px; background: url(../images/bg.jpg) 0 -30px; background-size: cover; position: relative; z-index: -1;}
.parallax .container{height: 600px}
.produtos, .empresa, .servicos, .contactos{padding: 60px 0;}
.produtos{background:#112848}
.contactos{background: url(../images/black_lozenge.png)}


/*TYPE*/
h1{font-size: 35px; line-height: 35px; font-weight: 700; color: #0044a2; padding: 15px 0 0}
h1 span{font-weight: 400}
h2{font-size: 50px; font-weight: 400; color:#343434; line-height: 40px; padding-top: 280px;}
h2 span{font-size: 25px; display: block; color: #FF5722}
h3{font-size: 30px; font-weight: 400; margin-bottom: 40px; position: relative}
h3::after{content: ""; width: 50px; height: 2px; background: #FF5722; position: absolute; bottom: -5px; left: 0;}
h3.white{color: #fff}
p{margin-top: 10px; line-height: 22px; font-size: 16px;}
address{color: #b7b7b7; font-style: normal;}
address a:hover{color: #FF5722}


/*ELEMENTS*/
nav{padding: 20px 0; text-align: right}
nav a{padding:10px; font-size: 18px; transition-duration: .2s}
nav a:hover{color: #FF5722}

.thumbs {background: #dddddd; border: 1px solid #dddddd; text-align: center; margin: 20px 0}
.thumbs img{margin: 0 auto; display: block; width: 100%;}
.thumbs p{padding: 15px; margin: 0;}