/*Autor: Eduardo Sousa
email: webx_555@hotmail.com
*/

/*.col-md-1{border:1px solid red;}
.col-md-2{border:1px solid red;}
.col-md-3{border:1px solid red;}
.col-md-4{border:1px solid red;}
.col-md-5{border:1px solid red;}
.col-md-6{border:1px solid red;}
.col-md-7{border:1px solid red;}
.col-md-8{border:1px solid red;}
.col-md-9{border:1px solid red;}
.col-md-10{border:1px solid red;}*/

.img-5 img { width: 5%;}
.img-10 img { width: 10%;}
.img-15 img { width: 15%;}
.img-20 img { width: 20%;}
.img-25 img { width: 25%;}
.img-30 img { width: 30%;}
.img-35 img { width: 35%;}
.img-40 img { width: 40%;}
.img-50 img { width: 50%;}
.img-60 img { width: 60%;}
.img-70 img { width: 70%;}
.img-80 img { width: 80%;}
.img-90 img { width: 90%;}
.img-100 img { width: 100%;}

body{font-family: 'Open Sans', sans-serif; font-weight: 800; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{font-weight: 800;}

.clearfix::before,
.clearfix::after{
    content:"";
    display:table;
}

.clearfix::after{
    clear:both;
}
.clearfix{
    *zoom: 1;
}

.clear{clear: both;}

main{display: block;
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 100px);
  min-height: -moz-calc(100vh - 100px);
  min-height: calc(100vh - 100px);
  position: relative;
  width: 100%;
}


/****************************************TOPO***************************************************/
.icone-menu{display: none;}
.topo{
    background-color: #fff;
    opacity: 0.9;
    position: fixed;
    z-index: 3;
    width: 100%;

}

.logo-topo img{
    width: 80%;
}
.menu-topo{
    
    
}
.menu-topo ul{
    list-style: none;
   
}

.menu-topo ul li{
    float: left;
    margin: 0px 15px 0px 15px;
    text-transform: uppercase;
    
}

.menu-topo a{
    color: #1259a1;
    transition: .1s;
    font-size: 24px;

}
.menu-topo a:hover{
    text-decoration: none;
    border-bottom: 2px solid;

}

.banner{
    box-shadow: 0px 0px 10px;
    margin-bottom: 50px;
}


