@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);@charset "utf-8";@charset "utf-8";
@charset "utf-8";
body { font-size: 12px; font-family: 'Source Sans Pro'; height: 100%; background: #ffffff; color: #000000; }
*{ margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
html { overflow-x: hidden; }

/* GERAIS */
a:link, a:visited, a:hover{ color:#000000; text-decoration:none; font-size: 12px; font-family: 'Source Sans Pro'; }
.clear, .clearfix { clear: both; }
.none { padding: 6px 10px; letter-spacing: 1px; margin: 20px 10px 20px 0px; line-height: 30px; color: #ffffff; border:#fed835 1px solid; font-size: 10px; text-transform: uppercase; }
.none:hover { background-color: #fed835; border: 1px solid #fed835; color: #000000; }
.util { width: 770px; margin: 0 auto; height: auto; margin: 0 auto; clear: both; font-size: 13px; }
.util .titulo { width: auto; max-width: 100%; height: 50px; margin-bottom: 15px; border-bottom: #fed835 1px solid; }
.util .titulo span { color: #018cdd; padding: 11px 10px; text-transform: uppercase; line-height: 50px; font-size: 20px; font-weight: 300; font-family: 'Source Sans Pro'; letter-spacing: -1px; border-bottom: #fed835 3px solid; }
.animacao { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#carregando{ left:50%;top:50%;margin-top:-17px;margin-left:-17px;position:fixed;z-index:5000000;background: #ffffff url(../imagens/loading.gif) no-repeat center center;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:10px;-webkit-box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 2px 0px rgba(0, 0, 0, 0.1);}
.apresenta { width: 100%; background-color: #ffffff; }

/* FLUTUANTE */
#flutua { width: 100%; height: 50px; background-color: #0c6f7a; position: fixed; left: 0; bottom: 0; z-index: 1000; -webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3); }
#flutua h1 { color: #ffffff; font-size: 24px; letter-spacing: -1px; font-weight: 300; line-height: 50px; padding:0px 15px; text-align: left; float: left; width: 40%; }
#flutua h1 a { color: #ffffff; font-size: 24px; letter-spacing: -1px; font-weight: 300; line-height: 50px; }
#flutua h1 a:hover { text-decoration: underline; }
#flutua h1 span { font-weight: 700; }
#flutua h2 { color: #ffffff; font-size: 14px; line-height: 50px; font-weight: 300; text-align: right; padding:0px 15px; float: right; width: 40%; }

/* ALERTA */
#msgalerta{ width:100%; height:40px; text-align:center; font-size:24px; line-height: 39px; padding: 10px 0px; font-weight:300; font-family: 'Source Sans Pro'; color:#ffffff; overflow:hidden; background: #ff9c00; }
#msgalerta2{ width:100%; height:40px; text-align:center; font-size:24px; line-height: 39px; padding: 10px 0px; font-weight:300; font-family: 'Source Sans Pro'; color:#ffffff; overflow:hidden; background: #bc0000; }
#tmsg{ margin-top:-14px; }

/*** INPUTS ***/
input[type=text], input[type=password], select, textarea { color: #000000; font-family: 'Source Sans Pro'; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 13px; background-color: #c2f9ff; text-align: left; margin: 3px 0px; height:20px; padding: 5px; }
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { outline:none; background-color:#b7e4fe; }
input[type=button] { margin: 25px 0px 40px 0px; padding: 6px 10px 6px 10px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-family: 'Source Sans Pro'; font-weight: 300; background-color: #018cdd; cursor: pointer; color: #ffffff; text-transform: uppercase; font-size: 14px; }
input[type=button]:hover { background-color: #fed835; color: #ffffff; font-weight: 700; }

/* LOGIN */
#area_login { width: 100%; height: 250px; border:#e9e9e9 1px solid; margin-top: 50px; }
#area_login .restrito { width: auto; max-width: 100%; height: auto; margin: 20px; }
#area_login .restrito #logar { height: 75px; clear: both; margin: 0; padding: 0; }
#area_login .restrito .infor { width: 300px; float: left; color: #000000; font-size: 14px; line-height: 15px; font-family: 'Source Sans Pro'; }
#area_login .restrito .infor2 { width: 150px; float: left; text-align: center; }
#area_login .restrito .infor2 a { color: #000000; font-size: 14px; line-height: 15px; font-family: 'Source Sans Pro'; }

/* UPLOAD */
.uploader { width: 100%; color: #064f57; border-bottom: #ffffff 4px dashed; text-align:center; background-color:#c2f9ff; vertical-align: middle; padding: 30px 0px 35px 0px; margin-bottom: 10px; font-size: 32px; font-weight: 300; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.uploader:hover { background-color: #89e2ec; border-bottom: #0c6f7a 4px dashed; }
.uploader div.or { font-size: 50%; font-weight: bold; color: #0c6f7a; padding: 5px 10px 0px 10px; }
.uploader div.browser label { background-color: #0c6f7a; padding: 5px 15px; color: white; padding: 6px 10px; font-size: 16px; font-weight: 500; cursor: pointer; border-radius: 2px; position: relative; overflow: hidden; display: block; width: 250px; margin: 10px auto 0px auto; }
.uploader div.browser label:hover { background-color: #064f57; }
.uploader div.browser span { cursor: pointer; }
.uploader div.browser input { position: absolute; top: 0; right: 0; margin: 0; border: solid transparent; border-width: 0 0 100px 200px; opacity: .0; filter: alpha(opacity= 0); -o-transform: translate(250px,-50px) scale(1); -moz-transform: translate(-300px,0) scale(4); direction: ltr; cursor: pointer; width: 250px; }

/* D&D Demo */
.demo-panel-files { max-height: 290px; min-height: 290px; cursor: default; }
.demo-file-id { font-weight: bold; }
.demo-file-size{ font-style: italic; color: gray; font-size: 90%; }
.demo-file-status,
.demo-file-status-default{ color: gray; }
.demo-file-status-error{ color: #990000; }
.demo-file-status-success{ color: #009900; }
.demo-image-preview { float:left; margin-right: 10px; margin-top: 4px; height: 56px; width: 56px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.demo-files { width: 100%; height: auto; clear: both; margin:10px 0px 0px 10px; padding-bottom: 70px; }
.demo-files ul { list-style-type: none; }
.demo-files ul li { z-index: 110; opacity: 1; cursor: pointer; position: relative; width: 200px; height: 150px; float: left; margin: 0px 5px 5px 0px; border: 2px dashed #ffffff; overflow: hidden; }
.demo-files ul li img, .demo-files ul li:first-child img { opacity: 1; width: 200px; height: auto; padding: 0px; margin: 0px; }
.demo-files ul li .removefoto { width: 10px; height: 10px; cursor: pointer; padding: 3px; border: 2px solid #d5e6fe; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; z-index: 10; position: absolute; margin: 2px 0px 0px 177px; background: #ffffff url(../imagens/imagem-remove.png) no-repeat center center; background-size: 10px 10px; }
.demo-files ul li:hover { border: 2px dashed #4f82cb; }
.demo-files ul li:hover .removefoto { border: 2px solid #4f82cb; }
.demo-files p { width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 14px; }
.demo-files h3 { width: 100%; font-weight: bold; height: auto; line-height: auto; text-align: left; font-size: 14px; padding: 3px 0px; }