@font-face {
	font-family: 'OpenSans';
	src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
	font-size: 1em;
}
@font-face {
	font-family: 'OpenSans-Light';
	src: url("../fonts/Open_Sans/OpenSans-Light.ttf");
	font-size: 1em;
}
html, body {
	height: 100%;
}
.colapso{
  display: inline;
}	
.esconder {
	display: none;
}
.exibir {
	display: block;
}
section #divheader {
	margin-top: 0px;
	width: 100%;	
	background-color: rgba(41, 128, 185, .0);
	z-index: 2;
    position: relative;
	background-color: #2980b9;
	height: 80px;
}
section #divlogo {
	top: 10px;
	left: 11%;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	/*background-color: #ecf0f1;*/
	position: absolute;
	z-index: 3;
	width: 186px;
	height: 98px;
}
section #logotipo {
	height: 65%;	
}
section #btn-sair{
	top: 10px;
	right: 11%;
	width: 60px;
	height: 60px;
	padding-top: 0px;
	position: absolute;
	border-radius: 6px;
}
section #btn-sair i{
	font-size: 40px;
	display: block;
}
section #btn-sair small{
	font-size: 13px;
	display: block;
}
.sombra {
	min-height: 400px;
	height: 43%;
	width: 100%;
	margin-top: -20px;
}
#saudacao {
	top: 29%;
	left: 11%;
	color: #fff;
	font-size: 1.5em;
	position: absolute;
	font-family: 'OpenSans';	
}
#banner h1 {
	transition:1.5s;
	color: #fff;
	top: 37%;
	position: relative;
	font-size: 2.5em;
	font-family: 'OpenSans-Light';
	margin-left: 11%;
}
#banner h1.efeito{
	font-size: 3em;
}
#banner h1 small {
	margin-top: 5px;
	font-size: 32px;
	display: block;
	color: #FFF;
	font-family: 'OpenSans';
	font-weight: bold;
}
body {
    background-color: #ecf0f1;
}
#container-site {
	padding-top: 5px;
}
section {
	min-height: calc( 100% - 38px );
}
.alert {
	width: calc( 100% - 100px );
}	
section ul li i.novidade {
	color:#f1c40f;
	
}
section ul li i.icon-group {
	color: #16a085;	
}
section .systems ul{
	list-style: none;
}
section .systems li{
	text-align: center;
	display: inline-block;
	margin: 0px 15px 15px;
	font-size: 15px;
	font-family: 'OpenSans';
	font-weight: bold;
	/*background-color: #3498db;*/
	background-color: #fff;
	border-color: #fff;	
	border-style: solid;
	border-radius: 6px;
	border-width: 1px;
}
section .systems li img {
	height: 43px;
	margin-top: 5px;
	margin-bottom: 3px;
}
section .systems li a{
	text-decoration: none;
	color: #2980b9;
	width: 155px;
	height: 80px;
	display: block;
}
section .systems li a:hover { 
	color: #fff;
    background-color: #2980b9;
	border-color: #2980b9;	
    border-radius: 6px;
}
a[aria-expanded="true"]:after{
	content: "";
	display: block;
	margin-top: 10px;
	margin-left: 60px;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #bdc3c7;
}
#system-destaque.treme {
	animation: treme 0.1s;
  	animation-iteration-count: 15;
}
#system-destaque.zoom{
    z-index: 3;
    animation: zoom-in-out 1s;
    animation-iteration-count: 1;
}
@keyframes zoom-in-out {
	0% {transform: scale(1.0);}
	12.5% {transform: scale(1.5);}
  	25% {transform: scale(2);}
  	37.5% {transform: scale(3);}
  	50% {transform: scale(3);}
  	62.5% {transform: scale(2);}
  	75% {transform: scale(1.5);}
  	87.5% {transform: scale(1.3);}
  	100% {transform: scale(1);}
}  	
@keyframes treme {
  		
  0% {transform: rotate(0deg);}
  25% {transform: rotate(5deg);}
  50% {transform: rotate(0deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}

}
section .row {
	width: 100%;
	margin-left: 0;
}
.area-expandivel {
	padding-top: 12px;
	background-color: #bdc3c7;
	border-radius: 6px;
	position: absolute;	
	width: calc( 100% - 100px );
	margin-right: 10px;
	z-index: 4;
}
section #container-queries{
	margin-top: -10px;
	font-family: 'OpenSans';
	margin-left: -35px;
	padding-left: 45px;
}
section #container-queries h4{
	color: #2980b9;
}
section #container-queries img{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	display: block;
	left: calc( 50% - 20px);
	position: relative;
}
section #container-queries img:hover {
	width: 50px;
	height: 50px;
	left: calc( 50% - 20px);
	border-radius: 20px;
    animation: zoom-in-foto 1s;
    animation-iteration-count: 1;
}
@keyframes zoom-in-foto {
	0% {transform: scale(1.5);}
	50% {transform: scale(1.2);}
	75% {transform: scale(1.5);}
  	100% {transform: scale(1.2);}
}  	
section #employee{
	font-size: 10px;
	background-color: #fff;
	border-radius: 6px;
	padding: 5px;
	min-height: 88px;
}
section #employeeMonth{
	font-size: 10px;
	background-color: #fff;
	border-radius: 6px;
	padding: 2px;
	min-height: 60px;
}
section form{
	margin-top: 10px;
	font-size: 12px;
	background-color: #fff;
	border-radius: 6px;
	padding: 3px;
}
section #consulta-ponto {
	margin-left: 22%;
}
section #consulta-irpf {
	margin-left: 22%;
}
section .owl-buttons{
	text-align: center;
	color: #3498db;
	font-size: 26px;
}	
section .owl-prev{
	left: -38px;
	top: 32%;
	position: absolute;
	padding: 0px 3px 0px 3px;
	display: inline;
	width: 38px;
	border-radius: 3px;
}
section .owl-next{
	right: -38px;
	top: 32%;
	position: absolute;
	padding: 0px 3px 0px 3px;
	margin-left: 5px;
	display: inline;
	width: 38px;
	border-radius: 3px;
}
section .owl-prev:hover {
	color: #fff;
    background-color: #2980b9;
	border-color: #2980b9;	
    border-radius: 3px;
}
section .owl-next:hover { 
	color: #fff;
    background-color: #2980b9;
	border-color: #2980b9;	
    border-radius: 3px;
}
footer {
	width: 100%;
	position: absolute;
}
footer .row {
	width: 100%;
	margin-left: 0;
	bottom: 0;
}
footer .row p {
	margin-bottom: 0;
	font-family: 'OpenSans';
	font-size: 14px;
	color: #fff;
}
footer .row-cor-padrao {
	height: 38px;
	background-color: #2980b9;
	border-top: #2980b9 1px solid;
}
#btn-bars, #btn-search,
#btn-news-prev, #btn-news-next {
	display: none;
}
.page-up {
	display: none!important;
}