@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%;  
    font-family: "Encode Sans", sans-serif;
	background: #EFEFEF;
}

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

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




.slicknav_menu {
	display:none;
}

.clear {
	clear: both;
}

.fontESL { font-weight: 100; }
.fontESN { font-weight: 300; }
.fontESB { font-weight: 600; }
.fontESX { font-weight: 800; }

.tam8 { font-size: 8px; }
.tam12 { font-size: 12px; }
.tam14 { font-size: 14px; }
.tam16 { font-size: 16px; }
.tam18 { font-size: 18px; }
.tam20 { font-size: 20px; }
.tam40 { font-size: 40px; }

.branco { color: #FFFFFF; }
.red { color: #D6011C; }
.preto { color: #000000; }
.cinza { color: #747474; }
.cinzaclaro { color: #B4B4B4; }

.mai { text-transform: uppercase; }

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

.lnk {
	display: block;
	width: auto;
	border: 1px solid #bd1717;
	padding: 10px 20px;
	color: #bd1717;
}
	.lnk:hover {
		color: #FFF;
		background: #bd1717;
	}
.lnk2 {
	display: block;
	width: auto;
	border: 1px solid #bd1717;
	padding: 5px 5px;
	color: #FFF;
	background: #bd1717;
}
	.lnk2:hover {
		color: #bd1717;
		background: #FFF;
	}

#site {
    width: auto;
    max-width: 430px;
    position: relative;
    margin: 0 auto;
    background: #FFF;
}

#topo {
	position: relative;
	height: 80px;
	display: 0 auto;
	width: 100%;
	z-index: 99;
    background: #FFF;
    text-align: right;
}
	#topo a#logo {
		display: inline-block;
		width: 80px;
		height: 80px;
		background: url('/public/img/layout/default/logo_construmidia.png') 0 0 no-repeat;
		background-size: 90%;
		vertical-align: top;
        text-indent: -9999px;
        margin: 0 10px 0 0;
	}
    #topo a#linklogo {
        display: inline-block;
        width: 100px;
        margin: 30px 30px 0 0;
    }
	

#alinhar {
	position: relative;
	width: 980px;
	text-align: center;
	margin: 0 auto;
}

#corpo {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 999;
}
    #corpo #destaque {
        position: relative;
        width: 100%;
        height: 164px;
        background: #D6011C;
    }
        #corpo #destaque img {
            position: relative;
            width: 208px;
            height: 234px;
            display: inline-block;
            margin: -70px 0 0 0;
        }
        #corpo #destaque #esq {
            position: relative;
            width: 180px;
            display: inline-block;
            margin: 42px 0 0 5px;
            vertical-align: top;
        }
            #corpo #destaque #esq span {
                display: block;
            }

    #corpo #linksrapidos {
        position: relative;
        width: 100%;
        height: 350px;
        background: #EFEFEF;
        padding: 25px 0 20px 0;
        text-align: center;
    }
        #corpo #linksrapidos span.tam14 {
            display: block;
            line-height: 20px;
            padding: 0 0 15px 0;
        }
        #corpo #linksrapidos a#linkr {
            display: inline-block;
            width: 300px;
            height: 24px;
            border:1px solid #D6011C;
            border-radius: 15px;
            padding: 17px 0 17px 80px;
            text-align: left;
            margin: 8px 0;
        }
            #corpo #linksrapidos a#linkr.whats {
                background: url('/public/img/layout/default/icon_whatsapp.png') 30px 13px no-repeat;
                background-size: 30px;
            }
            #corpo #linksrapidos a#linkr.linke {
                background: url('/public/img/layout/default/icon_linkedin.png') 32px 16px no-repeat;
                background-size: 24px;
            }
            #corpo #linksrapidos a#linkr.insta {
                background: url('/public/img/layout/default/icon_instagram.png') 32px 16px no-repeat;
                background-size: 24px;
            }

        #corpo #linksrapidos a#linkr:hover {
            background-color: #D6011C !important;
        }
            #corpo #linksrapidos a#linkr:hover.whats, #corpo #linksrapidos a#linkr:hover.linke, #corpo #linksrapidos a#linkr:hover.insta {
                color: #FFF !important;
            }
	

