
html{
	position: relative;
	min-height: 100%;
}

body{
	font-family: 'Roboto', sans-serif!important;
	margin:0px;
    background: #F9F9F9!important;
	/*margin-bottom: 60px;*/
}

h2.titulo{
    background: #F8F8F8;
    border-bottom: none;
    font-size:28px;
    padding:0px;
    margin:40px 0px;
}

a, a:hover, a:focus, a:visited, a:active{
	text-decoration:none !important;
}
.left{
	float: left;
}
.right{
	float:right;
}

header{
    height: 83px;
    width: 100%;
    text-align: center;
    border-bottom: solid 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    position: relative;
	background: #FFF;
}
header>.container-fluid>.row>div{
	height:67px;
	line-height:67px;
}
/*header .divs >div{
	display:inline-block;
	vertical-align: -webkit-baseline-middle;
	height:67px;
	line-height:67px;
	position:relative;
}*/
header .divs >div>img{
	position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}
header .logo{
	position:relative;
}


header .logo-upper img{
	vertical-align: middle;
}
header .login a{
	color:#1961aa;
	font-size:19px;
	display:inline-block;
}
header .login .bemvindo{
	vertical-align:middle;
	margin-right:40px;
	color:#868686;
	font-size:15px;
	line-height: 20px;
	display:inline-block;
}
header .login .bemvindo .empresa{
	font-size:20px;
}
@media (max-width: 1070px){
	header .login .bemvindo{
		margin-right:20px;
	}
	header .login .bemvindo .empresa{
		font-size: 14px;
	}
	header .login a{
		font-size: 14px;	
	}	

}

header .login .sair{
	margin-right:38px;
	display:inline-block;
}

nav{
	width: 100%;
	height: 100%;
	margin-left: -15px;
	position: absolute;
}
.same-height{
	display:table;
}
.same-height:before{
	    content: "";
}
.col-sidebar{
	background-color:#f8f8f8;
	-webkit-box-shadow: 5px -2px 5px #CCC;
	-moz-box-shadow:  5px -2px 5px #CCC;
	box-shadow:  5px -2px 5px #CCC;
	position: relative;
	overflow-y: scroll;
}
.same-height > div{
    float: none;
    display: table-cell;
    vertical-align: top;
}

nav>ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
nav>ul>li{
	background: url(../img/arrow-right.png) center right 20px no-repeat;
}
nav ul.dropdown{

	padding: 0px;

}

nav ul a{
	color:#5a5a5a;
	font-size:16px;
	display:block;
	padding:15px 20px;
}
nav ul li img{
	margin-right: 17px;
    vertical-align: sub;
}
/*@media(max-width:1000px){*/
	/*nav{*/
		/*width:58px;*/
		/*min-width: initial;*/
	/*}*/
	/*nav ul li{*/
		/*background: none;*/
	/*}*/
/*}*/

.conteudo{
	background: #F9F9F9;
}



.conteudov2{
    display: inline-block;
    width: 100%;
    float: right;
    padding-right: 15px;
}
@media(max-width:1398px){
	.conteudov2{
		padding-right:0px;
	}
}
.clearfix{
	clear: both
}

