* {
	margin:0;
	padding:0;
	outline:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;
	background-color:#e4e4e4;
}

#container {	
	margin:0 auto;
	margin-top:20px;
	width:749px;
	height:648px;
	border:1px solid #333;
	background-color:#d2d4e4;
}

#area_login {
	width:595px;
	height:340px; 
	background:#ffffff;
	margin-left:70px;
	margin-bottom:30px;
}
#area_login #enviar{
	cursor:pointer;
}
#rodape {
	width:100%;
	height:25px;
	background: #0c698e; /* para browsers sem suporte a CSS 3 */
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00317c', endColorstr='#000F26'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#00317c), to(#000F26)); /* webkit browsers */
	background: -moz-linear-gradient(top,  #00317c,  #000F26); /* Firefox 3.6+ */
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:0px;
	border-left-width:0px;
	border-color:#000F26;
}

#formulario{margin: auto; width: 520px;}
	#formulario label{ color: #4B396F;}
	.titulo{color: #4B396F; font-weight: bold;}
	#elementos, #publico, #slct1, #slct2, #curso, #tipo_curso,#email,#uf,#campus{color: #4B396F;}
	input[name=nome]{color: #4B396F;}

	#bgmodal {
		background:#000;width:100%;height:100%;position:fixed;z-index:9;top:0px;opacity:0.8;display:none;
	}
	#bgiframe {width:100%;height:100%;position:fixed;z-index:99;top:0px;text-align:center;display:none;}
	#bgiframe>div {width:320px;margin:auto;height:100%;}
	#bgiframe>div>a { position:fixed;z-index:999;padding:3px 8px;background:#7b0000;color:#fff;font-size:10px;font-weight:bold;margin-left:278px;text-decoration: none; }
	#bgiframe iframe {background:#FFFFFF;border:0px;border-radius:10px;height:80%;margin-top:10%;float:left;}
	#area_login #bordaInput, #area_login label { margin-top:2px;display:inline-block; }
	#area_login label { padding-right:8px;}

	@media (max-width:780px) {
		#alturaTopo { height:auto; }
		#container { width:auto;height:auto;background:#FFF;}
		#container td img#imgCabecalho,#container td img#logo, #area_login, #area_login table, #formulario { width:100% !important;margin:0px !important;}
		#formulario img#imgCabecalho{margin-left: 0px;}
		#container td img#enviar { width:auto !important; }
		#btn{margin-left: 1px;}
		#chatAltitude{padding-left: 2px;padding-right: 2px;}

		
	}