#tarjacinza {
	/*height: 45px;*/
}

#banner h2.tit_banner {
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 50px;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	padding: 15px 0;
	margin: 0;
}

.anim-slider { height: 810px; }
#banner .anim-slider {
	background: url(../img/banners/banner_empresa.jpg) no-repeat center;
}
#bannerT { position: relative; }
#bannerT .anim-slider {
	background: url(../img/banners/banner_talento-novo.jpg) no-repeat center;
}
 .anim-slide h1 {
    color:#FFFFFF;
    background-color: rgba(41, 23, 112, 0.85);
    font-size: 40px;
  }
  .anim-slide h2 {
    color: #fff;
    font-size: 30px;
    background-color: rgba(233, 120, 26, 0.80);
		margin: 0 auto;
		font-weight: 500;
  }
	#bannerT .anim-slide h1#slider, #bannerT .anim-slide h3#rotate {
    color:#FFF;
    background-color: transparent;
    font-size: 34px;
		top: 10px;
    background-color: rgba(41, 23, 112, 0.80);
		width:70%; max-width: 100%;
	  left: 15%;
  }
	#bannerT .anim-slide h2#plugin {
		width:60%; max-width: 100%; top: 115px; left: 20%; padding: 10px 10px;
  }
	#bannerT .anim-slide h3#rotate {
		width:60%; max-width: 100%; top: auto; bottom: 80px; left: 20%; padding: 10px 10px;
  }
  .anim-slide h3 {
    color: #fff;
    font-size: 30px;
  }
  .anim-slide h4 {
    color: #fff;
    font-size: 25px;
  }
  .anim-slide h1#slider, .anim-slide h1#todo{text-shadow: 0px;padding: 10px;width:100%; color: #FFF; margin-top: 0;}
  .anim-slide h2#plugin{ width:60%; max-width: 100%; top: 60%; left: 20%; padding: 20px 10px;}
  .anim-slide h2#bounce{ width:60%; max-width: 100%; top: 60%; left: 20%; padding: 20px 10px; }
  .anim-slide h4#version{width: 100%;top: 50%;}

  .anim-slide h3#todo{top: 0%;left: 20%;}
  .anim-slide h3#bounce{top: 15%;left: 49%;}
  .anim-slide h4#bounceUp{top: 15%;left: 60%;}
  .anim-slide h4#bounceRight{top: 15%;left: 75%;}
  /* .anim-slide h3#fade{top:31%;left: 20%;} */
  .anim-slide h4#fadeDown{top: 43%;left: 28%;}
  .anim-slide h4#fadeUp{top: 31%;left: 28%;}
  .anim-slide h3#rotate{top: 50%;left: 49%;}
  .anim-slide h4#rotateRight{top: 50%;left: 61%;}
  .anim-slide h4#rotateLeft{top: 50%;left: 80%;}

  .anim-slide img#css3{left: 35%;top: 4%;}
  .anim-slide img#html5{left: 52%;top: -1%;}
  .anim-slide img#jquery{top: 60%;left: 41%;}
  .anim-slide img#modernizr{width:260px;top: 75%;left: 20%;}
  .anim-slide h2#animatecss{top: 69%;left: 60%;color: #f35626;}
  
  div#demo{text-align: center;}
  div#demo>a{display:inline-block;text-decoration: none;}
  div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
  p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
  p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
  img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}

