/**** Site SR7 ****/
body {  
 background-image: url(img/fondito3.png);
  
         font-family: arial, helvetica, sans-serif;
  
         margin: 0px auto;  
  
         padding: 0px; 
  
         color: #333; 
         font-size: 1.1em;
         text-align: left;
  
         line-height: 140%;

         font-size: 62.5%;

  
}

 

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
        margin: 40px auto;
	color: #FFF;/*
	color: #B0150A;*/
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
        margin: 10px auto;
        padding: 10px;
	color: #FFF; /*
	color: #B0150A; */
}


a {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #FFF;
}

a:hover {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #FFF;
} 

.fontGeral { font-family: arial, helvetica, sans-serif;

    
         margin: 10px auto; 
             padding: 10px; 
             margin-bottom: 10px;
 
             color: #333;
    
	     text-align: justify;
 
             font-size: 16px; 
line-height: 140%;


}

.clearfix:before,
.clearfix:after {
    BoxCabecalho: " ";
 display: table; 

}



.clearfix:after {
    clear: both;
}



.clearfix {
    *zoom: 1;
} 



/**************** Boxs container  ******************/
.caixadestaque {
 float: right;
 width: 24%; padding: 1.8em 2.5em 2.4em 2.5em;
 top: 48px;
 background: rgba(0,0,0,0.3);

}
.Navegacao {
 float: left;
 width: 100%;
 height: 34px; margin-top:15px; text-align:center; /* background: #023A2E url('../Imagens/fundomenu.png');
 */ } 

.SegNav {
 max-width: 100%; 
height: 55px;
 margin: 150px auto; margin-bottom: 0px;
 background: #023A2E url('Imagens/fundomenu.png');
} 

