html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*fim reset css*/

/*Loading animation*/
.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('Imagens/Global/loadingH2online.gif');
    background-color: rgba( 255, 255, 255, .8 );
    background-repeat: no-repeat;
    background-position: 50% 50%
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal-loading {
        display: block;
    }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 10% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}
/* Modal Header */
.modal-header {
    padding: 2px 16px;
    color: white;
}

/* Modal Body */
.modal-body {
    padding: 2px 16px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    top:0;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


/*upload da fonte Poppins*/

/* poppins-100 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url('Imagens/Global/typeface/poppins-v12-latin-100.eot'); /* IE9 Compat Modes */
    src: local('Poppins Thin'), local('Poppins-Thin'), url('Imagens/Global/typeface/poppins-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/content/typeface/poppins-v12-latin-100.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-100italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    src: url('Imagens/Global/typeface/poppins-v12-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'), url('Imagens/Global/typeface/poppins-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('Imagens/Global/typeface/poppins-v12-latin-200.eot'); /* IE9 Compat Modes */
    src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url('Imagens/Global/typeface/poppins-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-200.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: url('Imagens/Global/typeface/poppins-v12-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'), url('Imagens/Global/typeface/poppins-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('Imagens/Global/typeface/poppins-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Poppins Light'), local('Poppins-Light'), url('Imagens/Global/typeface/poppins-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-300.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url('Imagens/Global/typeface/poppins-v12-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins Light Italic'), local('Poppins-LightItalic'), url('Imagens/Global/typeface/poppins-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('Imagens/Global/typeface/poppins-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Poppins Regular'), local('Poppins-Regular'), url('Imagens/Global/typeface/poppins-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('Imagens/Global/typeface/poppins-v12-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins Italic'), local('Poppins-Italic'), url('Imagens/Global/typeface/poppins-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('Imagens/Global/typeface/poppins-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Poppins Medium'), local('Poppins-Medium'), url('Imagens/Global/typeface/poppins-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-500.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('Imagens/Global/typeface/poppins-v12-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'), url('Imagens/Global/typeface/poppins-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('Imagens/Global/typeface/poppins-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('Imagens/Global/typeface/poppins-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-600.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('Imagens/Global/typeface/poppins-v12-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'), url('Imagens/Global/typeface/poppins-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('Imagens/Global/typeface/poppins-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Poppins Bold'), local('Poppins-Bold'), url('Imagens/Global/typeface/poppins-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-700.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('Imagens/Global/typeface/poppins-v12-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url('Imagens/Global/typeface/poppins-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('Imagens/Global/typeface/poppins-v12-latin-800.eot'); /* IE9 Compat Modes */
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url('Imagens/Global/typeface/poppins-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-800.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('Imagens/Global/typeface/poppins-v12-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'), url('Imagens/Global/typeface/poppins-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Imagens/Global/typeface/poppins-v12-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('Imagens/Global/typeface/poppins-v12-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Imagens/Global/typeface/poppins-v12-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('Imagens/Global/typeface/poppins-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Poppins Black'), local('Poppins-Black'),
       url('Imagens/Global/typeface/poppins-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Imagens/Global/typeface/poppins-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('Imagens/Global/typeface/poppins-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('Imagens/Global/typeface/poppins-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Imagens/Global/typeface/poppins-v12-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('Imagens/Global/typeface/poppins-v12-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
       url('Imagens/Global/typeface/poppins-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Imagens/Global/typeface/poppins-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('Imagens/Global/typeface/poppins-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('Imagens/Global/typeface/poppins-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Imagens/Global/typeface/poppins-v12-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */
}



@media (min-width : 1025px) { /*layout para computadores*/
    .input-validation-error {
        border-color: #de0000 !important;
    }

    button:focus {
        outline: none !important;
    }


/*homepage*/

  body {
    font-family: 'Poppins', sans-serif;
    color: #0B1F42;
  }

    body.background {
      background-image: url("Imagens/Global/background/background.jpg");
      background-repeat: no-repeat;
      -moz-background-size: cover;
      background-size:cover;
      height:100%;
    }

        body.background h1{
          text-align: center;
        }

            body.background h1 img {
              margin-top: 200px;
              width: 23%;
              min-width: 300px;
            }

        body.background h2 {
          text-align: center;
          margin-top: 20px;
          font-weight: 500;
          font-size: 20px;
          font-style: italic;
          line-height: 30px;
        }

            body.background h2 a {
              font-weight: 300;
              font-size: 17px;
            }

        body.background div.mainMenu {
          text-align: center;
        }

            body.background div.mainMenu div.buttons {
              display: inline-block;
              text-align: center;
              margin-top: 70px;
              width:10%;
              min-width: 140px;
              margin-left: -1%;
              margin-right: -1%;
              vertical-align: top;
            }

                body.background div.mainMenu div.buttons img {
                  z-index: 3;
                  width: 70%;
                }

                body.background div.mainMenu div.buttons p.sub {
                    z-index: 2;
                    width: 230%;
                    margin-top: 20px;
                    margin-left: -65%;
                    font-weight: 500;
                    font-size: 17px;
                    display: none;
                    color: #0B1F42;
                }

                    body.background div.mainMenu div.buttons:hover p.sub {
                      display: block;
                    }

                    body.background div.mainMenu div.buttons:hover img {
                      width: 80%;
                      margin-top: -4%;
                    }

        body.background div.bottomMenu {
          position: fixed;
          bottom:1px;
          background-color: #0B1F4266;
          width:100%;
          text-align: center;
          height: 50px;
        }

            body.background div.bottomMenu p {
              display: inline-block;
              font-weight: 500;
              font-size: 17px;
              vertical-align: middle;
              line-height: 50px;
              margin: 0 5%;
            }

                body.background div.bottomMenu p a {
                  text-decoration: none;
                  color: #0B1F42;
                }

                    body.background div.bottomMenu p a:hover {
                      text-decoration: none;
                      color: #FFF;
                      font-weight: 400;
                    }


/*página log-in*/

        body.background form div.logInBox {
            margin: auto;
            background-color: #0B1F42;
            width: 600px;
            margin-top: 30px;
            border-radius: 10px;
            text-align: left;
            height: 130px;
        }

            body.background form div.logInBox p {
                color: #FFF;
                display: inline-block;
                width: 30%;
                text-align: right;
                font-size: 15px;
                margin-right: 10px;
                margin-bottom: 15px;
            }

        body.background div.logInBox .paragraph:first-child {
            margin-top: 30px;
        }

        body.background div.logInBox .logBoxSize {
            border-radius: 5px;
            border: 1px solid;
            height: 30px;
            width: 50%;
        }

        body.background div.logButton {
            margin: auto;
            background-color: #00A2B1;
            border-radius: 10px;
            text-align: center;
            width: 90px;
            height: 40px;
            margin-top: 30px;
        }

            body.background div.logButton button {
                border-radius: 10px;
                width: 90px;
                height: 40px;
                color: #FFF;
                text-decoration: none;
                background-color: transparent;
            }

            body.background div.logButton p {
                height: 40px;
                width: 90px;
                display: flex;
                align-items: center;
                font-weight: 400;
                font-size: 18px;
            }

            body.background div.logButton button:hover {
                background-color: #0B1F42;
                font-weight: 500;
            }



/*página ser h2online*/

    body.background h1.logoHigher {
      margin-top: -180px;
    }

    body.background h2.vantagens {
      margin: auto;
      text-align: center;
      width:500px;
      font-size: 15px;
      font-weight: 400;
      line-height: 18px;
    }

    body.background div.joinBox {
      margin:auto;
      background-color: #0B1F42;
      width:600px;
      margin-top: 30px;
      border-radius: 10px;
      text-align: left;
      height: 400px;
    }

    body.background div.nextButton {
      margin:auto;
      background-color: #00A2B1;
      border-radius: 10px;
      text-align: center;
      width: 110px;
      height:40px;
      margin-top:30px;
    }

        body.background div.nextButton a {
          color:#FFF;
          text-decoration: none;
        }

        body.background div.nextButton p {
          height: 40px;
          width:110px;
          margin-left: 15px;
          display:flex;
          align-items: center;
          font-weight: 400;
          font-size: 18px;
        }

            body.background div.nextButton a:hover{
              color:#0B1F42;
              font-weight: 500;
            }


/*página pagamento*/

    body.background div.payBox {
      margin:auto;
      background-color: #0B1F42;
      width:600px;
      margin-top: 30px;
      border-radius: 10px;
      text-align: left;
      height: 400px;
    }

        body.background div.payBox p {
          color:#FFF;
          text-align: center;
          width:600px;
          padding-top: 20px;
        }

            body.background div.payBox ul li {
              display: inline-block;
              width:50px;
              margin-left:50px;
              margin-top: 20px;
            }

                body.background div.payBox ul li img{
                 width:80px;
                }


/*página contactos*/

    body.background div.contactBox {
      margin:auto;
      background-color: #0B1F42;
      width:350px;
      margin-top: 30px;
      border-radius: 10px;
      text-align: left;
      height: 130px;
    }

        body.background div.contactBox p {
          font-weight: 400;
          padding-top: 20px;
          line-height: 45px;
          margin-left: 70px;
          color: #FFF;
        }

            body.background div.contactBox p img {
              vertical-align: middle;
              margin-right: 20px;
            }


/*página erro*/

    body.errorPage {
      background: none;
    }

        body.errorPage h1{
          text-align: center;
        }

            body.errorPage h1 img {
              margin-top: 200px;
              width: 23%;
              min-width: 300px;
            }

        body.errorPage h2 {
          text-align: center;
          margin-top: 20px;
          font-weight: 500;
          font-size: 20px;
          font-style: italic;
          line-height: 30px;
        }

            body.errorPage h2 a {
              font-weight: 300;
              font-size: 17px;
            }

        body.errorPage div.error {
          margin:auto;
          background-color: #0B1F42;
          width:500px;
          margin-top: 30px;
          border-radius: 10px;
          height: 130px;
        }

            body.errorPage div.error p {
              position: relative;
              color:#FFF;
              text-align: center;
              width:450px;
              margin-left:25px;
              line-height: 18px;
              font-size: 15px;
              font-weight: 300;
              word-break: break-all;
              display:flex;
              align-items: center;
              height: 130px;
            }

        body.errorPage h3 {
          text-align: center;
          margin-top: 30px;
          font-weight: 500;
          font-size: 15px;
          line-height: 20px;
        }

            body.errorPage h3 a {
              font-weight: 600;
            }


/*páginas qualidade da água, saude e bem estar, lazer, serviços, ambiente e conhecimento*/

    body.publicSearch div.topNavBar {
      position: fixed;
      z-index: 3;
      width:100%;
      background-color:#0B1F42;
      height: 65px;
      display:flex;
      align-items: center;
    }

        body.publicSearch div.topNavBar a.home2 {
          height: 65px;
          display:flex;
          align-items: center;
          width: 15%;
        }

        body.publicSearch div.topNavBar p {
          display: inline-block;
          color:#FFF;
          line-height: 65px;
          margin: 0;
        }

            body.publicSearch div.topNavBar p.image {
              width:12%;
              min-width:170px;
            }

                body.publicSearch div.topNavBar p.image img{
                  margin: 0 50%;
                  width: 90%;
                  min-width: 150px;
                }

            body.publicSearch div.topNavBar p.activePage {
              background-color:#AAF7F1;
              color:#0B1F42;
              font-weight: 500;
            }

            body.publicSearch div.topNavBar p.highlight {
              padding: 0 2%;
            }

                body.publicSearch div.topNavBar p.highlight a{
                  color:#FFF;
                  text-decoration: none;
                  line-height: 65px;
                }

                body.publicSearch div.topNavBar p.highlight:hover {
                  background-color: #AAF7F1;
                }

                    body.publicSearch div.topNavBar p.highlight:hover a{
                      color:#0B1F42;
                      font-weight: 500;
                      height:65px;
                    }


/*mapas comuns a todas as páginas*/

    body.publicSearch div.maps {
      position: fixed;
      width:25%;
      max-width: 400px;
      margin-top: 100px;
      margin-left: 5%;
    }

        body.publicSearch div.maps path {
          fill:#0B1F42;
        }

          body.publicSearch div.maps path:hover {
              fill:#00A2B1;
            }

            body.publicSearch div.maps a {
              cursor:pointer;
            }


            /*codigo para que as ilhas apareçam todas highlighted quando se passa so por cima de uma*/
                body.publicSearch div.maps a.madeira:hover path.madeira1 {fill:#00A2B1;}
                body.publicSearch div.maps a.madeira:hover path.madeira2 {fill:#00A2B1;}

                body.publicSearch div.maps a.açores:hover path.açores1 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores2 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores3 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores4 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores5 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores6 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores7 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores8 {fill:#00A2B1;}
                body.publicSearch div.maps a.açores:hover path.açores9 {fill:#00A2B1;}

                body.publicSearch div.maps a.montijo:hover path.montijo1 {fill:#00A2B1;}
                body.publicSearch div.maps a.montijo:hover path.montijo2 {fill:#00A2B1;}

                body.publicSearch div.maps a.vilaRealStAntonio:hover path.vilaRealStAntonio1 {fill:#00A2B1;}
                body.publicSearch div.maps a.vilaRealStAntonio:hover path.vilaRealStAntonio2 {fill:#00A2B1;}

                body.publicSearch div.maps a.portoSanto:hover path.portoSanto1 {fill:#00A2B1;}
                body.publicSearch div.maps a.portoSanto:hover path.portoSanto2 {fill:#00A2B1;}
                body.publicSearch div.maps a.portoSanto:hover path.portoSanto3 {fill:#00A2B1;}
                body.publicSearch div.maps a.portoSanto:hover path.portoSanto4 {fill:#00A2B1;}
                body.publicSearch div.maps a.portoSanto:hover path.portoSanto5 {fill:#00A2B1;}

        body.publicSearch div.maps svg > a:active {
            fill: #00A2B1
        }


        body.publicSearch p.backButton {
            line-height: 25px;
            font-weight: 700;
            font-size: calc(8px + 0.5vw);
            display: flex;
            align-items: center;
            margin: 45px 3px;
            width: auto;
            float:left
        }

        body.publicSearch p.backButton img {
          width:30px;
          margin:0 15px;
        }


    body.publicSearch div.resultados {
      position: absolute;
      z-index: 0;
      margin-top:100px;
      margin-left: 38%;
      width:62%;

    }

        body.publicSearch div.resultados div.resultBox {
          display: inline-block;
          width:44%;
          margin-left: 20px;
          background-color: #AAF7F1;
          height: 200px;
          border-radius: 10px;
          margin-top:20px;

        }

            body.publicSearch div.resultados div.resultBox div.content {
              position:absolute;
              width:36%;
              height:200px;
              margin:0 3%;
              margin-top:20px;
            }

                    body.publicSearch div.resultados div.resultBox div.content p {
                      font-size: calc(6px + 0.4vw);
                      font-weight: 400;
                      line-height: 32px;
                      vertical-align: middle;
                      word-wrap: break-word;
                      margin: 0;
                    }

                        body.publicSearch div.resultados div.resultBox div.content p.p2 {
                          line-height: 23px;
                        }

                    body.publicSearch div.resultados div.resultBox div.content label {
                      font-weight: 600;
                      margin-right: 10px;
                    }

            body.publicSearch div.resultados div.resultBox div.buttons {
              position:absolute;
              margin-left: 39%;
              width:3%;
            }

                body.publicSearch div.resultados div.resultBox div.buttons img{
                  width:100%;
                  max-width: 30px;
                  margin-left:5%;
                  margin-top:40%;
                }


                body.publicSearch div.resultados div.resultBox div.buttons img:first-child{
                  margin-top:20px;
                }

                    body.publicSearch div.resultados div.resultBox div.buttons img:hover {
                        cursor:pointer
                    }

                body.publicSearch div.resultados div.resultBox div.buttons img.loc{
                  width:90%;
                  margin-left:10%;
                }



      body.publicSearch div.resultados div.resultBox div.picture{
          position:absolute;
          width:20%;
          height:200px;
      }

          body.publicSearch div.resultados div.resultBox div.picture img{
            width:120px;;
            height:200px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
          }


      body.publicSearch div.resultados div.resultBox div.content2 {
                  position:absolute;
                  width:17%;
                  height:200px;
                  margin-top:20px;
                  margin-left:130px;
                  margin-right:3%;

          }

                        body.publicSearch div.resultados div.resultBox div.content2 p {
                          font-size: calc(6px + 0.4vw);
                          font-weight: 400;
                          line-height: 32px;
                          vertical-align: middle;
                          width:100%;
                          word-wrap: break-word;
                        }

                        body.publicSearch div.resultados div.resultBox div.content2 label {
                          font-weight: 600;
                          margin-right: 10px;
                        }


    body.publicSearch div.developing {
      display:none;
    }

}


@media only screen and (min-width:481px) and (max-width: 1024px) {  /*layout para tablets*/

    body * {
        display: none;
    }

    body div.developing {
        display: block !important;
        text-align: center;
    }

        body div.developing img {
            display: initial !important;
            width: 40%;
            margin-top: 200px;
        }

        body div.developing p {
            display: block !important;
            width: 80%;
            margin-top: 30px;
            margin-left: 10%;
            font-family: 'Poppins';
            line-height: 15px;
            font-style: italic;
            font-size: 12px;
            font-weight: 500;
        }


}


@media only screen and (max-width: 480px) {  /*layout para telemóveis*/

  body *{
    display: none;
  }

    body div.developing {
        display: block !important;
        text-align: center;
    }

        body div.developing img {
            display: initial !important;
            width: 40%;
            margin-top: 200px;
        }

        body div.developing p {
            display: block !important;
            width: 80%;
            margin-top: 30px;
            margin-left: 10%;
            font-family: 'Poppins';
            line-height: 15px;
            font-style: italic;
            font-size: 12px;
            font-weight: 500;
        }

}