@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}


body {
    margin: 0;
    font-family: 'Open Sans', Tahoma, sans-serif;
}

#page {
	text-align: center;
}

#bglogo
{
    left: 0px;
    width: 100%;
    top: 0px;
    height: 200px;
    background: rgb(80,132, 154);
    border: none;
}


#bglogo .spacer {
    height: 15vw;
    margin-top: -30px;
    max-height: 100px;
}

#bglogo .spacer2 {
    height: 5vw;
    max-height: 30px;
}

#bglogo img {
    /* bottom: 0px;  */      
}

h1
{
    margin: 0 auto;
    width: 303px;
    height: 10vw;
    max-height: 69px;
    padding-top: 3vw;/* 57px; */
    background: none;
    border: none;
    font-size: 21px;
    text-align: center;
    font-weight: normal;
    color: rgb(43, 43, 43);
}


h2
{
    margin: 0 auto;
    /* width: 339px; */
    padding-top: 13px;
    height: 10vw;
    max-height: 28px;
    background: none;
    border: none;
    font-size: 16px;
    text-align: center;  
    font-weight: normal;
    color: rgb(43, 43, 43);
}



span.message {
	height: 25px;
	color: red;

}

input
{
    display: block;
    width: 299px;
    margin: 0 auto;
    height: 21px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(128, 128, 128);
    -webkit-box-shadow: 2.5px 2.5px 3px 0 rgba(0, 0, 0, 0.251);
       -moz-box-shadow: 2.5px 2.5px 3px 0 rgba(0, 0, 0, 0.251);
            box-shadow: 2.5px 2.5px 3px 0 rgba(0, 0, 0, 0.251);
    font-size: 15px;
    text-align: center; 
    color: rgb(128, 128, 128);
    padding: 10px 0;
}

input[name=email]
{
    margin-top: 10px;
}

input[name=password]
{
    margin-top: 15px;
}


.post_button_container {
	width: 300px;
	margin: 5px auto 0  auto;
	text-align: right;
	font-size: 13px;
	position: relative;
	color: rgb(128, 128, 128);
	-webkit-box-shadow: none; /* 1px 1px 1px 0 rgba(0, 0, 0, 0.251); */
       -moz-box-shadow: none; /* 1px 1px 1px 0 rgba(0, 0, 0, 0.251); */
            box-shadow: none; /* 1px 1px 1px 0 rgba(0, 0, 0, 0.251); */
}

.checkbox_container {
	float: left;
	margin-top: -7px;
}

input[type=checkbox]
{
    display: inline;
    width: 20px;
    position: relative;
    top: 3px;
}

label {
	margin-top: -5px;
}




input[type=submit]
{
    width: 300px;
    margin-top: 21px;
    margin-bottom: 10px;
    height: 36px;
    background: rgb(29, 104, 255);
    border: none;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Open Sans', Tahoma, sans-serif;
    color: rgb(255, 255, 255);
    padding: 0px 0;
    -webkit-border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
}


#funcao_rodape
{ 
    margin: 0 auto;
    width: 300px;
    height: 23px;
    background: none;
    border: none;
    text-align: right;
    padding-top: 1px;
}

#funcao_rodape a 
{
	font-size: 12.5px;
    color: rgb(128, 128, 128);
    text-decoration: none;
}

#funcao_rodape a:hover 
{
    color: rgb(255, 128, 128);
}


/* BEGIN especificdades da recupera_senha */

h2.instrucoes
{
    width: 300px;
    padding-top: 0px;
}

input#email_recupera_senha
{
    margin-top: 35px;
}

/* END especificdades da recupera_senha */



/* BEGIN especificdades notice (l1 a l4) e troca_senha*/

h2.title
{
    padding-top: 0px;
    padding-bottom: 30px;
    font-size: 18px;
}

div.message
{
   margin: 0 auto;
   width: 300px;
   line-height: 25px;
}

a.voltar {
	margin: 30px auto 0 auto;
	text-align: center;
	display: block;
	color: white;
	background: rgb(228, 31, 43);
	width: 300px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
}

a.voltar:hover {
	text-decoration: none;
}

a.voltar:visited {
	text-decoration: none;
}
/* END especificdades notice (l1 a l4) */



/* 
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 2dppx) {
    #group3
    {
        background-image: url(images/group_2x.png);
        background-size: 321px 96px;
    }
}
*/