/*
 
 */


body {
	
	background:#fff;

}

img{
	height:auto;
	/*max-width:50%;*/
}

a:link {
	-webkit-transition: color 200ms ease-out;
	-moz-transition: color 200ms ease-out;	
	
}

.limpar { display: block; height: 20px;; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

h1{ margin: 10px 0 10px 0; color: #00468C; }

h2{ color: #00468C; }
.h2-linha { background:url(bg_h2.png) center center repeat-x; display: block; height: 5px;clear: both; width:100%; margin-bottom:10px; margin-top:-5px;}

.container{   
  max-width:1100px;
}

	
.nav-vagas-index  li .btn {
   
   background: #FFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#4dd3ff), to(#000000));
   background: -webkit-linear-gradient(top, #4dd3ff, #000000);
   background: -moz-linear-gradient(top, #4dd3ff, #000000);
   background: -ms-linear-gradient(top, #4dd3ff, #000000);
   background: -o-linear-gradient(top, #4dd3ff, #000000);
   
   
   
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   
   text-decoration: none;
   vertical-align: middle;
   
   border-top-color: #FFF;
   border-bottom-color: #FFF;
 }
   
.nav-vagas-index .btn:hover {
   border-top-color: none;
   background: #ebebeb;
   color: #00468c;
}

.justificar-texto{
	text-align:justify;	
}


p{
	text-align:justify;	
}

.btn-aluguel{
		margin:10px;
	}
	
	
	#fb{	
	position:absolute;
	
}

.gplus{
		position:absolute;
		
	}
	

/* RESPONSIVE CSS
    -------------------------------------------------- */

/* Desktop maiores */
@media (min-width: 980px) {  
	.menu{
		position:absolute;
		right:0px;
		top:120px;
	}
	
	.nav-icones-topo{
		
		right:20px;
		top:20px;
	}
	
	#fb{
		right:20px;
		top: 80px;
	}
	
	.gplus{
		right:120px;
		top: 20px;
	}
	
	
	#login-header{
		/*
		position:absolute;
		right:250px;
		top:10px;
		*/
	
	}
	
	#linkedin-rodape{
		margin-left:-10px;
	}
	
	#creditos{
			position:absolute; top:120px; left:1px;
	}
	
	.hero-unit h1{
		
		font-size:50px;
	}
	
	
	
	
}
 
/* tables em formato porta retrato até os desktos no formato paisagem */
@media (min-width: 768px) and (max-width: 979px) { 
	
	#fb{
		top:55px;
		right:250px;
		
	}
	
	.gplus{
		left:5px;
		top: 0px;
	}
	
	.nav-icones-topo{
		
		right:70px;
		top:50px;
	}
	
	#creditos{
			position:absolute; top:120px; left:1px;
	}
	
	

      .featurette {
        height: auto;
        padding: 0;
      }
      
      .featurette-image.pull-right {
        display: block;
        float: right;
        max-width: 100%; 
        margin: 0 auto 20px; 
      }
	  
	  .featurette-image.pull-left{
        display: block;
        float: left;
        max-width: 100%; 
        margin: 0 auto 20px; 
      }
	  
	  
	  
	.hero-unit h1{
		
		font-size:50px;
	}
	
	
	.btn-aluguel{
		
		
	}
	  
	
}
 
/* dispositivo em paisagem até os tablets em formato porta-retrato */
@media (max-width: 767px) { 
	
	#fb{
		top:30px;
		right:100px;
		
	}
	
	
	.gplus{
		left:0px;
		top: 0px;
	}
	
	.nav-icones-topo{
		
		right:70px;
		top:10px;
	
	}
	
	
	 .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
	  
	  
	  
	.hero-unit h1{
		
		font-size:40px;
	}
	  
	  
}
 
/* dispositivo no formato paisagem e abaixos */
@media (max-width: 480px) {  
	#fb{
		top:70px;
		right:10px;
		
	}
	
	
	.gplus{
		right:0px;
		top: 120px;
	}
	
	
	.hero-unit h1{
		
		font-size:25px;
	}
	
	
	
.dropdown-menu li > a, .dropdown-menu li > a:focus, .dropdown-submenu > a {
	font-size:10px;
}
	
}



.hero-unit {
		
	background-color:rgba(0,0,0,0)
}
	
	.hero-unit h1{
		
		color: #00468C;
	}



 /* Remove border and change up box shadow for more contrast */
 .topo-logo-menu{
	max-width:1100px;
	margin:0 auto;
}

.topo-logo-menu .navbar-inner, .footer .navbar-inner {
  border: 0;
  background:none;
  padding: 20px 0 20px 0;
  position:relative;
  height:100%;
}


 
.navbar .nav > li > a, .nav-rodape > li > a {
	color:#00468C;
	text-shadow:none;
}

.navbar .nav > li > a:hover, .nav-rodape > li > a:hover{
	color:#FFF;
}

.nav-rodape{
	list-style:none;
	display:inline;
	width:100%;
	margin:0 auto;
}


/* ~~ ICONES DO TOPO ~~ */

.nav-icones-topo{
	position:absolute;
}


