@font-face {
  /*font-family: "Comic Sans MS";  
  src: url("../fontes/comicsans/comici.ttf");*/
  font-family:"Dejavu Sans";
  src: url("../fontes/DejaVu_Sans/DejaVuSans.ttf");
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
    color: #fff;
}

a.sair {
	font-size: 80%;
}

div.form-element {
    margin: 5px 0;
}

div.form-input-element {
    margin: 10px 0;
    text-align: end;    
}

html {
  font-family:"Dejavu Sans";
  max-width: 980px;
  margin: auto;
}

img.icone {
	max-width: 50%;	
	padding: 0px;
}

input.upper {
	text-transform:uppercase;
	height:30px;
	font-size: 100%;	
}

input.readonly {
  border: none;
  background: transparent;  
  outline: none;
  font-size: 90%;  
  width:410px; 
  height:30px; 
}

label {
    width: 250px;   
    text-align: end;
    font-size: 100%;
    font-family:"Dejavu Sans";
}

label.descreve {    
    text-align: left;
    font-size: 75%;
    color: #0000ff;
    font-family:"Dejavu Sans";    
}

label.legenda {	
    text-align: right;
    font-size: 70%;
    font-family:"Dejavu Sans";
}

label.input {    
    text-align: left;
    font-size: 100%;
    font-family:"Dejavu Sans";    
}

label.readonly {
	width: 250px;   
    text-align: end;
    font-size: 100%;
    color: black;
}

p.error {
    color: white;
    font-family:"Dejavu Sans";
    background: #a9a9a9;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 18px;
    font-size: 90%;    
}

.borda-sup {
	border-top: 2px dotted white;	
}

.borda-inf {
	border-bottom: 2px dotted white;	
}

.btn-enviar {
  border: 2px solid #976f55;
  background-color: transparent;
  color: white;
  padding: 8px 10px;
  font-size: 18px;
  cursor: hand;
}

.btn-legenda-azul {
	font-family:"Dejavu Sans";
	outline: 1;
	/**color: #3f69aa;**/
	color: 002a85;		
	/**font-weight: bold;**/	
	font-size: 1.2em;
}

.btn-legenda-branco {
	font-family:"Dejavu Sans";
	outline: 0;
	color:#fff;	
	font-weight: bold;	
}

.btn-listagem {
  border: 2px solid #976f55;
  background-color: transparent;
  color: white;
  padding: 3px 4px;
  font-size: 14px;
  cursor: hand;
}

.btn-listagem-2 {
  border: 2px solid #976f55;
  background-color: #976f55;
  color: white;
  padding: 2px 3px;
  font-size: 12px;
  cursor: hand;
  border-radius: 18px;
  vertical-align:middle; 
}

.container-header2 {
	padding: 0;
	text-align: center;
	font-size: 100%; 
	min-height: 3vh; 	
}

.container-header3 {
	padding: 0;
	text-align: center;
	font-family:"Dejavu Sans";
	min-height: 2vh;
	background-color: white;
	color: #5c6bc0;
}

.container-curriculos {
	color: white;
	padding: 5;
	text-align: center;
	font-size: 150%; 
	background-color: #5c6bc0;	
	background-image: linear-gradient(180deg, #3949ab 10%, #c5cae9 250%);		
}

.container-branco {	
	padding: 5;
	text-align: center;
	font-size: 150%;		
}


.container-listagem{
	color: white;
	padding: 10;
	text-align: left;
	font-size: 120%; 
	background-color: #a55c1b;	
	background-image: linear-gradient(180deg, #772f1a 0%, #f2a65a 100%);
}

.espaco {	
	padding: 8px 5px;
}

.alinha-centro {
	text-align:center;       
  	vertical-align:middle;
  	padding: 10;
}

.footer-curriculos {  
  text-align: center;
  font-size: 13px;  
  padding: 8px;  
  text-align:right;       
  vertical-align:middle; 
}

.frmDropDown {	
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;   
    padding: 4px; 
    border-radius: 10px; 
    font-size: 15px;   
    width:310px; 
    height:30px; 
    border-color: #9C9C9C;   
}

.frmDropDownMedio {	
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;      
    padding: 4px; 
    font-size: 15px;   
    width:180px; 
    height:35px; 
    border-color: #9C9C9C;   
}

.frmDropDownSmall {	
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;   
    padding: 4px; 
    font-size: 15px;   
    width:70px; 
    height:30px; 
    border-color: #9C9C9C;      
}

.frmInputSmall {	
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;   
    padding: 4px; 
    font-size: 17px;   
    width:100px; 
    height:30px; 
    border-color: #9C9C9C;        
}

.header-curriculos {  
  background: url("../imagens/painel_cnps_2.jpg") no-repeat;  
  min-height: 15vh;  
  padding: 0; 
  background-size: cover;  
}

.row {
    padding-bottom: 15px;
}

.text-header2 {
	font-size: 15px;
	text-align:right;    	
}

.w3-blue-embrapa,.w3-hover-blue-embrapa:hover {
	color: #fff!important;
	background-color: #75AADC!important
}

/* For mobile phones: */


[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  

  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  div.example {
    font-size: 25px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.example {
    font-size: 20px;
  }
}

.fundo_cabecalho_tabela1 {	
	background: -webkit-linear-gradient(left, rgba(117, 170, 220, 1), rgba(117, 170, 220, 0.6)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(117, 170, 220, 1), rgba(117, 170, 220, 0.6)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(117, 170, 220, 1), rgba(117, 170, 220, 0.6)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(117, 170, 220, 1), rgba(117, 170, 220, 0.6));    
    background-color: #75AADC;  /* para funcionar no ie9, mas sem o degrade */
}

.fundo_cabecalho_tabela2 {
	background-color: #FFFFFF;
}