*{
outline: none;
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}
body{margin-bottom: 70px;}
html{min-height: 100%;position: relative;}

header#content-header{width: 100%;height:130px;}

header#content-header .topo-header{
width: 100%;
height: 70px;
background: #34495e;
display: flex;
flex-wrap: wrap;
flex-direction: row;
position: relative;
}

header#content-header .topo-header .logo{
width: 20%;height: 70px;line-height: 70px; box-sizing: border-box;padding-left: 60px;                                                                        }
header#content-header .topo-header .logo h1{font-size: 1.4em;color: #fff;}
header#content-header .topo-header .logo h1 img{width: 125px;padding-top: 5px;}

header#content-header .topo-header nav{width: 80%;height: 70px;}

header#content-header .topo-header nav ul{
width: auto;
height: 70px;	
padding: 0;
margin: 0;	
box-sizing: border-box;
padding-right: 10px;
margin-right: 10px;
float: right;

display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}

header#content-header .topo-header nav ul li{padding: 0 20px;margin: 5px;text-align: center;}
header#content-header .topo-header nav ul li a{font-size: 1.4em;color: #fff;}
header#content-header .topo-header nav ul li a i{display: block;font-size: 1.6em;}
header#content-header .topo-header nav ul li img{width: 32px;height: 32px;border-radius: 50%;display: block;margin-bottom: 4px;}
header#content-header .topo-header nav ul li a.login{border: 1px solid #ccc;padding: 10px;}
header#content-header .topo-header nav ul.area_login li{padding: 0 10px;margin: 0;}

.menu_mobile{display: none;}

.topo-search{
width: 100%;
height: 60px;
background: #ddd;
box-sizing: border-box;
padding: 0 25px;
padding-left: 60px;

} 
.topo-search form input{
width: 40%;
height: 40px;
margin-top: 10px;
box-sizing: border-box;
padding-left: 6px;	
border: 1px solid #ccc;
border-radius: 5px;
}
.topo-search form button{
width: 16%;
height: 38px;
cursor: pointer;
font-size: 1.4em;
color: #fff;
background: #34495e;
border: 0 none;
}



main{
width: 90%;height: auto;
margin-left: 5%;margin-right: 5%;
margin-top: 10px;
display: table;padding-bottom: 10px;
}

#map {width: 100%;height: 500px;margin-bottom: 10px; }

