/*
	Código CSS por Luiz Carlos Oliveira <luizcpo@gmail.com>
*/

body{
	font-family: 'Open Sans', sans-serif;
	/*font-size: 15px;
	font-weight: 300;*/
}

label{
	width: 100%;
}

input, select, textarea{
	padding: 5px;
	margin-bottom: 10px;
	border:1px solid #CCCCCC;
}

select {
    /*padding:3px;*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: url(../img/seta-select.gif) no-repeat right center #FFF;
    color:#888;
    border:1px solid #CCCCCC;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.section{
	float: left;
	width: 100%;
}

h2{
	font-size: 24px;
}

h2.red{
	color: #d71920;
	text-transform: none;
}

h1,h2,h3,h4,h5{
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}

h1.left,
h2.left,
h3.left,
h4.left,
h5.left{
	text-align: left;
}

h1.right,
h2.right,
h3.right,
h4.right,
h5.right{
	text-align: right;
}

h1.lower,
h2.lower,
h3.lower,
h4.lower,
h5.lower{
	text-transform: none;
}

h1.upper,
h2.upper,
h3.upper,
h4.upper,
h5.upper{
	text-transform: uppercase;
}

a{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #8d9095;
	text-decoration: none;
}

a:hover{
	color: #d71920;
	text-decoration: none; 
}

.carousel{
	width:1000px;
	margin:0 auto;
}

.subMenu{
	display: none;
}

.menuUsuario{
	display: none; display: block !important;
}

.menuEmpresa{
	display: none; display: block !important;
}

.menuAdmin{
	display: none; display: block !important;
}

.fechar{
	position: relative;
	left: 80%;
}

ul#user-menu li{
	position: relative;
	text-align: center;
}

li#areaRelatorio {
	position: relative;
	text-align: center;
}

ul#user-menu li.cadastro ul{
	position: absolute;
	display: none;
	left: -1px;
	top: 35px;
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 101%;
}

li#areaRelatorio ul{
	position: absolute;
}
li#areaRelatorio ul li.relatorio {
	list-style: outside none none;
	left: 529px;
	position: relative;
	float: left;
	display: none;
	top: 0px;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	width: 60%;
}

ul#user-menu li.cadastro ul li a{
	background: #d71920;
	color: white;
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px 0;
	font-size: 15px;
}



li#areaRelatorio ul li.relatorio a{
	background: #E2E7EA none repeat scroll 0% 0%;
	color: #8D9095;
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px 0;
	font-size: 15px;
}

li#areaRelatorio ul li.relatorio a:hover{
	color: #d71920;
}

ul#user-menu li.cadastro:hover ul{
	display: block;
}

li#areaRelatorio:hover ul li.relatorio{
	display: block;
}

ul#user-menu li.login{
	position: relative;
}

ul#user-menu li.login > a{
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px;
}

ul#user-menu li.login:hover a{
	background: #8d9095;
	color: white;
}

ul#user-menu li.login div.login-form{
	position: absolute;
	right: 100%; 
	display: none;
	background: #8d9095;
	z-index: 100;
	padding: 10px;
	text-align: left;
	width: 260px;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	color: white;
}

div.login-form input[type="text"],
div.login-form input[type="password"]{
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	color: black;
}

div.login-form input[type="submit"]{
	background: #d71920;
	border: none;
	padding: 3px 12px;
	font-family: "Oswald", sans-serif;
	font-size: 18px;
}

div.login-form a{
	color: #D71920;
	font-family: "Open Sans", sans-serif;
}

ul#user-menu li.login:hover div.login-form {
	display: block;
}

ul#user-menu{
	margin-top: 33px;
	margin-bottom: -5px;
	padding: 0;
}

ul#user-menu li a{
	color:#E50A0D
}

#faixaEtariaMin{
	min-width: 60px;
}

#faixaEtariaMax{
	min-width: 60px;
}

#user-menu li.cadastro a:hover{
	background: #8d9095;
}

#user-menu li.cadastro > a{
	background: #d71920;
	color: white;
	padding: 5px 29px;
	font-size: 18px;
	margin-left: -1px;
	margin-right: -1px;
	float: left;
	margin-bottom: 0px;
}

#user-menu li.Entrar > a {
	background: #5E5858;
  color: white;
  padding: 5px 50.6px;
  font-size: 18px;
  margin-left: -1px;
  margin-right: -1px;
  float: left;
  margin-bottom: 0px;
}

nav#menu{
	margin-top: 50px;
}

nav#menu ul, ul#user-menu{
	list-style: none;
	float: left;
}

nav#menu ul li a{
	color: #8d9095;
	text-decoration: none;
}

nav#menu ul > li > a{
	font-size: 18px;
}

nav#menu ul li a:hover{
	color: #d71920;
}

nav#menu ul li{
	display: inline;
	float: left;
	margin-right: 30px;
}

/*.container{
	width: 1030px;
}*/

.section.header{
	margin: 30px 0 10px 0;
}

.section.menu{
	position: relative;
	padding: 5px 0;
	background-color:#e2e7ea;
}

.section.subMenu:after{
	position: absolute;
	top: -9px;
	left: 41%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e2e7ea;
	content: "";
}

/*
.section.menuUsuario:after{
	position: absolute;
	top: -9px;
	left: 80%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e2e7ea;
	content: "";
}

.section.menuEmpresa:after{
	position: absolute;
	top: -9px;
	left: 80%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e2e7ea;
	content: "";
}

.section.menuAdmin:after{
	position: absolute;
	top: -9px;
	left: 80%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e2e7ea;
	content: "";
}*/

.subMenu ul{
	list-style: none;
	margin:0;
	padding: 0;
	float: left;
	margin-left: 210px;
}

#triggerSubMenuUsuario,
#triggerSubMenuAdmin,
#triggerSubMenuEmpresa{
	position: relative;
	top: 19px;
	left: -5px;
	text-transform:uppercase;
}

