/*
2019 - Business D' Kolves
URL: http://dkolves.com.br
Author: Demetrius Loblein
Author URL: http://loblein.com.br
*/




/*HEADER*/



body{margin: 0 auto; background-color:#F6FAFC;}
html{font-family:'Open Sans',sans-serif; font-size:15px;}
h1{display:none;}
div#barra-top{width:100%; height:30px; background-color:#4682B4; text-align:right; line-height:1;}
div#barra-top img{width:25px; }
div#barra-top a{color:#fff; margin:10px; text-decoration:none;}
header{ width:100%; min-height:350px; background-image:url(../midia/images/banner-img.jpg);   background-size:100%;	background-repeat:no-repeat; }
header div.logo img{width:350px; margin:10px;}
header div#chamada{margin:20px;}
header div#chamada span{font-weight:600; color:#fff; font-size:2em;margin:10px;}
header div#chamada a.saibamias{font-size:1.2em;font-weight:100; text-decoration:none;color:#fff; background-color:blue; padding:7px; border-radius:5px;}
 
 
 
 
/*CONTEUDO*/ 



div#conteudo{width:100%; text-align:center;}
div#conteudo h3.titulo-pagina{ width:100%; color:#4682B4; font-size:1.8em; margin-top:50px;}
div#conteudo div.mensagem{width:80%;color:#4682B4; text-align:center; margin: 0 auto; margin-bottom:20px; margin-top:20px;}
div#conteudo div.caixa-button{}



a.curtainup{
  transform-style: preserve-3d;color:#4682B4; /* button text color */
  outline: none;
  background-color:#e6f1f7;
  border: none;  -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
  letter-spacing: 0.0625em;
  padding: 8px 10px; 
  text-transform: uppercase;
  font: bold 16px 'Bitter', sans-serif; /* use google font */
  line-height: 2;
  position: relative;
    display: inline-block;
  margin-right: 20px;
  margin-bottom: 30px;
   margin-top: 30px;
  cursor: pointer;
    text-decoration: none; /* remove underline if using A instead of BUTTON tag */
  overflow: hidden;
  transition: all .5s;
}

a.curtainup:before,
a.curtainup:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #4682B4; /* onhover background color */
  z-index: -1;
  transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */
  transition: all .5s;
}

a.curtainup:before{
  background: #fafcd6; /* button default background color */
  z-index: -2;
  transform: translate3D(0,0,0);
}

a.curtainup:hover{
    color: white;
}

a.curtainup:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}


a.curtainup:before,
a.curtainup:after{
  transform-origin: center center;
  transform: scale(1,0);
}

a.curtainup:hover:before,
a.curtainup:hover:after{
  transform: scale(1);
  border-radius: 0;
}




/*servicos*/ 

div#conteudo a div.postagens-box-inicial{width:240px;color:#4682B4; text-align:left; background-color:#F6FAFC; padding:5px; margin:5px; display:inline-block; vertical-align:top;}
div#conteudo a div.postagens-box-inicial span{  font-size:1.4em;}
div#conteudo a div.postagens-box-inicial small{  font-size:1.1em;}

div#conteudo a div.postagens-box-inicial:hover{ background-color:#4682B4; color:#fff;}
div#conteudo a div.postagens-box-inicial img{width:240px; height:240px;}



/*parceiros*/ 
div#conteudo a div.postagens-box-inicial-parceiros{
-webkit-box-shadow: 0px 0px 37px -18px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 37px -18px rgba(0,0,0,0.75);
box-shadow: 0px 0px 37px -18px rgba(0,0,0,0.75);
width:240px;color:#4682B4;border-radius:7px; text-align:center; background-color:#fff; padding:5px; margin:5px; display:inline-block; vertical-align:top;}
div#conteudo a div.postagens-box-inicial-parceiros span{font-size:1.2em;}
div#conteudo a div.postagens-box-inicial-parceiros small{font-size:0.9em;}
div#conteudo a div.postagens-box-inicial-parceiros img{width:150px; height:150px; margin:0 auto;padding:10px; border-radius:100%;}

/*clientes*/ 
div#conteudo div#clientes-index{width:100%; text-align:center; background-color:#C7E2FC; padding-top:10px; margin-top:50px;}
div#conteudo div#clientes-index a div.postagens-box-inicial-clientes{width:150px;color:#4682B4; text-align:center; background-color:#fff; margin:5px; display:inline-block; vertical-align:top;}

div#conteudo div#clientes-index a div.postagens-box-inicial-clientes img{width:150px; height:100px; margin:0 auto; }


/*CONTEUDO*/ 

/*postagem*/
div#conteudo content{max-width:1200px; color:#4682B4; font-size:1.2em;}
div#conteudo content article{width:69%; text-align:left; display:inline-block; vertical-align:top;}
div#conteudo content article img{width:100%;margin-bottom:30px;}
div#conteudo content aside{width:29%; display:inline-block; vertical-align:top;}
div#conteudo content aside a div.postagens-box-inicial{width:100%;color:#4682B4; text-align:left; background-color:#F6FAFC;display:inline-block; }
div#conteudo content aside a div.postagens-box-inicial span{  font-size:1.1em;}
div#conteudo content aside a div.postagens-box-inicial small{  font-size:0.9em;}

div#conteudo content aside a div.postagens-box-inicial:hover{ background-color:#4682B4; color:#fff;}
div#conteudo content aside a div.postagens-box-inicial img{width:100px; height:100px; margin-right:10px; float:left;}

/*FOOTER*/ 
footer{width:100%; min-height:200px; color:#fff; background-color:#4682B4; margin-top:50px;}


footer address{margin:10px; padding:10px; font-size:1.5em;}
footer address h4{margin:0px; text-align:left;}