.breadcrumbs{
width: 100%;
height: 100px;
box-sizing: border-box;padding: 8px; 
border: 1px solid #ccc;box-shadow: 0 1px 3px #333;}

.breadcrumbs ul{padding-top: 30px;}
.breadcrumbs ul li span{height: 30px;color: #999;font-size: 1.2em;}
.breadcrumbs ul li{float: left;margin: 0 10px}
.breadcrumbs ul li p{font-size: 1em;color: #bbb;margin-top: 3px;}
.breadcrumbs a i{float: left;vertical-align: middle;margin-right: 5px;font-size: 1.4em;}
.breadcrumbs a{float: right;padding-right: 10px;font-size: 1.4em;color: #089;}
.breadcrumbs .barra{width: 1px;height: 50px;background: #ccc;}

.vagas{
margin-top: 30px;	
width: 100%;
height: auto;
box-sizing: border-box;padding: 8px; 
border: 1px solid #ccc;box-shadow: 0 1px 3px #333;	
}

.vagas ul{width: 100%;height: auto;display: flex;flex-direction: row;flex-wrap: wrap;}
.vagas ul li{
width: 24%;
height: auto;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
margin: 0 0.5%;
margin-bottom: 10px;	
}
.vagas ul li img{
width: 48px;
height: 48px;
margin-bottom: 6px;	
}
.vagas ul li h2{font-weight: bold;font-size: 1.2em;margin-bottom: 5px;}
.vagas ul li strong{color: #333;display: block;margin: 3px 0;}
.vagas ul li span{color: #ccc;}

.vagas ul li hr{width: 60px;color: #ccc;margin-top: 50px;margin-bottom: 8px;}
.vagas ul li p{color: #555;}

.empresas{
	width: 100%;height: auto;margin-top: 20px;
}
.empresas h2{color: #069;font-size: 1.4em;margin-bottom: 5px;}
.empresas span{color: #999;font-size: 1.1em;margin-bottom: 10px;}

.empresas ul{width: 100%;height: auto; margin: 0;padding: 0;margin-top: 20px;
display: flex;flex-wrap: wrap;flex-direction: row;
}
.empresas ul li{
width: 15%;height: auto;border: 1px solid #ccc; 
text-align: center;box-sizing: border-box;
padding: 8px;border-radius: 5px;
margin: 0 auto;
float: left;
}
.empresas ul li img{width: 70%;margin-left: 15%;margin-right: 15%;margin-bottom: 10px;}
.empresas ul li p{color: #999;font-size: 1.1em;}
.empresas hr{margin-top: 15px;}


.anuncie{
width: 100%;height: auto;
background: #34495e;
box-sizing: border-box;
padding: 10px;
margin-top: 10px;
}

.anuncie h2{color: #fff;font-size: 2em;text-align: center;margin-bottom: 30px;padding-top: 30px;}

.anuncie ul{
width: 100%;height: auto;
box-sizing: border-box;
padding: 20px 0;
margin-bottom: 20px;

display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}

.anuncie ul li{
width: 28%;
height: 80px;
text-align: center;	
margin-right:auto;margin-left: auto;	
padding: 15px 0;
}
.anuncie ul li:nth-child(2){width: 8%;}
.anuncie ul li:nth-child(4){width: 8%;}

.anuncie ul li span{color: #fff;font-size: 1.2em;margin-bottom: 10px;}
.anuncie ul li span i{color: #ccc;font-size: 2em;}
.anuncie ul li h3{color: #ccc;font-size: 1.4em;}


.anuncie button{
width: 30%; min-width: 200px; max-width: 200px;
height: 40px;cursor: pointer;
margin-left: 40%;margin-right: 35%;
background: #066;
border: 0 none;
padding: 10px;
}
.anuncie button a{color: #fff;text-decoration: none;padding: 15px;font-size: 1.3em;
font-weight: bold;}




/* table style*/
	.table{
	  background: #fff;  
	  width: 100%;
	  border-collapse: collapse;
	  overflow: hidden;     
	}
	.table th {
	  padding: 10px;
	  text-align: left;
	  color: #fff;
	  background-color: #607D8B;
	  border: solid 1px #ccc;
	  font-weight: 300;

	}
	.table td:first-child { border-left: 0; }
	.table td:last-child { text-align: center; }
	 .table th:last-child {
	  
	  border-right: 0;
	 }
	.table tr:nth-child(odd) {
	    background-color: #e2e9e9;
	}
	.table tr td { 
	    text-align: left;
	    padding: 10px 10px;
	    color: #069;
	    border: solid 1px #ddd;
	    font-size: 15px;
	}
	.btn,.btn-b{ display: inline-flex; }
	.btn a{ 
	  text-decoration: none;   
	  text-align: center;
	  font-size: 12px;    
	  color: #eee; 
	}
	.btn-b a{ 
	  text-decoration: none;   
	  text-align: center;
	  font-size: 12px;    
	  color: #068; 
	}
	.btn a:hover{ color: #fff; }
	.btn img{ 
	  width: 20px;  
	  vertical-align: bottom; 
	  margin: 0 4px; 
	    
	}
	.edt, .del{ font-size: 16px; padding: 3px 5px; border-radius: 3px;}
	.edt{ background-color: #009688;}
	.edt:hover{ background-color: #80CBC4;}
	.del{ background-color: #f44; }
	.del:hover{ background-color: #EF9A9A;}

	.edt-b{ border-bottom:solid 2px #66BB6A; padding: 0px 3px; }
	.del-b{ border-bottom:solid 2px #D32F2F; padding: 0px 3px; }

		/* table responsiva*/
	@media screen and (max-width: 1024px){
	   .table tr, .table td, tbody { display: block; }    
	   .table th { display: none; }        
	   .table tr td { position: relative; font-size: 16px; text-align: left; padding: 7px 10px;
	        color: #333; }    
	   .table tr td::before {
	        content: attr(title) " "; display: flex; width: 100%; color: #666;font-size: 12px;}         
	   .table tr td { border-top: solid 1px #cde; }     
	   .btn a,.btn-b a{ font-size: 16px; font-weight: bold; padding: 5px; color: #068;}
   }


/*Fim do estilo da tabela*/



/**/
/*Pagina de cadastrar vagas */
/**/
#page_vagas{
 width: 100%;height: auto;	
}
#page_vagas form{width: 520px;height: auto;margin-left: auto;margin-right: auto;background: #f3f3f3;}
#page_vagas form label{font-size: 1.2em;font-weight: bold;margin: 10px 0;margin-left: 1%;}
#page_vagas form input{width: 98%;height: 30px;margin-left: 1%;margin-top: 5px;margin-bottom: 5px;padding-left: 6px;}
#page_vagas form input[type=submit]{width: 120px;cursor: pointer;}

.form_cadastro{width: 39%;height: auto;float: right;}
.form_cadastro legend{color: #333;font-size: 1.2em;margin-bottom: 8px;margin-top: 8px;}
.form_cadastro form{width: 90%;margin-left: 5%;margin-right: 5%;}
.form_cadastro form input{height: 40px;border-radius: 5px;padding-left: 5px;display: block;margin-bottom: 10px;
width: 100%;border: 0;border: 1px solid #bbb;}
.form_cadastro form input[type=submit]{height: 40px; background: #f60;color: #fff;padding: 5px 0;color: #fff;
	cursor: pointer;margin-top: 12px;border: 0;}


#bloco1{width: 100%;
height: 150px;
height: auto;
margin-bottom: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
background: #f4f4f4;
}

.ultimas_vagas{width: 50%;box-sizing: border-box;padding: 10px;}
.ultimas_vagas table{width: 60%; border-collapse: collapse;border: 0;}
.ultimas_vagas caption{color: #f60;margin-bottom: 10px;font-weight: bold;font-size: 1.6em;}
.ultimas_vagas table thead tr{border: 0;}
.ultimas_vagas table thead tr th{
height: 30px;
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #ccc;
}
.ultimas_vagas table tbody tr{border: 0;}
.ultimas_vagas table tbody tr td{
border: 0;height: 35px;font-size: 16px;
text-align: left;}

.ultimas_vagas table tfoot tr{height: 30px;background: #069;}
.ultimas_vagas table tfoot tr td{
border-top: 0;
border-right: 0;
border-left: 0;
font-size: 16px;
text-align: center;
color: #fff;}
.ultimas_vagas table tfoot tr td a{text-decoration: none;color: #fff;font-size: 1.2em;}


.info_vagas{width: 50%;height: 150px;
text-align: right;box-sizing: border-box;padding-top: 50px; padding-right: 30px;}
.info_vagas strong{font-size: 3em;margin-bottom: 10px;color: #f30;}
.info_vagas h2{color: #333;margin: 10px 0;}
.info_vagas h4{color: #f60;margin-top: 30px;margin-bottom: 8px;font-size: 1.3em;}
.info_vagas p{font-weight: bold;font-size: 1.1em;color: #333;}
.info_vagas p strong{color: #f60;margin-top: 30px;margin-bottom: 8px;font-size: 1.3em;}
.info_vagas a{background: #f60;color: #fff;padding: 15px 160px 15px 140px;margin-top: 25px;text-decoration: none;}



.anunciantes{width: 100%;height: 220px;}
.anunciantes h1{text-align: center;font-size: 2.4em;
padding: 6px 0;margin-bottom: 10px;color: #444;}
.anunciantes ul{width: 100%;height: auto;display: flex;
flex-direction: row;flex-wrap: wrap;}
.anunciantes ul li{width: 24%;height: 150px;margin-left: auto;margin-right: auto;	
}

/*configurações pagina login*/
#page_login{
width: 100%;
height: auto;
box-sizing: border-box;
padding: 50px 0;
padding-top: 80px;	
}
#page_login h1{
font-size: 1.6em;
margin: 10px; 
text-align: center;
color: #089;
text-transform: uppercase;
}
#page_login form{
width: 320px;
height: auto;
margin-left: auto;margin-right: auto;
background: #f2f2f2;
box-sizing: border-box;
padding: 10px;
border-radius: 5px;	
}
#page_login form label{
display: block;margin-top: 6px; margin-bottom: 6px;font-size: 1.4em;font-weight: bold;
}
#page_login form input{display: block;width: 95%;height: 30px;box-sizing: border-box;padding-left: 5px;}
#page_login form a{font-size: 1.2em;margin: 5px 0;display: block;margin: 8px 0;
color: #333;}
#page_login button{width: 140px;height: 30px;
background: #089;color: #fff;cursor: pointer;
border: 0;display: inline-block;margin-right: 5px;
}
#page_login button a{text-decoration: none;color: #fff;}

#page_curriculo{
width: 100%;
min-height:700px;
height: auto;
/*display: table; */
padding-bottom: 20px;
}

#page_usuario_logado{
	width: 100%;	
	height: auto;	
	display: flex;

}

#page_usuario_logado aside{width: 22%;min-height: 500px;height: auto; 
background: #f60;
height: auto;float: left;padding-top: 20px;}

#page_usuario_logado aside img{
width: 40%;margin-left: 30%;margin-right: 30%;
border-radius: 50%;margin-bottom: 10px;
background: #fff; border: 1px solid #fff;}

#page_usuario_logado aside a{display: block;margin-bottom: 10px;font-size: 1.6em;color: #fff;
text-align: center}

#page_usuario_logado #content-logado{
width: 75%;
height: auto;
float: left;
box-sizing: border-box;
padding-left: 2%;
}
#page_usuario_logado #content-logado form{
width: 320px;
height: auto;
float: left;
}
#page_usuario_logado #content-logado form label{
	display: block;
	margin: 7px 0;
	font-size: 1.2em;
	font-weight: bold;
}

#page_usuario_logado #content-logado form input{
width: 100%;height: 30px;border: 1px solid #ccc;	
}
#page_usuario_logado #content-logado form input[type=submit]{
background: #f30;color: #fff;
border: 0 none;outline: none;
margin-top: 10px;cursor: pointer;
font-size: 1.4em;	
}

#page_usuario_logado #content-logado .info_vagas{
margin: 0;padding: 0;
padding-top: 10px;	
width: 50%;
height: auto;float: right;
text-align: left;
padding-left: 10px;
}

#page_usuario_logado #content-logado .info_vagas span{
font-size: 1.1em;color: #333;font-weight: bold;
}
#page_usuario_logado #content-logado .info_vagas hr{margin-bottom: 10px;margin-top: 5px;}
#page_usuario_logado #content-logado .info_vagas li{margin-bottom: 7px;}
#page_usuario_logado #content-logado .info_vagas button{
background: #f60;color: #fff;
border: 0;outline: none;width: 120px;
padding: 5px;border-radius: 5px;}


/*******************/
/*Pagina de contato*/
/*******************/
.page_contato{width: 100%;height: auto;}
.page_contato h1{text-align: center;font-size: 1.6em;margin-bottom: 15px;color: #333;}
.page_contato form{width: 520px;height: auto;margin-left: auto;margin-right: auto;}
.page_contato form label{font-size: 14px;font-weight: bold;margin: 5px 0;}
.page_contato form input{width: 98%;height: 30px;border: 1px solid #ccc;margin: 5px auto;box-sizing: border-box;
padding-left: 6px;}
.page_contato form textarea{width: 98%;height: 150px;resize: none;margin: 8px 0;}
.page_contato form input[type=submit]{height: 40px; background: #f60;color: #fff;cursor: pointer;outline: none;}


.table{
width: 100%;
border-collapse: collapse;
border: 0;	
}
.table caption{
margin-bottom: 20px;
font-size: 1.4em;
font-weight: bold;
color: #069;	
}
.table .title_table{
background: #ccc;
height: 30px;	
}
.table .title_table th{
color: #333;	
}
.table .body_table{
height: 30px;
text-align: center;	
}

footer{
position: absolute;
bottom: 0;
width: 100%;.height: 40px;
line-height: 40px;
background: #f5f5f5;
border-top: 1px solid #34495e;
}

footer h4{
text-align: center;color:#333;font-size: 1.2em;
}

/**************************************************/
/*Configurações responsivas dispositivos ate 480px*/
/**************************************************/


@media(max-width: 480px){
header#content-header{width: 100%;height:auto;box-sizing: border-box;padding-bottom: 10px;background: #34495e;}
header#content-header .topo-header{width: 100%;height: auto;}
header#content-header .topo-header .logo{width: 100%;height: 70px;line-height: 70px;}
header#content-header .topo-header nav{width: 100%;height: auto;}

header#content-header .topo-header nav ul{
width: 100%;
height: auto;
padding-right: 10px;
flex-direction: column;
justify-content: center;
display: none;

}

header#content-header .topo-header nav ul li{width: 100%; padding: 0 20px;margin: 5px;text-align: center;
margin-bottom: 15px;padding-top: 5px;text-align: center;}
header#content-header .topo-header nav ul li a{font-size: 1.4em;color: #fff;}
header#content-header .topo-header nav ul li a i{display: block;font-size: 1.6em;}
header#content-header .topo-header nav ul li img{width: 32px;height: 32px;border-radius: 50%;display: block;margin-bottom: 4px;
margin-left: auto;margin-right: auto;}

.menu_mobile{display: block;
position: absolute;
top: 25px;
right: 25px;
color: #fff;
text-decoration: none;
font-size: 1.8em;
color: #fff;
}
.menu_mobile:hover{color: #fff;}

.topo-search{
width: 100%;
height: auto;
background: none;
box-sizing: border-box;
padding: 0 25px;
padding-left: 60px;
display: none;
} 

.topo-search form input{
width: 98%;
height: 40px;
}
.topo-search form button{
width: 50%;
height: 38px;
background: #f60;
margin-top: 10px;
}


.breadcrumbs{
width: 100%;
height: auto;
box-sizing: border-box;
padding: 8px; 
border: 1px solid #ccc;
box-shadow: 0 1px 3px #333;
display: table;
}
.breadcrumbs ul{width: 100%;height: 50px; padding-top: 10px;margin-bottom: 15px;}
.breadcrumbs a{float: none;padding-right: 10px;font-size: 1.4em;color: #089;margin-top: 15px;}

.vagas ul li{width: 98%;}

.empresas ul li{
width: 98%;
height: auto;
padding: 8px;border-radius: 5px;
float: none;
margin-bottom: 10px;
}
.anuncie{margin-bottom: 10px;box-sizing: border-box;}

.anuncie ul li{
	width: 98%;
	height: 80px;
	text-align: center;	
	margin-right:auto;margin-left: auto;	
	padding: 15px 0;
}
.anuncie ul li:nth-child(2){display: none;}
.anuncie ul li:nth-child(4){display: none;}

.anuncie button{
width: 30%;
margin-left: 18%;
padding: 10px;
}

.anuncie button a{padding: 15px;font-size: 1.3em;}
footer h4{margin: 0 5px;}
	
}