@media only screen and (max-width: 800px)  {
	
	#tarjacinza {
		padding: 5px 0;
		width: 100%;
		text-align: center;
		height: auto;
	}
	
	#tarjacinza #dv_header_login {
    margin-left: 0px;
    height: auto;
		text-align: center;
	}
	#tarjacinza #dv_header_login .a_login {
		padding: 0;
	}
	#loginempresa, #logintalento, #logincoach { border-right: 0; }
	#tarjacinza .dv_botao .dv_login_form {
		font-size: 12px;
	}
  .dv_login_form {
    width: 220px;
  }
	.dv_login_form input[type=submit] { font-size: 12pt; }
	#dv_header .dv_headerMenu {
    max-width: 100%;
    margin: 0;
		/* padding-top: 15px; */
		padding-top: 5px;
	}
	.dv_banner { float: none; margin: 0 auto; font-size: 17px; }
	#dv_header .dv_headerMenu {
    margin: 0;
	}
	#dv_header .dv_headerMenu p {
		font-size: 13px;
		line-height: 18px;
	}
	.dv_headerMenu p span {
		font-size: 18px;
	}
	#dv_header .header_menu {
		margin-top: 10px;
		margin-bottom: 0;
	}
	#dv_header .header_menu li {
		margin-left: 0;
	}
	#dv_header .header_menu .btn-main a {
		font-size: 10pt;
		line-height: 16px;
		padding: 6px 15px;
	}
	#dv_header .btn-main a span {
		font-size: 10pt;
	}
	.content {
    width: 100%;
	}
	#banner { }
	
	.anim-slider {
		height: 405px;
	}
	#banner .anim-slider {
		background-size: 100%;
	}
  .anim-slide h2#plugin,
  .anim-slide h2#bounce{ width:100%;top: auto; bottom: 0; left: 0;}
	#bannerT .anim-slide { margin: 0;
		background-size: 100%;}
	
	#bannerT .anim-slide h1#slider {
    font-size: 24px;
		top: 10px;
		width:100%; max-width: 100%;
	  left: 0;
  }
	#bannerT .anim-slide h2#plugin {
		width:100%; max-width: 100%; top: 60px; bottom: auto; left: 0; padding: 10px 10px;
  }
	#bannerT .anim-slide h3#rotate {
		width:100%; max-width: 100%; top: auto; bottom: 0px; left: 0; padding: 10px 10px;
    font-size: 25px;
  }
	
	#botoes .bt_encTalentos { top: 160px; left: 50%; margin-left: -320px; font-size: 16pt; }
	#botoes .bt_anuOportunidades { top: 160px; left: 50%; margin-left: 20px; font-size: 16pt; }
	#dv_page h1 {
    color: #f8800f;
		line-height: 100%;
		font-size: 31px;
	}
	#page_login_resp div.msg_talento {
		border: 1px solid #ccc;
		margin: 8px 0;
		box-shadow: 3px 3px 2px #888888;
	}

	#page_login_resp div.msg_talento h3 {
		color: #f8800f;
		margin: 5px 8px;
		font-size: 18px;
	}

	#page_login_resp div.msg_talento h4 {
		color: #666;
		margin: 5px 8px;
	}

	#page_login_resp div.msg_talento p {
		color: #666;
		margin: 10px;
		text-align: justify;
	}

	#page_login_resp div.box {
		/* margin-top: 30px; */
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
		padding: 5px;
		background: #F3F3F3;
	}

	#page_login_resp div.box div.form {
		background: #FFF;
		padding: 10px;
	}

	#page_login_resp div.box div.form  div.dv_btn { text-align: center; }

	#page_login_resp div.box div.form  h3 {
		color: #f8800f;
		text-align: center;
		font-size: 19px;
	}

	#page_login_resp div.box div.form  form {
		background: #F3F3F3;
		padding: 10px;
		margin-top: 10px;
		position: relative;
	}

	#page_login_resp div.box div.form  p {
		margin: 6px 0;
	}

	#page_login_resp div.box #frm_login_talento input.form_input {
		width: 100%;
	}
	#page_login_resp div.box label {width: 80px; display: inline-block; }
	#page_login_resp div.box #frm_cadastro_talento input.form_input {
		width: 100%;
		position: relative;
		right: 0;
	}

	#page_login_resp div.box div.form  form a {
		color: #333;
		text-align: center;
		display: block;
	}
	#page_login_resp #socials2 { text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 0 auto; width: 220px; }
	#page_login_resp .p_sociais { padding-top: 15px; }
	
	#dv_empresas_cadastradas {
		margin-top: 25px;
		background: #E2741B;
		padding: 5px 0;
		width: 100%;
	}
	#dv_empresas_cadastradas .content {
		border: 3px solid #E2741B;
		background: #FFF;
		position: relative;
	}
	#dv_empresas_cadastradas legend {
		text-align: center;
		color: #E2741B;
		background: #fff;
		padding: 5px;
		font-weight: bold;
		position: static;
		top: auto;
		left: auto;
		margin: 10px auto 0;
		width: 90%;
		line-height: 20px;
		font-size: 16px;
	}
	#dv_empresas_cadastradas .jcarousel {
		margin: 0 auto 10px auto;
		width: 90%;
		max-width: 100%;
		padding-bottom: 10px;
	}
	#dv_empresas_cadastradas .jcarousel ul li.logo {
		border: 2px solid #e3e3e3;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		width: 110px;
		height: 110px;
		padding: 3px;
		background: #fff;
		margin: 10px 15px;
		line-height: 110px;
		vertical-align: middle;
	}
	#dv_empresas_cadastradas .sombraT {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 13px;
		background: url(../img/layout/sombraCarouselT.png) repeat-x left top;
	}
	#dv_empresas_cadastradas .sombraR {
		position: absolute;
		right: 0;
		top: 0px;
		width: 13px;
		min-height: 150px;
		background: url(../img/layout/sombraCarouselR.png) repeat-y left top;
	}
	#dv_empresas_cadastradas .sombraB {
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		min-height: 13px;
		background: url(../img/layout/sombraCarouselB.png) repeat-x left bottom;
	}
	
	#dv_footer_resp {
    padding: 10px 0;
    color: #FFF;
    background: #291770;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    position: relative;
    z-index: 9;
	}
	#dv_footer_resp .col {
		text-align: left;
	}
	#dv_footer_resp .col h3 {
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
		font-size: 1.17em;
	}
	#dv_footer_resp ul {
		list-style: none;
	}
	#dv_footer_resp .col ul ul {
		display: none;
	}
	#dv_footer_resp .col ul li { margin-left: 0; }
	#dv_footer_resp .col ul li:hover ul {
		display: block;
	}
	#dv_footer_resp a {
		color: #FFF;
		text-decoration: none;
	}
	#dv_footer_resp p {
		clear: both;
		padding: 10px 0 5px;
	}
  form .btn {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px)  {
	#tarjacinza #dv_header_botoes > a { padding: 4px 5px; }
	#tarjacinza .dv_botao #dv_logincoach {
		left: 0px;
	}
	#tarjacinza .dv_botao #dv_loginpensador {
		left: -20px;
	}
	#dv_header { width: 100%; }
	
	.header_logo { max-width: 100%; float: none; margin: 0 auto; }
  form .btn {
    width: 100%;
  }
	.dv_banner { max-width: 100%; max-height: 100%; }
}
@media only screen and (max-width: 767px) {
	#tarjacinza #google_translate_element {
    margin-left: 0;
	}
	.dv_header_left { width: auto; float: none; }
	.dvlogo { margin-top: 5px; }
	
	#dv_header .header_menu ul {
    margin: 0;
	}
	#banner .anim-slider {
		height: 389px;
		background-size: auto;
	}
  form .btn {
    width: 100%;
  }
}
/* 
@media only screen and (max-width: 667px) {
	.anim-slider {
		height: 338px;
	}
}
@media only screen and (max-width: 640px) {
	.anim-slider {
		height: 324px;
	}
}
@media only screen and (max-width: 601px) {
	.anim-slider {
		height: 304px;
	}
	#banner .anim-slider {
		background-size: 200%;
	}
} */
@media only screen and (max-width: 767px)  {
	#tarjacinza {
		padding: 5px 0;
		width: 100%;
		text-align: center;
		height: auto;
	}
	
	#tarjacinza #dv_header_login {
    margin-left: 0px;
    height: auto;
		text-align: center;
	}
	#tarjacinza #dv_header_login .col-xs-3 {
    padding-left: 0;
    padding-right: 0;
	}
	#tarjacinza #dv_header_login .a_login {
		padding: 0;
	}
	#loginempresa, #logintalento, #logincoach { border-right: 0; }
	#tarjacinza .dv_botao #dv_logincoach {
		left: -40px;
	}
	#tarjacinza .dv_botao #dv_loginpensador {
		left: -120px;
	}
	#tarjacinza .dv_botao .dv_login_form {
		font-size: 12px;
	}
	.dv_login_form input[type=submit] { font-size: 12pt; }
	#tarjacinza #dv_header_login .a_login {
		/* padding: 0 8px; */
		padding: 0;
		font-size: 12px;
	}
	#dv_header {
		width: 100%;
	}
	.dv_header_left { width: auto; float: none; }
	.header_logo { max-width: 100%; float: none; margin: 0 auto; }
	#dv_header .dv_headerMenu {
    float: none;
    width: 100%;
		margin: 0;
		padding: 0;
	}
	#dv_header .header_menu {
    margin-top: 10px;
	}
	#dv_header .header_menu li {
    padding: 0 2px;
	}
	#dv_header .header_menu li a {
    font-size: 12px;
    line-height: 30px;
		padding: 0 3px;
		white-space: pre-line;
	}
	#dv_header .verde { width: 29%; }
	#dv_header .header_menu li.verde a { line-height: 14px; }
	#dv_header .header_menu li.vinho { width: 31%; padding-right: 0; }
	#dv_header .header_menu li.vinho a { line-height: 14px; }
	
	#barra {
    height: 100%;
	}
	#barraconteudo2 div { background: none;}
	
	.anim-slide h1 {
		font-size: 30px;
	}
  .anim-slide h2#plugin,
  .anim-slide h2#bounce{ width:100%; height: 100px; top: auto; bottom: 0; left: 0; padding: 20px 10px; font-size: 24px; }
	
	#bannerT .anim-slide { margin: 0;}
	#bannerT .anim-slide h1#slider {
    font-size: 20px;
		top: 5px;
		width:100%; max-width: 100%;
	  left: 0;
  }
	#bannerT .anim-slide h2#plugin {
		width:100%;
		max-width: 100%;
		top: 18%;
		left: 0;
		padding: 10px 10px;
		height: 44px;
		font-size: 17px;
  }
	
	#botoes .bt_encTalentos { top: 100px; left: 50%; margin-left: -150px; font-size: 16pt; }
	#botoes .bt_anuOportunidades { top: 160px; left: 50%; margin-left: -150px; font-size: 16pt; }

	.sharer {
	}
	.sharer.bt_twitter {
		background-position: -20px 0px;
	}
	.sharer.bt_facebook {
		background-position: 250px 0px;
	}
	.sharer.bt_linkedin {
		background-position: 160px 0px;
	}
	.sharer.bt_google {
		background-position: 340px 0px;
	}
	.sharer.bt_email {
		background-position: 68px 0px;
	}
  form .btn {
    width: 100%;
  }
  
  #tarja_logo {
    display: block;
    width: 100%;
    margin-bottom: -5px;
    padding: 3px;
    padding-bottom: 0;
    margin: 0 auto;
  }
  #tarja_logo .header_logo {
    background: url("../img/layout/logo123.png") top left no-repeat;
    width: 123px;
    height: 50px;
  }

  #tarja_logo + .novo_menu {
    width: auto;
  }
	
	.scrollToTop{
		width: 25px;
		height: 25px;
		bottom: 10px;
		left: auto;
		right: 7px;
		font-size: 25px;
		opacity: 0.7;
	}
}
@media only screen and (min-width: 425px) and (max-width: 767px)  {
	#bannerT .anim-slide h2#plugin {
		width:100%;
		max-width: 100%;
		top: 70px;
		bottom: auto;
		left: 0;
		padding: 10px 10px;
		font-size: 20px;
		height: 50px;
  }	
	#bannerT .anim-slide h3#rotate {
		top: auto; bottom: 0px; font-size: 20px;
  }
  form .btn {
    width: 100%;
  }
}
@media only screen and (max-width: 680px)  {
	#bannerT .anim-slide h3#rotate {
    font-size: 18px;
  }
	#dv_page h1 {
		font-size: 22px;
		font-weight: bold;
		word-wrap: break-word;
		line-height: 120%;
	}
	h2 {
		font-size: 20px;
		font-weight: bold;
	}
	.home-section .home-press .title {
    margin-left: -93px;
    width: 185px;
	}
	#botoes .bt_anuncieCv a {
    font-size: 15pt;
	}
  .dv_news img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 400px)  {
	#tarjacinza #dv_header_botoes > a { margin-bottom: 5px; text-align: center;}
	#tarjacinza .mobile #dv_header_botoes {  text-align: center; float: none; }
	
	#bannerT .anim-slide h1#slider {
    font-size: 16px;
    top: 0px;
	}
	#bannerT .anim-slide h2#plugin {
		width:100%; max-width: 100%; top: 54px; left: 0; padding: 5px 10px; height: 47px; font-size: 16px;
  }
	#bannerT .anim-slide h3#rotate {
		width:100%; max-width: 100%; top: auto; bottom: 0px; left: 0; padding: 10px 10px; /* height: 70px; */ font-size: 16px;
  }
	
	#banner .anim-slider {
		height: 389px;
		background: url(../img/banners/banner_empresa-375x389.jpg) no-repeat center;
	}
	.anim-slide h2#plugin, .anim-slide h2#bounce { font-size: 20px;}
  form .btn {
    width: 100%;
  }
	.bgazul {
		font-size: 15px;
	}
}