.BoxGeral { width: 100%; margin: 0px auto;} 
.BoxCabecalho {
                width:100%;
                height: 190px;
                top:2em;
                margin-top: 0; /*
                margin-bottom:10em;
                background: url('../img/002.jpg');*/
        background: url('../img/fundo-topo.jpg') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

.BoxTudo { width: 1200px; margin: 0px auto; position: relative; } 

.BoxDestaque {
	     width: 100%; 
             height: 540px;
             margin-top: 0;
             padding-top: 1em;
             margin-bottom: 5px;
             background: #023A2E url('../Imagens/fundodestaque.png');
}

.BoxLogo {float: left; width: 30%; margin-left: 0px; font-family: "Open Sans", Helvetica, sans-serif; }

.BoxInfo {float: right; width: 46%; height: 130px; margin-top: 10px; margin-right: 1.4em; padding-top:5px; }

.retangulochamada { float: right; width:30%; margin-top:12px; border-radius: 10px; background: #B0150A; font-size: 2em; color: #ffffff; padding: 8px; line-height: 1.2em;}

.retanguloinfo { float: left;  width:45.28301886792453%; /*border-left: 1px solid #0c0c0c;*/ font-size: 1.8em; color: #FA8108; padding: 5px; line-height: 1.4em; }


.fontetitulo {
	font-family: Arial, Helvetica, sans-serif;
        font-weight: 300; 
        font-size: 3.6em;
        margin: 40px auto;
        color: #000;  /*
        color: #B0150A; 
       text-shadow: 2px 2px 2px #FA8108;  */
 }

.fontesubtitulo {
                font-family: Arial, Helvetica, sans-serif; font-size: 2.8em;
                padding: 0px;
                color: #000; /*
	        color: #F4900E; text-shadow: 2px 2px 2px #0E66E1;  */
 }

BoxLogo h2 { font-family: Arial, Helvetica, sans-serif; margin: -10px auto; /* color: #000; */ }
span{  font-size: 1.2em; font-weight: 300; letter-spacing: -2px; line-height: 1.1556em;  }
h1 span{  font-size: 1.6em; font-weight: 300; letter-spacing: -2px; line-height: 5px;  }
h2 span{  font-size: 1.29999999999999em; font-weight: 300; letter-spacing: -2px; line-height: 0px;  }


/* .BoxLogo a { display:block; width:100%; }  */

.BoxLogo a:hover { font-weight: bold; text-decoration:none; border-bottom:0px dashed; color: #B0150A; } 


#BoxCentral {           
             margin-top: 10px;  
	     width: 100%; /*
             position: relative;  
             background-color: rgba(0,0,0,0.6);
             background: url('Linha.png');   */
             bottom: 0px; 
} 
#BlocMeio {    
	     max-width: 100%;
             position: relative;    
             background-color: rgba(0, 0, 0, 0.5);
             bottom: 0px; 
} 
#faixa_destaque {width: 100%; height: 180px; margin-top: 4em; border-bottom: dashed;  }
.catg_produtos {width: 1200px; margin: 0 auto; position: relative; } 
.BlocoText { 
        float: left;
	    width: 70%;
        margin-top: 0; 
	    margin-right:1%;
        padding: 0px;    
	    text-align: left;
       /* border: 1px solid;*/
 }
.catg_produtos h1, .BlocoText h1 { margin: 20px 0 0 10px; font-size: 3.2em; color:#0c0c0c; font-weight: 350; letter-spacing: -0.8px; line-height: 1.3em;  }
.catg_produtos h2 { margin: 0.1em 0 2.5em 0; font-size: 2.8em; color:#0c0c0c; font-weight: 350; letter-spacing: -0.8px; line-height: 1.3em;  }
.catg_produtos ul { list-style-position: inside; font-size: 1.6em; line-height: 1.3em; margin-left: 0; }
.Colunalater { 
        float: right;
    	width: 27%;
        margin-top: 2.5em; 
        bottom:2em;
    	margin-right:1%;
        padding: 0px; 
        text-align: center;
 }  
 .banner_lateral { 
        float: right;
    	width: 27.3%;
        margin-top: 2.5em; 
        bottom:2em;
    	margin-right:1%;
        padding: 0px; 
        background: url('../img/background-lateral.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner_lateral h2 { font-size:2.446em; color: #FFF;  line-height:1.45em;}
.Colunas { 
        float: left; 
        width: 19%;
    	margin-right: 1%;
        padding: 0px; 
    /*	border: 0.4em solid #4F7BA5;*/
        margin-bottom:4em;
 }  
 .ColFrontEnd { float: left; width: 11.3%; margin-right: 1%; padding: 0px; border: 1px solid; margin-bottom:4em; } 
Colunas:last-child, ColFrontEnd:last-child { margin-right: 0; } 

a backEnd {font-family: verdana, "Times New Roman", sans serif; font-size:1.0566em; color: #433F3F;  line-height:1.1em; }
.FColEnd { font-family: verdana, "Times New Roman", sans serif; font-size:1.2446em; color: #433F3F;  line-height:1.45em; } 

.mostruario {
        float: left;
	max-width: 100%;
	margin: 10px;
	padding: 4px;
    background:#cfcfcf;
	text-align: center;
}
.tarja_form { width: 100%; text-align: center; margin-top: -2.3em; }
.tarja_form p { font-size: 2.5em; color: #33B9E9; }
.tarja_mostruario {
                   width: 100%;  
                   text-align: center;
                  /* padding: 1.4em 0.8em;
                   background: #4F7BA5 url('../img/fundo-rodape.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;*/
 
  }
  .TarjaFrontEnd {
                   width: 100%; 
	           height: 80px;
             /*      background: rgba(0, 0, 0, 0.3); */
                   text-align: center;
                   padding: 1.4em 0 1.2em 0;
 
  }
.BoxGaleriaClientes  {
	max-width: 100%; 
	margin: 0px auto;
        position:relative;
        margin-bottom:0px;
 }
.retangulocentro  {
        float: right;
    	width: 390px;
	    height: 150px;
    	margin: 2em 0;
	    font-size: 1.8em;
        padding: 0 0.7em;
        text-align: center;
        border: 1px solid; 
        line-height:1.5em;
 } 

/************* FOOTER ************/

.rodape {
        clear: both;
        max-width: 100%;
        height: 340px;
        bottom:10px;
     /*   background: #07D5AC url('../Imagens/fundorodape.jpg');*/
        text-align: center;
        color: #fff;
        padding-top: 20px;
        background: #4F7BA5 url('../img/fundo-rodape.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}  
.SessoesRodape { width: 35%; }
.SessoesRodape2 { width: 25.5%; margin-right: 2.5em; }
.SessoesRodape:last-child { margin-right: 0; padding-right:0; }
.SessoesRodape, .SessoesRodape2 { float: left; }  
.rodapebaixo {
        float: left;
        width: 100%;
        height: 80px;
        bottom:10px;
     /*   background: #151515; url('../Imagens/fundorodape.jpg'); */
        background: #151515 url('../img/rodape-baixo.jpg');
        text-align: center;
        color: #fff;
        padding-top: 20px;
} 
.TituloRodape { font-family: verdana, "Times New Roman", sans-serif; padding: 0 5px 15px 0; font-size: 1.7em; color: #FFF; line-height:1.3em; }

.FonteAmareloPequeno { float: left; margin: 10px 0 5px 0; font-size: 14px; color: #FA8108;}
.FonteAmareloMedio {float: left; margin: 10px 0 5px 0; font-size: 1.0em; color: #fff;}
.FonteAzulPequeno {font-family: verdana, "Times New Roman", sans-serif; padding: 5px; font-size: 15px; color: #33B9E9; }
.FonteAzulMedio {font-family: verdana, "Times New Roman", sans serif; padding: 5px; font-size: 1.4em; color: #33B9E9; }
.FonteAzulGrande {font-family: verdana, "Times New Roman", sans serif; padding:1.2em 0.4em; font-size: 3.9em; color: #33B9E9; line-height:2em;}
.FonteTarjas {font-family: verdana, "Times New Roman", sans serif; padding: 5px; font-size: 20px; color: #FFF; }

.FonteVermelhoMedio {font-family: verdana, "Times New Roman", sans serif; padding: 5px; margin-bottom:15px; font-size: 2.2em; color: #B0150A; }
.FonteVermelhoMaior {font-family: verdana, "Times New Roman", sans serif; padding: 5px; font-size: 2.5em; color: #B0150A; }

.FonteEscuroN {font-family: verdana, "Times New Roman", sans-serif; padding: 10px; font-size: 1.3em; color: #0c0c0c; }
.FonteEscuroMP {font-family: verdana, "Times New Roman", sans-serif; padding: 10px; font-size: 1.5em; color: #0c0c0c; line-height:1.2em; }
.FonteEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; padding: 5px; font-size: 1.8em; color: #0c0c0c; line-height:1.3em; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 10px; padding: 15px 5px 10px 5px; font-size: 2em; color: #0c0c0c; line-height:1.3em; }
.FonteEscuroGrande {font-family: verdana, "Times New Roman", sans-serif; padding: 15px 5px 10px 5px; font-size: 2.2em; color: #0c0c0c; }

.FonteBrancaMP {font-family: verdana, "Times New Roman", sans-serif; padding: 10px; font-size: 1.9em; color: #FFF; line-height:1.2em; }
.FonteBrancaPequeno {float: left; font-family: verdana, "Times New Roman", sans-serif; padding: 5px 0; font-size: 1.6em; color: #FFF; line-height:1.1em; }
.FonteBrancaMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 10px; padding: 15px 5px 10px 5px; font-size: 2em; color: #FFF; line-height:1.3em; }
.FonteBrancaGrande {font-family: verdana, "Times New Roman", sans-serif; padding: 15px 5px 10px 5px; font-size: 1.9em; color: #FFF; }
.FonteBrancafooter {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.4em; color: #FFF; padding:15px; }

.FonteMostruarios {font-family: verdana, "Times New Roman", sans-serif; font-size:1.4em; color: #4F7BA5;  line-height:1.3em; }

/*  .FonteMostruarios {font-family: verdana, "Times New Roman", sans serif; font-size:1.9em; color: #FFF;  line-height:1.3em; } */
.FonteTarjaMostruarios {font-family: verdana, "Times New Roman", sans serif; padding-left: 15px; font-size: 1.8em; color: #FFF; }
.FonteTarjas2 {font-family: verdana, "Times New Roman", sans serif; padding: 5px; font-size: 20px; color: #067622; }
.FonteTarjas3 {font-family: verdana, "Times New Roman", sans serif; padding: 5px; font-size: 15px; color: #B0150A; }

.largura-cheia{
    width:100%;
/*    height:250px;  */
}
.Imagem {float: left; margin: 1.2em 1.7em 0 0; } 
.ImagemB { margin: 10px; } 
.Icon {margin: 0 5px -10px 0; }
.icones_sociais {/*float:left;*/ width:17%; margin: 0 0.2em 1.2em 0; }
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.ImgDestaque {float: left; margin: 20px 10px; width: 43%; }
.ImgWhats { width: 22%; margin: 0 10px -35px 0; }
.Imagemlogo {float: left; margin: 10px 5px 0 0; width:150px; height:80px; } 
.ImagemGaleriaClientes { margin: 20px 7px 10px 7px; width: 145px; height: 70px; border: 1px solid; text-align: justify; }
.SocialG { width: 17%; margin: 0;}
.ProdFrontEnd {float: center; margin: 10px; width: 130px; height: 90px; }
.novidades {  float:left; margin: 10px; width: 140px; height: 130px; }
.IMGTerceiros { float:right; margin: 15px; }
img,
picture,
video,
embed {
    max-width: 100%;
}

.Linha {  margin: 10px 0 10px 0; color: #fff; background-color: #0c0c0c; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #0c0c0c; width: 100%; height: 1px; float: left; }
.LinhaMista {color: #fff; background-color: #B0150A; width: 194px; height: 2px; float: left; }
.LinhaMista2 {color: #fff; background-color: #FA8108; width: 194px; height: 2px; float: left; }
.LinhaMista3 {color: #fff; background-color: #067622; width: 194px; height: 2px; float: left; }
.LinhaMista4 {color: #fff; background-color: #094D86; width: 194px; height: 2px; float: left; }

a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #ffcf69; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #ffffff;}
/*  a.linkEscuroMedio {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; padding: 10px; color: #615D5D; }  */
a.linkEscuroMedio {  padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #615D5D; }
a.linkEscuroP {float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #000;}
a.linkverde {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: green;}
a:hover.linkverde {background: #006600; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #fff;}
a.linkbranco { padding: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #FFF;}
a.linkbrancoPequeno {padding: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color: #fff;}
a.linkbrancoMedio {float: left; margin: 8px; padding: 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #fff;}
a.linkdestaquesp {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #fff;}
a.linkdestaqueif {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8888888888em; color: #fff;}

.MenuVertical {
	width: 90%;
	margin: 0px auto;
	padding: 10px; 
	list-style: none; /*
	text-align: left; 
        font-size: 23px;
	color: #000;  
        background: #FA8108; */
}

.BoxMenu {
	max-width: 450px;
        height: 34px;  
	margin: 0px auto; /* 
        text-align:center; 
        background: #FA8108;   */
}
.menu{list-style:none; border-left:1px solid #c0c0c0; }

.menu li{position:relative; float:left; /* border-right:1px solid #c0c0c0; */ }

.menu li a{color:#fff; text-decoration:none; padding:7px 10px; display:block;}

.menu li a:hover{background: #B0150A; color:#fff; -moz-box-shadow:0; -webkit-box-shadow:0; text-shadow:0 #fFF; }

.menu li ul{position:absolute; top:25px; left:0; background-color:#07D5AC; display:none; }
 
.menu li:hover ul, .menu li, .hover ul{display:block;}

.menu li ul li{ display:block; width:177px; }

.menuinf{list-style:none; border-left:1px solid #c0c0c0; float:left; }
.menuinf li{position:relative; float:left; border-right:1px solid #c0c0c0; }
.menuinf li a{color:#fff; text-decoration:none; padding:7px 10px; display:block;}
.menuinf li a:hover{background: #07D5AC; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fFF; }

 /* ================= Media Queries =============*/
@media screen and (max-width: 1200px) { 
.BoxCabecalho { width:100%; height: 200px; }
.BoxTudo, .catg_produtos { width: 100%; }}

@media screen and (max-width: 1125px) { 
.BoxLogo { width: 35%; }}

@media screen and (max-width: 1060px) { 
.rodape { height: 380px;  }  
.SessoesRodape { width: 30%; margin-left:10px; }
.SessoesRodape2 { width: 33%; margin-left:20px;}
.FonteBrancaPequeno {font-size: 1.4em; }}

@media screen and (max-width: 990px) { 
.ColFrontEnd { float: left; width: 11%; }  
#faixa_destaque {height: 230px;}
.rodape { height: 420px;  }
.SessoesRodape2 { width: 30%;}}  

@media screen and (max-width: 965px) { 
.BlocoText { float: left; width: 60%; }
.Colunalater { float: right; width: 37%; }
.banner_lateral { float: right; width: 37.3%; }
.Colunas { margin-left:10px; width: 28%; }
.retanguloinfo { width:47.5%; }
.BoxLogo { width: 40%; }}
@media screen and (max-width: 910px) { 
#faixa_destaque {height: 260px;}
.ColFrontEnd { float: left; width: 23.5%; } 
.rodape { height: 440px;  } 
.retanguloinfo { width:49%; }}

@media screen and (max-width: 880px) { 
.retanguloinfo { width:51%; }}

@media screen and (max-width: 845px) { 
.retanguloinfo { width:52.5%; }
.BoxLogo { width: 45%; }}

@media screen and (max-width: 825px) { 
.FonteAmareloMedio { font-size: 0.8em; }
.retangulochamada { width:40%; font-size: 1.6em;}}

@media screen and (max-width: 820px) { 
.rodape { height: 700px; }  
.SessoesRodape, .SessoesRodape2 { width: 45%; }}

@media screen and (max-width: 785px) { 
.retangulochamada { width:36%; font-size: 1.6em;}}

@media screen and (max-width: 750px) {
.retangulocentro { width: 90%; }    
h1 span{  font-size: 1.3em; }
h2 span{  font-size: 1em; }}

@media screen and (max-width: 700px) {
.SessoesRodape, .SessoesRodape2 { width: 42%; }
.Colunas { width: 27%; }}

@media screen and (max-width: 645px) {
.BoxCabecalho { height: 300px; }
.BoxLogo { width: 100%; }
.BoxInfo { width: 96%; height: 90px; }}

@media screen and (max-width: 610px) { 
#faixa_destaque {height: 300px;}
.BlocoText h1 {font-size: 2.8em;}}

@media screen and (max-width: 600px) { 
.retangulocentro { width: 80%; margin-right:6.7%; }
.rodapebaixo { height: 130px;}    
.BlocoText { margin-left:20px; width: 90%; }
.icones_sociais {width:11%; margin-top:3.2em; }
.Colunalater { width: 90%; margin-right:30px; }
.banner_lateral { width: 90%; margin-right:30px; }
.Colunas { width: 28.5%; }}

@media screen and (max-width: 560px) {
.rodape { height: 900px; } 
.SessoesRodape, .SessoesRodape2 { width: 97%; }}

@media screen and (max-width: 540px) {
.BoxInfo { width: 90%; }}

@media screen and (max-width: 525px) {
.Colunas { width: 27.5%; }}

@media screen and (max-width: 490px) {
.BlocoText { margin-left:10px; }
.Colunalater {  margin-right:20px; }
.banner_lateral { margin-right:20px; }
.BoxLogo { width: 78%; margin-left: 19%; }}

@media screen and (max-width: 430px) {
.BoxLogo { width: 85%; margin-left: 12%; }
.Imagemlogo { width:130px; }}

@media screen and (max-width: 415px) {
.retangulocentro { width: 90%; margin-right:0.1%; }
.ColFrontEnd { margin-left: 2.2%; width: 45%; }
/*.ColFrontEnd:first-child { margin-left: 5%; } */
.Colunas { width: 27%; }
.menu li a{ font-size: 1em; padding:7px 6px; }
.menu li a:hover{ font-size: 1em; padding:7px 6px; }}
    
@media screen and (max-width: 375px) {
.SessoesRodape2 { width: 85%; margin-left:10px; }
.Colunas { width: 90%; padding-left:2.5%; }}

@media screen and (max-width: 360px) {
#faixa_destaque {height: 330px;}
.SessoesRodape2 { width: 75%; }
.ImagemGaleriaClientes { width: 135px; }    
h1 span{  font-size: 1em; }
.Imagemlogo { width:110px; margin-right:0; }}

@media screen and (max-width: 345px) { 
#faixa_destaque {height: 370px;}
.rodape { height: 1000px; } 
.ImagemGaleriaClientes { width: 128px; }  
.retanguloinfo { width:58%; }
.retangulochamada { width:30%; font-size: 1.3em;}}

@media screen and (max-width: 330px) {
/*.Colunas { width: 80%; }*/
.Colunalater {  margin-right:10px; }
.banner_lateral { margin-right:10px; }
.BoxLogo { margin-left: 12%; }
h2 span{  font-size: 0.85em; }}

@media screen and (max-width: 320px) {
.ImagemGaleriaClientes { width: 115px; } 
.menu li a{ padding:7px 3px; }
.menu li a:hover{ padding:7px 3px; }}

@media screen and (max-width: 315px) { 
.BoxLogo { width: 92%; margin-left: 9%; }
.icones_sociais {margin-top:1.2em; }
h2 span{  font-size: 0.7em; }
.retanguloinfo { width:60%; }
.FonteAmareloMedio { font-size: 0.65em; }
.retangulochamada { width:29%; font-size: 1.3em;}}

@media screen and (max-width: 300px) {
#faixa_destaque {height: 400px;}
.ImagemGaleriaClientes { width: 90%; } 
.menu li a{ font-size: 0.9em; }
.menu li a:hover{ font-size: 0.9em; }}

@media screen and (max-width: 275px) {  
.rodapebaixo { height: 160px;}  
.BoxTudo  { max-width: 1024px; }
.BoxDestaque {display: none;}
.btn-toggle{display: block;}}