@charset "utf-8";
/* CSS Document */
#page{
	width: 901px;
	margin:auto;	
}

#informacoes{
	border: medium solid #2C96D2;
    color: #000;
    padding: 2em;
    background: #F7FAFC;
}

#topo{
	background-image:url(img/banner_site.png);
	background-repeat:no-repeat;
	width:901px;
	height:220px;
}

#conteudo p{
	margin-left:2em;
}
p{
	text-align:justify;
}
#direita{
	float:right;
	margin-top:-14em;
}
.fonte_branca{
	color:#ffffff;
}
#meio{
	margin-left:4.5em;
}


* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    background: #FFF none repeat scroll 0 0;
    color: #333;
    font-family: "lucida grande",verdana,helvetica,arial,sans-serif;
    font-size: 11px;
    height: 100%;
    margin: 0;
}
a {
    color: #1c2b29;
    text-decoration: none;
}
a:hover {
    color: #92ebe2;
    text-decoration: underline;
}
a img {
    border: medium none;
}
ul {
    list-style: outside none none;
}
.clear {
    clear: both;
}
.cake-sql-log {
    margin: 10px auto;
    text-align: center;
}
#container {
    height: 100%;
}
#container #mainmenu {
    background: #209b9a  none repeat scroll 0 0;
    float: left;
    height: 100%;
    width: 200px;
    z-index: 4;
    position: absolute;
}
#container #mainmenu .logo {
    display: block;
    margin: 5px auto 8px;
}
#container #mainmenu ul {
    float: right;
    margin: 60px 0 0;
}
#container #mainmenu ul li {
    padding-right: 10px;
}
#container #mainmenu ul li.active {
    background: rgba(0, 0, 0, 0) url("img/bg-menu-active.png") no-repeat scroll right center;
}
#container #mainmenu ul a {
    color: #686868;
    display: block;
    padding: 12px 4px;
    text-align: right;
    text-decoration: none;
}
#container #mainmenu ul a:hover {
    color: #8ba543;
}
#mainmenu .user-name {
    background: rgba(0, 0, 0, 0) url("img/person.png") no-repeat scroll 6px -1px;
    border-top: 1px solid #fff;
    color:#f5f5f5;
    font-weight: bold;
    margin-top: 8px;
    overflow: hidden;
    padding: 8px 0 8px 28px;
    /*white-space: nowrap;*/
}
#mainmenu .user-options {
    margin-left: 28px;
}
#mainmenu .user-options .user-logout a {
    font-weight: bold;
	color:red
}
#box_sep {
    background: #e2e2e2 url("img/bg-box-sep.png") no-repeat scroll center center;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    cursor: e-resize;
    float: left;
    height: 100%;
    margin-right: 8px;
    width: 3px;
}
#container #content {
    float: right;
    height: 100%;
    margin-left: -215px;
    overflow: auto;
    width: 100%;
	background: #FCFEFE;
}
#container #content-right {
    margin-left: 215px;
    margin-right: 12px;
    padding: 18px 8px;
}
#content h1, #fancybox-content h1.title {
    border-bottom: 1px solid #73C2D3;
    color: #4e4e4e;
    font-size: 13px;
    padding: 10px 2px;
}
#content .description-title {
    color: #777;
    padding: 6px 2px;
}
#content .toolbox {
    margin: 12px 0 0;
}