.nav-icones-topo > ul {
	height:30px;
	list-style: none; /* this removes the list marker */
	float:right;
	margin:0;
}
.nav-icones-topo > ul > li {
	float:left; display:inline; 
	
}

#icone-home{ /* grouping these selectors makes sure that your links retain their button look even after being visited */
	background:url(icone_home.png) 0 0 no-repeat;
	height:30px;
	width:30px;
	display:block;
}
#icone-home:hover{ /* this changes the background and text color for both mouse and keyboard navigators */
	
	background-image:url(icone_home_hover.png);
}

#icone-contato{ /* grouping these selectors makes sure that your links retain their button look even after being visited */
	background:url(icone_contato.png) 0 0 no-repeat;
	height:30px;
	width:30px;
	display:block;
	margin-right:10px;
	margin-left:10px;
}
#icone-contato:hover{ /* this changes the background and text color for both mouse and keyboard navigators */
	
	background-image:url(icone_contato_hover.png);
}

#icone-face{ /* grouping these selectors makes sure that your links retain their button look even after being visited */
	background:url(icone_face.png) 0 0 no-repeat;
	height:30px;
	width:30px;
	display:block;
}
#icone-face:hover{  background-image:url(icone_face_hover.png); }



#icone-linkedin{ /* grouping these selectors makes sure that your links retain their button look even after being visited */
	background:url(icone_linkedin.png) 0 0 no-repeat;
	height:30px;
	width:30px;
	display:block;
	margin-left:10px;
}
#icone-linkedin:hover{  background-image:url(icone_linkedin_hover.png); }



	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ INDEX - HOME ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

.borda{
	border:1px solid rgba(255,255,255, 0);
	outline: #FFF solid 1px;
	
}

.fundo-branco{
	background-color:#FFF;
}

ul.nav-vagas-index{
	list-style:none;
	margin: 0;
}


ul.nav-vagas-index > li{
	margin:10px;
	
}

ul.cursos-treinamentos {
	
}

ul.cursos-treinamentos > li {
	
}

ul.cursos-treinamentos > li > a{
	
}



    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      /*padding-top: 120px;  Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      /*margin-top: -120px;  Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
     /* margin-right: 40px; */
    }
    .featurette-image.pull-right {
      /* margin-left: 40px; */
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }
	
	
	  .separador{
			background: url(assets/separador.png)  center center no-repeat;
			height:5px;
			margin:0 auto;
			display: block;
	  }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CADASTRAR CURRICULUM ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                    ~~~~~~~~~~~~~~~~~~~~~~~~*/	

.help-block {
	font-size:11px;
	color:#959595;
	
}

#cadastrar_curriculum {
	margin:10px;	
}

form .row-fluid .span2, 
form .row-fluid .span3, 
form .row-fluid .span4, 
form .row-fluid .span5, 
form .row-fluid .span6, 
form .row-fluid .span7, 
form .row-fluid .span8,
form .row-fluid .span9,
form .row-fluid .span10,
form .row-fluid .span11 {
	
	margin-bottom:10px;
}

#cadastrar_curriculum input[type="text"], 
#cadastrar_curriculum input[type="password"], 
#cadastrar_curriculum input[type="email"], 
#cadastrar_curriculum  select, #cadastrar_curriculum select * {
	margin-right:10px;
	margin-bottom:10px;
}

fieldset {
	margin-top:20px;
}

label span {
	color:#F00;
}







/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~     EMPRESA     ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                    ~~~~~~~~~~~~~~~~~~~~~~~~*/	

.sidebar-nav {
	padding: 9px 0;
}

.hero-unit h1{
	padding: 10px;
}

.hero-unit h1{
	margin: 10px 0 10px 0;
}





/* ~~ LOCALIZACAO ~~ */


#map-canvas { 
	margin-top:20px;
	width:100%;
    height:500px !important; 
}










/* ~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ */
/* ~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~AUTOCOMPLETE~~~~~~~~~~~~~~~~~~~~~~~~ ~~ */
/* ~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~ */



/* highlight results */
.ui-autocomplete span.ui-state-highlight{
	color: #09F;
}

.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('indicator.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}


.accordion-heading .accordion-toggle {
	background-color:#FCFCFC;
}

.balloon-content{
	padding:10px;
	color:#F00;
	font-size:11px;
	
}



/* COOKIES */
.grt-cookie {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding: 20px;
	background:#FFF;
	color:#333;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	z-index:9999;
}

.grt-cookie-active {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}

.grt-cookie p {
	font-size: 14px;
	margin: 0;
	padding:0;
	line-height: 1.35;
	color:#333;
	font-weight: normal;
}

.grt-cookie p a {
	color:#333;
	text-decoration: underline;
	font-size: 14px;
	margin: 0;
	padding:0;
}

.grt-cookie-button {
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	padding: 3px 18px;
	margin-left:12px;
	background: #333;
	color: #FFF;
	text-transform: capitalize;
	white-space: nowrap;
}

@media (max-width:767px) {

	.grt-cookie {
		flex-direction: column;
		padding: 15px;
	}

	.grt-cookie p, .grt-cookie p a {
		font-size:13px;
	}

	.grt-cookie-button {
		font-size:13px;
		padding: 3px 14px;
		margin:8px 0 0 0;
	}

}