*{padding:0; border:0; margin:0; list-style-type:none;  text-decoration:none;}

/*_______________________________________________________________________________________________________________________________*/


main, header, nav, section, article, footer, aside, figure {display:block; position:relative;}

#home, #page-produtos, #page-notice {width:320px;height:auto; margin:0 auto; }
main, #content, #produtos, .letreiros, .segmentos, .letra-caixa, #info-fabrica, footer, #cont-social{ width:100%; height:auto; float:left;}

ul{ margin:0; padding:0; width:100%; height:auto; float:left;}
ul li, nav .atalho{ background: rgba(80,80,80,0.4); box-shadow:10px 42px 80px #e6e5e5 inset; text-shadow:1px 1px 0 #fff;}
ul li a{ display:block; color:#858687;}
/*_______________________________________________________________________________________________________________________________*/

div#logo{position:relative; width:100%; height:auto; float:left; }
div#logo h1{margin:20px 22.5% 20px 22.5%; text-align:center;}
#logo-home{background: url(../img/letreiros-montec.png) no-repeat; text-indent: -9999px; min-width:176px;min-height: 74px;display: block;	background-size:176px,74px;}

header{ width:100%; height:auto; margin:0 ; background:#f2f0f0; background:linear-gradient(#7c7c7e, #f2f0f0); box-shadow:15px 0 150px #7c7c7e inset; float:left;}

header nav ul#menu-contato li{width:42%; float:left; text-align:center;  padding:0; margin:0; font-size:19px; line-height:25px; height:25px;vertical-align:middle; border-radius:5px; }
header nav ul#menu-contato li:nth-child(1){margin:0 0 0 3%;} header nav ul#menu-contato li:nth-child(2){margin:0 0 0 10%;}


header .mobile{ width:100%;height:auto; float:left; margin:10px 0 0 0; padding:0; background:#f2f0f0;}
header .mobile .atalho{overflow: hidden; width:100%;  padding: 0 ;  color:#858687; font-size:23px; line-height:50px; height:50px; vertical-align:middle; display:block; cursor:pointer; border-bottom:2px solid #f8f8ff;  }

header .mobile .js{ display: none;  }
header .mobile .atalho {display:block; padding: 0 0 0 3% ; width:97.1%;  }
header .mobile .atalho img{ margin: 4.7% 5px 0 0; width:22px; height:22px; float:left;}

header .mobile ul#menu-produtos li{ width:100%; font-size:18px; line-height:40px; height:40px; vertical-align:middle; margin:0 0 0 0;  background: rgba(80,80,80,0.7); box-shadow:10px 42px 80px #e6e5e5 inset; border-bottom:2px solid #f8f8ff;   }
header .mobile ul#menu-produtos li a{width:310px;  padding:0 0 0 10px;}

#menu-produtos h2{font-size:21px; color:#f8f8ff; width:100%; text-align:center; font-weight:normal;  box-shadow:none; text-shadow:none; background:#949494; }

#produtos h2 {width:97%; height:auto; font-weight:normal; font-size:20px; vertical-align:middle; color:#fff;  background:#949494; padding:6px 0 6px 3%; margin:6px 0;}


#produto{ background:#e2e0e1; width:100%; height:auto; margin:20px 0 0 0; float:left;}
#produto h2{color:#797979; width:97%; margin:0;  padding:0 0 0 3%; font-size:20px; line-height:50px; height:50px; background: rgba(80,80,80,0.7); box-shadow:10px 42px 80px #e6e5e5 inset; font-weight:normal; text-shadow:1px 1px 0 #f8f8ff;
}
#produto h2 a{color:#797979; text-shadow:1px 1px 0 #f8f8ff; display:block; }

#produto figure img{ width:45%; height:auto; margin:20px 0 20px 3.5%; padding:2px; border:solid 2px #7e7e7e; float:left; }
#produto p{color:#797979; font-size: 12px; line-height:16px; text-align:left; padding:0; margin:19px 0 0 2.5%; font-weight:normal; width:44%; float:left; }

#produto:nth-child(2){margin:0;}
#info-fabrica{ margin: 0 0 15px 0;}

#info-fabrica h3{width:68%; height:auto;  vertical-align:middle; background:url(../img/icn-seta.png) 3.5% center no-repeat; font-weight:normal; font-size:21px; vertical-align:middle; color:#363435;  padding:1px 10% 0 18%; margin:15px 0 0 0; background-size:14%, auto; cursor:pointer; }


#info-fabrica p {width:92%; color:#797979; font-size: 16px; line-height:23px; text-align:left; padding:8px 4% 0 4%; margin:0; display:none; }



footer{ height:auto; background: #dad8d9; }
footer #voltar-topo{ width:100%; height:70px; line-height:70px; vertical-align:middle; text-align:center;  background: rgba(80,80,80,0.5); box-shadow:10px 42px 80px #e6e5e5 inset; }
footer p a{ color:#fff; font-size:20px; display:block;}

#page-produtos footer {margin: 15px 0 0 0;}

footer #contato, footer #menu-footer {width:92%; margin:0 4%; border-bottom:solid 2px #b3b3b3;}

footer #contato li{width:100%; padding:0 0 0 0; margin:0 0 0 5%;  list-style-type:disc;   line-height:42px; height:42px;vertical-align:middle; text-shadow:none; box-shadow:none; background:none;   }
footer #contato li a, footer #menu-footer li a{font-size:15px;  color:#363435; display:block;}

footer #menu-footer li{ width:45%; padding:0; margin:0 0 0 5%; float:left;  list-style-type:disc; height:33px;vertical-align:middle; text-shadow:none; box-shadow:none; background:none;  line-height:33px;   }

footer #menu-footer li:nth-child(even){margin:0 0 0 6%; width:44%;}

footer #menu-footer li a{font-size:13px;  color:#363435; display:block;}


footer #cont-social img{ width:20%; height:auto; float:left;  }

footer #cont-social img.twitter{margin:15px 0 0 5%;}footer #cont-social img.face{margin:15px 0 0 5%;} footer #cont-social img.plus{margin:15px 0 0 15%;}

footer h4{ width:100%; font-weight:normal; text-align:center; height:50px; line-height:50px; vertical-align:middle; font-size:13px;  color:#363435; float:left;}

/**produtos**/

#breadcrumb{ width:100%; height:auto; float:left;} #breadcrumb ul{ width:97%; margin:5px 0 0 3%;}
#breadcrumb ul li{ width:auto; height:10px; float:left; background:none; box-shadow:none; text-shadow:none; padding:0 1% 0 0;}
#breadcrumb ul li a{ font-size:10px; color:#797979;} #breadcrumb ul li strong{float:left; font-size:10px; color:#797979; font-weight:normal;}

#breadcrumb ul#trilha-nav li{font-size:8px;} 
#breadcrumb ul#trilha-nav li a{font-size:8px;} 
#breadcrumb ul#trilha-nav li strong{font-size:8px; }

#breadcrumb ul#trilha-nav2 li{font-size:7px;} 
#breadcrumb ul#trilha-nav2 li a{font-size:7px;} 
#breadcrumb ul#trilha-nav2 li strong{font-size:7px; }


#area-texto{width:100%; height:auto; float:left;}

#area-texto h2{  width:97%; height:40px; line-height:40px; vertical-align:middle; font-weight:normal; font-size:15px; color:#797979;  padding:1px 0 0 3%; margin:10px 0 0 0; cursor:pointer;  }
#area-texto h2:before{ content:"Descritivo - "; /*color:#363435;*/ color:#797979; font-weight:bold;}
#area-texto #maisinfo{ display:none;}

#area-texto h2.fabricas:before{ content:"";}
#area-texto h2.fabricas {width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:17px; vertical-align:middle; color:#fff;  background:#949494; padding:0 0 0 4%; margin:21px 0 9px 0 ; cursor: default;} 

 
#area-texto h2.fabricas-tit:before{ content:"";} 

#area-texto h2.fabricas-tit{ height:auto; line-height:normal; font-size:17px; color:#363435; padding:0 0 0 4%; font-weight:normal; cursor:none; } 

#area-texto h2.proj-div{ font-size:12px;}
#area-texto h2.proj-div2{ font-size:11px;}
#area-texto h2.proj-div3{ font-size:10px;}

#portfolio{ width:100%; height:auto; float:left;}

#portfolio figure{ width:100%; height:auto; float:left; margin:3px 0 0 0; }
#portfolio figure img{ width:96%; height:auto; margin:15px 0 0 2%;}


#area-texto #ver-portifolio p{ width:27%; height:40px; float:left; margin:8px 65% 10px 0; padding:0 0 0 8%; line-height:40px; vertical-align:middle; background:url(../img/btn-seta.png) 13% center no-repeat; font-size:18px;  }
#area-texto #ver-portifolio p a{color:#000;}


#area-texto p, #area-texto ul#fab-letra li{width:92%; color:#797979; font-size: 16px; line-height:23px; text-align:left; padding:8px 4% 0 4%; margin:0; }

#area-texto ul#fab-letra li{ box-shadow:none; background:none; text-shadow:none;}

#area-texto p a{color:#797979;}

#area-texto figure{ width:100%; height:auto;} #area-texto figure img{width:96%; height:auto; margin:13px 0 10px 2%;}

#area-texto #maisinfo  h2{font-size:17px; color:#363435; background:none; line-height: normal; padding:0 0 0 4%; font-weight:normal; cursor:none;}

#area-texto #maisinfo  h2:before{ content:""; }


#page-produtos #portfolio h2.acrilico-let{font-size:10px;}
#page-produtos #portfolio h2.acrilico-let2{ font-size:12px;}

#page-produtos #content #produtos h2, #page-produtos #area-projetos h2, #page-produtos #portfolio h2 {width:97%; height:auto; font-weight:normal; font-size:13px; vertical-align:middle; color:#fff;  background:#949494; padding:6px 0 6px 3%; margin:6px 0 0 0;}
/*font-size:20px; */


#page-produtos #area-projetos h2 {margin:16px 0 2px 0;}


#area-projetos, #proj{ width:100%; height:auto; float:left;}
#page-produtos #area-projetos h2{ font-size:12px;}

#area-projetos #proj{width:50%; height:auto; float:left; }
#area-projetos #proj figure{ width:100%; height:auto; float:left; margin:0; padding:0;}

#area-projetos #proj figure img{width:98%; height:auto; margin:15px 0 0 1%;  }

#page-produtos #area-projetos h2.letra-escovado{font-size:11px;}
#page-produtos #area-projetos h2.letreiro-lum{ font-size:10px;}

#area-notice{  width:100%; height:auto; float:left;}

#area-notice h2{width:97%; height:auto; font-weight:normal; font-size:17px; vertical-align:middle; color:#fff;  background:#949494; padding:6px 0 6px 3%; margin:12px 0;}

#area-notice article{ width:100%; height:auto; float:left; background:#e2e0e1; margin: 0 0 15px 0; padding:0 0 10px 0;}

#area-notice article h2{color:#797979; width:97.1%; margin:0;  padding:0 0 0 3%; font-size:19px; line-height:50px; height:50px; background: rgba(80,80,80,0.7);box-shadow:10px 42px 80px #e6e5e5 inset; font-weight:normal; text-shadow:1px 1px 0 #f8f8ff; display:block;}

#area-notice article h2.notice-tit{ line-height:21px; height:50px; padding: 10px 0 4px 3%;}

#area-notice article h2 a{color:#797979; text-shadow:1px 1px 0 #f8f8ff; display:block; }

#area-notice figure{ width:100%; height:auto; float:left;} #area-notice figure img{width:96%; height:auto; margin:13px 0 8px 2%;}

#area-notice article p{color:#797979; font-size:14px; line-height:21px; text-align:left; padding:0; margin:0 3% 0 3%; font-weight:normal; width:94%; float:left; }

#area-post #post{ width:100%; height:auto; float:left; background:none; margin: 0; padding:0; box-shadow:none; text-shadow:none; }


#area-post #post header{width:100%; height:auto; padding:0; margin:0; box-shadow:none; text-shadow:none; background:none; float:left;}

#area-post #post header h2{width:96%; height:auto; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; color:#fff;  background:#949494; padding:0 0 0 4%; margin:21px 0 9px 0; box-shadow:none; text-shadow:none; }


#area-post #post p{width:92%; color:#797979; font-size: 16px; line-height:23px; text-align:left; padding:8px 4% 0 4%; margin:0; box-shadow:none; text-shadow:none; float:left; }
#area-post #post p a{ color:#797979;}

#area-post figure{ width:100%; height:auto; float:left;} #area-post figure img{ width:96%; height: auto; margin:8px 0 8px 2%;}
#area-post figure figcaption{ text-align:center; color:#797979; width:100%; float:left; margin:0 0 10px 0;}

#area-post #post h2, #area-post #post footer h3 {float:left;color:#363435; font-size:17px; font-weight:normal; width:96%; height:auto; padding:0 0 0 4%; margin:10px 0;}
 #area-post #post footer h3{color:#797979;}
#area-post #post footer { background:none;} 

#category-prod{ width:100%; height:auto; float:left;}
#category-prod h3{width:97%; height:auto; font-weight:normal; font-size:17px; vertical-align:middle; color:#fff;  background:#949494; padding:6px 0 6px 3%; margin:12px 0; float:left;}

#category-prod ul, #category-prod ul li{ margin:0; padding:0; width:100%; height:auto; float:left;}
#category-prod ul li{ background:#e2e0e1; margin:8px 0 0 0;}



#category-prod ul li h3{color:#797979; width:97.1%; margin:0;  padding:0 0 0 3%; font-size:19px; line-height:50px; height:50px; background: rgba(80,80,80,0.7);box-shadow:10px 42px 80px #e6e5e5 inset; font-weight:normal; text-shadow:1px 1px 0 #f8f8ff; display:block;}
#category-prod ul li figure{ width:100%; height:auto; float:left;}
#category-prod ul li figure img{ width:96%; height:auto; margin:8px 0 8px 2%;}
#category-prod ul li p{ float:left; color:#363435; text-shadow:none; font-size:16px; line-height:21px; padding:8px 0 8px 3%; }



#area-texto h2.category-tit{width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; color:#fff;  background:#949494; padding:0 0 0 4%; margin:21px 0 9px 0 ; }

#area-texto h2.category-tit:before, #area-texto h2.category-tit-prod:before, #area-texto h2.clientes-tit:before{ content:"";}

#area-texto h2.category-tit-prod{ float:left; height:auto; line-height:normal; font-size:17px; color:#363435; padding:0 0 0 4%; font-weight:normal; margin:8px 0; } 

#area-texto h3.tipo-letra{text-align:center; color:#363435; width:100%; float:left; margin:0; font-weight:normal; margin:0 0 0 0 0 0;}
 
#area-texto #area-logos-clientes{ float:left; width:100%; height:auto;}
 
#area-texto #area-logos-clientes img{ width:33%; height:auto; float:left; margin:5px 0; padding:0;}
 
#area-texto h2.clientes-tit{width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; color:#fff;  background:#949494; padding:0 0 0 4%; margin:21px 0 9px 0 ; float:left;} 

#area-texto p.clientes-emp{width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; color:#fff;  background:#000 ;  padding:0 0 0 4%; margin:21px 0 9px 0 ; float:left;} 
 
#area-texto #form-orcamento{float:left; width:100%; height:auto; margin:10px 0 0 0;} 
#area-texto #form-orcamento h2, #area-texto #form-orcamento h3{width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; /*color:#fff;  background:#000 ;*/ color:#363435;  border-bottom:1px solid #fff; padding:0 0 0 4%; margin:10px 0 8px 0 ; float:left; box-shadow: 0px 3px 8px 0px #797979;}
#area-texto #form-orcamento h2:before{ content:"";}

#area-texto #form-orcamento h2.ocmt {margin:10px 0 0 0 ; }
#area-texto #form-orcamento h2.instorc{margin:20px 0 0 0 ;}


#area-texto #form-orcamento h3{ font-size:13px; height:auto; margin:15px 0 0 0; color:#363435; background:none; border:none; box-shadow:none;}

#area-texto #form-orcamento label, #area-texto #form-orcamento input, #area-texto #form-orcamento select, #area-texto #form-orcamento textarea{ width:96%; height:40px; margin:0 0 0 0; -webkit-border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; -chrome-border-radius:10px; border-radius:10px;   padding:0 0 0 4%;}

#area-texto #form-orcamento input[type=file]{  width:96%; height:28px; padding:7px 0 0 4%; font-size:13px; margin:0 0 0 0;  }

#area-texto #form-orcamento input#medida{ margin:0;}

#area-texto #form-orcamento input, #area-texto #form-orcamento select, #area-texto #form-orcamento textarea{ background:#949494;  color:#fff; outline:none; font-size:16px; margin:0 0 10px 0;}


#area-texto #form-orcamento textarea{ height:180px; resize:none; padding:5% 5% 0 4%; width:91%;}
#area-texto #form-orcamento #cidade{ margin:10px 0 10px 0;}
#area-texto #form-orcamento select{ width:100%;}
#area-texto #form-orcamento label{width:95%; height:auto; margin:10px 0 2px 0; display:inline-block; color:#363435; font-size:15px;} 
#area-texto #form-orcamento label[for=msg]{margin:10px 0 2px 0;}

#area-texto #form-orcamento input[name=inst]{height:60px;}

#area-texto #form-orcamento input[type=submit]{ width:40%; height:35px; margin:5px 0 20px 30%; font-weight:bold;  font-size:19px; cursor:pointer;  padding:0;} 



#cont-info-montec{ width:100%; height:auto; float:left; text-align:center; margin:20px 0 0 0;} 
#cont-info-montec p{ font-size:16px; color:#797979; margin:0; text-align:center;}
#cont-info-montec p:nth-child(3){ font-size:9px; line-height:17px; }


#cont-info-montec figure img{ width:75%; height:auto; margin:5px 0 0 0;} 
 
.erro404, .grato-form{ width:100%; float:left; height:auto; text-align:center;} 
 .grato-form{ margin:30px 0 30px 0;}

 
 .erro404 p, .grato-form p{ font-size:14px; color:#797979; line-height:22px; padding:30px 3% 0 3%; text-align:center;}
 .erro404 img{ width:50%; height:auto;}
 .grato-form img{width:55%; height:auto; }
  .grato-form p{ font-size:16px; padding:0; line-height:24px; }
  
 .grato-form p:nth-child(2){margin:10px 0 0 0;}
 
 /*como orçar*/
 
#duvidas{ width:100%; height:auto; float:left;}

#duvidas h2{ width:96%; height:25px; line-height:25px;  font-weight:normal; font-size:19px; vertical-align:middle; color:#fff;  background:#949494; padding:0 0 0 4%; margin:21px 0 15px 0 ; float:left; cursor: default;}

#duvidas h2:before{ content:""; }
 #duvidas h3{color:#363435; font-size:17px; font-weight:normal; width:96%; height:auto; padding:0 0 0 4%; margin:10px 0 5px 0; } 
 
 #duvidas p{text-align:left; color:#797979; font-size:16px;}
 
 
 
/*
-webkit-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; -chrome-border-radius:20px; border-radius:20px; 
background:blue; opacity:0.7;
background:red; opacity:0.7;
background:gray; opacity:0.7;
*/

/*
-o-box-shadow:45px 0 200px #062750 inset;-webkit-box-shadow:45px 0 200px #062750 inset;
-ms-box-shadow:45px 0 200px #062750 inset;-khtml-box-shadow:45px 0 200px #062750 inset;
-moz-box-shadow:45px 0 200px #062750 inset;*/


/*
background:-o-linear-gradient(#062750, #0f62c0) ;background:-khtml-linear-gradient(#062750, #0f62c0) ;
background:-ms-linear-gradient(#062750, #0f62c0) ;background:-webkit-linear-gradient(#062750, #0f62c0) ;
background:-moz-linear-gradient(#062750, #0f62c0) ;*/

#menu-contato a[title='Orçamentos'] {
    /*background-color: #019084 !important;*/
    /*text-shadow: none;*/
    /*color: #FFF;*/
    border-radius: 4px;
}

.orcamento-alerta {
    text-align: center;
    width: 95%;
    display: block;
    background-color: rgba(255,255,0,.5);
    border: 2px solid #CBA200;
    padding: 10px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;

    display: none;
}


@media(max-width: 767px) {
    #colorbox {
        width: 310px !important;
        max-width: 100%;
    }

    #colorbox img {
        width: 300px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    #cboxPrevious { background: url(../../img/colorbox/controls.png) no-repeat top left !important;
    }

    #cboxNext { background: url(../../img/colorbox/controls.png) no-repeat top right !important;
    }

    #cboxClose { background: url(../../img/colorbox/controls.png) no-repeat top center;
    }
}