#rodape {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -10px;
	z-index: 999999;
    margin: -74px 0 0 0;
    padding: 0 0 20px 0;
}
	#rodape #portfolio, #rodape #youtube {
        position: relative;
        width: 100%;
        height: auto;
        margin: 30px 0;
    }
        #rodape #portfolio a, #rodape #youtube a {
            position: relative;
            width: 400px;
            margin: 0 auto;
            height: 86px;
            background: #D6011C;
            border:1px solid #D6011C;
            border-radius: 15px;
        }
            #rodape #portfolio a img, #rodape #youtube a img {
                position: relative;
                width: 146px;
                height: 119px;
                margin: -16px 0 0 10px;
                float: left;
            }
            #rodape #portfolio a .tit, #rodape #youtube a .tit {
                position: relative;
                width: 220px;
                margin: 12px 0 0 20px;
                float: left;
            }
            #rodape #portfolio a .sub, #rodape #youtube a .sub {
                position: relative;
                display: block;
                width: 100%;
                padding: 3px 0 0 0;
            }
            #rodape #portfolio a:hover, #rodape #youtube a:hover {
                background: #FFF;
            }
                #rodape #portfolio a:hover span, #rodape #youtube a:hover span {
                    color: #D6011C !important;
                }


        #rodape #youtube a {
            background: #000;
            border:1px solid #000;
        }
                #rodape #youtube a:hover span {
                    color: #000 !important;
                }

	#rodape #aconstrumidia {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 25px;
        background: #EFEFEF;
    }
    #rodape #aconstrumidia2 {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 10px;
    }
        #rodape #aconstrumidia2 a#logo {
            display: inline-block;
            position: relative;
            width: 145px;
            height: 162px;
            background: url('/public/img/layout/default/logo_construmidia.png') 0 0 no-repeat;
            background-size: 100%;
            margin: 0 0 0 0;
        }
        #rodape #aconstrumidia2 #esq {
            display: inline-block;
            position: relative;
            width: 240px;
            vertical-align: top;
            padding: 14px 0 0 10px;
        }
            #rodape #aconstrumidia2 #esq span {
                display: block;
                padding: 0 0 12px 0;
            }
            #rodape #aconstrumidia2 #esq #redes {
                display: inline-block;
                margin: 0 12px 0 0;
                width: 25px;
                height: 25px;
            }
                #rodape #aconstrumidia2 #esq #redes.insta {
                    background: url('/public/img/layout/default/icon_instagram.png') 0 0 no-repeat;
                    background-size: 100%;
                }
                #rodape #aconstrumidia2 #esq #redes.linke {
                    background: url('/public/img/layout/default/icon_linkedin.png') 0 0 no-repeat;
                    background-size: 100%;
                }
                #rodape #aconstrumidia2 #esq #redes.youtu {
                    background: url('/public/img/layout/default/icon_youtube.png') 0 -2px no-repeat;
                    background-size: 95%;
                    width: 30px !important;
                }
                #rodape #aconstrumidia2 #esq #redes.tikto {
                    background: url('/public/img/layout/default/icon_tiktok.png') 0 0 no-repeat;
                    background-size: 100%;
                }
                #rodape #aconstrumidia2 #esq #redes.faceb {
                    background: url('/public/img/layout/default/icon_facebook.png') 0 0 no-repeat;
                    background-size: 100%;
                }
            
            #rodape #aconstrumidia2 #esq a#website {
                display: inline-block;
                border:1px solid #D6011C;
                border-radius: 30px;
                padding: 5px 25px 7px 25px;
                margin:  12px 0 0 0;
                text-align: center;
            }
                #rodape #aconstrumidia2 #esq a#website:hover {
                    color: #FFF !important;
                    background: #D6011C !important;
                }


            #rodape #vemprotopo {
                display: block;
                width: 100%;
                padding: 0 0;
                height: 200px;
                background: url('/public/img/layout/default/back_vemprotopo.png') center center no-repeat;
                background-size: cover;
            }


