@charset "UTF-8";

body{
	font-family: Arial, sans-serif;
	background-color: #F2F2F2;
	color: rgba(0,0,0,1);
	position: center;
}

	form#formular {

		width: 90px;
		height: 600px;
		float: none;
		display: block;
		position: : fixed;
		background-color: #FAFAFA;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		background-position: fixed;
		padding-left:  100px;
		padding-right: 350px;
		padding-top: 10px;
		padding-bottom: 50px;
		border: 1px gray;
		border-radius: 10px;
		box-shadow: 1px 1px 4px black;
	}

	fieldset#grupo {
    border: 0;
	width: 10%;
	font-family: 'FonteLogo', sans-serif;
}


fieldset#campo {
	padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    display: block;
	margin: 15px;
}

fieldset#camposenha {
	padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    display: block;
	margin: 15px;
}

input#cadas {

	border: 8px solid white;
	position: relative;
	margin: -3px;
	box-sizing: border-box;
	display: inline-block;
	opacity: 0.9;

}

h2 {
	font-family: 'Bell MT';
    font-size: 12pt;
	color: #1C1C1C;

}

div#lembrar {
	font-family: 'Arial';
	font-size: 12pt;
	margin-top: 0px;

}

div#esquece {
	font-family: 'Arial';
	font-size: 12pt;
	margin-left: 150px;
	margin-top: -17px;
	margin-bottom: 19px;



}

a {
		text-decoration: none;
	}

	h1 {

	margin-left: 120px;
	margin-bottom: 2px;
	font-family: 'Arial';

	}

	button {

    background-color: #170B3B;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
	border-radius: 10px;
    cursor: pointer;
    width: 100%;

	}

	hr {
  border-color: #CCC;
  box-sizing: border-box;
  width: 100%;

}

button#facebook {

    background-color: #2E2EFE;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
	border-radius: 10px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 2px;

	}

	button#google {

    background-color: #DF0101;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
	border-radius: 10px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 2px;

	}



    h5 {

     margin-left: -8px;
     margin-right: -8px;
     margin-bottom: 0px;
     margin-top: -8px;
     font-size: 30pt;
     background-color: #170B3B;
     padding: 5px;
     text-align: center;
     padding-bottom: 100px;

    }


}

.header {
  overflow: hidden;
  background-color: white;
  padding: 20px 10px;

}
.header a {
  float: left;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 15px;
  line-height: 25px;
  border-radius: 4px;
}

.header a.logo {
  font-size: 35px;
  font-weight: bold;
  color: white;
  margin-top: 25px;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}



.header-right {
  float: right;
  padding-top: 25px;
  padding-right: 10px;

}

@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}

footer#rodape {

			clear: both;
		   border-top: 1px solid black;
		   background-color:  #170B3B;
		   color: white;
		   margin-left: -8px;
		   margin-right: -8px;
		   margin-bottom: 1px;
		   padding-bottom: 6px;

		}

footer#rodape p {
         text-align: center;

		}

footer#rodape a {
    padding-top: 2px;
	color: white;
}