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

*{ margin:0; padding:0}
li{ list-style:none;}
body{ width:100%; background:url(images/background.jpg) repeat; font-family:'Ubuntu', Arial, Helvetica, sans-serif; color:#666666;}


/* HEADER */
header{ width:100%; border-top:20px solid #463d4e;}
header #header-top{ position:relative; width:940px; margin:0 auto; overflow:hidden;}
#header-top h1{ float:left; width:303px; height:91px; margin:20px 0;}
#header-top h1:hover{ opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}
#header-top .icon1, #header-top .icon2{ float:left; font-size:22px; font-weight:300; margin:55px 0 0 30px;}
#header-top .icon1{ margin-left:80px;}
#header-top .icon-office, #header-top .icon-home, #header-top .icon-phone, #header-top .icon-mobile2, #header-top .icon-whatsapp{ color:#463d4e;}
#header-top .icon-phone, #header-top .icon-mobile2, #header-top .icon-whatsapp{ font-size:16px;}
#header-top ul{ float:right; margin-top:18px;}
#header-top ul li{ font-size:22px; font-weight:400px; padding-top:3px;}
#header-top ul li .ddd{ font-size:14px; font-weight:300;}
header #header-bottom{ width:100%; background:#93aec3;}
header #header-bottom h2{ font-size:36px; font-weight:300; color:#ffffff; text-align:center; text-transform:uppercase; padding:10px 0 15px 0;}

/* MAIN */
#main{ position:relative; width:940px; margin:40px auto; overflow:hidden;}
#main .section{ float:left; width:300px; height:484px;}
#main .section p{ font-family: 'Ubuntu Condensed', Arial, Helvetica, sans-serif; font-size:30px; font-weight:400; text-transform:uppercase; margin:80px 0 0 50px;}
#main .section ul{ margin:20px 0 0 80px;}
#main .section ul li{ list-style:url(images/icon-seta.png); font-size:26px; padding:3px 0;}
#main .terraplanagem, #main .pavimentacao{ margin-left:20px;}
#main .reforma{ background:url(images/background-construcao.jpg) no-repeat;}
#main .terraplanagem{ background:url(images/background-terraplanagem.jpg) no-repeat;}
#main .pavimentacao{ background:url(images/background-pavimentacao.jpg) no-repeat;}
/* clientes */
#clientes{ width:100%; overflow:hidden; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom:40px;}
#clientes .content{ position:relative; width:940px; margin:20px auto; overflow:hidden; background:#93aec3}
#clientes .content p{ float:left; font-size:24px; font-weight:300; color:#ffffff; text-transform:uppercase; margin:45px 0 0 20px;}
#clientes .content ul{ float:right; margin:15px 0;}
#clientes .content ul li{ float:left; display:inline; width:140px; height:95px; border:1px solid #ffffff; margin-right:15px;}
#clientes .content ul li a:hover{ opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}

/* FOOTER */
#footer{ width:100%; overflow:hidden; background:#d2dce3;}
/* top */
#footer .footer-top{ position:relative; width:940px; margin:0 auto; overflow:hidden;}
#footer .footer-top p{ float:left; font-size:32px; font-weight:300; text-transform:uppercase; margin-top:28px;}
#footer .footer-top .link{ float:right; width:222px; height:97px; background:url(images/logo-mezadri-link.png) no-repeat;}
#footer .footer-top .link:hover{ background-position:0 -97px;}
/* info */
#footer .footer-info{ width:100%; overflow:hidden; background:#463d4e;}
#footer .footer-info .content{ position:relative; width:940px; margin:40px auto; overflow:hidden;}
#footer .footer-info .content p{ font-size:16px; font-weight:300; color:#ffffff; margin-top:5px;}
#footer .footer-info .content .title{ font-size:18px; font-weight:400; color:#ffffff;}
#footer .footer-info .content .logo{ float:left; width:300px;}
#footer .footer-info .content .logo a:hover{ opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}
#footer .footer-info .content .local{ float:left;}
#footer .footer-info .content .orcamento{ float:right;}
#footer .footer-info .content .orcamento a{ text-decoration:none; color:#b2c5d3; line-height:40px;}
#footer .footer-info .content .orcamento a:hover{ color:#5d779c;}
#footer .footer-info .footer-credito{ width:100%; border-top:1px solid #63586d;}
#footer .footer-info .footer-credito .content{ position:relative; width:940px; margin: auto;}
#footer .footer-info .footer-credito .content p{ float:left; font-size:14px; color:#cccccc; margin:20px 0;}
#footer .footer-info .footer-credito .content .autor{ float:right; font-size:12px; color:#cccccc;}
#footer .footer-info .footer-credito .content .autor a{ text-decoration:none; color:#b2c5d3;}
#footer .footer-info .footer-credito .content .autor a:hover{ color:#ffffff;}