@import url('default.css');

/* ESSENCIAIS */
/*_____________________________________________________________________________________________________________________________________________________________*/

/* cores do ecrã de loading */
.loader { background: #2A2A2A; }	/* loader background color */
.loader i.fa-cog { color: #ffffff; } /* loader spinner color */

/* cor do botão scroll top */
.scrollup { color: #ffffff; opacity: 0.5; } /* go top button color */
.scrollup:hover, .scrollup:focus { color: #ffffff; opacity: 1; }
/* hightlight colors */
::selection, ::-moz-selection { background: auto; color: auto; }

/* placeholder dos formularios */
::-webkit-input-placeholder { color: #000000; }
:-moz-placeholder { color: #000000; }
::-moz-placeholder { color: #000000; }
:-ms-input-placeholder { color: #000000; }

/* locker on or off */
#locked { display: none; } 



/* ADICIONAR CÓDIGO ABAIXO*/
/*_____________________________________________________________________________________________________________________________________________________________*/



.openSans { font-family: 'Open Sans', sans-serif; color: #ffffff; }
.openSansBold { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #ffffff; }
.openSansSemiBold{ font-family: 'Open Sans', sans-serif; font-weight: 600; color: #ffffff;}
.openSansSemiBoldIt{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; color: #ffffff; }


body {
  background-color: #eee;
  min-height: 100vh;;
  max-height: 100vh;;
  min-width: 100%;
  max-width: 100%;
  color: #fff;
}

#container {
    background: transparent;
}

div.fundoAnimado {width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; background-image: url("../imgs/fundo.jpg"); background-size: cover;
 background-position: center; background-repeat: no-repeat; text-align: center; }
div.fundo2 { position: fixed; z-index: 2; width: 100%; height: 100%; background-image: url("../imgs/fundo_topo.png"); background-position: top; background-repeat: no-repeat; pointer-events: none; }
img#logo { margin-top: 2%; z-index: 2; max-width: 90%; width: 370px; }
img#logo_fundo { position: fixed; top: 0; margin-top: 40vh; right: 0; max-width: 95%; pointer-events: none; }

div.cont { position: relative;}
div.conteudo { position: absolute; width: 100%; margin-top: 25vh; pointer-events: auto;  text-align: center;}

div.first { position: relative; max-width: 100%; width: 700px; margin: 0 auto; background-position: center center; background-size: cover; background-repeat: no-repeat; text-align: center; padding: 50px; }
div.first img#icon1 { width: 80px; margin-top: 40%; margin-bottom: 25px;}
div.first p { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; color: #ffffff; font-size: 28px; line-height: 120%; margin-bottom: 0; }
div.first img#icon_down { position: absolute; bottom: 20px; width: 20px; left: calc( 50% - 10px ); cursor: pointer; }

div.second { position: relative; max-width: 100%; width: 700px; margin: 0 auto; background-color: #456E7E; text-align: center; margin-top: 50px; padding: 50px; }
div.second img#icon2 { margin-top: 25px; margin-bottom: 25px;}
div.second p { font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 16px; line-height: 150%; text-align: left; margin-bottom: 25px;}
div.second img#icon3 { margin-top: 25px; max-width: 150px;}

div.third { position: relative; max-width: 100%; width: 700px; margin: 0 auto; background-color: #456E7E; text-align: center; margin-top: 50px; }
div.third img { max-width: 100%;}
div.third div.conteudoInterno { padding: 50px;}
div.third p { font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 16px; line-height: 150%; text-align: left; margin-bottom: 25px;}
div.third h1 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; color: #ffffff; font-size: 28px; margin-top: 0px; margin-bottom: 40px; background-position: top; background-repeat: no-repeat; background-size: 100%;}

div.contactos p { margin-bottom: 0; line-height: 125%; font-size: 15px; }
div.contactos span.morada p:first-child { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #ffffff; font-size: 16px; margin-bottom: 10px; }
div.contactos span { color: #A1B6BE; }
div.contactos a { text-decoration: none;}

a#utd img { width: 40px; margin-top: 25px; margin-bottom: 25px; }



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	div.contactos2 { margin-top: 25px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 700px) {
	div.first p { font-size: 18px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	div.first p { font-size: 15px; }
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
        
}