@charset "utf-8";
/* CSS Document */
@media screen and (min-width : 720px) and (max-width : 1080px) {
* {
margin: 0;
padding:0;
}

html, body {
  height:100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

.ppslide .escslide {
  display: none;
}

.maincontainer {
width: 100%;
min-height: 100%;
height: 100%;
margin: 0 auto;
padding-right: 0;
padding-left: 0;
}

#header {
width: 100%;
position:relative;
}

#header .headermanager {
width: 100%;
height: 200px;
position:relative;
text-align: center;
}

#header .headermanager .logoPim a {
width: 350px;
height: 150px;
position:relative;
}

#header .headermanager .logoPim img {
margin-top: 25px;
}

#header .headerimag {
width: 100%;
height: 950px;
position:relative;
text-align: center;
}

/* ===================Parallax=====================================*/

#header .headerimag .parallaxpimt {
   background-image: url("http://www.pimtarolas.pt/imags/bolasimag.png");
   height: 100%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
 }

 #header .headerimag .parallaxpimt .parallaxpimt-content {
   width:100%;
   margin:0 auto;
   color:#FFF;
 }
/* ===================Parallax - FIM=====================================*/

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation {
  width:100%;
  height: 600px;
  margin:0 auto;
  background-color: rgba(74, 74, 73, 0.6);
  margin-top: 250px;
  position: relative;
  display: table;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .fraseum {
  padding-top: 20px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .frasedois {
  padding-top: 20px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .btnmaincontact {
  padding-top: 40px;
  width: 216px;
  height: 52px;
  margin:0 auto;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .btnmaincontact img {
  width: 216px;
  height: 52px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact {
  display:none;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact2 {
  padding-top: 40px;
  width: 100%;
  height: 165px;
  list-style: none;
  margin:0 auto;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact li, .infocontact2 li {
  display:block;
  text-align: center;
  margin-top: 5px;
  padding-right: 80px;
  padding-left: 80px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact2 .item02 {
  margin-top: 20px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact a, .infocontact2 a {
  text-decoration: none;
  display: inline-grid;
  align-items:center;
  width: 300px;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .infocontact a img, .infocontact2 a img {
  padding-bottom: 3px;
  margin: 0 auto;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .morada {
  padding-top: 10px;
  width: 100%;
  height: 50px;
  margin:0 auto;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .morada a {
  text-decoration: none;
  display: inline-grid;
}

#header .headerimag .parallaxpimt .parallaxpimt-content .headerpresentation .morada a img {
  padding-bottom: 7px;
  margin: 0 auto;
}

/* ===================container=====================================*/

#container{
  width: 700px;
  margin: 0 auto;
}

#container .spacefirst{
  width: 100%;
  height: 150px;
  text-align: center;
}

#container .spacefirst img{
  margin-top: 20px;
}

#container .spacefirst .spacefirst01{
  display: none;
}

#container .spacefirst .spacefirst02{
  display: inline;
}

#container .spaceone{
  width: 100%;
  height: 300px;
  text-align: center;
}

#container .spaceone img{
  margin-top: 70px;
}

#container .spaceone .spaceone01{
  display: none;
}

#container .spaceone .spaceone02{
  display: inline;
}

#container .spacetwo{
  width: 100%;
  height: 300px;
  text-align: center;
}

#container .spacetwo img{
  margin-top: 70px;
}

#container .spacetwo .spacetwo01{
  display: none;
}

#container .spacetwo .spacetwo02{
  display: inline;
}

#container .spacelast{
  width: 100%;
  height: 150px;
  text-align: center;
}

#container .spacelast img{
  margin-top: 50px;
}

#container .spacelast .spacelast01{
  display: none;
}

#container .spacelast .spacelast02{
  display: inline;
}

#container .productinfo{
  width: 100%;
  height: 910px;
  text-align: center;
}

#container .productinfo .productimag01{
  width: 700px;
  height: 460px;
  text-align: center;
}

#container .productinfo .productimag01 slider1 {
 display: block;
 width: 500px;
 height: 460px;
 background-color: #1f1f1f;
 overflow: hidden;
 position: relative;
 margin: 0 auto;
}

#container .productinfo .productimag01 slider1 > * {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 background: #1f1f1f;
 animation: slide 12s infinite;
 overflow: hidden;
}

