/*
 * Asther ProdutoraWeb
 * http://www.asther.com.br
 *
 * [c] copyright 2014
 * Todos os Direitos Reservados.
 *
 */
 
 
/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* CSS app */
html, body{
	background-color: #F4F4F4;
	font: 14px/20px "Trebuchet MS";
	height:100%;
}
div.fume{
	min-width: 970px;
	width: 100% !important;
	width: 970px;
	height: 100%;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
	background-color:#FFF;
	position:absolute;
	z-index:100;
	display:none;
	}
div#Lay{
	height: 50%;
	min-width: 970px;
	width: 100% !important;
	width: 970px;
	position: relative;
	z-index: 1;
	background-color: #EBEBEB;
	border-bottom: 10px solid #E2E2E2;
}

#Logo, .Janela, #Creditos, #txtFrente{position:absolute;}
#Logo{bottom:50px; left: 15%; z-index:1;}
.Janela{
	width: 414px;
	height: 207px;
	padding: 4px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-box-shadow: 0px 10px 14px -7px rgba(46, 46, 46, 0.44);
	-moz-box-shadow: 0px 10px 14px -7px rgba(46, 46, 46, 0.44);
	box-shadow: 0px 10px 14px -7px rgba(46, 46, 46, 0.44);
	border-radius: 22px;
	bottom: -111px;
	right: 15%;
	z-index: 5;
	
}
#janTroca{background:url(../img/janTroca.png) no-repeat 0px 0px;}
.janCentro{top: 50%;right: 50%;margin:-108px -211px 0 0; z-index:101;display:none;}
.janCentro a.btnX{width:30px;height:30px;display:block;overflow:hidden;position:absolute;z-inde:50; top:-15px; right:-10px;}
#janLogin{background:url(../img/janLogin.png) no-repeat 0px 0px;z-index:2; overflow:hidden;}
#janLogin h1, 
#janTroca h1{
	font-size: 18px;
	color: #FFFFFF;
	position:absolute;
	top:30px;
	padding:2px;
}
#janLogin form, 
#janTroca form{position:absolute; top:76px; width:260px; height::130px;}
form.appAstherLab label{display:block; font-size:15px; color:#FFF; padding:3px; margin-bottom:2px;}
form.appAstherLab input[type="text"], 
form.appAstherLab input[type="password"]{
	color: #26373F;
	height: 22px;
	margin-bottom: 6px;
	padding: 2px 6px 0;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 6px;
}
form.appAstherLab input[type="text"]:focus, 
form.appAstherLab input[type="password"]:focus{
	outline:none; /* retira borda com cor do Chrome */
	border: 2px solid #324652;}
form.appAstherLab input[type="text"]{width:230px;}
form.appAstherLab input[type="password"]{width:120px; margin-right:6px;}
#janLogin form #labOk, 
#janLogin form #labOkN{margin-top:-6px;}
#janLogin form.lembrar #labOkL{margin-top:5px;}
#janLogin h1.login,
#janTroca h1{left: 15px;}
#janLogin form.login,
#janTroca form{left: 32px;}
#janLogin h1.lembrar{left: -309px}
#janLogin form.lembrar{left: -292px}

.lnkFrente{display:block;position:absolute;bottom:108px;right:15%;height:30px;}
#lnkSair{width:59px;margin-right:26px; z-index:4;}
#lnkConfig{width:31px;margin-right:87px; z-index:4;}
#lnkLembrar{width:129px;margin-right:26px; z-index:4;}
#lnkTrocar{width:114px;margin-right:120px; z-index:4;}
#janIcones {
	background-color:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
#janIcones nav a.icone{
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	width: 89px;
	height: 39px;
	margin: 4px;
	padding: 54px 2px 2px;
	float: left;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
	border-style:solid;
	border-color: #EBEBEB;
}
#janIcones nav a:hover{
	background-color: #EEEEEE;
	border-color: #E6E6E6;
}

#janAlerta,
#janAlertaT{
	color: #D83500;
	line-height: 20px;
	background-image:url(../img/qdrAlerta.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
	background-color: #FFFFFF;
}
#janAlertaT{z-index:105;}
#janAlerta div,
#janAlertaT div{display:table-cell; vertical-align:middle; height:205px;}
#janAlerta div h2, 
#janAlerta div p, 
#janAlerta div img,
#janAlertaT div h2, 
#janAlertaT div p, 
#janAlertaT div img{margin: 0 30px 0 116px;}
#janAlerta div h2,
#janAlertaT div h2{text-transform:uppercase; font-weight:bold;font-size:18px; margin:5px 30px 5px 116px}
#janAlerta div img,
#janAlertaT div img{cursor:pointer;margin:5px 30px 5px 116px;}


#Creditos{width:422px;color:#000;height:35px; font-size:11px;bottom:-150px; right:15%; z-index:3;}
#Creditos div{width:49%;}
#Creditos #Copy{float:left;}
#Creditos #Asther{float:right; text-align:right;}
#Creditos #Asther a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#txtFrente{width:260px;color:#324652;bottom:-120px; left:15%; z-index:2;}




@media screen and (max-width: 1180px) {
	#Logo, #txtFrente{left: 25px;}
	.Janela, #Creditos, #lnkSair, #lnkConfig, #lnkLembrar, #lnkTrocar{right:25px;}
	.janCentro{margin-right:0px;right:274px;}
}
@media screen and (max-width: 690px) {
	.janCentro{margin-right:0px;right:0px;left:0px;}
}