#triggerSubMenuUsuario img ,
#triggerSubMenuAdmin img ,
#triggerSubMenuEmpresa img {
    margin-left: 10px;
    margin-top: -4px;
}

#triggerSubMenuEmpresa{
	position: relative;
	top: 19px;
	left: -5px;
}


#triggerSubMenuAdmin{
	position: relative;
	top: 19px;
	left: -5px;
}

.menuUsuario ul{
	list-style: none;
	margin:0px -24px 0px 380px !important;
	padding: 0;
	float: left;
	margin-left: 210px;
}


.menuEmpresa ul{
	list-style: none;
	margin:0px -24px 0px 310px !important;
	padding: 0;
	float: left;
	margin-left: 210px;
}

.menuAdmin ul{
	list-style: none;
	margin:0px 0px 0px 130px !important;
	padding: 0;
	float: left;
	margin-left: 210px;
}

.subMenu ul{
	list-style: none;
	margin:0;
	padding: 0;
	float: left;
	margin-left: 210px;
}


.menu ul li{
	display: inline;
	margin: 0 25px;
}

.section.search{
	margin-top: 60px;
	margin-bottom: 50px;
}

form#search-form > input[type="text"]{
	width: 85%;
	padding-left: 20px;
	height: 36px;
	float: left;
	border-left: 1px solid #e2e7ea;
	border-bottom: 1px solid #e2e7ea;
	border-top: 1px solid #e2e7ea;
	border-right: none;
}

form#search-form > input[type="button"]{
	width: 15%;
	height: 36px;
	background: url(../img/lupa.png) no-repeat center center, #f4f4f4;
	border-right: 1px solid #e2e7ea;
	border-bottom: 1px solid #e2e7ea;
	border-top: 1px solid #e2e7ea;
	border-left: none;
	float: left;
}

.section.chamadas{
	margin: 60px 0 0;
}

.box-chamada{
	border: 1px solid #e2e7ea;
	padding: 15px;
	text-align: center;
	margin: 25px 0 65px;
	min-height: 285px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.col-md-4 .box-chamada { min-height:315px; }

.box-chamada:hover{
    transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
}

.box-chamada img{
	margin-top: -62px;
}

.box-chamada p{
	color:#8d9095;
}

.box-chamada h3{
	margin-bottom: 20px;
}

.box-chamada a{
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #d71920;
}

.box-chamada ul {
    text-align: left;
    padding-left: 10px;
}

.box-chamada ul.comum li:before {
    content: "»";
    color: #d71920;
    margin-right: 5px;
}

.section.slider{
	background: #f4f4f4;
}

.carousel-indicators{
	position: absolute;
	bottom: -10px !important;
	left:auto;
	right: 0;
	z-index: 15;
	width: auto !important;
	padding: 4px 6px 0px 6px;
	margin-left:0; 
	background: #8d9095;
}

.carousel-indicators li{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0px;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0,0,0,0);
	border: 2px solid #fff;
	border-radius: 0;
}