#container .productinfo .productimag01 slide:nth-child(1){
 left: 0%;
 animation-delay: -1s;
 background-image: url(../imags/insuf011.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag01 slide:nth-child(2){
 animation-delay: 2s;
 background-image: url(../imags/insuf012.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag01 slide:nth-child(3){
 animation-delay: 5s;
 background-image: url(../imags/insuf013.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag01 slide:nth-child(4){
 left: 0%;
 animation-delay: 8s;
 background-image: url(../imags/insuf014.png);
 background-size: cover;
 background-position: center;
}

@keyframes slide {
 0% { left: 100%; width: 100%; }
 5% { left: 0%; }
 25% { left: 0%; }
 30% { left: -100%; width: 100%; }
 30.0001% { left: -100%; width: 0%; }
 100% { left: 100%; width: 0%; }
}

#container .productinfo .productimag01 a{
  border: 0;
  text-decoration: none;
}

#container .productinfo .productimag01 img {
  vertical-align: middle;
}

/*===================== Slideshow container ======================= */
#container .productinfo .productimag01 .slideshow-container {
  max-width: 700px;
  position: relative;
  margin: auto;
}

#container .productinfo .sectext01{
  width: 700px;
  height: 380px;
  text-align: center;
}

#container .productinfo .sectext01 .p1{
  margin-bottom: 5px;
}

#container .productinfo .sectext01 .p2{
  margin-bottom: 20px;
}

#container .productinfo .sectext01 .p3{
  margin-bottom: 4px;
}

#container .productinfo .sectext01 .p4{
  margin-bottom: 15px;
}

#container .productinfo .sectext01 .p12{
  margin-top: -7px;
  margin-bottom: -15px;
}

#container .productinfo .sectext01 .p5{
  margin-top: 10px;
}

#container .productinfo .sectext01 .p5 img{
 margin-top: 7px;
}

#container .productinfo .productimag02{
  display: none;
}

#container .productinfo .productimag03{
  width: 700px;
  height: 460px;
  text-align: center;
}

#container .productinfo .productimag03 slider3 {
 display: block;
 width: 500px;
 height: 460px;
 background-color: #1f1f1f;
 overflow: hidden;
 position: relative;
 margin: 0 auto;
}

#container .productinfo .productimag03 slider3 > * {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 background: #1f1f1f;
 animation: slide 12s infinite;
 overflow: hidden;
}

#container .productinfo .productimag03 slide:nth-child(1){
 left: 0%;
 animation-delay: -1s;
 background-image: url(../imags/insuf021.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag03 slide:nth-child(2){
 animation-delay: 2s;
 background-image: url(../imags/insuf022.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag03 slide:nth-child(3){
 animation-delay: 5s;
 background-image: url(../imags/insuf023.png);
 background-size: cover;
 background-position: center;
}

#container .productinfo .productimag03 slide:nth-child(4){
 left: 0%;
 animation-delay: 8s;
 background-image: url(../imags/insuf024.png);
 background-size: cover;
 background-position: center;
}

@keyframes slide {
 0% { left: 100%; width: 100%; }
 5% { left: 0%; }
 25% { left: 0%; }
 30% { left: -100%; width: 100%; }
 30.0001% { left: -100%; width: 0%; }
 100% { left: 100%; width: 0%; }
}

/* ======================= Slideshow container ========================== */
#container .productinfo .productimag03 .slideshow-container {
  max-width: 360px;
  position: relative;
  margin: auto;
}

#container .productinfo .sectext02{
  width: 700px;
  height: 480px;
  margin-right: 30px;
  text-align: center;
}

#container .productinfo .sectext02 .p1{
  margin-bottom: 5px;
}

#container .productinfo .sectext02 .p2{
  margin-bottom: 20px;
}

#container .productinfo .sectext02 .p3{
  margin-bottom: 4px;
}

#container .productinfo .sectext02 .p4{
  margin-bottom: 15px;
}

#container .productinfo .sectext02 .p5{
  margin-top: 10px;
}

#container .productinfo .sectext02 .p5 img{
 margin-top: 7px;
}

#container .productinfo .sectext02 .p12{
  margin-top: -7px;
  margin-bottom: -15px;
}

#container .notesinfo{
  width: 100%;
  height: 300px;
  text-align: center;
}

#container .notesinfo .notesimag{
  width: 700px;
  height: 150px;
}

#container .notesinfo .notesimag img{
  width: 400px;
  height: 120px;
}

#container .notesinfo .sectnotes{
  width: 700px;
  height: 100px;
  text-align: center;
}

