/*----------------------RESET--------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, figure, footer, header,hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body{line-height:1; font-size:62.5%; background:#E4E9ED ; font-family: Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/

/*----------------------RESET--------------------*/

/*----------------------FONTE--------------------*/

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'icomoon';
		src: url('../fonts/icomoon.svg#icomoon') format('svg');
	};
}


/*----------------------FONTE--------------------*/


a{text-decoration:none; outline:none;}

a:hover{-moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s; text-decoration: none;}

::selection{color:#F60; background:#eaeaea;}

::-moz-selection{color:#F60; background:#eaeaea;}

p, .prod-txt li{font-size:1.4em; line-height:24px; color:#333;}

.container{max-width: 960px;}

/*----------------------TOPO--------------------*/

/*.fundo-menu{background: url(../img/bg-topo.jpg) top no-repeat; /*min-height: 148px;*/}*/

.barra-superior{background:#fff; border-bottom:1px solid #eee; padding:10px 0; margin-top:-10px;}

.banner li{background-size: 150% auto;}

.logo-topo{margin-top: 10px;}

.topo-telefone, .topo-whats{font: 2.0em 'Open Sans Bold', Arial;  color: #5e4eab;  float: right;  padding-left: 40px; margin: 5px 0 10px 30px;  background: url(../img/phone.svg) no-repeat left; background-size: 28px 28px;  background-blend-mode: multiply;}

.topo-whats{ background: url(../img/whats.svg) no-repeat left; background-size: 24px 24px;  background-blend-mode: multiply; color:#333;}

.menu{margin-top:20px; float:right;}

        .menu li{
            position: relative;
            list-style: none;
            float: left;
            margin: 5px 5px 0 0;
            padding-bottom: 20px;
        }

            .menu li:last-child{margin-right: 0;}

            .menu a, .icon-list a{
                font:1.6em 'Open Sans Regular', Arial;
                color: #000;
                text-decoration: none;
                display: block;
                position: relative;
                padding:5px 10px;
                position: relative;
            }

                .menu a:hover{color: #5533a7;}

                    .menu-drop{
                        background: #eaeaea;
                        position: absolute;
                        top: 42px;
                        left: -23px;
                        z-index: 55;
                        width: auto;
                        display: none;
                        box-shadow: 1px 0 0 1px #d2d2d2;
                        min-width:150px;
                        padding: 10px;
                    }

                        .menu li:hover ul{
                            display: block;
                        }

                            .menu-drop:before {
                                -moz-border-bottom-colors: none;
                                -moz-border-left-colors: none;
                                -moz-border-right-colors: none;
                                -moz-border-top-colors: none;
                                border-color: transparent transparent #ccc;
                                border-image: none;
                                border-style: solid;
                                border-width: 10px;
                                content: " ";
                                height: 10px;
                                left: 40%;
                                pointer-events: none;
                                position: absolute;
                                top: -20px;
                                width: 0;
                            }

                                .menu .menu-drop > li{
                                    border-bottom: 1px solid #d2d2d2;
                                    line-height: 24px;
                                    float: none;;
                                    margin:0;
                                    padding:0;
                                    text-align: center;
                                     white-space: nowrap;
                                }

                                    .menu-drop li:hover{ border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

                                        .menu-drop li:last-child{border: none;}

                                            .menu-drop a{
                                                font: 1.6em 'Open Sans Regular', Arial;
                                                color: #555555;
                                            }

.menu a{overflow: hidden;}

.menu a::before{background: #e42a33 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out 0s;
    width: 100%;
    z-index: -1;}

.menu a:hover::before{transform: translateY(0);}


/*----------------------INICIAL--------------------*/

.banner{width: 100%; height: 420px; float: left; position:relative; overflow: hidden; box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); }

	.banner li{width:100%; height:420px;}

    	.banner a{display:block; width: 100%; height: 100%;}

  	    .banner li img{display:block; margin:auto;}

    .banner-controles{display:block; margin:auto;  width:150px; list-style:none;  z-index:900; clear: both;}

            .banner-controles li{float:left; margin:10px 20px 0 0; }

            .banner-controles a{display:block; text-indent:-9999px; width:17px; height:17px; border-radius:50%; background: none; border:3px solid #ccc; opacity:0.7; z-index: 900;}

      .banner-controles a:hover{opacity:1; background:#999; box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.3);    }   



h3{ font: 3em 'Open Sans Regular', Arial; text-align: center;  margin: 10px 0; letter-spacing: -1px; line-height: 32px; }

h3 a{color: #333;}

    .container-img-chamada{ float:left;  width:100%; height: 165px; overflow:hidden; text-align: center; margin-bottom: 10px;}

.saiba-mais{
	width: 100%;
    padding-top: 20px;
	text-align: center;
    margin-bottom: 30px;
	
}    

    .saiba-mais a{color: #333333;border: 1px solid #dadada;	border-radius: 5px; padding: 7px 16px; font: 1.6em 'Open Sans Regular', Arial; mb40}

	.saiba-mais a:hover{
		text-decoration: none;
		background: #5533a7;
		color: #fff;
	}

.fb-embed{width: 100%; float: left; height: 760px; margin-bottom: 40px;}

/*----------------------FOOTER--------------------*/

.rodape{width: 100%; margin-top: 40px; padding-bottom: 20px; float: left;}

.logo-rodape{float: left; margin-top: 20px;}

.contato{text-align: right;	margin-top: 10px;}

.fone{font: 2.4em 'Open Sans Semibold', Arial;	color: #fff;  margin: 10px 0 0 0; text-align: right;}

.end-rodape{font: 1.6em 'Open Sans Regular', Arial;	color: #fff; float: right; margin-bottom: 15px;}

.admin-link{text-align: right;  clear: both; color:#999; font-size: 1.2em; }

/*----------------------TOPO-INTERNAS--------------------*/

.faixa{	background: #f8f8f8;	width: 100%;	height: 103px;	border-top: 1px solid #c7bce2;    border-bottom:1px solid #ccc; float:left;    }

h2{	font: 4.0em 'Open Sans Semibold', Arial; color: #d0d0d0; padding-top: 28px;}

/*----------------------EMPRESA--------------------*/

.img-empresa{    margin-right:20px;    width:40%;    height: auto;    float: left;}

	.img-empresa img{        width: 100%;		height: auto;	}

.form-empresa{background:#f1f1f1; padding:20px 20px 30px 20px; border-radius:5px;}


/*----------------------SERVIÇOS--------------------*/

h1{
	font: 4.0em 'Open Sans Semibold', Arial;
	color: #5533a7;
	margin-top:20px 0 0 0;
    width:100%;
    letter-spacing: -1px;
    line-height: 46px;
}

	.img-servicos{
		margin-right:20px;
        width:40%;
		height: auto;
        float: left;
	}

		.img-servicos img{width: 100%; height: auto; }


        h5{
          font: 2.4em 'Open Sans Regular', Arial;
          color: #333333;
          padding-left: 10px;
          border-left: 4px solid #3e8bc4;
          margin-top: 43px;
        }

.prod-img{    height: auto;     float:left;    overflow: hidden;
    width:100%;
    /*max-height: 380px;*/
    background: url(../img/loading.gif) no-repeat center center;    
}

    .prod-img img{ width: 450px;   height: auto;  /*max-height: 400px;*/  }

    .prod-thumb{
        width: 140px;
        height: 105px;
        overflow: hidden;
        float: left;
        list-style: none;
        margin: 20px 10px 10px 0;
    }

        .prod-thumb a{display: block;}

.compartilhe{
	font: 1.4em 'Arial';
	color: #eee;
	border: 1px solid #dadada;
	border-radius: 5px;
	float: left;
	margin: 10px 0;
	padding: 5px 13px;
	word-spacing: 2px;
    clear: both;
    background: #3b5998;

}

	.compartilhe strong{font: 1.1em 'Arial'; font-weight: bold;		color: #eee;	}

		.compartilhe:hover strong{color: #fff;}

			.compartilhe:hover{	text-decoration: none;	background: #5533a7; color: #fff;}

.bt-whats, .bt-fb{padding:10px 20px; float: left; background:#25d366; color:#eee; font-size:1.6em; margin-right: 10px; border-radius: 5px; font-weight: bold;  margin: 20px 10px 20px 0;  }

.bt-whats:hover, .bt-fb:hover{color: #fff; box-shadow:0 3px 3px rgba(0,0,0,.2);}

.bt-fb{background: #3b5998; color: #eee;}

    .bt-whats span, .bt-fb span{display: block; font-size: 0.6em; font-weight: normal;}


/*----------------------PRODUTOS--------------------*/

.container-img-prod{
        overflow: hidden;
        float: left;
        width: 280px; 
        height: 200px;
        margin-top:20px;
        position: relative;
        cursor: pointer;
    vertical-align:middle;
    }

/*

    .container-img-prod a::after{
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        top: 0;
        transform: scale(0);
        width: 100%;
        transition: all 0s ease 0s, all 0.3s ease 0s, all 0s ease-in-out 0s;
        position: absolute;
        z-index: 300;
    }


    .container-img-prod a::before {
        color: #ffffff;
        content: url(../img/mais.png);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(2);
        z-index: 1000;
        position: absolute;
        opacity: 0;
        text-align: center;
        transition: all 0s ease 0s, all 0.3s ease 0s, all 0s ease-in-out 0s;  
    }

     .container-img-prod:hover a::before, .container-img-prod:hover a::after{opacity: 1;  transform: scale(1);     transform-origin : 50% 50%; }*/

 .container-img-prod img{ transition: all 0s ease 0s, all 0.3s ease 0s, all 0s ease-in-out 0s;}

 .container-img-prod:hover img{ transform: scale(1.2);}

    .item-prod:hover{background: #eee;}

        .hover-prod{
            background: #000;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            -moz-transition:all ease-in .1s; 
            -webkit-transition:all ease-in .1s; 
                transition:all ease-in .1s
        }

            .container-img-prod:hover .hover-prod{opacity: 0.5; }

.prod-txt{width:100%; float:left;}

.prod-txt ul{margin-left: 15px;}

h1 a{
    font: 0.6em 'Open Sans Semibold', Arial;
    color: #333;
    border-bottom: 2px solid #ccc;
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

h6{	font: 2.4em "Open Sans Semibold", Arial; margin-bottom: 5px; line-height: 28px; }

    h6 a{color: #333;}


/*----------------------NOTÍCIAS--------------------*/

.container-chamada-img{
    float:left;
    width:445px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}


H4{font: 3.6em 'Open Sans Semibold', Arial; color: #000500; line-height: 42px; letter-spacing: -1px;}

    .imgs-noticia img{margin-bottom:10px; width: 100%; height: auto;}

.textos p, .texto p, .textos > ul, .textos div ul, .texto div ul, .texto > ul{margin-bottom:10px;}

 .textos > ul > li, .textos div ul li, .texto div ul li, .texto > ul > li{font-size:1.4em; line-height:24px; margin-left:20px;}

 .textos div ul li, .texto div ul li, .texto > ul > li{line-height:22px;}

.paginacao{float:left; width:100%; padding:5px;  clear:both;}

	.paginacao li{float:left; font:1.3em 'Open Sans Regular', Arial, sans-serif; list-style:none; margin-right:10px;}

		.paginacao a{color:#6d6d6d; padding:10px; display:block; border:1px solid #ccc;}
		
			.paginacao a:hover{background:#6d6d6d; color:#fff; border-color:#fff;}	


/*----------------------DIVERSOS--------------------*/

.aligncenter{text-align: center;}

.alerta{ color:#fff; background: #f00; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #f00;}

.bottom10{margin-bottom:10px;}

.bottom20{margin-bottom:20px;}

.bottom40{margin-bottom:40px;}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.confirmado{color:#fff; background: #65a03c; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #65a03c;}

.displaynone{display:none;}

.entre-contato{border: 3px solid #444; float: left; padding: 10px 15px; font:1.4em "Open Sans Semibold", Arial; color:#444; margin-top: 30px; clear: both;}

.left{float:left;}

.left10{margin-left:10px;}

.right{float:right;}

.right20{margin-right: 20px;}

.right10{margin-right:10px;}

.top10{margin-top:10px;}

.top20{margin-top:20px;}

.top40{margin-top:40px;}
  

/*----------------------DIVERSOS--------------------*/

/*----------------------MENU MOB--------------------*/

.barra-mob{background: #333;/* width: 45%; */ clear: both; position: relative; z-index: 300; border-radius: 3px;} 

    .barra-mob a{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}

        .barra-mob a:hover{text-decoration: none;}    
    
#menu-mob-bt{font: 1.8em "Open Sans Semibold", Arial; text-align: center; line-height: 45px; padding-right: 0; display: block;  }       
.menu-mob-button{float: left; margin-top:8px; }

.menu-mob-button span{  background: #fff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 4px 10px 0 0;
    width: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);}

    .pushy {
        background: #333 none repeat scroll 0 0;
        box-shadow: -10px 0 6px -9px rgba(0, 0, 0, 0.2) inset;
        font-size: 0.9em;
        font-weight: bold;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 50px;
        z-index: 99999;
        left: -70px;
        transform: translate3d(-250px, 0px, 0px);    
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0s;        
    }    
    .pushy-open {
        transform: translate3d(70px, 0px, 0px);
        width: 95%;
        opacity: .9;
    }    
    
    #menu-mob li{  border-bottom: 1px solid rgba(255,255,255,.3); margin:0 15px;}

    .pushy a {
        color: #fff;
        display: block;
        font: 2em "Open Sans Semibold", Arial;
        padding: 15px 20px;
        text-decoration: none;
         text-transform: uppercase;
    }    

 .overlay-close {width: 30px;	height: 30px;	position: absolute;	right: 20px;	top: 10px;	overflow: hidden;	border: none;	background: url(../img/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;	outline: none;	z-index: 100;}   


/*----------------------FORM------------------------*/
fieldset { border: 0; }

input[type=text], input[type=email], select, textarea{padding:10px; width:100%; display:block; background:#fff; margin-bottom: 0; border:1px solid #c9cacd;  border-radius:3px;   height: 45px; font: 1.5em "Open Sans Regular", Arial;}

input:focus, textarea:focus { border-color: #006c72; }

select{width:270px; line-height:18px;}

form p { margin: 5px 0 0 0; }

label { font: 1.4em Arial, Helvetica, sans-serif; display: block; margin-bottom: 3px; color: #666;}

textarea { overflow: auto; font: 1.2em Arial, Helvetica, sans-serif; color: #333; line-height: 1.6em; }

.enviar { background: #5533a7; color: #fff; display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); padding:15px 30px; border: 0; border-radius: 3px;  box-shadow: 0 1px 1px #999; margin-top: 30px; font: 1.6em "Open Sans Semibold ", Arial; width: 100%;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color: transparent;  border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}

.ir:before {content: "";    display: block;    width: 0;    height: 150%;}

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;    visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;     height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}

.clearfix:after {    clear: both;}

.clearfix {    *zoom: 1;}


/*------------------------RESPONSIVE DESIGN-----------------------------*/


@media only screen and (max-width: 800px) {
    
}


@media only screen and (max-width: 760px){
    
}


@media only screen and (max-width: 480px){
    
 #barra-mobile{display: block; } 
    
 #menu-mob{padding-top: 30px;}    
    
    .banner, .banner li{height: 150px;}    
    
.fundo-menu, .rodape{background: #E4E9ED;}
    
  .menu, .banner-controles{display: none;}   

    .chama-menu{
        font:1.4em 'Open Sans bold', Arial;
        border: 1px solid #aba5a5;
        color: #fff;
        display: block;
        padding: 12px 17px;
        border-radius: 5px;
        background: #333;
        text-align: center;
    }
    
.topo-telefone{text-align: center; float: none; display: block; margin-top: 15px;}

.logo-topo{display: block; margin: auto; width: 95%; height: auto;}
    
.chama-menu:hover{ color: #fff;} 
    
.chamada-txt{text-align: center;}    
      
    .rodape{height: auto; padding-bottom: 20px; text-align: center; border-top:1px solid #ccc;  }    
    
    .menu-rodape{display: block;  list-style: none;  margin:20px 0 0  30px; display: block;       background: none;  }    
    
    .menu-rodape a{
        background: url(../img/seta-cores.png) no-repeat  3px 11px;
        font:1.4em 'Open Sans Regular', Arial;
        color: #fff;
        display: block;
        border-bottom: 1px dotted #ccc;
        padding: 10px 0 10px 20px;

    }

    .menu-rodape a:hover{ text-decoration: none;  text-indent: 7px;  }

    .menu-drop-rodape a{
        font: 1.4em'Open Sans Regular',Arial;
        color: #fff;
        margin-left:10px;
        border: none;
    }
    
    .faixa{margin: 20px 0; padding: 10px 0; height: auto;}
            
        h2{padding: 0; font-size: 2.8em;}
    
    /* SERVIÇOS */
    .img-servicos, .prod-img, .prod-img img{
        width:100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .img-servicos, .prod-img, .prod-img img{margin-bottom: 0;}    
    
    h1{float:left; width: 100%;}
  
    img.logo-rodape{display: block; clear: both; margin: 15px auto; float: none;}
    
    .contatos-movel{text-align: center; border-bottom: 1px solid #ddd;}
    
        .contatos-movel a{display: block; opacity: 0.8; }
    
        .fone{font-size: 1.7em; margin-top: 2px;  background: url(../img/phone.svg) no-repeat left; background-size: 16px 16px; margin-left: 3px;  padding-left: 5px;}

        .fone a{color:#333;}
    
        .fb-movel{border-left:1px solid #ddd; border-right:1px solid #ddd; padding-top:3px;}
    
    .fb-embed{width: 100%; float: left; height: 130px; margin-bottom: 40px;}
    
    .logo-mobile{width: 80%;}
    
    h3{font-size: 2.4em; font-family: "Open Sans Semibold"; margin: 0;}
    
    .container-img-chamada{margin-top: 30px;}
    
    footer .fone, .end-rodape{text-align: center;}
    
    .saiba-mais a{background: #f8f8f8;}

    
    }


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/*----------------------PRINT--------------------*/

@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}