@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
    src: url('fonts/RobotoCondensed.ttf') format('truetype');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
    src: url('fonts/Ubuntu.ttf') format('truetype');
}
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
    src: url('fonts/DroidSans.ttf') format('truetype');
}

/* ================================================== */
/* ---------------------- SITE ---------------------- */
/* ================================================== */
body {
	margin:0px;
	padding:0px;
	overflow:auto;
}
video.bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(../arq/videos/fundo.jpg) no-repeat;
	background-size: cover;
}
body > #Fundo	{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(60, 60, 60, 0.6) url(../arq/login.png) repeat top right;
	content: "";
	z-index: 0;
}
/* ================================================================================================================================================================================================ */
img{border:0}
.img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#txt01{text-align:center;vertical-align:middle;display:table-cell;}
#nav{position:absolute;width:100%;height:45px;top:0;left:0;background:#FFFCDF;border-bottom:solid 1px #DFDDCB;z-index:99999;display:none;margin-top:-45px;}
#nv01{position:absolute;background-color:#C10000;left:0;top:0;width:180px;height:45px;line-height:43px;padding-left:15px;background-image:url(../arq/nav.png);background-repeat:no-repeat;background-position:right}
.nv01{font-family:'Trebuchet MS',Helvetica, Arial;color:#FFF;font-size:12px;text-decoration:no]ne;font-weight:700}
#nv02{position:absolute;left:210px;top:0;width:600px;height:45px;line-height:43px}
.nv02{font-family:'Trebuchet MS',Helvetica, Arial;color:#6F6D5B;font-size:12px;text-decoration:none}
a:hover.nv02{color:#333}
#nv03{width:39px;height:39px;float:right;margin-top:3px;margin-right:5px;cursor:pointer}
.btFechar{position:absolute;left:100%;margin-left:-39px;width:39px;height:39px;z-index:5;cursor:pointer;}
#FundoSite{display:none;position:absolute;text-align:center;top:0;left:0;width:100%;z-index:4000;background-color:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
#msg{position:fixed;top:50%;left:50%;margin-left:-205px;z-index:5000;width:420px;display:none;}
#msg01{position:absolute;width:405px;box-sizing:border-box;top:15px;left:0;padding:15px 25px 15px 20px;box-shadow:3px 3px 13px #333;border-radius:5px;background-color:#FFF;border:1px solid #333;z-index:1;line-height:150%;}
.LC01{position:absolute;width:26px;height:26px;top:0;left:100px;margin-left:0}
.LC02{position:absolute;width:120px;height:26px;top:0;left:100px;display:none;margin-left:0}
.title {position:absolute;background: #FFFFE8;border: 1px solid #BABABA;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px 10px 8px 10px;line-height:18px;z-index: 99999;box-shadow: 3px 3px 5px #aaa;display:none;font-family: Tahoma,Verdana;font-size: 13px;color:#555;max-width:300px;}
.btFecharRet{position:absolute; top:4px;left:396px;width:20px;height:20px;z-index:5;cursor:pointer; background-color:rgba(204,204,204,.6);border-radius:5px;}
#ret{position:absolute;bottom:0px;left:50%;margin-left:-210px;width:420px;display:none;}
#ret01{position:absolute;width:420px;box-sizing:border-box;top:0px;left:0;padding:10px 15px 10px 15px;border-top-left-radius:5px;border-top-right-radius:5px;z-index:1;line-height:150%;}
/* ================================================================================================================================================================================================ */
/* ======= PRINCIPAL ===== */
#Inicio	{
	position:relative;
	width:600px;
	height:470px;
	overflow:hidden;
	left:50%;
	margin-left:-300px;
	margin-top:5%;
}
#Copy	{
	position:absolute;
	left:50px;
	top:447px;
	width:500px;
	text-align:center;
	font-family:'Ubuntu', sans-serif;
	font-size:14px;
	line-height:150%;
	color:#FFF;
	font-weight:normal;
	text-shadow: #000 2px 2px 1px;
}
/* ======== TOPO ===== */
#Inicio > div:first-child	 {
	position:relative;
	width:500px;
	height:100px;
	margin:20px 0 20px 50px;
	z-index:6;
}
#Inicio > div:first-child > a > img {
	position:absolute;
	left:60px;
}
/* ======== CONTEUDO ===== */
#Inicio > div:nth-child(2)	 {
	position:relative;
	width:500px;
	height:300px;
	margin:0 0 30px 50px;
	box-sizing:border-box;
	display:table;
	z-index:4;
}
#Inicio > div > section	 {
	position:relative;
	float:left;
	width:100%;
	height:300px;
	border-radius:5px;
	background-color: rgba(255,255,255,.9);
}
/* ======== TITULOS ======== */
h1	  {
	position:relative;
	width:100%;
	height:30px;
	float:left;
	margin:35px 0 35px 0;
	text-align:center;
	font-family: 'Droid Sans', sans-serif;
	font-weight:normal;
	font-size:26px;
	color:#143F8E;
}
/* ======== LOGIN ===== */
#Login > #fm-Login	 {
	position:relative;
	float:left;
	width:400px;
	margin:0 0 0 55px;
}
#Login > #fm-Login > div	 {
	position:relative;
	float:left;
	height:30px;
	margin-bottom:20px;
}
#Login > div	 {
	position:relative;
	float:left;
	width:150px;
	font-size:12px;
	margin:15px 0 0 190px;
}
#Login > div a	 {
	font-family:'Ubuntu', sans-serif;
	line-height:180%;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}
