@charset "utf-8";
/* CSS Document */

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

/* Normalizando */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

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

/* Base   */


html {
    width: 100%;
	height:100%;
}

body {
    width:100%;
	height:100%; 
	text-align: center;
    background: #EFEFEF;
}

a, a:hover, a:visited, a:link {
	display: block;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

.clear {
	clear: both;
}


input:focus {
    outline: none;
}

/* remove border around all textarea elements */
textarea:focus {
    outline: none;
}

/* remove border around all select elements */
select:focus {
    outline: none;
}

/* remove border around all input,textarea and select elements */
input:focus, textarea:focus, select:focus {
    outline: none;
}





.tam8 { font-size: 8px; }	
.tam10 { font-size: 10px; }	
.tam12 { font-size: 12px; }	
.tam14 { font-size: 14px; }	
.tam15 { font-size: 15px; }		
.tam16 { font-size: 16px; }		
.tam18 { font-size: 18px; }		
.tam20 { font-size: 20px; }		
.tam22 { font-size: 22px; }		
.tam25 { font-size: 25px; }		
.tam30 { font-size: 30px; }		
.tam35 { font-size: 35px; }		
.tam40 { font-size: 40px; }		
.tam45 { font-size: 45px; }		
.tam70 { font-size: 50px; }		
.tam85 { font-size: 85px; }			

.font1 { font-family: 'Montserrat ', sans-serif; font-weight: 300; font-style: normal; }
.font2 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-style: normal; }
.font3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; }
.fontino { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal;}

.branco { color: #FFFFFF; }	
.gold { color: #D78823; }	
.cinza { color: #747474; }
.preto { color: #26282A; }

.bx-viewport {
	padding:0;
	height: 160px;
}
					
.slicknav_menu {
	display:none;
}

.trans {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

#corpo {
	width: auto;
    max-width: 430px;
    position: relative;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 3px 0px 15px #CCC;
}

#topo {
    display: inline-block;
    width: 100%;
    height: 250px;
    z-index: 99999;
    text-align: center;
    background-color: #26282A;
}
    #topo #esq {
        display: inline-block;
        width: 190px;
        height: 100px;
        vertical-align: top;
    }
        #topo #esq img {
            display: inline-block;
            width: 175px;
            height: 250px;
            border-radius: 15px;
            margin: 20px 0 0 0;
        }
    #topo #dir {
        display: inline-block;
        width: 200px;
        height: 100px;
        padding: 0 0 0 5px;
        text-align: left;
        vertical-align: top;
    }
        #topo #dir #logo {
            display: inline-block;
            width: 171px;
            height: 96px;background: url("/public/img/layout/default/logoMQA4.png") center center no-repeat;
            background-size: 170px;
            padding: 0 0 20px 0;
        }
        #topo #dir span {
            display: block;
            width: auto;
            padding: 0 0 6px 0;
        }
#links {
    display: inline-block;
    width: 100%;
    z-index: 99999;
    text-align: center;
    padding: 60px 0 0 0;
}
    #links span {
        display: inline-block;
        width: 100%;
        padding: 0 0 20px 0;
    }
    #links a {
        display: inline-block;
        width: 240px;
        border: 1px solid #D78823;
        border-radius: 10px;
        margin: 7px 20px;
        text-align: left;
        padding: 17px 15px 17px 60px;
    }
        #links a.active, #links a:hover {
            background-color: #D78823 !important;
            color: #FFF !important;
        }
        #links a#whats {
            background: url("/public/img/layout/default/i-whats.png") 20px 13px no-repeat;
            background-size: 25px;
        }
        #links a#insta {
            background: url("/public/img/layout/default/i-insta.png") 20px 13px no-repeat;
            background-size: 25px;
        }
        #links a#mp {
            background: url("/public/img/layout/default/i-mqa.png") 16px 16px no-repeat;
            background-size: 35px;
        }