/**************************************************HOME***********************************************/
.fragata{position: relative; margin-bottom: 40px;}
.bloco-menor{background: linear-gradient(to bottom, #16b1e3, #6fdaf6); width: 50%; min-height: 230px; margin: auto; position: relative;}
.bloco-maior{background: linear-gradient(to right, #3ca9d7, #023d8c); width: 90%; min-height: 150px;   position: absolute; top: 20px; font-weight: 800; display: block; margin: auto; transition: .2s; left: 50%;transform: translate(-50%);}

.bloco-maior:hover{transform: scale(1.1) translate(-50%); left: 54.5%;
    /*filter: drop-shadow(1px 2px 2px black);*/}
.bloco-maior p{color: #ffffff;  font-size: 1.5em; padding-top: 22px; text-align: center; position: relative;}
.bloco-maior img{display: block; margin: auto; padding-top: 20px;}

.sobre-nos h1{color: #023d8c; font-size: 2.0em; text-align: center;}
.sobre-nos p{color: #023d8c; font-size: 1.4em; text-align: center;}

.valores-empresa{margin-top: 100px; padding: 3%; }
.valores-empresa img{display: block; margin: auto;}
.valores-empresa figcaption{text-align: center; color: #023d8c; font-size: 2.2em;}
.valores-empresa .fig{padding-top: 17px;}
.valores-empresa p{color: #023d8c; font-size: 1.1em; text-align: center;}
.valores-empresa .col-md-4{transition: .4s;}
.valores-empresa .col-md-4:hover{/*box-shadow: 0 0 5px #000;*/ transform: scale(1.1)}


/**************************************************EMPRESA***********************************************/
.empresa{margin-top: 50px;}
.empresa h1{color: #023d8c; font-size: 2.0em; text-align: center;}
.empresa p{color: #023d8c; font-size: 1.4em; text-align: center;}


/*************************************************PRODUTOS************************************************************/
.categorias-produto{padding: 0px 10% 0px 10%;}
.categorias-produto .col-md-2 {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 12.5%;
    text-align: center;
    height: 160px;
    transition: 0.2s;
}

.categorias-produto .col-md-2:hover{
    box-shadow: 0px 0px 5px #484848;
    transform: scale(1.1);
    z-index: 2;
    background: #fff;
}

.categorias-produto img{
    width: 90px;
}
.categorias-produto .col-md-2 p{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%)
}
.categorias-produto a{color: #1259a1;}

.categorias-produto img{

}

.ativo{
    box-shadow: 0px 0px 5px #484848;
    z-index: 1;
}
.categoria{
    color: #1259a1;
    margin-top: 40px;
}
.categoria h4{margin-bottom: 30px;}
.categoria p{
    font-weight: 400;
}

.categoria .col-md-4{
    text-align: center;
    margin-top: 40px;
    transition: .4s;
}
.categoria .col-md-4 figure{
    padding-bottom: 10px;
    transition: .4s;
    height: 100%;
    position: relative;
}
.categoria .col-md-4 figure:hover{
    /*box-shadow: 0px 0px 5px #484848;*/
    transform: scale(1.1);
    z-index: 2;
}

.categoria .col-md-4 figure img{
    margin-top: 20px;
    position: relative;
    width: 40%;
    margin-bottom: 30px;

}

.categoria .col-md-4 span{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.btn-ver-mais{
    border: 3px solid #1259a1;
    padding: 0px 10px;
    transition: .2s;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
}

.btn-ver-mais:hover{
    text-decoration: none;
    color: #fff;
    background: #1259a1;
    
}

.produto{
    color: #1259a1;
}

.produto .col-md-4{
    text-align: center;
    margin-top: 70px;
}

.produto .col-md-4 img{
    width: 250px;
    margin-bottom: 20px;

}
.btn-orcamento{
    padding: 0px 7px;
    border: solid 3px #1259a1;
    background: #1259a1;
    color: #fff !important;
    text-transform: uppercase;
    font-style: italic;
    font-size: 24px;
    transition: .2s;
    display: inline-block;
}

.btn-orcamento:hover{
    text-decoration: none;
    background: #fff;
    color: #1259a1 !important;
}

.infos-produto h3{
    text-align: left;
    text-transform: uppercase;
}

.infos-produto p{
    text-align: left;
    font-weight: 400;
}
.infos-produto .col-md-4{
    margin-bottom: 40px;
}
.infos-produto .col-md-4 p, .infos-produto .col-md-4 h3{
    text-align: center;
    font-size: 1.5em;
}

.infos-produto table{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.infos-produto table tr td{
    border-right: 3px solid #fff;
    width: 33%;
}

.infos-produto table tr{
    background: #ccc;
    color: #777;
    border-bottom: 1px solid #fff;
}

.cabecalho-tabela{background: #959595 !important; 
    color: #fff !important;
}
/*************************************************CONTATO************************************************************/
.contato h3{text-align: center;  padding-bottom: 40px; color: #1252a9;}
.contato label{font-weight: bold; color: #1252a9;position: relative;}   
.contato .btn-contato{border: 1px solid #1252a9; display: block; margin: auto; margin-bottom: 15px;}

/********************************ORÇAMENTO************************************************************/
.solicite-orcamento{background-image:linear-gradient(to left, #ff6900, #e33607); margin-top: 248px;margin-bottom: -160px;}
.solicite-orcamento h2{color: #ffffff; font-size: 3.5em; text-align: center; padding: 35px 0px 20px 0px;}
.solicite-orcamento label{color: #ffffff; font-weight: bold;}
.solicite-orcamento input, .solicite-orcamento textarea{border:1px solid #ffffff; background: none;}
.solicite-orcamento .btn-orcamento{border:1px solid #ffffff; border-radius: 10px; color: #ffffff; margin: auto; margin-bottom: 55px; padding: 5px 45px 5px 45px;}

.solicite-orcamento2 .form-group{
    width: 70%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    color: #1252a9;
}

.solicite-orcamento2 .btn-orcamento{
    float: right;
    font-weight: bold;
}



/*************************************************RODAPE************************************************************/
footer .footer{background: linear-gradient(to right, #3ca9d7, #023d8c); width: 100%; min-height: 100px; display: block; font-size: 1.0em; margin-top: 100px;}
footer p{padding-top: 20px;}
footer p, footer a, footer span{color: #ffffff;}
footer .logo-rodape img{display: block; margin: auto;}
footer .tel-rodape{width: 50%; margin: auto;}
footer .tel-rodape .ico-tel{display: inline-block; background-image: url('../../site/img/whats-rodape.png'); width: 50px; height: 42px;}
footer .tel-rodape .ico-cel{display: inline-block; background-image: url('../../site/img/cel-rodape.png'); width: 50px; height: 42px;}
footer .tel-rodape span{position: relative; top: -13px;}
footer .endereco-rodape{ text-align: right; }
footer .copy{background: #363636;}
footer .copy span{font-size: 0.8em; text-align: center; display: block; padding: 5px;}



.alinha-topo{
    top: 80px;
    position: relative;
}