@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; }	
.tam9 { font-size: 9px; }	
.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: 700; font-style: normal; }
.fontino { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal;}

.branco { color: #FFFFFF; }	
.green { color: #4AA872; }	
.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: url("/public/img/layout/default/bg-01.png") center center no-repeat
}
    #topo #esq {
        display: inline-block;
        width: 190px;
        height: 100px;
        vertical-align: top;
    }
        #topo #esq img.jose-vieira {
            display: inline-block;
            width: 226px;
            height: 231px;
            margin: 20px 0 0 0;
        }
        #topo #esq img.luiz-paulo {
            display: inline-block;
            width: 226px;
            height: 231px;
            margin: 19px 0 0 -10px;
        }
        #topo #esq img.daniel-rolim {
            display: inline-block;
            width: 226px;
            height: 258px;
            margin: -8px 0 0 -15px;
        }
    #topo #dir {
        display: inline-block;
        width: 180px;
        height: 100px;
        padding: 0 0 0 25px;
        text-align: left;
        vertical-align: top;
    }
        #topo #dir #logo {
            display: inline-block;
            width: 171px;
            height: 96px;
            background: url("/public/img/layout/default/now-white.png") left center no-repeat;
            background-size: 140px;
            padding: 0 0 20px 0;
            text-indent: -9999px;
            text-align: left;
        }
        #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: 30px 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 #4AA872;
        border-radius: 10px;
        margin: 7px 20px;
        text-align: left;
        padding: 17px 15px 17px 60px;
    }
        #links a.active, #links a:hover {
            background-color: #4AA872 !important;
            color: #FFF !important;
        }
        #links a#whats {
            background: url("/public/img/layout/default/i-whats.png") 20px 14px no-repeat;
            background-size: 25px;
        }
        #links a#linkedin {
            background: url("/public/img/layout/default/i-linkedin.png") 22px 16px no-repeat;
            background-size: 20px;
        }
            #links a#linkedin:hover {
                background: url("/public/img/layout/default/linkedin.png") 24px 18px no-repeat;
                background-size: 16px;
            }
        #links a#email {
            background: url("/public/img/layout/default/i-mail2.png") 21px 15px no-repeat;
            background-size: 24px;
        }
            #links a#email:hover {
                background: url("/public/img/layout/default/i-mail1.png") 21px 15px no-repeat;
                background-size: 24px;
            }
        #links a#mp {
            background: url("/public/img/layout/default/i-mqa.png") 16px 16px no-repeat;
            background-size: 35px;
        }

#corpo #a-now {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 99999;
    text-align: center;
    margin: 50px 0 0 0;
}
    #corpo #a-now a#logo  {
        display: inline-block;
        width: 151px;
        height: 96px;
        background: url("/public/img/layout/default/now-logo.png") left center no-repeat;
        background-size: 140px;
        padding: 0 0 0 0;
        text-indent: -9999px;
        text-align: left;
        vertical-align: top;
    }
    #corpo #a-now img#brazilian  {
        display: inline-block;
        width: 150px;
        height: auto;
        padding: 15px 0 0 30px;
        vertical-align: top;
    }
    #corpo #a-now #boxs  {
        display: inline-block;
        position: relative;
        height: 200px;
        z-index: 999;
    }
        #corpo #a-now #boxs img  {
            display: inline-block;
            width: 130px;
            margin: 0 0px;
            height: auto;
        }
    
    #corpo #a-now #texto  {
        display: inline-block;
        position: relative;
        height: auto;
        width: auto;
        padding: 80px 30px 50px 30px;
        margin: -120px 0 0 0;
        background-color: #4AA872;
        text-align: left;
        line-height: 140%;
    }

    #corpo #a-now #dados  {
        display: inline-block;
        position: relative;
        text-align: left;
        background: url("/public/img/layout/default/mapa.png") center top no-repeat;
    }
        #corpo #a-now #dados #dds  {
            display: inline-block;
            width: auto;
            padding: 20px 40px;
            text-align: left;
            line-height: 140%;
        }
        #corpo #a-now #dados #dds img  {
            max-width: 280px;
            height: auto;
        }
        #corpo #a-now #dados #dds span  {
            display: block;
            padding: 0px 0 0 0;
            margin: -20px 0 0 0;
        }

        #corpo #a-now a#port {
            display: block;
            position: relative;
            width: 350px;
            height: 100px;
            margin: 25px auto 0 auto;
        }
            #corpo #a-now a#port img {
                display: block;
                position: absolute;
                width: 180px;
                height: auto;
                float: left;
                z-index: 999;
            }
            #corpo #a-now a#port span {
                display: block;
                position: relative;
                float: left;
                width: 120px;
                background-color: #4AA872;
                border-radius: 10px;
                margin: 15px 0;
                padding: 15px 25px 15px 200px;
            
            }

#corpo #rodape {
    display: block;
    width: auto;
    text-align: center;
    background-color: #4AA872;
    padding: 30px 30px 0 30px;
    margin: 50px 0 0 0;
}

        #corpo #rodape #bx1 {
            display: inline-block;
            width: 360px;
            padding: 10px 0;
            border-bottom: 1px solid #CCD462;
        }
            #corpo #rodape #bx1 a#logo {
                display: inline-block;
                width: 131px;
                height: 56px;
                background: url("/public/img/layout/default/now-white.png") left center no-repeat;
                background-size: 120px;
                padding: 0 0 0px 0;
                text-indent: -9999px;
                text-align: left;
                vertical-align: top;
            }
            #corpo #rodape #bx1 ul {
                display: inline-block;
                width: 80px;
                vertical-align: top;
                padding: 15px 0 0 0;
            }
                #corpo #rodape #bx1 ul li {
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    margin: 0 2px;
                }
                #corpo #rodape #bx1 ul li a {
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    margin: 0 2px;
                }
                    #corpo #rodape #bx1 ul li a#linkedin {
                        background: url("/public/img/layout/default/linkedin.png") center center no-repeat;
                        background-size: 20px;
                        text-indent: -9999px;
                    }
                    #corpo #rodape #bx1 ul li a#instagran {
                        background: url("/public/img/layout/default/insta.png") center center no-repeat;
                        background-size: 20px;
                        text-indent: -9999px;
                    }
            
            #corpo #rodape #bx1 span {
                display: inline-block;
                width: auto;
                vertical-align: top;
                padding: 20px 0 0 0;
            }
        #corpo #rodape #bx2 {
            display: inline-block;
            width: 360px;
            padding: 20px 0;
            border-bottom: 1px solid #CCD462;
        }
            #corpo #rodape #bx2 img {
                display: inline-block;
                width: 350px;
                margin: 10px 0 0 0;
            }
        #corpo #rodape #bx3 {
            display: inline-block;
            width: auto;
            padding: 20px 0;
        }
    
#qr-code {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 20px 0 100px 0;
}
    #qr-code img {
        display: inline-block;
        width: 360px;
        height: auto;
    }

#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;
    }
	
	
			
}