input, select {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #d9d9d9 -moz-use-text-color #d9d9d9 #d9d9d9;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    color: #777;
    padding: 5px 4px;
    width: 500px
	}
	
	
	input .bt_enviar{
		border-radius: 10px;
	background-image: -webkit-linear-gradient(90deg, #5e5d5d 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(90deg, #5e5d5d 0%, #ffffff 100%);
	background-image: -o-linear-gradient(90deg, #5e5d5d 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #5e5d5d 0%, #ffffff 100%);
	}
	

th {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding: 10px 3px;
    text-align: left;
}


a.button-icon {
    /*background: #eee url("../images/buttons/btn-bg.png") repeat-x scroll center top;*/
    background: #eee repeat-x scroll center top;
    border: 1px solid #aaa;
    color: #4d4d4d;
    display: inline-block;
    font-size: 11px;
    margin: 3px;
    padding: 2px 10px 4px 6px;
    text-decoration: none;
    text-shadow: 0 -1px 1px #fff;
    width: auto;
}

.input {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    padding: 10px 0 10px 4px;
}
.fonte_vermelha{
	 color: #990000; 
	 font-weight:bold;
}
div.message-error {
    background: none repeat scroll 0 0 #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #860006;
    font-size: 11px;
    margin: 22px 0 10px;
    opacity: 0.9;
    overflow: hidden;
    padding: 12px 8px;
    text-align: left;
}
.message-warning {
    background: none repeat scroll 0 0 #FFF6BF;
    border: 1px solid #FFD324;
    color: #5F5200;
    font-size: 16px;
    margin: 22px 0 10px;
    opacity: 0.9;
    overflow: hidden;
    padding: 12px 8px;
    text-align: left;
}
.message-ok {
	background: none repeat scroll 0 0 #E3F7DE;
	border: 1px solid #144F08;
	color:#144F08;
	font-size: 16px;
	margin: 22px 0 10px;
	opacity: 0.9;
	overflow: hidden;
	padding: 12px 8px;
	text-align: left;
}
form.generic .input label span {
    color: #d54343;
    font-weight: bold;
}
.font_vermelha_neg{
    color: #d54343;
    font-weight: bold;
}

.font_verde_neg{
    color: #008000;
    font-weight: bold;
}
.font_amarela_neg{
    color: #FFA500;
    font-weight: bold;
}

form.generic .input label {
    display: inline-block;
    font-size: 13px;
    margin-right: 3px;
    padding: 4px 0;
    width: 140px;
}
.buttons .button-save-back {
    background: #75a0b8 url("img/button-blue.png") repeat-x scroll 0 0;
    border-color:  #3d90a0  #3d90a0  #3d90a0  #3d90a0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 4px 0 0;
    outline: medium none;
    padding: 6px 12px;
}

.bt_alt{
	background: url("img/edit.png") repeat-x scroll 0 0;
	width: 32px;
	height: 32px;
	float: none;
}

.bt_ativo{
	background: url("img/copy_doc.png") repeat-x scroll 0 0;
	width: 32px;
	height: 32px;
	float: none;
}
.bt_des{
	background: url("img/desabilitado_copy_doc.png") repeat-x scroll 0 0;
	width: 32px;
	height: 32px;
	float: none;
}
.bt_check{
	background: url("img/check.png") repeat-x scroll 0 0;
	width:20px;
	height: 19px;
	float: none;
}
#frame{
	width:800px;
	height:600px;
	padding-left:5em;
}
.textarea{
	width: 630px; 
	height: 200px;
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.textarea:focus  {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.has-error .textarea {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-success .textarea {
    border-color: #3c763d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus  {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}


.arquivo{
    background-color: #ffffff;
    border: 0 none;
    width: 495px;
}
.set_color{
	width:100px;
	height:100px;
}
#lay1{
	width: 238px;
	height: 303px;
}
#lay2{
	width: 238px;
	margin-left: 20em;
	margin-top:-21.5em;

	}
#texto{
	margin-left:6em;
}

#dados_certificados, #dados_inscricao{
	padding: 2.5em;
}

#conf_fundo_site, #conf_menu_site, #conf_titulos, #conf_tabela, #conf_rodape{
	 background-color: #edf2f7;
    border: 1px solid #00537b;
    border-radius: 8px;
  /*  margin-left: auto;
    margin-right: auto;*/
    margin-top: 2em;
    padding: 1.5em;
    width: 60%;
}

.cong_titulo{
	color:#00537B;
	font-size:14px;
	font-weight:bold;
}
.buttons .button-update-back {
    background: #FAD160 repeat-x scroll 0 0;
    border-color:#A77410 #A77410 #A77410 #A77410;
    border-style: solid;
    border-width: 1px;
    color:#fff;
    font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 4px 0 0;
    outline: medium none;
    padding: 6px 12px;
	width:150px;
}

.buttons .button-delete-back {
    background: #EBA8AA repeat-x scroll 0 0;
    border-color:#A21416 #A21416 #A21416 #A21416;
    border-style: solid;
    border-width: 1px;
    color:#fff;
    font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 4px 0 0;
    outline: medium none;
    padding: 6px 12px;
	width:150px;
}

/**/

.login-container{
    position: relative;
    width: 300px;
    margin: 80px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
}

#output.alert-danger{
    background: rgb(228, 105, 105);
}


.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;height: 100%;
    top: 3.5px;left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
     -moz-transform: rotateZ(-2deg);
      -ms-transform: rotateZ(-2deg);

}

.avatar{
    width: 165px;height: 104px;
    margin: 10px auto 30px;
   /* border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;*/
	background-image:url(img/login.png);
}

.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
  /*  background: #fafafa;*/
    transition:0.2s ease-in-out;

}

.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#buscar{
	float: right;
	padding: 2em;
}
.linha{
	width: 100%;
	min-height: 0.5em;
	border-bottom: 2px solid #73C2D3;
	color: #73C2D3;
	font-size: 13px;
}

input#uf {
  text-transform: uppercase;
}
#trabalho{
	margin-left: 2em;
	
}

#rodape_pagina{
    background:#F58635;
	margin-top: 5em;
	/*position:absolute;
	bottom:0;
	width:1140px;*/
	min-height: 5em;
}
#div_resposta{ margin-left: 6em;}


#gt0,#gt1,#gt2, #gt3, #gt4, #gt5, #gt6, #gt7, #gt8, #gt9, #gt10, #gt11, #gt12, #gt13{
	
    width: 50px;
	 margin-left: 7em;

	}
.avaliadores{
	width: 400px;
}
label .ficha{
	width: 330px;
}
.link{
	
	    padding: 0.5em;
	background:  #b2b3b7;
}


.info{
	background: none repeat scroll 0 0 #FFF6BF;
border: 1px solid #FFD324;
color: #5F5200;
font-size: 10px;
margin: 22px 0 10px;
opacity: 0.9;
overflow: hidden;
padding: 12px 8px;
text-align: justify;
width: 239px;
}

.check{
    width: 23px;
}
.lista_areas{
    margin-left: 5em;
}

.fonte_14{
     font-size: 14px;
}

.asterisco{
        color: #d54343;
    font-weight: bold;
    font-size: 14px;
}
input[type="radio"]{
    margin: 3px -146px 0;
    /* line-height: normal; */
}