*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Verdana, sans-serif;	
}

/*DATAS COMEMORATIVAS descomentar o codigo e a div e codigo a baixo
criar imagens de comemoracao.*/
/*#comemoracao{ 
	background: url("../../imagens/login/bgheader_comemorativo.jpg");
	background-repeat: no-repeat;  
	width: 100%;
	height: 80px;
}*/

#tudo{
	background: url("../../imagens/login/bgheader.jpg");
	width: 100%;
	/*height: 100%;*/
	height: 80px;
}

#tudo > #content{
	position: absolute;
	width: 98%;
	min-width: 775px;
/* 	height: 88%; */
	height: 88%;
	min-height: 520px;
	top: 8%;
	padding: 0 1%;
}

#logo{
	float: left;
}

#logo > img{
	vertical-align: middle;
}

#welcome{
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	width: 50%;
	text-shadow: 0.1em 0.1em 0.3em #4D4D4D;
}

#funcoes{
	clear: both;
	float: left;
	margin-top: 30px;
	padding-left: 15px;
/* 	width: 58%; */
	width: 62%;
}

.features{
	clear: both;
/* 	padding-top: 20px; */
	padding-top: 40px;
}

.features img{
	vertical-align: middle;
	width: 80%;
/* 	width: 75%; */
}

.features-icon{
	float: left;	
}

.features-text{
	margin-left: 10px;
	padding-top: 5px;
	float: left;	
}

.title{
	font-weight: bold;
	display: inline;	
}

#form{
	margin-left: 40%;
	margin-top: 10%;
	padding: 4px;
	border: 1px solid #999999;
	height: 185px;
	height: 235px;
	width: 236px;
	border-radius: 5px 5px 5px 5px;
}

#form-content{
	padding: 10px;
	background: #ebebeb; /*cor padrao */
	/*background: #A7D38E;  /*Cor Natal 2009*/
	height: 165px;
	height: 215px;
	border-radius: 5px 5px 5px 5px;
}
#form-content h4{
	text-align: left;
	text-shadow: 0.1em 0.1em 0.2em #4D4D4D;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 5px 8px;
}

#form-content label{
	font-weight: bold;	
}

.campo{
	background: #FFFFFF !important;
	border: 1px solid #000000 !important;
	height: 25px;
	width: 190px;
	padding: 0 0px 0 5px;
}

.campo:focus{
/* 	border: 1px solid #FFCC99 !important; */
	border: 1px solid green !important;
/* 	background: #C5ED4E !important; */
	background: none repeat scroll 0 0 #EEE685 !important;
}

.botao{
	height: 30px;
	width: 80px;
}
.botao:focus{
	border: 2px solid #FF9900 !important;
}

#footer{
	position: absolute;
	top: 99%;
	width: 98%;
	border-top: 1px solid #999999;
	text-align: center;
	font-size: 12px;
	left: 50%;
	margin-left: -49%;
	padding-top: 4px;
}

#form label {
/* 	text-shadow: 0.1em 0.1em 0.2em green; */
/* 	text-shadow: 0.1em 0 0.2em green; */
	text-shadow: 0.1em 0.1em 0.3em #4D4D4D;
	font-size: 13px;
}



#modulos {
    padding-top: 20px;
    position: absolute;
    text-align: left;
    
    width: 210px;
}
#modulos span {
	font-size: 14px;
    font-weight: bold;
    color: #424242;
/*     text-shadow: 0.1em 0.1em 0.2em #424242; */
    text-shadow: 0.2em 0.2em 0.5em #424242;
    font-style: italic;
}
#modulos .md-div {
	clear: left;
	padding-top: 15px;
}
#modulos .md-div-img {
	float: left;
}
#modulos .md-div-img img {
	width: 40px;
	height: 40px;
}
#modulos .md-div-span {
	float: left;
}






/* #modulos .red { */
/*     text-shadow: 0.2em 0.2em 0.5em #EE2C2C; */
/* } */
/* #modulos .green { */
/*     text-shadow: 0.2em 0.2em 0.5em green; */
/* } */
/* #modulos .orange { */
/*     text-shadow: 0.2em 0.2em 0.5em #FF8C00; */
/* } */
/* #modulos .blue { */
/*     text-shadow: 0.2em 0.2em 0.5em #387CEA; */
/* } */
/* #modulos .purple { */
/*     text-shadow: 0.2em 0.2em 0.5em blue; */
/* } */