@font-face {
	font-family: 'promptmedium';
src: url('../fonts/prompt-medium-webfont.woff2') format('woff2'),
         url('../fonts/prompt-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'promptlight';
src: url('../fonts/prompt-light-webfont.woff2') format('woff2'),
         url('../fonts/prompt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'promptregular';
src: url('../fonts/prompt-regular-webfont.woff2') format('woff2'),
         url('../fonts/prompt-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 
@font-face {
	font-family: 'promptsemibold';
	src: url('../fonts/prompt-semibold-webfont.woff2') format('woff2'),
         url('../fonts/prompt-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 



.face_bold{
  font-family: 'promptsemibold', Arial, sans-serif;
}
.face_light{
  font-family: 'promptlight', Arial, sans-serif;
}


body { background:#fff; font-family: 'promptlight', Arial, sans-serif;  font-size:16px; letter-spacing:0.2px; line-height:27px; color:#717579; margin: 0px;}


a:link {
	color: #66686c;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #66686c;
}
a:hover {
	text-decoration: none;
	color: #36809F;
	}
a:active {
	text-decoration: none;
	color: #66686c;
}

.link_trad{
opacity:0.5;
cursor: pointer; cursor: hand;
}
.link_trad:hover{
opacity:1;
cursor: pointer; cursor: hand;
}


h1{
font-family: 'promptlight', Arial, sans-serif;
font-size:29px;
padding-left:0px;
letter-spacing:0.9px;
margin-top:0px;
margin-bottom:20px;
font-weight:lighter;
text-transform:uppercase;
color:#2D333A;
}
h2{
font-family: 'promptlight', Arial, sans-serif;
font-size:24px;
letter-spacing:1px;
font-weight:lighter;
margin:0px;
text-transform:uppercase;
margin-bottom:10px;
	
}

h5{
font-family: 'promptregular', Arial, sans-serif;
font-size:11px;
margin-top:-4px;
margin-bottom:5px;
font-weight:lighter;
font-style:italic;
text-align:center;
}


.estrutura {align-items: center top;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
    margin: 0 auto ;
}

.linha_menu{
	
	height:1px; border:none; color:#e9eaeb; background-color:#e9eaeb; margin-top: 0px; margin-bottom: 0px;
	}

.table_codigo{
	background-color:#e6e6e8; line-height:18px; font-size:15px;	
}


.table_diametros{
	background-color:#FFFFFF; line-height:18px; font-size:15px;	
}

.max_topo { width: 100%;   align-items: center top; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;   margin: 0px; background-color: #2d333a; background-image:url("../imagens/base/faga_topofundo.jpg"); background-position: top center; }

.topo { width: 100%;  max-width: 1100px; margin:0px; margin-bottom: 50px; }

#div_traducao {display:none; width:100%; align-items: flex-end top;  flex-direction: row; flex-wrap: wrap; justify-content:flex-end;   margin: 0px;  }
.div_traducao_centro{ background-color:#FFF;  align-items: center baseline; flex-direction: row; flex-wrap: wrap; justify-content: center;  margin: 0; margin-top:0px; padding:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); opacity:0.9;}

.div_traducao_base {
	height:52px; margin-top:-32px; position:relative; text-align:right; align-content:center;}
  
.max_conteudo {  width: 100%;  align-items: center top; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;   margin: 0;  }


.max_conteudo_slide {  width: 100%;  align-items: center baseline; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  margin: 0; background-color:#043659; background-image:url("../imagens/banner/faga_banner_fundo.jpg"); margin-top:0px; background-position:center bottom; background-repeat:no-repeat; height:450px;}


.conteudo {width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center;}

.conteudo_produtos {width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center; margin-top:-330px; z-index:1}


.max_rodape { width: 100%;   align-items: center top; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;   margin: 0; background-color: #2d333a; background-image:url("../imagens/base/faga_topofundo.jpg"); background-position: top center; } 

.rodape {width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center;}


#menu_mobile{
	 visibility:hidden; 
	display:none;
	height:0px;
	padding:0px;
	
	}
.menu_mobile_itens{
	display:none;
	
	}
	
.bot_menu {
	height:0px; width:100%; text-align:right; visibility:hidden; 
	}

#logo ul {padding:0px; margin:0px; list-style:none; text-align:left; margin-top:10px;}

#menu ul {
	font-family: 'promptlight', Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.9px;
	padding:0px;
	margin:0px;
	list-style:none;
	position:none;
	text-align:right;
	margin-top:-71px;
	
	
	
}
#menu ul li { display: inline; }
#menu ul li a {
	
	padding: 0px 10px;	
	display: inline-block;
	color: #DCDDD8;
	text-decoration: none;
	
}
#menu ul li a:hover {
	color: #36809F;
}

.box_100 {
		width: 100%;  float:none; padding-bottom:0px; 
	}
.box_50 {
	width: 50%;  float:none; padding-bottom:0px; 
	}
	
.box_33 {
	width: 33.3%;  float:none; margin:0px
	}
.box_25 {
	width: 25%;  float:none; margin:0px
	}

.box_20 {
	width: 20%;  float:none; margin:0px
	}
	
.box_30 {
	width: 30%;  float:none; margin:0px
	} 
.box_70 {
	width: 70%;  float:none; margin:0px
	}
	
.box_60 {
	width: 60%;  float:none; margin:0px
	}
.box_40 {
	width: 40%;  float:none; margin:0px
	}
		
.box_margem {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	}




.box_margem_produtos {
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	.box_margem_form {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	}	
	
.box_contato_titulo{
	height:250px;
	}

.slide{
	width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center; margin-top: 0px;
	}

.max_slide{
width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center; height: 100%; 
}

.max_slide_imagem{
width: 100%; max-width: 1100px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center; height:100%; 
}

.max_slide_interna{
	 width: 100%;  align-items: center top; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;   margin: 0; background-color:#ececec; background-position:center top; background-repeat:no-repeat;  min-height:350px; z-index:1;
	}

.slide_titu{
	color:#FFF;
	font-family: 'promptregular';
	font-size:22px;
	text-transform:uppercase;
	background-image:url(../imagens/base/faga_fund_slide_titu.png);
	background-repeat:repeat-y;
	padding-left:20px;
	letter-spacing: 1px;

		
	}
	
.slide_texto{
	
	color:#36809F;
	font-family: 'promptlight';
	font-size:17px;
	font-size:15px;
padding-left:20px;
	line-height: 20px;
	margin-top: 5px;

	}
	
	
	
	
	
.produtos_olho{
	margin:50px;
	margin-top:60px;
	margin-bottom:60px;
	text-align:center;
	font-size:20px;
	line-height:30px;
	
	
	}
	
.box_margem_slide {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.box_margem_slide_interna {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 35px;
	margin-bottom: 35px;
	}


.box_margem_slide_rodape {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom:0; margin-top:20px;
		}
	
	
.box_50_slide {
	width: 50%;  float:none; margin:0px; display: flex; display: -webkit-flex;justify-content:flex-start;  align-items: center;
	}
	
.box_40_slide {
	width: 40%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content:space-between;  align-items: center;
	}
	
.box_60_slide {
	width: 60%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center;
	}
	
.box_40_centro {
	width: 40%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center; 
	}
	
.box_100_centro {
	width: 100%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center; text-align:center; margin-top:50px; 
	}
	
.box_centro {
	width: 100%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center;  
	}
	
.box_50_centro {
	width: 50%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center;
	}
	
.box_60_centro {
	width: 60%;  float:none; margin:0px; display: flex; display: -webkit-flex; justify-content: center;  align-items: center;
	}
	

a.rollover {
	width: 100%;
height: 0;
padding-bottom: 10%;
background-position: 0 0;
background-repeat:no-repeat;
background-size: 200%;
display:block;
	}

a.rollover:hover {
	background-position: 100% 0 ; /* Use ONLY percents here */
	}
	
a.rolloverdescolador{
width: 100%;
height:100px;
padding-bottom: 10%;
background-position: 0 0;
background-repeat:no-repeat;
background-size: 200%;
display:flex;

	}

a.rolloverdescolador:hover {
	background-position: 100% 0 ; /* Use ONLY percents here */
	}





a.rollover2 {
	width: 100%;
height: 20px;
padding-bottom: 10%;
background-position: 0 0;
background-repeat:no-repeat;
background-size: 200%;
display:block;
margin-bottom:10px;
	}

a.rollover2:hover {
	background-position: 100% 0 ; /* Use ONLY percents here */
	}
	

.font_canulas{
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	}


.tabela{
-webkit-box-shadow: 10px 10px 37px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 10px 10px 37px 0px rgba(0,0,0,0.26);
box-shadow: 10px 10px 37px 0px rgba(0,0,0,0.26);
border-style:solid;
border-width:1px;
border-collapse:collapse;
border-color:#e6e6e8;
}

	

.iframe_resp {
position: relative;
padding-bottom: 48.8%;
padding-top: 30px;
height: 0;
overflow:hidden; 
-webkit-overflow-scrolling:touch;  
border:none;
} 
.iframe_resp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.destaque_faga{
 font-family: 'promptlight', Arial, sans-serif;
	font-size:27px;
	
	line-height:32px;
	text-transform:uppercase;
	
	text-align:center;
}

.faga_marcador{
	font-size:16px;	
	color: #a9acac;
	
		}
		
.faga_patente{
	font-size:10px;
	text-transform:lowercase;
	letter-spacing:1px;
	color: #a9acac;
	
		}
		
.menu_produtos_rodape a:hover {
	text-decoration:underline;
}
	
.menu_produtos_rodape{
	font-size:13px;
	line-height:22px;
	color:#666;
	}
	
.menu_produtos_rodape_titu{
	font-size:12px;
	line-height:30px;
	
	 font-family: 'promptsemibold', Arial, sans-serif;
	 text-transform:uppercase;
	color:#3887a8;
	}
	
	

	
	
.box_slide_setas{
	
	
	width: 100%; max-width: 1500px; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content:center;
	margin-top:-160px;
	height:100%;
	align-content:center;
	visibility:visible;
	padding-left:5px;
	padding-right:5px;
	
}



	
.bt_slide {
	width:6%;
	float:none; margin:0px; display: none; display: -webkit-flex; justify-content: center;  align-items: center;
	opacity:0.4;

	
	
	}
	

.bt_slide a:hover{
	opacity:0.6;
	cursor: pointer; cursor: hand;
		}

.box_botao{
	background-color:#043659;
	color:#DBDBD3;
	width:100%;
	line-height:15px;
	font-size:13px; font-family: 'promptregular', Arial, sans-serif;   
    border-radius: 30px 5px 30px 5px;
    -moz-border-radius:30px 5px 30px 5px;
    -webkit-border-radius:30px 5px 30px 5px;
	text-transform:uppercase;
	padding:15px;	
	text-align:center;
	box-sizing : border-box;

    	}	
		
.box_botao:hover{ 
         	background-color:#36809F;
}

	

input[type=text], input[type=email]{ 
font-size:17px; height:50px; font-family: 'promptregular', Arial, sans-serif;    

background: rgb(239,240,237);
background: -moz-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: -webkit-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff0ed",endColorstr="#d5d4d0",GradientType=1);
	
	
    border:0px solid #dbd9d8;
	padding-left: 15px;
	padding-right: 15px;
	
	   border-radius: 30px 5px 30px 5px;
    -moz-border-radius:30px 5px 30px 5px;
    -webkit-border-radius:30px 5px 30px 5px;
    width:100%;
	margin-bottom:5px;
		margin-top:5px;
		color:#717579;
		box-sizing : border-box;

}
fieldset{
	
	font-size:17px; font-family: 'promptregular', Arial, sans-serif;   
	

	line-height:16px;

background: rgb(239,240,237);
background: -moz-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: -webkit-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff0ed",endColorstr="#d5d4d0",GradientType=1);
	
	
    border:0px solid #dbd9d8;
	padding-left: 15px;
	padding-right: 15px;
	
	   border-radius: 30px 5px 30px 5px;
    -moz-border-radius:30px 5px 30px 5px;
    -webkit-border-radius:30px 5px 30px 5px;
    width:100%;
	margin-bottom:4px;
		margin-top:4px;

		margin-left:-0.5px;
	color:#717579;
	box-sizing : border-box;
	}

select{ 
font-size:17px; height:50px; font-family: 'promptregular', Arial, sans-serif;   
   
	box-sizing : border-box;
	
    
	  
background: rgb(239,240,237);
background: -moz-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: -webkit-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff0ed",endColorstr="#d5d4d0",GradientType=1);
	
	
    border:0px solid #dbd9d8;
	padding-left: 15px;
	padding-right: 15px;
	
	   border-radius: 30px 5px 30px 5px;
    -moz-border-radius:30px 5px 30px 5px;
    -webkit-border-radius:30px 5px 30px 5px;
    width:100%;
	margin-bottom:4px;
		margin-top:4px;

	color:#717579;

}





textarea{
font-size:17px; font-family: 'promptregular', Arial, sans-serif;   
   
 background: rgb(239,240,237);
background: -moz-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: -webkit-linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
background: linear-gradient(90deg, rgba(239,240,237,1) 32%, rgba(230,231,228,1) 59%, rgba(213,212,208,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff0ed",endColorstr="#d5d4d0",GradientType=1);
	
	
    border:0px solid #dbd9d8;
	padding-left: 15px;
	padding-right: 15px;
	
	   border-radius: 30px 5px 30px 5px;
    -moz-border-radius:30px 5px 30px 5px;
    -webkit-border-radius:30px 5px 30px 5px;
    width:100%;
	margin-bottom:4px;
		margin-top:4px;

		color:#717579;
		box-sizing : border-box;
}

input[type=text]:hover, input[type=email]:hover, textarea:hover, fieldset:hover, select:hover{ 
         background: #e6e8e4; border:0px solid #e6e8e4;
}

input[type=submit]{
      width:100%; background-color:#043659; font-size:18px;border:none; height:50px; font-family: 'promptsemibold', Arial, sans-serif;  color:#DBDBD3; text-transform:uppercase; border-radius:4px; margin-top:20px; cursor: pointer; cursor: hand; border-radius: 30px 5px 30px 5px; 
}

input[type=submit]:hover{ 
        background-color:#36809F; 
}


.box_form_aviso_azul{
	font-size:16px;  font-family: 'promptregular', sans-serif; font-weight:700;
	line-height:18px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: #4d859b; 
    border:3px solid #4d859b;
    width:100%;
	margin-bottom:3px;
		margin-top:10px;
		color:#fff;
		width:100%;
		padding-top:8px;
		padding-bottom:8px;
		text-align:center;
	}
	
.box_form_aviso_vermelho{
	font-size:16px;  font-family: 'promptregular', sans-serif; font-weight:700;
	line-height:18px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: #ffc000; 
    border:3px solid #ffc000;
    width:100%;
	margin-bottom:3px;
		margin-top:10px;
		color:#fff;
		width:100%;
		padding-top:8px;
		padding-bottom:8px;
		text-align:center;
	}
  
	.g-recaptcha{
	margin-top:15px;
	
}

.box_orcamento{
	position: fixed; right:0px; width: 40px; height: 200px; z-index:1000; margin-top:-70px; top:50%; opacity:0.85; border-radius: 25px;
		}
		
.box_orcamento a:hover{
width: 90px; opacity:0.8; 


		}


/*galeria*/

	* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}




.gallery-image {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}

.gallery-image img {
  height: 200px;
  width: 200px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}

.img-box {
  box-sizing: content-box;
  margin: 2px;
  height: 200px;
  width: 200px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}

.caption {
  position: absolute;
  bottom: 0px;
  left: 10px;
right: 10px;
	margin: 0px;
	line-height: 14px;
	font-size: 14px;
	letter-spacing: 1.1;
	margin-bottom: -10px;
	text-transform: uppercase;
	color: #000;
	font-family: 'promptsemibold', Arial, sans-serif;
	
	
	
  transition: transform 0.3s ease, opacity 0.3s ease;
	 transform: translateY(-20px);
  opacity: 1.0;
}

.transparent-box {
  height: 200px;
  width: 200px;
  
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
	
background: rgb(255,255,255);
background: -moz-linear-gradient(29deg, rgba(255,255,255,0.9) 36%, rgba(255,255,255,0.42) 56%, rgba(255,255,255,0) 73%);
background: -webkit-linear-gradient(29deg, rgba(255,255,255,0.9) 36%, rgba(255,255,255,0.42) 56%, rgba(255,255,255,0) 73%);
background: linear-gradient(29deg, rgba(255,255,255,0.9) 36%, rgba(255,255,255,0.42) 56%, rgba(255,255,255,0) 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.img-box:hover img { 
  transform: scale(1.1);
}

.img-box:hover .transparent-box {
background: rgb(255,255,255);
background: -moz-linear-gradient(29deg, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0.32) 56%, rgba(255,255,255,0) 73%);
background: -webkit-linear-gradient(29deg, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0.32) 56%, rgba(255,255,255,0) 73%);
background: linear-gradient(29deg, rgba(255,255,255,0.3) 36%, rgba(255,255,255,0.32) 56%, rgba(255,255,255,0) 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.img-box:hover .caption {
  transform: translateY(-30px);
  opacity: 100;
}

.img-box:hover {
  cursor: pointer;
}



	
	


		

/*1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (min-width: 961px) and (max-width:1000px){
	.topo { width:100%; }
			.box_margem_slide {
			margin-left: 30px;
	}


	
}

/*960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/

@media screen and (min-width: 769px) and (max-width:960px){
	.topo { width:100%;  }
	#menu ul {font-size:11px;}
	
			.box_margem_slide {
			margin-left: 30px;
	}
	
	.max_conteudo_slide {
		height:350px;
		
		}


	

	
}

/*768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (min-width: 581px) and (max-width:768px){
	
	
.topo { height:110px; padding-left:0px; padding-right:0px; }
#logo ul {	text-align:center; }
#menu ul {
	font-size:13px;
	letter-spacing:0.3pt;
	padding:0px;
	margin-top:5px;
	list-style:none;
	position:none;
	text-align:center;
	

	
}
#menu ul li { display: inline; 	}
#menu ul li a {
	padding: 5px 8px;	
	display: inline-block;	
 	text-decoration: none;
	
}

.box_33 { 	width: 100%;  	}
.box_50 { 	width: 100%;  	}
.box_60 { 	width: 100%;  	}
.box_40 { 	width: 100%;  	}
.box_30 { 	width: 100%;  	}
.box_70 { 	width: 100%;  	}
	
.box_40_centro {
	width: 100%;
	}
	
.box_60_centro {
	width: 100%;
	}
	
	.box_50_centro {
	width: 100%; 
	}

	
	

.max_slide_interna{
min-height:0px;  background:none; 
	}
	
			.box_margem_slide {
			margin-left: 30px;
	}
	
	
		.max_conteudo_slide {
		height:236px;
		
		}

		
	.conteudo_produtos{
		margin-top:20px;
		
		}
		
.box_contato_titulo{
	height:auto;
	

} 
}

/*768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (min-width: 481px) and (max-width:580px){
	
	
.topo { height:110px; padding-left:0px; padding-right:0px; }
#logo ul {	text-align:center; }
#menu ul {
	font-size:11px;
	letter-spacing:0.3pt;
	padding:0px;
	margin-top:5px;
	list-style:none;
	position:none;
	text-align:center;

	
}
#menu ul li { display: inline; 	}
#menu ul li a {
	padding: 10px 6px;	
	display: inline-block;	
	text-decoration: none;
	
}


.box_33 { 	width: 100%;  	}
.box_50 { 	width: 100%;  	}
.box_60 { 	width: 100%;  	}
.box_40 { 	width: 100%;  	}
.box_30 { 	width: 100%;  	}
.box_70 { 	width: 100%;  	}

.max_slide_interna{
min-height:0px;  background:none; 
	}
	


			.box_margem_slide {
			margin-left: 20px;
	}
	
.box_40_centro {
	width: 100%;
	}
	
.box_60_centro {
	width: 100%;
	}
	
	.box_50_centro {
	width: 100%; 
	}

	
	
			
	.conteudo_produtos{
		margin-top:20px;
		
		}
.bt_slide {
	
	visibility:hidden;
	
}	

.table_codigo{
line-height:15px; font-size:12px;	
}	

.table_diametros{
line-height:15px; font-size:12px;	
}	

.box_contato_titulo{
	height:auto;
	

} 
}


/*480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (min-width: 1px) and (max-width:480px){

	
	

h1{
font-size:26px;
}

.menu_principal{
	visibility:hidden;
	}

.bot_menu {
 visibility:visible;
	}
	

	
.topo { height:20px;  margin-top:20px; padding-left:0px; padding-right:0px; padding-top: 50px }

	
.div_traducao_base {
	 margin-top:-10px;}
	 
	 
#logo ul {	text-align:center; margin-top:-35px; }

.max_slide {
	height:150px
	
	}
	


.box_margem_slide {
	margin-top: 30px;
		margin-left: 10px;

	}


.box_33 { 	width: 100%;  	}
.box_50 { 	width: 100%;  	}
.box_50_slide { 	width: 100%;  	}
.box_60_slide { 	width: 100%;  	}
.box_40_slide { 	width: 100%;  	}
.box_60 { 	width: 100%;  	}
.box_40 { 	width: 100%;  	}
.box_30 { 	width: 100%;  	}
.box_70 { 	width: 100%;  	}
	

 
 #menu_mobile{
	visibility:visible;
	background-color:#043659;
	display:none;
	height:399px;
	padding:0px;
	width:100%;
	margin-top:0px;
	


	}
.menu_mobile_itens{
	display:block;
	
		
	
	}
	
	
#menu_mobile_itens ul {
	font-family:'promptlight', Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0px;
	margin:0px;	
	list-style:none;
	position:none;
	text-align:center;
	
	
}
#menu_mobile_itens ul li { display:block;  }
#menu_mobile_itens ul li a {
	
	display: inline-block;
	margin-top:0px;	
	padding-top:12px;
	padding-bottom:12px;
	width: 100%;
	color: #FFF;
	text-decoration: none;
	
	
		border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#36809F;
	
}
#menu_mobile_itens ul li a:hover {
	background-color:#043659;	
}


.rodape { margin:0px;  }


.conteudo_interna{ width:100%}

.conteudo_mobile_70 { width:100%;  }
.conteudo_mobile_30 {  width:100%; 	}
.conteudo_mobile_60 { width:100%;  }
.conteudo_mobile_40 {  width:100%;	}

.max_slide_interna{
min-height:0px;  background:none; 
	}
	
	
.box_40_centro {
	width: 100%;
	}
	
.box_60_centro {
	width: 100%;
	}
	
	.box_50_centro {
	width: 100%; 
	}

	
.bt_slide {
	
	visibility:hidden;
	
}

	.max_conteudo_slide {
		height:150px;
		
		}
		
	.conteudo_produtos{
		margin-top:20px;
		
		}
		
.table_codigo{
line-height:10px; font-size:11px;	
}

.table_diametros{
line-height:10px; font-size:11px;	
}	
	

.box_contato_titulo{
	height:auto;
	}
	
	.box_orcamento{
		 display:none; 
	}
	

	.gallery-image {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}

.gallery-image img {
  height: 220px;
  width: 220px;
  }
	
	
	.img-box {
   height: 220px;
  width: 220px;
		margin: 3px;
  }


.transparent-box {
  height: 220px;
  width: 220px;
	}
	
	
 }