@charset "UTF-8";
@import url("fnt/fnt.css"); 

*																		{ margin:0; padding:0; }

.borda																	{ border:1px solid #F63; }
.borda2																	{ border:1px solid #CC0; }
.whatsapp { position: fixed;top: 88%; right: 1%;; padding: 10px; z-index: 1000;}
.clear																	{ clear:both; }
.space20px					    										{ display:block; height:20px; }
.marginZero																{ margin-left:0; }
.btnRibermetals01														{ width:148px; height:37px; display:block; background:url(../imagens/bg-btn-ribermetals.png) 0 0 no-repeat; color:#fff; line-height:33px; text-align:center; font-size:12px; }
.btnRibermetals01:hover													{ color:#ddd; }
.btnRibermetals02														{ width:199px; height:37px; display:block; background:url(../imagens/bg-btn-ribermetals-02.png) 0 0 no-repeat; color:#fff; line-height:33px; text-align:center; font-size:12px; }
.btnRibermetals02:hover													{ color:#ddd; }
html, body																{ background:url(../imagens/bg-body.png) repeat 0 0; font-family:'multicolore_regular'; text-shadow:none!important; font-size:14px; line-height:1.4em; height:100%; }
h1, h2, h3, h4, h5, h6													{ font-style:normal; font-weight:normal; }
ul																		{ list-style:none; }
header																	{ background-color:#ecf0f1; height:auto; padding-bottom:10px; }
#logo																	{ width:258px; height:119px; text-indent:-100%; overflow:hidden; background:url(../imagens/logo.png) 0 0 no-repeat; margin-left:0.3125em; margin-top:0.9375em; }
#logo > a																{ width:258px; height:119px; display:block; }
.navInst 																{ display:block; width:30em; margin-top:1.125em; }
.navInst li 															{ display:inline-block; color:#6e6e6e; float:right; margin-left:0.3125em; line-height:12px; }
.navInst li a															{ font-size:0.75em; color:#6e6e6e; }
header .orca															{ color:#c33; font-size:0.9375em; margin-top:0!important; }
header .orca a															{ color:#c33; text-decoration:underline; }
header .orca span														{ font-size:1.1em; }
header h3.visible-phone													{ line-height:2em; }
.navDefault																{ min-width:558px; height:37px; background:#fff; margin:0 auto; -moz-transform:skewX(-21deg); -webkit-transform:skewX(-21deg); -o-transform:skewX(-21deg); -ms-transform:skewX(-21deg); transform:skewX(-21deg);  border-radius:5px; -webkit-box-shadow: 5px 5px 1px 0px rgba(214,214,214,1); -moz-box-shadow: 5px 5px 1px 0px rgba(214,214,214,1); box-shadow: 5px 5px 1px 0px rgba(214,214,214,1); padding:0 25px 0 0}	
.navDefault ul				   											{ margin-left:1em; -moz-transform:skewX(21deg); -webkit-transform:skewX(21deg); -o-transform:skewX(21deg); -ms-transform:skewX(21deg); transform:skewX(21deg);  border-radius:5px;}
.navDefault ul li														{ float:left; display:inline-block; margin-right:2.125em; font-size:1em; line-height:32px; padding-top:3px; }
.navDefault ul li:last-child											{ margin-right:0; }
.navDefault ul li a														{ font-size:16px; color:#036;  }
.navPhone, .navPhone ul, .navPhone li									{ width:97.9%; display:block; clear:both; margin-left:0; }
.navPhone li															{ padding:5px 10px; background:#c33; }
.navPhone li a															{ color:#fff; }
.contentHeader															{ margin-top:15px; }
.bgAzul																	{ background-color:#036; padding:1.25em 1em 0.775em; height:auto; }
.bgAzulP																{ background-color:#036; padding:1.25em 1em 0; height:93.939393939%!important; margin-top:10px; }
.bgAzul h1																{ font-size:2em; color:#c33; line-height:0.8125em; }
.bgAzul h1 span															{ font-size:22px!important; }
.bgAzul p																{ color:#fff; font-size:1.1em; font-family:Arial, Helvetica, sans-serif!important; }
#slider																	{ margin-top:0px; position:relative; width:670px; height:330px; }
#slider	img																{ width:670px; height:330px; }
#sliderPhone															{ margin-left:0; }
.margem-left-30 														{ margin-left:30px; }
.containerB																{ position:relative; margin-left:0; }
.bulletsHome                    										{ position:absolute; top:310px; width:300px; height:15px; left:33px; z-index:15; }
.bulletsHome a                  										{ width:8px; height:8px; float:left; background-color:#fff; margin-right:7px; border:2px solid #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-indent:-9598px; overflow:hidden; }
.bulletsHome a.activeSlide      										{ background-color:#c33; }
.tit, .chamadasHome > .span4 h2, .span3 h2											{ font-size:1.125em; color:#036; line-height:normal !important; }
.chamadasHome h2														{ margin:0; }
.chamadasHome .btnRibermetals01 										{ margin-left:8.5em; margin-bottom:3.75em; }
#boxDiferenciais h3														{ color:#8fbd4d; } 
#boxDiferenciais ul														{ margin-left:0; font-family:Arial, Helvetica, sans-serif; }
#boxDiferenciais li														{ color:#666; font-size:1em!important; margin-bottom:0.5375em; } 
#boxDiferenciais li i													{ color:#8fbd4d; font-size:1.65em!important; } 
.distCrom																{ color:#f78800; font-size:0.875em; margin-top:3.25em; }
.bgBranco																{ background-color:#fff; padding:1.0625em 1.5625em; position:relative; -webkit-box-shadow:0 11px 8px -6px #999; -moz-box-shadow:0 11px 8px -6px #999; box-shadow:0 11px 8px -6px #999; }
span.ho																	{ position:absolute; top:-35px; left:-126px; }
#boxCadastro															{ font-family:Arial, Helvetica, sans-serif; }
#boxCadastro h4															{ color:#c33; font-size:1.375em; margin-top:0; margin-left:0.75em; }	
#boxCadastro p															{ color:#c33; margin-left:1.1em; }
#boxCadastro form														{ margin-left:1.1em; }	
#boxCertificacoes h4, #boxCertificacoes p, #boxCertificacoes a			{ font-family:Arial, Helvetica, sans-serif; color:#dab020; }
#boxCertificacoes a														{ margin-left:0; text-decoration:underline; }
#boxCertificacoes a:hover												{ text-decoration:none; }
#boxCertificacoes h4													{ font-size:1.375em!important; }
#boxCertificacoes img													{ margin-left:0.75em; margin-right:1.75em; }
#facilidadePag 															{ margin-top:17px; }
footer 																	{ background-color:#036; border-top:solid 2px #c33; padding:1.675em 1em!important; margin-top:7.625em; font-family:Arial, Helvetica, sans-serif; }
footer span																{ color:#fff; }
footer h4																{ margin-right:20px; }
footer p																{ font-size:1.625em; color:#c33; margin-top:0.9em;  }
footer address,	footer h5												{ margin:0!important; }
footer a																{ color:#c33; }
footer span p.visible-phone												{ font-size:1em; }
.faixaAzul																{ background-color:#036; padding:0.25em 0em; margin-top:10px; }
.breadcrumb																{ background:none; margin-bottom:0; margin-left:1em; }
.breadcrumb > li, .breadcrumb > li > a									{ text-shadow:none; color:#fff; }
.breadcrumb > li > a:hover												{ text-decoration:none; color:#999; }
.breadcrumb > li.active													{ color:#eee; }
.navigation																{ margin-left:0; margin-top:25px; }
.navigation > a.btn														{ font-size:11px; }
.pagInt																	{ margin-top:30px; }
.pagInt h2																{ font-size:1.8em; }
.containerPagInt h1														{ font-size:2em; }
.menuProdutos															{ width:285px; }
.menuProdutos.relative													{ width:285px; }
.menuProdutos ul														{ margin-left:0; border:solid 1px #ddd; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; }
.menuProdutos li														{ padding:10px 5px; border-bottom:solid 1px #ddd; display:block; }
.menuProdutos li a														{ display:block; text-align:center; font-size:0.9876em; }
.menuProdutos li a i													{ font-size:1.213em; } 
.menuProdutos li:last-child												{ border-bottom:none; }
.menuProdutos2															{ width:270px; z-index:999; font-family:Arial, Helvetica, sans-serif; }
.menuProdutos2 ul														{ margin-left:0; border:solid 1px #ddd; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; }
.menuProdutos2 li														{ border-bottom:solid 1px #ddd; display:block; padding:5px 10px 10px 15px; }
.menuProdutos2 li a														{ display:block;  font-size:0.987em; }
.menuProdutos2 li a i													{ font-size:1.213em; } 
.menuProdutos2 li:last-child											{ border-bottom:none; }
.menuProdutos2 li:hover													{ background-color:#eaeaea; }
.telAlign																{ text-align:center; color:#08c; display:block; font-size:0.9876em; }
.telAlign i																{ font-size:1.213em; } 
.containerPagInt a:hover												{ text-decoration:none; }
.containerPagInt p, .containerPagInt ul									{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:justify; }
.containerPagInt > .alert > p											{ margin-bottom:0; }
.containerPagInt > .alert-info											{ border-color:#115fad; background-color:#407cb9; color:#fff; text-shadow:none; }
.containerPagInt .alert-info a											{ color:#ddd; }
.containerPagInt .alert-prod											{ background-color:#fafafa; border:solid 1px #e9e9e9; padding:0px 20px; }
.containerPagInt > .alert-prod > .span2									{ width:11.845em; margin-right:1.532em; text-align:center; margin-left:0!important; margin-bottom:20px; }
.containerPagInt > .alert-prod > .span2:last-child						{ margin-right:0; }
.containerPagInt > .span2 > img											{ margin-bottom:10px; }
.containerPagInt > .alert-prod h3										{ color:#036; font-size:1.432em; margin-bottom:0; }
.containerPagInt > .alert-prod > .span2 h4								{ font-size:0.832em; margin-bottom:0; line-height:normal!important; margin-top:0.623em; }
.chamadasHome > .span9 > .span4											{ margin-left:0; border:solid 1px; }
.chamadasHome > .containerPagInt > .span8	 							{ margin-left:0; }
.chamadasHome > .containerPagInt > .span7	 							{ margin-left:0; }
.chamadasHome .aaa 														{ width:800px; margin:0 auto; }
.accordion-heading														{ background-color:#fcfcfc; -webkit-border-radius:5px; border-radius:5px; }
.accordion-body															{ background-color:#fefefe; font-family:Arial, Helvetica, sans-serif; }
#FORM_CONTATO															{ width:90%; }
.seguraCampo															{ width:100%; }
.seguraCampo input, .seguraCampo textarea								{ width:100%; }
.seguraCampo textarea													{ height:8em; }
.seguraCampo select														{ width:102%; border:solid 1px #999; background-color:#fff!important; }
.seguraCampo input[type=submit]											{ width:6.25em; font-family:'multicolore_regular'; font-size:0.875em; }
.seguraCampo.pesquisa input[type=submit], .seguraCampo.pesquisa button	{ width:103%; font-family:'multicolore_regular'; font-size:0.875em; }
.borda { border:1px solid #000;}

.seguraCampo2															{ width:90%; margin-top:10px; }
.seguraCampo2 input														{ width:70px; }
.seguraCampo2 input[type=radio]											{ width:30px; margin-left:20px; position:relative; bottom:3px; }
.seguraCampo2 select													{ width:190px; border:solid 1px #999; background-color:#fff!important; }
.seguraCampo2 ::-webkit-input-placeholder 								{ text-align:right; }
.seguraCampo2 :-moz-placeholder 										{ text-align:right; }
.seguraCampo2 ::-moz-placeholder 										{ text-align:right; }
.seguraCampo2 :-ms-input-placeholder 									{ text-align:right; }



fieldset.pesquisa 														{ margin-bottom:30px; }
.contentMap																{ margin-top:60px; }
.contentMap	> iframe													{ width:100%; }
.btnCert																{ font-size:0.865em; margin-right:20px; }
.distCrom																{ display:block; float:left; width:430px; }
.logoCromSteel															{ display:block; width:154px; height:41px; background:url(../imagens/logo-cromsteel.png) 0 0 no-repeat; float:right; margin-top:-15px; text-indent:-989898px; overflow:hidden; }
.distCrom2																{ display:block; float:left; width:300px; text-align:center; margin-top:30px; }
.logoCromSteel2															{ display:block; width:154px; height:41px; background:url(../imagens/logo-cromsteel.png) 0 0 no-repeat; margin:0 auto; text-indent:-989898px; overflow:hidden; }
#logo-mobile															{ width:259px; height:56px; text-indent:-100%; overflow:hidden; background:url(../imagens/logo-mobile.svg) 0 0 no-repeat; margin-left:0.3125em; margin-top:0.9375em; }
#logo-mobile > a			    										{ width:259px; height:56px; display:block; }
.navPhone, .navPhone ul													{ color:#fff; }
.navPhone li															{ width:97.9%; display:block; clear:both; margin:2px 0; padding:8px 9px; background:#c33; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.navPhone li.de															{ margin:7px 0 15px 0; background:#003366; text-align:center; }
.navPhone li a															{ color:#fff; text-decoration:none; }
.txt-mobile 															{ font-family:Arial, Helvetica, sans-serif!important; font-size:1.125em!important; }
.tit-mobile 															{ font-size:1.125em!important; }
.orca-prod                      										{ font-size:1.25em!important; text-align:center!important; }
.containerPagInt a:hover												{ text-decoration:none; }
.containerPagInt p, .containerPagInt ul									{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:justify; }
.containerPagInt > .alert > p											{ margin-bottom:0; }
.containerPagInt > .alert-info											{ border-color:#115fad; background-color:#407cb9; color:#fff; text-shadow:none; }
.containerPagInt .alert-info a											{ color:#ddd; }
.containerPagInt .alert-prod											{ background-color:#fafafa; border:solid 1px #e9e9e9; padding:0px 20px; }
.containerPagInt > .alert-prod > .span2									{ width:11.845em; margin-right:2em; text-align:center; margin-left:0!important; margin-bottom:25px; }
.containerPagInt > .alert-prod > .span2:last-child						{ margin-right:0; }
.containerPagInt > .alert-prod h2										{ color:#036; font-size:1.432em; margin-bottom:0; }
.containerPagInt > .alert-prod > .span2 h3								{ font-size:0.832em; margin-bottom:0; line-height:normal!important; margin-top:0.623em; }
.containerPagInt > .alert-prod > .span2 > h3 > a > img	    			{ margin-bottom:10px; }
.error 																	{ border:1px solid #F00 !important; }
.bg-red 																{ background-color:#c33; }
.txt-white, .txt-white:hover 											{ color:#fff; }
.item 																	{ position:relative; cursor:pointer; }
.item .hover 															{ position:absolute; background-color:rgba(6, 48, 99, 0.3); display:table; color:#fff; }
.item .hover i 															{ display:table-cell; vertical-align:middle; }
.btnProdutos:hover 														{ opacity:0.6; }
th, td, table 															{ padding:3px; }
#galeriaRibermetals      												{ margin-left:0 !important; height:350px; }
.navv                    												{ height:15px; left:33px; z-index:15; }
.navv a                  												{ width:8px; height:8px; float:left; background-color:#fff; margin-right:7px; border:2px solid #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-indent:-9598px; overflow:hidden; }
.navv a.activeSlide      												{ background-color:#c33; }
.oculto 																{ display:none; }

.cor-vermelha { color:#c33; }

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) {
.banner 																{ display:none; }
.intro 																	{ width:96%; }
.menu-produtos 															{ margin:20px 0 30px 0; }
 }
 
@media (max-width:568px) {  
 header																	{ background-color:transparent; }
 }