/*
--------------------------------------
- General 
--------------------------------------
*/
* { outline: 0 none !important; }
body { background:#f4f2f2; font-family: 'Roboto Condensed', sans-serif;margin:0;padding:0;}
body>iframe { margin: -5px; }
a:link, a:visited, a:hover { text-decoration: none;}
.loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../img/icons/loading.gif) center center no-repeat; }
.erro { position: relative; float: left; width: 100%; font-size: 24px; line-height: 30px; text-align: center; text-transform: uppercase; }
.erro-mini { position: relative; float: left; width: 100%; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; }

.all {position: relative;float:left; width: 100%;height:100%;background:#f4f2f2;}

.transition-back { -webkit-transition: all 300ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); }
.transition-back-500 { -webkit-transition: all 500ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); }
.transition-back-700 { -webkit-transition: all 700ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); }

.transition-linear-slow { -webkit-transition: all 800ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear; }
.transition-linear { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }
.transition-linear-fast { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.transition-linear-fastest { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; }

.transition-ease { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

#site_loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.9); background-position: center center; background-repeat: no-repeat; z-index: 200; }
.no-gutter {padding:0;}

#warning { position: absolute;width:420px;height:220px;top:60%;left:50%;margin-left:-200px; background: rgba(0,0,0,0.4);  z-index: 999;}
#warning .body {position:relative;width:400px;height:200px;margin-top:10px;margin-left:10px;background:rgba(255,255,255,0.9);}
#warning .body .header {position:relative;float:left;width:100%;height:30px;background:#000;font-size:20px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase;}
#warning .body .content {position:relative;float:left;width:100%;height:100%;font-size:18px;color:#000;text-align:center;padding:20px 10px 0 10px;}
#warning .body .ok-btn {position:relative;float:left;width:80%;text-align:center;background:#000;color:#fff;text-transform:uppercase;font-size:20px;margin:-70px 10% 0 10%;}
#warning .body .ok-btn:hover {opacity:0.6;}

#interaction { position: absolute;width:420px;height:520px;top:50%;left:50%;margin-left:-200px; background: rgba(0,0,0,0.4);  z-index: 999;}
#interaction .body {position:relative;width:400px;height:500px;margin-top:10px;margin-left:10px;background:rgba(255,255,255,0.9);}
#interaction .body .header {position:relative;float:left;width:100%;height:30px;background:#000;font-size:20px;line-height:30px;color:#fff;text-align:center;text-transform:uppercase;}
#interaction .body .content {position:relative;float:left;width:100%;height:100%;max-height:410px;font-size:16px;color:#000;text-align:left;padding:20px 10px 0 10px;overflow-y:auto;}
#interaction .body .content table {border:1px solid #fff;}
#interaction .body .content table th {background-color: #00ccff;padding:10px 0 10px 5px;color:#fff;text-transform:uppercase;}
#interaction .body .content table tr > td {padding: 0.5em 0 0.5em 5px;}
#interaction .body .content table tr:nth-child(even){}
#interaction .body .content table tr:nth-child(odd){background-color: #dfdfdf;}
#interaction .body .ok-btn {position:relative;float:left;width:80%;text-align:center;background:#000;color:#fff;text-transform:uppercase;font-size:20px;margin:20px 10% 0 10%;}
#interaction .body .ok-btn:hover {opacity:0.6;}


.top {position:relative;float:left;width:100%;background:#404040;overflow:hidden;height:120px;} 
.top .top-logo {position:relative;float:left;background:url(../../img/logo.png) 0 center no-repeat;background-size:cover;width:188px;height:88px;margin-left:15px;margin-top:10px;}
.top .form-title {position:absolute;float:none;width:310px;left:50%;margin-left:-155px;color:#fff;line-height:120px;overflow:hidden;font-family: 'Raleway', sans-serif;}
.top .top-logo-b {position:relative;float:left;background:url(../../img/logo.png) 0 center no-repeat;background-size:cover;width:188px;height:88px;margin-left:15px;margin-top:10px;}
.top .form-title-b {position:relative;float:left;width:calc(100% - 300px);color:#fff;line-height:70px;overflow:hidden;margin-left:30px;font-family: 'Raleway', sans-serif;}
.top .form-title .pre {position:absolute;font-size:18px;left:4px;top:-34px;}
.top .form-title .main{position:relative;float:left;font-size:60px;font-weight:300;}
.top .wrapper {position:relative;margin:0 auto;width:100%;max-width:1200px;}
.top .wrapper .user {position:absolute;right:20px;top:35px;width:250px;height:40px;border:solid 1px #fff;border-radius:10px;}
.top .wrapper .user .userlogo {display: block;position:relative;float:left;width:20px;height:20px;background: url(../../img/bg/user.png);margin-top:8px;margin-left:5px;}
.top .wrapper .user .username {position:relative;float:left;color:#fff;font-size:16px;padding-right:10px;padding-left:10px;margin-top:8px;}
.top .wrapper .user .config {display: block;position:relative;float:right;width:24px;height:24px;background: url(../../img/bg/config.png);background-size:cover;text-indent: -90000px;margin-top:6px;margin-right:5px;}
.top .wrapper .user .config:hover {opacity:0.6;}
.top .wrapper .user .logout {display: block;position:relative;float:right;width:24px;height:24px;background: url(../../img/bg/out.png) no-repeat;text-indent: -90000px;margin-top:8px;margin-right:5px;}
.top .wrapper .user .logout:hover {opacity:0.6;}




@media (max-width: 1000px) {
	.top .form-title {font-size:30px;}
}
@media (max-width: 900px) {
	.top .form-title {font-size:25px;}
	
}

@media (max-width: 769px) {
	.top .wrapper .go-out {display:none;}
	.top .form-title {position:relative;width:100%;left:0;margin:0 auto;font-size:20px;text-align:center;padding-left:0;line-height:80px;}
	.top .form-title .pre {position:relative;float:none;font-size:15px; margin:0 0 0 0;top:0;line-height:50px;}
	.top .form-title .main{position:relative;float:none;font-size:30px;font-weight:300;top:-42px;line-height:80px;}
	.top .top-logo {background:url(../../img/logo.png) center no-repeat;background-size:none;width:100%;height:88px;margin-left:0;margin-top:10px;text-align:center;}
	.top .top-logo img {width:188px;display:inline-block;text-align:center;}
	.top {height:180px;}
	
	
	.top .top-logo-b {background:url(../../img/logo.png) center no-repeat;background-size:none;width:100%;height:88px;margin-left:0;margin-top:10px;text-align:center;}
	.top .top-logo-b img {width:188px;display:inline-block;text-align:center;}
	.top .form-title-b {position:relative;width:100%;left:0;margin:0 auto;font-size:30px;text-align:center;padding-left:0;line-height:80px;}
	
}
@media (max-width: 700px) {
	.top .form-title {font-size:20px;}
	.top .top-logo {background:url(../../img/logo.png) center no-repeat;background-size:none;margin-left:5px;margin-top:10px;}
	.top .top-logo img {width:188px;display:inline-block;}
	
}




.back {display:block;position:relative;width:90px;height:40px;font-size:20px;color:#606060;text-transform:uppercase;text-align:center;margin:0 auto 40px;}
.back:hover {opacity:0.6;color:#606060;}
.back .icon-back {position:relative;float:left;width:40px;}
.back .icon-back img {width:100%;}
.back .label-back {position:relative;float:right;width:40px;line-height:40px;}

.bottom {position:fixed;float:left;width:100%;height:120px;z-index:6;bottom:0;left:0;}
.bottom .wrapper {position:relative;margin:0 auto;width:100%;height:100%;}
.bottom .wrapper .signature {position:relative;float:left;width:100%;text-align:center;font-size:18px;color:#606060;margin-top:25px;}
.bottom .wrapper .author {position:relative;float:left;width:100%;text-align:center;font-size:13px;color:#606060;margin-top:10px;opacity:0.6;}

.table_registros {opacity:0;height:50px;z-index:0;}
.middle .wrapper .wtitle {position:relative;float:left;width:100%;color:#606060;font-size:30px;text-align:center;}
.middle .wrapper .wbox {position:relative;float:left;width:100%;text-align:center;margin-top:50px;}