/* IPAD LANDSCAPE */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

	#tarjacinza {
		padding: 5px 0;
		width: 100%;
		text-align: center;
		height: auto;
	}
	
	#tarjacinza #dv_header_login {
    margin-left: 0px;
    height: auto;
		text-align: center;
	}
	#tarjacinza #dv_header_login .a_login {
		padding: 0;
	}
	#tarjacinza #socials { width: 200px; margin: 0 auto; }
	#loginempresa, #logintalento, #logincoach { border-right: 0; }
	#tarjacinza .dv_botao .dv_login_form {
		font-size: 12px;
	}
	.dv_login_form input[type=submit] { font-size: 12pt; }
	#dv_header .dv_headerMenu {
    max-width: 100%;
    margin: 0;
		padding-top: 15px;
	}
	#tarjacinza #dv_header_botoes > a { margin-bottom: 5px; }
  
	#dv_footer_resp {
    padding: 10px 0;
    color: #FFF;
    background: #291770;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    position: relative;
    z-index: 9;
	}
	#dv_footer_resp .col {
		text-align: left;
	}
	#dv_footer_resp .col h3 {
		border-bottom: 1px solid #fff;
		margin-bottom: 5px;
		font-size: 1.17em;
	}
	#dv_footer_resp ul {
		list-style: none;
	}
	#dv_footer_resp .col ul ul {
		display: none;
	}
	#dv_footer_resp .col ul li { margin-left: 0; }
	#dv_footer_resp .col ul li:hover ul {
		display: block;
	}
	#dv_footer_resp a {
		color: #FFF;
		text-decoration: none;
	}
	#dv_footer_resp p {
		clear: both;
		padding: 10px 0 5px;
	}
  form .btn {
    width: 100%;
  }
}