.carousel-indicators .active{
	background: #d71920;
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
}

.section.pre-footer{
	padding: 60px;
	background: url(../img/shadow.png) no-repeat top center, #f4f4f4;
}

.section.pre-footer hr{
	border-color: white;
}

.section.pre-footer p{
	color: #8d9095;
	text-align: center;
}

footer{
	float: left;
	width: 100%;
	background: #8d9095;
	padding: 20px 0 0;
}

.copyright{
	background: #f4f4f4;
}

.copyright p{
	margin: 3px 0 0 0;
}

ul#menu-footer li a{
	color: white;
}

ul#menu-footer li a:hover{
	color: #d71920;
}

ul#menu-footer > li{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

ul#menu-footer > li ul, ul#menu-footer > li ul li{
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

.newsletter p{
	color: white;
}

.newsletter input[type="text"]{
	background: #f4f4f4;
	padding: 5px 15px;
	border: none;
	margin-bottom: 5px;
	width: 100%;
}

.newsletter button,.newsletter input[type="submit"]{
	background: #d71920;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	border: none;
	padding: 5px 15px;
}

li.login > a{
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	color: #8d9095;
}


/*
	Contato
*/

.section.contato{
	padding: 60px 0 100px 0;
}

form#contato input{
	margin-bottom: 15px;
	padding: 5px;
}

form#contato input[type="submit"]{
	background: #d71920;
	border: none;
	color: white;
	padding: 5px 15px;
	float: right;
	margin-left: 6px;
}


.section.form{
	/*padding: 60px 0;*/
}

.section.form input[type="submit"]{
	float: right;
	background: #d71920;
	padding: 5px 25px;
	border: none;
	color: white;
}


/*
	Colapse
*/

.panel{
	box-shadow: none;
	border: none;
}

.panel-group .panel{
	border-radius: 0px;
	border: none;
}

.panel-default>.panel-heading{
	border: none;
	border-radius: 0;
	background-color: #e2e7ea;
}

.panel-group .panel-heading+.panel-collapse>.panel-body{
	border: none;
}



a.button.plus, a.button.minus{
	float: right;
	width: 29px;
	height: 29px;
	margin-left: 10px;
}

a.button.plus{
	background: url(../img/plus.gif) no-repeat center center;
}

a.button.minus{
	background: url(../img/minus.gif) no-repeat center center;	
}

.box-texto{
	background: #f4f4f4;
	padding: 20px;
	min-height: 120px;
	float: left;
	width: 100%;
	position: relative;
}

.box-texto.transparent{
	background: rgba(244,244,244,0.7);
}
.box-servico{
	background: #f4f4f4;
	padding: 01px 15px 15px 15px;
	min-height: 100px;
	float: left;
	width: 100%;
	position: relative;
}
.box-servico.transparent{
	background: rgba(244,244,244,0.7);
}

.box-servico img.left{
	float: left;
	margin: 60px 30px 60px 0;
}

.servicos .box-servico{
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 135px;
	margin-bottom: 30px;
}

.search-box{
	float: left;
	width: 100%;
	border: 1px solid #e2e7ea;
	padding: 10px;
	border-bottom: none;
	margin-top: -10px;
}

ul.comum{
	list-style: none;
	padding: 0;
}

ul.comum li:before{
	content: "▶";
	color: #d71920;
	margin-right: 10px;
}

.section.empresa{
	padding: 60px 0;
	background: url(../img/empresa.jpg) no-repeat center bottom;
}

.section.empresas{
	margin: 60px 0;
}

.result{
	padding: 30px 0;
}

.result:nth-child(odd){
	background: #F4F4F4;
}

.result h2{
	float: left;
}

.result .info{
	float: right;
	margin-left: 30px;
}

.rotulo{
		color: rgb(180,180,180);
}

.paginacao{
	text-align: right;
	padding: 10px 0;
}

.paginacao a{
	padding: 5px 14px;
	margin-left: 0px;
	border: 1px solid #8d9095;
	font-family: "Open Sans", sans-serif;
}

.paginacao a.first,
.paginacao a.last,
.paginacao a.next,
.paginacao a.previous{
	color: #d71920;
}

table select{
	margin: 0;
	border: none;
	background: url(../img/seta-select.gif) no-repeat right center transparent;
	width:100%
}

/*table tbody tr > td:nth-child(odd){
	background: #F4F4F4;
}*/