#Login > div a:hover	{
	text-decoration:underline;
}
#Login > div > div	 {
	position:relative;
	float:left;
	margin-top:5px;
}
/* ======== SENHA ===== */
#Senha > div	 {
	position:relative;
	float:left;
	margin:0 0 20px 55px;
	font-family:'Ubuntu', sans-serif;
	line-height:150%;
	color:#333;
}
#Senha > #fm-Senha	 {
	position:relative;
	float:left;
	width:400px;
	margin:0 0 0 55px;
}
.g-recaptcha	{
	margin-left:80px;
}
.btVoltar	{
	position:absolute;
	width:40px;
	height:40px;
	top:18px;
	left:18px;
	border-radius:40px;
    background:url(../arq/Voltar.png);
	background-repeat:no-repeat;
	background-position:11px 11px;
	cursor:pointer;
}
.btVoltar:hover	{
	background-color:#CCC;
}
/* ======== SENHA ===== */
#AltSenha > div	 {
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 55px;
	font-family:'Ubuntu', sans-serif;
	line-height:150%;
	color:#333;
}
#AltSenha > #fm-AltSenha	 {
	position:relative;
	float:left;
	width:400px;
	margin:0 0 0 55px;
}
/* ======= FORMULARIOS ===== */
label	{
	position:relative;
	float:left;
	margin-bottom:2px;
	min-height:15px;
	width:100%;
	/* ----------- */
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	color:#504F4F;
	font-weight:normal;
}
label > span {
	font-size:12px;
	color:#D90000;
	vertical-align:top;
}
input, select, textarea	{
	position:relative;
	float:left;
	margin-bottom:12px;
	box-sizing:border-box;
	/* ----------- */
	border:1px #E0E0E0 solid;
	background-color:#FFF;
	height:28px;
	padding: 0 5px;
	border-radius:4px;
	/* ----------- */
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	color:#555;
	font-weight:normal;
}
select	{
	height:27px;
	padding: 1px 0 1px 6px;
	margin:0 0 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, #F1F1F1, #F1F1F1);
	background-position: calc(100% - 10px) 11px, calc(100% - 5px) 11px, calc(100%) 0px;
	background-size: 5px 5px, 5px 5px, 21px 25px;
	background-repeat: no-repeat;
}
textarea	{
	padding:4px;
	resize:none;
	overflow:auto;
	margin-bottom:10px;
}
input[type="submit"] {
	float:right;
	border:none;
	width:84px;
	height:30px;
	cursor:pointer;
	/* ----------- */
	margin-top:15px;
	color:#FFF;
	background-color:#AD0F15;
}
input[type="image"] {
	float:right;
	border:none;
	width:84px;
	height:30px;
	padding:7px 20px;
	cursor:pointer;
	/* ----------- */
	margin-top:15px;
	color:#FFF;
	background-color:#AD0F15;
}
#upload	{
	position:relative;
	float:left;
	width:100%;
}
/* ============================= LOGIN ============================= */
#fm-Login > label[for=usuario]		{
	width:80px;
	margin:0;
	line-height:22px;
	margin:4px 0 0 0;
}
#fm-Login > label[for=usuario] > div	{
	position:relative;
	float:left;
	margin-right:5px;
	font-size:20px;
}
#fm-Login > label[for=senha]		{
	width:80px;
	margin:0;
	line-height:22px;
	margin:5px 0 0 0;
}
#fm-Login > label[for=senha] > div		{
	position:relative;
	float:left;
	font-size:20px;
	margin:0 0 0 5px;
}
#fm-Login > div > #usuario	{
	width:270px;
	height:30px;
	margin:0px 0 15px 0;
	font-size:13px;
}
#fm-Login > div > #senha{
	width:270px;
	height:30px;
	margin:0px 0 3px 0;
	font-size:13px;
}
#fm-Login input[type="submit"]	{
	position:absolute;
	width:50px;
	height:50px;
	top:0px;
	left:420px;
	font-family:'Ubuntu', sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	border:none;
	cursor:pointer;
	border-radius:50px;
	text-align:center;
	background-color:#FFC107;
	background-image:url(../arq/Bt.png);
	background-repeat:no-repeat;
	background-position:15px 16px;
	box-shadow: -1px -1px -1px #999;	
}
#fm-Login input[type="image"]	{
	position:absolute;
	width:50px;
	height:50px;
	top:0px;
	left:420px;
	border:none;
	padding:7px 20px;
	cursor:pointer;
	border-radius:50px;
	background-color:#FFC107;
	box-shadow: -1px -1px -1px #999;	
}
#fm-Login input[type="submit"]:hover	{
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;	
}
/* ============================= SENHA ============================= */
#fm-Senha > label[for=email]		{
	width:80px;
	margin:0;
	font-size:12px;
	line-height:22px;
	margin:4px 0 0 0;
}
#fm-Senha > label[for=email] > div	{
	position:relative;
	float:left;
	margin-right:5px;
	font-size:20px;
}
#fm-Senha > div > #email	{
	width:270px;
	height:30px;
	margin:0px 0 15px 0;
}
#fm-Senha input[type="submit"]	{
	position:absolute;
	width:50px;
	height:50px;
	top:-30px;
	left:420px;
	font-family:'Roboto Condensed', sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	border:none;
	cursor:pointer;
	border-radius:50px;
	text-align:center;
	background-color:#FFC107;
	background-image:url(../arq/Bt.png);
	background-repeat:no-repeat;
	background-position:15px 16px;
	box-shadow: -1px -1px -1px #999;	
}
#fm-Senha input[type="image"]	{
	position:absolute;
	width:50px;
	height:50px;s
	top:0px;
	left:420px;
	border:none;
	padding:7px 20px;
	cursor:pointer;
	border-radius:50px;
	background-color:#FFC107;
	box-shadow: -1px -1px -1px #999;	
}
#fm-Senha input[type="submit"]:hover	{
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;	
}
/* ============================= ALTERA SENHA ============================= */
#fm-AltSenha > label[for=senha]		{
	width:100px;
	margin:0;
	font-size:12px;
	margin:4px 0 0 0;
}
#fm-AltSenha > label[for=senha] > div	{
	position:relative;
	float:left;
	margin-right:5px;
	font-size:20px;
}
#fm-AltSenha > div > #senha	{
	width:250px;
	height:30px;
	margin:0px 0 15px 0;
}
#fm-AltSenha input[type="submit"]	{
	position:absolute;
	width:50px;
	height:50px;
	top:-30px;
	left:420px;
	font-family:'Roboto Condensed', sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	border:none;
	cursor:pointer;
	border-radius:50px;
	text-align:center;
	background-color:#FFC107;
	background-image:url(../arq/Bt.png);
	background-repeat:no-repeat;
	background-position:15px 16px;
	box-shadow: -1px -1px -1px #999;	
}
#fm-AltSenha input[type="image"]	{
	position:absolute;
	width:50px;
	height:50px;
	top:0px;
	left:420px;
	border:none;
	padding:7px 20px;
	cursor:pointer;
	border-radius:50px;
	background-color:#FFC107;
	box-shadow: -1px -1px -1px #999;	
}
#fm-AltSenha input[type="submit"]:hover	{
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;	
}
/* ============================ VALIDA FORMULARIO ==================== */
body .ui-tooltip {
	border-width: 1px;
	border-radius: 5px; 
}
.ui-tooltip {
	padding-left:32px;
	padding-right:10px;
	margin-top:0px;
	height:30px;
	line-height:30px;
	position: absolute;
	z-index: 99999;
	max-width: 500px;
}
.ui-widget {
	font-family: Tahoma,Verdana;
	font-size: 11px;
}
.ui-widget .ui-widget {
	font-size: 11px;
}
.ui-widget-content {
	border: 1px solid #BABABA;
	background: #FFFFE8 url(../arq/form01.png) no-repeat;
	color: #383838;
}