@media screen and (max-width: 400px) {
	
	
	body {
		-webkit-text-size-adjust: 100%;
		
	}
	
	.slicknav_menu {
		display: block;
	}
    .tam8 { font-size: 8px; }
    .tam12 { font-size: 12px; }
    .tam14 { font-size: 12px; }
    .tam16 { font-size: 16px; }
    .tam18 { font-size: 14px; }
    .tam20 { font-size: 18px; }
    .tam40 { font-size: 40px; }
    
    #site {
        width: auto;
        max-width: 430px;
        position: relative;
        margin: 0 auto;
        background: #FFF;
    }

    #topo {
        position: relative;
        height: 80px;
        display: 0 auto;
        width: 100%;
        z-index: 99;
        background: #FFF;
        text-align: right;
    }
        #topo a#logo {
            display: inline-block;
            width: 80px;
            height: 80px;
            background: url('/public/img/layout/default/logo_construmidia.png') 0 0 no-repeat;
            background-size: 90%;
            vertical-align: top;
            text-indent: -9999px;
            margin: 0 5px 0 0;
        }
        #topo a#linklogo {
            display: inline-block;
            width: 100px;
            margin: 30px 20px 0 0;
        }


    #corpo {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 999;
    }
        #corpo #destaque {
            position: relative;
            width: 100%;
            height: 134px;
            background: #D6011C;
        }
            #corpo #destaque img {
                position: relative;
                width: 178px;
                height: 204px;
                display: inline-block;
                margin: -70px 0 0 0;
            }
            #corpo #destaque #esq {
                position: relative;
                width: 170px;
                display: inline-block;
                margin: 22px 0 0 0px;
                vertical-align: top;
            }
                #corpo #destaque #esq span {
                    display: block;
                }

        #corpo #linksrapidos {
            position: relative;
            width: 100%;
            height: 320px;
            background: #EFEFEF;
            padding: 25px 0 20px 0;
            text-align: center;
        }
            #corpo #linksrapidos span.tam14 {
                display: block;
                line-height: 15px;
                padding: 0 0 15px 0;
            }
            #corpo #linksrapidos a#linkr {
                display: inline-block;
                width: 240px;
                height: 24px;
                border:1px solid #D6011C;
                border-radius: 15px;
                padding: 16px 0 14px 70px;
                text-align: left;
                margin: 8px 0;
            }
                #corpo #linksrapidos a#linkr.whats {
                    background: url('/public/img/layout/default/icon_whatsapp.png') 30px 13px no-repeat;
                    background-size: 25px;
                }
                #corpo #linksrapidos a#linkr.linke {
                    background: url('/public/img/layout/default/icon_linkedin.png') 32px 16px no-repeat;
                    background-size: 20px;
                }
                #corpo #linksrapidos a#linkr.insta {
                    background: url('/public/img/layout/default/icon_instagram.png') 32px 16px no-repeat;
                    background-size: 20px;
                }

            #corpo #linksrapidos a#linkr:hover {
                background-color: #D6011C !important;
            }
                #corpo #linksrapidos a#linkr:hover span {
                    color: #FFF !important;
                }


    #rodape {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: -10px;
        z-index: 999999;
        margin: -74px 0 0 0;
        padding: 0 0 20px 0;
    }
        #rodape #portfolio, #rodape #youtube {
            position: relative;
            width: 100%;
            height: auto;
            margin: 25px 0;
        }
            #rodape #portfolio a, #rodape #youtube a {
                position: relative;
                width: 320px;
                margin: 0 auto;
                height: 72px;
                background: #D6011C;
                border:1px solid #D6011C;
                border-radius: 15px;
            }
                #rodape #portfolio a img, #rodape #youtube a img {
                    position: relative;
                    width: 116px;
                    height: 89px;
                    margin: -10px 0 0 10px;
                    float: left;
                }
                #rodape #portfolio a .tit, #rodape #youtube a .tit {
                    position: relative;
                    width: 140px;
                    margin: 12px 0 0 20px;
                    float: left;
                }
                #rodape #portfolio a .sub, #rodape #youtube a .sub {
                    position: relative;
                    display: block;
                    width: 100%;
                    padding: 3px 0 0 0;
                }
                #rodape #portfolio a:hover, #rodape #youtube a:hover {
                    background: #FFF;
                }
                    #rodape #portfolio a:hover span, #rodape #youtube a:hover span {
                        color: #D6011C !important;
                    }


            #rodape #youtube a {
                background: #000;
                border:1px solid #000;
            }
                    #rodape #youtube a:hover span {
                        color: #000 !important;
                    }

        #rodape #aconstrumidia {
            position: relative;
            width: auto;
            height: auto;
            padding: 20px 25px;
            background: #EFEFEF;
        }
        #rodape #aconstrumidia2 {
            position: relative;
            width: auto;
            height: auto;
            padding: 20px 0px;
        }
            #rodape #aconstrumidia2 a#logo {
                display: inline-block;
                position: relative;
                width: 125px;
                height: 142px;
                background: url('/public/img/layout/default/logo_construmidia.png') 0 0 no-repeat;
                background-size: 100%;
                margin: 0 0 0 0;
            }
            #rodape #aconstrumidia2 #esq {
                display: inline-block;
                position: relative;
                width: 210px;
                vertical-align: top;
                padding: 14px 0 0 0px;
            }
                #rodape #aconstrumidia2 #esq span {
                    display: block;
                    padding: 0 0 12px 0;
                    font-size: 14px !important;
                }
                #rodape #aconstrumidia2 #esq #redes {
                    display: inline-block;
                    margin: 0 12px 0 0;
                    width: 25px;
                    height: 25px;
                }
                    #rodape #aconstrumidia2 #esq #redes.insta {
                        background: url('/public/img/layout/default/icon_instagram.png') 0 0 no-repeat;
                        background-size: 100%;
                    }
                    #rodape #aconstrumidia2 #esq #redes.linke {
                        background: url('/public/img/layout/default/icon_linkedin.png') 0 0 no-repeat;
                        background-size: 100%;
                    }
                    #rodape #aconstrumidia2 #esq #redes.youtu {
                        background: url('/public/img/layout/default/icon_youtube.png') 0 -2px no-repeat;
                        background-size: 95%;
                        width: 30px !important;
                    }
                    #rodape #aconstrumidia2 #esq #redes.tikto {
                        background: url('/public/img/layout/default/icon_tiktok.png') 0 0 no-repeat;
                        background-size: 100%;
                    }
                    #rodape #aconstrumidia2 #esq #redes.faceb {
                        background: url('/public/img/layout/default/icon_facebook.png') 0 0 no-repeat;
                        background-size: 100%;
                    }

                #rodape #aconstrumidia2 #esq a#website {
                    display: inline-block;
                    border:1px solid #D6011C;
                    border-radius: 30px;
                    padding: 5px 25px 7px 25px;
                    margin:  12px 0 0 0;
                    text-align: center;
                }
                    #rodape #aconstrumidia2 #esq a#website:hover {
                        color: #FFF !important;
                        background: #D6011C !important;
                    }


                #rodape #vemprotopo {
                    display: block;
                    width: 100%;
                    padding: 0 0;
                    height: 200px;
                    background: url('/public/img/layout/default/back_vemprotopo.png') center center no-repeat;
                    background-size: cover;
                }
	
	

}			
@media screen and (min-width: 560px) {			
			
	
	#site {
        box-shadow: 0px 0px 15px #ccc;
    }
	
	
			
}