#container .notesinfo .sectnotes a{
  width: 700px;
  height: 100px;
  text-align: center;
}

#container .notesinfo .sectnotes a img{
  margin: 0 auto;
  margin-top: 5px;
}

#container .notesinfo .sectnotes .p6{
  margin-top: 5px;
  margin-bottom: 10px;
  width: 700px;
}

#container .notesinfo .sectnotes .p7{
  margin-bottom: 10px;
  width: 700px;
}

#container .notesinfo .sectnotes .p8{
  margin-bottom: 10px;
  width: 700px;
}

#container .warning {
  margin-bottom: 15px;
  margin-top: 55px;
  width: 100%;
  height: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#container .warning .p10 {
  height: 15px;
  text-align: center;
  margin-bottom: 5px;
}

#container .warning .p11 {
  height: 25px;
  text-align: center;
}

/* ===================footer=====================================*/

#footer{
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background-color: #00b9ee;
}

#footer .footercontainer{
  width: 700px;
  margin: 0 auto;
}

#footer .footercontainer .copyrights{
  width: 700px;
  padding-top: 15px;
}

#footer .footercontainer .copyrights .p9{
  text-align: center;
}

#footer .footercontainer .social{
  width: 700px;
  height: 40px;
  text-align: center;
  margin-top: 10px;
}

#footer .footercontainer .social li {
  display:inline;
  padding-right: 10px;
  padding-left: 10px;
}

/* ===================Fonts=====================================*/

.font01{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 800;
  text-align: center;
  display: none;
  color: #fff;
}

.font01s{
  font-family: sans-serif;
  font-size: 30px;
  font-weight: 800;
  text-align: center;
  display: block;
  color: #fff;
}

.font01ss{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 800;
  text-align: center;
  display: none;
  color: #fff;
}

.font02{
  font-family: sans-serif;
  font-size: 55px;
  font-weight: 300;
  text-align: center;
  display: none;
  color: #fff;
}

.font02s{
  font-family: sans-serif;
  font-size: 55px;
  font-weight: 300;
  text-align: center;
  display: block;
  color: #fff;
}

.font02ss{
  font-family: sans-serif;
  font-size: 55px;
  font-weight: 300;
  text-align: center;
  display: none;
  color: #fff;
}

.font03{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}

.font04{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  color: #fff;
}

.font05{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: lighter;
  text-align: left;
  color: #aaa;
}

.font06{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 200;
  letter-spacing: -2px;
  text-align: left;
  color: #4a4a49;
}

.font07{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: -2px;
  text-align: left;
  color: #4a4a49;
}

.font08{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: lighter;
  text-align: left;
  color: #4a4a49;
}

.font09{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #4a4a49;
}

.font10{
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: left;
  color: #4a4a49;
}

.font11{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #4a4a49;
}

.font12{
  font-family: sans-serif;
  font-size: 10px;
  font-weight: lighter;
  text-align: left;
  color: #4a4a49;
}

.font13{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: lighter;
  text-align: right;
  color: #aaa;
}

.font14{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 200;
  letter-spacing: -2px;
  text-align: right;
  color: #4a4a49;
}

.font15{
  font-family: sans-serif;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: -2px;
  text-align: right;
  color: #4a4a49;
}

.font16{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: lighter;
  text-align: right;
  color: #4a4a49;
}

.font17{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  color: #4a4a49;
}

.font18{
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 800;
  text-align: right;
  color: #4a4a49;
}

.font19{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: #4a4a49;
}

.font20{
  font-family: sans-serif;
  font-size: 10px;
  font-weight: lighter;
  text-align: right;
  color: #4a4a49;
}

.font21{
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bolder;
  text-align: left;
  color: #4a4a49;
}

.font22{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: lighter;
  text-align: left;
  color: #4a4a49;
}

.font23{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #4a4a49;
}

.font24{
  font-family: sans-serif;
  font-size: 11px;
  font-weight: lighter;
  text-align: left;
  color: #fff;
}

.font25{
  font-family: sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

.font27{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #4a4a49;
}

.font28{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: lighter;
  text-align: left;
  color: #4a4a49;
}

.font29{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  color: #4a4a49;
}

.font30{
  font-family: sans-serif;
  font-size: 13px;
  font-weight: lighter;
  text-align: right;
  color: #4a4a49;
}

.font31{
  font-family: sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: bolder;
  text-align: center;
  color: #ffffff;
}

.font32{
  font-family: sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: lighter;
  text-align: center;
  color: #ffffff;
}
}