body {
	background: #EEE;
}

p, td, th, span, input, select, textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
}
input, select, textarea {
	border: 1px solid #CCC;
}
a:link {
	color: #009;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009;
}
a:hover {
	text-decoration: underline;
	color: #009;
}
a:active {
	text-decoration: none;
	color: #F00;
}
#main {
	border: 2px solid #000;
	width: 100%;
	margin: 0px auto;
	background: #FFFFFF;;
}

#cabecalho {
    text-align: center;
    height: 100px;
}
#cabecalho h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	text-align: center;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu {
  margin: 0px;
}

#conteudo {
	margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.avatar {
	float: left;
	border: 1px solid #000;
	margin: 2px;
}

input[type=text], input[type=file], input[type=password], select, textarea {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #eeeeee;
}

input[type=submit], input[type=button] {
  background-color: #336699;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: center;
}

.login_logo_esq {
    width: 70%;
    height: auto;
}

.login_logo_dir {
    width: 50%;
    height: auto;
}

.login_bg {
    background-color: white;
}


.img_logo_esq {
    text-align: left;
    height: 80px;
    width: auto;
    padding: 10px;
}

.img_logo_dir {
    text-align: right;
    height: 80px;
    width: auto;
    padding: 10px;
}

.div_logo_esq {
    width: 50%;
    float: left;
    text-align: left;
    display: inline;
}

.div_logo_dir {
    width: 50%;
    float: left;
    text-align: right;
    display: inline;
}

@media only screen and (max-width: 768px) {
    #cabecalho {
        text-align: center;
        height: 170px;
    }

    .img_logo_esq {
        text-align: left;
        height: auto;
        width: 250px;
        padding: 10px;
    }

    .img_logo_dir {
        text-align: right;
        height: auto;
        width: 200px;
        padding: 10px;
    }

    .div_logo_esq {
        width: 100%;
        float: left;
        text-align: center;
        display: inline;
    }

    .div_logo_dir {
        width: 100%;
        float: left;
        text-align: center;
        display: inline;
    }

    input[type=text], input[type=password], select, textarea {
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        resize: vertical;
        background-color: #eeeeee;
        width: 90%;
    }
}