table td, table th{
	/*border: none !important;
	padding: 3px 5px !important;
	border-bottom: 1px solid #8d9095 !important;
	font-size: 12px;*/
	vertical-align: middle !important;
}


#curriculo tbody tr > td:nth-child(odd){
	background: none !important;;
}
/*
#curriculo td, table th{
	border: none !important;
	padding: 3px 5px !important;
	border-bottom: 0px solid #8d9095 !important;
	vertical-align: middle !important;
	font-size: 12px;
}*/

tfoot td{
	position: relative;
	text-align: center;
}

table thead,
table tfoot{
	background: #e2e7ea;
}

.table-bordered{
	border: 1px solid #8d9095;
}

a.button.agendar{
	background: #8D9095;
	color: white;
	padding: 3px 15px;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
}


.filtros-box{
	border: 1px solid #8D9095;
	padding: 15px;
	margin-bottom: 20px;
}

.filtros-box input[type="button"], .form-agendar input[type="button"]{
/*	background: #d71920;
	border: none;
	padding: 3px 12px;
	font-size: 18px;
	color: white;*/
	float: right;	
}


.vermelho{
	background: #d71920;
	border: none;
	padding: 3px 12px;
	font-size: 18px;
	float: right;
	color: white;
}

.filtros-box select{
	margin: 0;
}

.form-agendar{
	position: absolute;
	display: none; 
	width: 300px;
	background: #DFDFDF;
	z-index: 100;
	padding: 15px;
	text-align: left;
	top: -1356%;
}

.form-agendar:after{
	position: absolute;
	bottom: -9px;
	left: 18%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #DFDFDF;
	content: "";	
}

.box-texto img.left{
	float: left;
	margin: 60px 30px 60px 0;
}

.servicos .box-texto{
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 135px;
	margin-bottom: 30px;
}

.section.servicos{
	margin: 60px 0;
}

/* add regis */
.td_bt_agendar { text-align:left; padding-left:0 !important; margin:0}
.servicos .textoPrincipal {min-height:220px;}
.servicos .textoDsc {min-height:210px;}
.td_titulo { font-size:1.2em}
.pagination { margin:0; float:right;}
.col-md-12 .container { padding:0}
.tituloTabA {font-family: 'Oswald', sans-serif; font-weight: 400; color: #8d9095;} 
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #E2E7EA;}
.form-group { margin-bottom:0}

.processoSeletivoView table select { width:100%}
.modal-body .section { float:none}

.col-md-12 .container legend {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
table .areaadm select { border:1px solid #CCCCCC }

select:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
	

#nome, #nomeResponsavel, #nomeFantasia, #razaoSocial, #endereco, #bairro, #complemento, #cargo,
table .nome  { text-transform:capitalize }

@media print {
	#listRelAdmin { margin:0 20px}
	#listRelAdmin h2{ font-size:16px;}
	#listRelAdmin * { font-size:12px;}
	
	#listRelAdmin .btn { display:none}
	}

@media (max-width: 768px){
	.carousel { width:100% !important}
	nav#menu  {margin-top:30px}
	nav#menu ul { padding-left:0px;}
	.section { float:none !important}
	
	.section.menu {	margin-top: -20px; margin-bottom: 20px; }	
	.subMenu ul { margin-left:0}
	
	ul#user-menu { position:absolute; margin-top:0; top: -89px; right: 0;}
	.header .logo img { width:50%}
	.section.header { margin: 30px 0 20px 0;}
	
	#user-menu li.cadastro > a { font-size:16px; padding: 4px 20px;}
	ul#user-menu li.cadastro ul { top: 30px; }
	ul#user-menu li.cadastro ul li a { padding: 5px 0; }
	#user-menu li.Entrar > a { font-size:16px; padding: 4px 39px;}
	
	.section.empresas { margin: 30px 0; }
	
	.result h2 {float: none; margin-top: 0;}
	.result .info { float:none; margin-left: 0px; margin-right: 10px;}
	.result .col-md-12 { margin: 0 20px;}
	.result .col-md-12 a { margin-left: 0; margin-right: 70px; }
	#form2 .col-md-offset-2 { padding:0}
	
	#form2 .vermelho { padding: 3px 13px; font-size: 17px; float: left; margin-left: -15px; }
	.detalhes form { line-height:25px !important}
	.detalhes .well { padding-bottom:36px;}
	
	footer .newsletter { display:none}
	#menu-footer { padding-left:0}
	ul#menu-footer > li { margin-left:0; margin-right:20px;}
	
	}