#corpo #oesc {
    display: inline-block;
    width: 100%;
    height: 250px;
    z-index: 99999;
    text-align: center;
    background-color: #26282A;
    padding: 30px 0 0 0;
    margin: 50px 0 0 0;
}
    #corpo #oesc #tpo {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0 0 30px 0;
    }
    #corpo #oesc #qs {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 350px;
        padding: 0 0 20px 0;
        text-align: center;
        vertical-align: top;
    }
        #corpo #oesc #qs #retangle1 {
            display: block;
            position: absolute;
            width: 250px;
            height: 250px;
            top:10px;
            left: 30px;
            background:  url("/public/img/layout/default/retangle1.png") 0 0 no-repeat;
            background-size: 180px;
        }
        #corpo #oesc #qs #retangle2 {
            display: block;
            position: absolute;
            width: 250px;
            height: 250px;
            top:90px;
            left: auto;
            right: 30px;
            background:  url("/public/img/layout/default/retangle1.png") right bottom no-repeat;
            background-size: 180px;
        }
        #corpo #oesc #qs img {
            display: block;
            position: absolute;
            width: 320px;
            height: 287px;
            top:30px;
            left: 50%;
            margin: 0 0 0 -160px;
            border-radius: 10px;
        }

        #corpo #oesc span.tt {
            display: inline-block;
            width: auto;
            padding: 5px 30px;
            text-align: left;
            line-height: 140%;
        }
        #corpo #oesc span.st {
            display: inline-block;
            width: auto;
            padding: 5px 30px 20px 30px;
            text-align: left;
            line-height: 140%;
        }
        #corpo #oesc a {
            display: inline-block;
            width: auto;
            padding: 10px 20px;
            border-radius: 50px;
            border: 1px solid #D78823;
            text-align: center;
            margin: 30px 60px;
        }
            #corpo #oesc a:hover {
                background-color: #D78823 !important;
                color: #FFF !important;
            }

#corpo #rodape {
    display: inline-block;
    width: 100%;
    z-index: 99999;
    text-align: center;
    background-color: #26282A;
    padding: 30px 0 0 0;
    margin: 50px 0 0 0;
}
    #rodape img {
        display: inline-block;
        width: 300px;
        height: auto;
    }
    #corpo #rodape span.tam20 {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        margin: 15px 0 0 0;
        text-align: center;
    }
    #corpo #rodape #box {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin: 6px 40px;
        text-align: center;
    }
        #corpo #rodape #box span.tam20 {
            text-align: center;
        }
        #corpo #rodape #box span.tam14 {
            text-align: center;
            display: block;
            width: 100%;
        }
        #corpo #rodape #box a {
            margin: 10px 0 0 0;
            display: inline-block;
            width: 108px;
            padding: 8px 15px;
            border: 1px solid #D78823;
            border-radius: 50px;

        }
            #corpo #rodape #box a:hover {
                background: #D78823;
                color: #FFF !important;
            }
#rodape #copy {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 25px 0 0 0;
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #D78823;
}

#inovaccio {
    display: inline-block;
    position: relative;
    width: 100px;
    text-align: left;
    margin: 20px 0 20px 0;
    padding: 4px 60px 2px 30px;
    background:  url('/public/img/layout/default/inovaccio.png') right center no-repeat;
    background-size: 100px;
    cursor: pointer;
}


@media screen and (max-width: 450px) {
	
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	.slicknav_menu {
		display: block;
	}
	#corpo #alinhar {
		overflow: hidden;
	}
    
    #corpo {
        width: 100%;
        max-width: 450px;
        position: relative;
        margin: 0 auto;
        background: #FFF;
        box-shadow:0px 0px 0px;
    }
	
	
	

}	

@media screen and (min-width: 560px) {			
			
    
    body {
		-webkit-text-size-adjust: 100%;
		
	}
	
	#site {
        box-shadow: 0px 0px 0 #ccc;
    }
	
	
			
}