footer{
	/*position: absolute;*/
	/*bottom: 0px;*/
	height:60px;
	width:100%;
	background-color:#e8e8e8;

}
footer .left, footer .right{
	padding:16px;
}
footer .left{
	color:rgba(131, 131, 131, 0.51);
	padding-left:42px;
}
.jw{
	color:rgba(90,90,90, 0.37);
	letter-spacing: 1px;
}
.jw img{
	vertical-align: middle;
	margin-left:5px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.botao{
	display:inline-block;
	position:relative;
	text-align:center;
	width:220px;
	width: 19.6%;
	margin:15px 0px;
}
.botao.maior{
	width:380px;
	width: 34.6%;
}
.botao span{
	white-space: nowrap;
}
@media(max-width:1110px){
	.botao span{
		font-size:14px;
	}
}
@media(max-width:800px){
	.botao, .botao.maior{
		width:49%;
	}
}

.botao.full{
	width:100%;
}
.botao:first-child{
	margin-left:0px;
}
.botao:last-child{
	margin-right:0px;
}
.botao .cinza{
	background-color:#e7e7e7;
}
.img-wrapper{
	position:relative;
	margin-bottom:9px;
}
.linha-1, .linha-2, .linha-3{
	text-align: justify;
}
.linha-1 .img-wrapper{
	height:231px;
}
.linha-2 .img-wrapper{
	height:168px;
}
.linha-3 .img-wrapper{
	height:174px;
}
.linha-4 .img-wrapper{
	height:231px;
}

.botao a, .botao .img-wrapper img{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
.botao .img-wrapper img{
	margin:auto;
}
.botao span{
	color:#606060;
	font-weight:500;
}


h1{
	font-size:28px;
	font-weight:400;
	color:#3a3a3a;
	margin-bottom:40px;
}
form select{
	background-color:transparent;
	border-radius: 0px;
	height: 31px;
}
.conteudov2 .formularios label{
	display:block;
	margin-bottom: 10px;
	font-size:16px;
	cursor:default;
}
form .hold-input{
	display:inline-block;
	margin-right:30px;
	margin-bottom:30px;
	width:13.5%
}
.conteudov2 .span-4, .conteudov2 .span-5, .conteudov2 .span-6{
	margin-right:30px;
}
.conteudov2 .formularios input, .conteudov2 .formularios select{
	outline:none;
	padding: 4px 0px;
	font-size:16px;
	font-family: 'Roboto', sans-serif!important;
	font-weight:400;
	color:#616161;
	background-color:transparent;
	width:100%;
	border-width: 0px 0px 1px 0px;
	border-bottom-style: solid;
	border-bottom-color:#d2d2d2;
	border-radius: 0px;
	margin-bottom: 30px;
	font-size:16px;
}
.conteudov2 .formularios input.px30-input  { width: 30px;  margin-right:15px;}
.conteudov2 .formularios input.px90-input  { width: 90px;  }
.conteudov2 .formularios input.px100-input { width: 100px; }
.conteudov2 .formularios input[type="submit"], button{
	cursor: pointer;
	background-color:#fafafa;
	border-radius:4px;
	width:114px;
	height:36px;
	color:#1c63ab;
	box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5);
	vertical-align: super;
	font-size: 15px;
	text-transform: uppercase;
}
.botao-adicionar{
	display:inline-block;
	text-align:center;
	margin-bottom:40px;
}
.botao-adicionar img{
	margin-bottom:10px;
}
.conteudov2 .formularios .inline{
	position:relative;
	top:22px;
}
#login{
	background-image:url(../img/bg-splash.jpeg)!important;
    background-repeat:no-repeat;
	background-size:cover!important;
	display:table;
	width: 100%;
    height: 100%;
}
#login .wrapper{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#login .login-form{
	background-color:#FFF;
	width:360px;
	margin:auto;
    margin-top:40px;
	padding:20px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;

}
#login .login-form .logo{
	margin-top:20px;
	margin-bottom:20px;
}
#login .login-form input{
	box-sizing: border-box;
	padding:12px;
	width:100%;
	margin-bottom:20px;
	font-size:20px;
	height:43px;
}
#login .login-form input[type="submit"]{
	height:inital;
	background-color: #0097AC;
	color:#FFF;
	border: none;
	font-weight:300;
	border-radius: 7px;
}
#login .login-form a{
	display:inline-block;
	color:#237fb7;
}

table tbody td, table thead th{
	/*font-size:16px;*/
	font-weight: bold;
}

.table > thead > tr > th {
	vertical-align:middle;
}

nav li{
	border-bottom:1px solid #f2f2f2;
}

nav li ul{
	margin: 10px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
}

nav li ul.submenu{
	background: #5e5e5e;
	color: #FFF;
}

nav li ul.submenu a{
	color:#FFF!important;
}

nav li ul li{
	padding: 0px 0px 0px 20px;
	font-size: 13px;
	border-bottom: 1px solid #CCC;
}

nav li ul li  a{
	font-size: 13px;
}

input[type="button"]{
	border:1px solid #616161!important;
}

.carga-item{
	border:1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 0px 10px;
}

#id_div_tecnologias{
	padding: 20px;
}



@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-2160deg);
        transform: rotate(-2160deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-2160deg);
        transform: rotate(-2160deg);
    }
}
@-webkit-keyframes normal-opacity {
    0% {
        opacity: 1;
    }
    45% {
        opacity: 0;
    }
    55% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes normal-opacity {
    0% {
        opacity: 1;
    }
    45% {
        opacity: 0;
    }
    55% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loader {
    -webkit-animation: 1.25s spin cubic-bezier(0.46, -0.4, 0.2, 1.51) infinite both;
    animation: 1.25s spin cubic-bezier(0.46, -0.4, 0.2, 1.51) infinite both;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    overflow: hidden;
}
.loader:before, .loader:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 20px solid black;
    border-top-color: #fa4248;
    border-left-color: #5ddbba;
    border-bottom-color: #ede670;
    border-right-color: #64c3f2;
}
.loader:before {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.loader:after {
    -webkit-animation: 1.25s normal-opacity cubic-bezier(0.46, -0.4, 0.2, 1.51) infinite both;
    animation: 1.25s normal-opacity cubic-bezier(0.46, -0.4, 0.2, 1.51) infinite both;
}


/** AJUSTES RESPONSIVOS **/
@media only screen and (max-width: 500px) {

	.logo img{
		height: 40px;
	}

	.col-sidebar{
		width: 60px;
	}

	.img-wrapper{
		height: 180px!important;
	}

	.toggle-menu{
		margin-top: 10px;
		display: inline-block;
	}

	#steps li {
		width: 19%!important;
		margin-bottom: 20px;
		font-size: 10px!important;
	}

	#steps li span {
		font-size: 48px!important;
		line-height: 40px!important;
	}

}


.cbp-spmenu{
	background-color:#f8f8f8;
}

.cbp-spmenu a {
	color: #666666!important;
}
.cbp-spmenu-vertical a {
	border-bottom: 1px solid #f2f2f2!important;
}

/*#collapsegr{*/
	/*display: none;*/
/*}*/

/*#collapsegr.in{*/
	/*display: block;*/
/*}*/
