@charset "utf-8";
/* CSS Document*/

*{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	font-style: normal;
}
img{
	border: 0px;
	 max-width: 100%;
    height: auto;
}
/* Estilo padrão para telas grandes */
body {
    font-size: 16px;
}

/* Estilo para telas médias */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

/* Estilo para telas pequenas (dispositivos móveis) */
@media (max-width: 480px) {
    body {
        font-size: 12px;
    }
}
p {
    font-size: 1.2em; /* Tamanho de fonte relativo */
}
html, body {
    margin:0; padding:0; width:100%; height:100%; overflow:hidden;
	background: url("../images/fundoazul.png");
	background-attachment:fixed;}
	
#background{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}
	
#container{
	position:relative;
	min-height:100%;
	
}
* html #container {
	height:100%;
	width:100%;
	position: absolute;
	z-index: 2;
}
#topo{height:80px; margin: 0 auto; background:url("../img/logo.png") 10px no-repeat; padding:10px; margin:0 auto; width:1000px}
#topo2{
	height:80px;
	margin: 0 auto;
	background:url("../img/small_logo.png") 10px no-repeat;
	padding:10px;
	margin:0 auto;
	width:100%;
	margin-bottom: 60px;
	position: absolute;
	left: 4px;
	top: 12px;
	z-index: 5;
}
.clear{clear:both;}

#menu_superior{
	height: 25px;
	width: 1000px;
	margin:10px auto;
	color:#FFFFFF;
	padding-top:8px;
	background-color: #fd9802;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 7px;
}
#menu_superior #menu_sup a:hover{
text-decoration:underline;color:#FFFFFF;}
#menu_superior #mensagem{
	padding:0 20px 0 20px;
	float: left;
}
#menu_superior #menu_sup{
	padding: 0 0 0 120px;
	float: right;
}
#menu_superior #menu_sup a{text-decoration:none; color: #FFF;}
/* PRINCIPAL */
#publicidade{
		float: left;
	 
	margin-left:55%;
}

/* FIM PRINCIPAL */
/*INICIO CONTEUDO*/
#conteudo{
	margin:0 auto;
	width:430px;
	padding-bottom:45px;
	text-align: center;
	position: absolute;
	left: 14px;
	top: 256px;
	z-index: 2;
	height: 229px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#sub_conteudo{
	padding-top:150px;
	padding-left:50px;
	color:#FFF;
	text-align: center;
}
#sub_logo{height:270px; background: url("../img/sub_logo.png") 20px no-repeat; width:600px; margin: 0 auto;}
#entrar{position:relative; margin:0 auto; width:500px;}
.estilo_input{background:url("../img/input.png") no-repeat; height:35px; width:160px; border:none; margin: 0 5px; padding: 0 20px; text-align:center; margin-left:15px}

#entrar_go{margin-top:10px; height:35px; position:fixed; top:400px;}

#menu{margin: 0 auto; width:750px;}

/*FIM CONTEUDO */



/* INICIO RODAPE*/
#rodape{
	bottom:0px;
	color:#FFF;
	background:#000;
	width:100%;
	height:45px;
	min-width: 800px;
	margin:0 auto;
	font-family:Verdana, Geneva, sans-serif;
	clear:both;
	left: 0px;
	position: absolute;
	z-index: 4;
}
#sub_rodape{width:1000px;margin:0 auto; display:table; margin-top:5px;text-align: center;}
#menu_inferior a{	text-decoration: none; color:#FFF;}
#menu_inferior a:hover{	text-decoration:underline; color:#FFF;}
#menu_inferior{font-size:12px; width:300px; vertical-align:middle; display:table-cell; padding-left:15px;}
.menu_inferior_icon{display:table-cell; text-align:center; width:30px; }
.copyright{font-size:11px; text-align:right; width:300px; vertical-align:middle; display:table-cell; padding-right:15px;}
/* FIM RODAPE*/
#container #conteudo #sub_conteudo #sub_menu {
	background-color: #f41f1f;
}
#container #conteudo #sub_conteudo #sub_menu ul {
	display: inline;
}
#container #conteudo #sub_conteudo #sub_menu li {
	display: inline;
	list-style-type: none;
	margin: 20px;
	padding: 20px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#container #conteudo {
	height: 300px;
	width: 452px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	padding: 10px;
	position: absolute;
	left: 0px;
	top: 179px;
}
.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 200;
	color: #FFFFFF;
	text-align: left;
	margin-left: 18px;
}

.esquecisenha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	margin-left: 135px;
	text-decoration: none;
}



.usuario{
	float:left;
	margin-left: 20px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	

}

.senha{
	

}

.descricao{
	padding-bottom: 20px;
	margin-left: 8px;
}


#container #conteudo #botoes {
	margin-left: 200px;
}
#container #conteudo ul {
	list-style-type: none;
	float: none;
	margin-left: 95px;
}

#container #conteudo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}


#conteudo #form1 #botoes {
	margin-left: 200px;
}

#conteudo #form1 li {
list-style:none;


}

#conteudo #form1 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	list-style-type: none;
	color: #FFFFFF;
	margin-left:94px;
}

#conteudo #form1 li a:hover{
	text-decoration: underline;
	
}
