body {
	margin:0;
	padding:0;
	text-align:left;
	font-family: 'Titillium Web', sans-serif;
	font-size:15px;
	background:url("../images/bg-efeito-header.png") center top no-repeat;
    color:#424242;
}


h1 {
	color:#FFF;
	font-size:22px;
	margin:0;
    text-transform: uppercase;
}

h2 {
	color:#181818;
	font-size:19px;
}

#header {
    width:100%;
	max-width:1207px;
	height:auto;
    margin:auto;
}

#header-center {
	width:100%;
    max-width:980px;
	height:auto;
    margin:auto;
    margin-bottom:30px;
}

#header2 {
	width:1207px;
	height:auto;
	left:50%;
	margin-left:-603px;
	position:absolute;
	background:url("../images/bg-efeito-header2.png") center no-repeat;
}


#header_fundo2 {
	height: 178px;
}



#header-center2 {
	width:980px;
	height:178px;
	margin-left:auto;
	margin-right:auto;
}

.contatos_header {
    float:right;
    margin-top:20px;
    font-size:20px;
    font-weight:bold;
}
.contatos_header a {
    text-decoration:none;
    color:#413D3D;
}

#logo {
	width:202px;
	height:95px;
	float:left;
	margin-top:30px;
}

#banner {
	width:980px;
	height:350px;
	float:left;
	margin-top:20px;
}

#center {
    width:100%;
	max-width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.separador {
    background: rgba(0, 0, 0, 0) linear-gradient(#413D3D, #2D2D2D) repeat scroll 0 0;
    float:left;
    width:100%;
    padding:20px 0px;
}

.container {
    width:96%;
    max-width:980px;
	margin:auto;
	padding:2%;
    overflow:hidden;
}

#text-home {
	width:96%;
	height:auto;
	float:left;
	background:#222;
    border-radius:10px;
    float:left;
	padding:2%;
	color:#FFF;
	font-size:14px;
}


#text-home a {
	background:url("../images/bt-link-home.png");
	width:98px;
	height:37px;
	float:right;
	margin-top:30px;
}

#text-home a:hover {
	background-position:0 -37px;
}

#ultimos-projetos {
	width:100%;
	height:auto;
	float:left;
	margin-top:26px;
	font-size:18px;
	color:#FFF;
	font-weight:900;
}

.fotos-projetos {
	width:129px;
	height:129px;
	float:left;
	margin-right:12px;
	margin-top:15px;
}

.fotos-projetos a.foto1 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/industrial/01.png") no-repeat;
}

.fotos-projetos a.foto1:hover {
	background-position:0 -129px;
}

.fotos-projetos a.foto2 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/posto-combustivel/01.png") no-repeat;
}

.fotos-projetos a.foto2:hover {
	background-position:0 -129px;
}

.fotos-projetos a.foto3 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/quadra-esportiva/01.png") no-repeat;
}

.fotos-projetos a.foto3:hover {
	background-position:0 -129px;
}

.fotos-projetos a.foto4 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/estacionamento/01.png") no-repeat;
}

.fotos-projetos a.foto4:hover {
	background-position:0 -129px;
}

.fotos-projetos a.foto5 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/estacionamento/02.png") no-repeat;
}

.fotos-projetos a.foto5:hover {
	background-position:0 -129px;
}

.fotos-projetos a.foto6 {
	width: 129px;
	height:129px;
	float:left;
	background:url("../thumbs/industrial/02.png") no-repeat;
}

.fotos-projetos a.foto6:hover {
	background-position:0 -129px;
}

#banners-home {
	width: 100%;
	height:auto;
	float:left;
}

.bg-banners-home {
	width: 313px;
	height:auto;
	float:left;
    border-radius:20px;
    margin-bottom:10px;
	background: rgba(0, 0, 0, 0) linear-gradient(#DFDFDF, #999999) repeat scroll 0 0;
}

.text-banners {
	width:139px;
	height:auto;
	float:left;
	margin-top:13px;
	margin-left:15px;
    margin-bottom:10px;
	color:#413d3d;
	font-size:13px;
}

.text-banners a {
	background:url("../images/bt-banners-home.png");
	width:81px;
	height:31px;
	float:left;
	margin-top:13px;
}

.text-banners a:hover {
	background-position:0 -31px;
}

.bg-banners-home a.icone-servicos {
	background:url("../images/icone-servicos.png");
	width:145px;
	height:101px;
	float:right;
	margin-top:25px;
	margin-right:10px;
}

.bg-banners-home a.icone-servicos:hover {
	background-position:0 -101px;
}

.bg-banners-home a.icone-portfolio {
	background:url("../images/icone-portfolio.png");
	width:121px;
	height:121px;
	float:right;
	margin-top:15px;
	margin-right:20px;
}

.bg-banners-home a.icone-portfolio:hover {
	background-position:0 -121px;
}

.bg-banners-home a.icone-contato {
	background:url("../images/icone-contato.png");
	width:113px;
	height:91px;
	float:right;
	margin-top:30px;
	margin-right:30px;
}

.bg-banners-home a.icone-contato:hover {
	background-position:0 -91px;
}

#text-empresa {
	width:980px;
	height:auto;
	float:left;
	padding-bottom:20px;
}

.titulo-empresa {
	width:980px;
	height:auto;
	float:left;
	margin-top:1px;
	color:#181818;
	font-size:14px;
}

.text-servicos {
	width:980px;
	height:auto;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
}

#topicos-obra {
	width:100%;
    max-width:980px;
	height:254px;
	float:left;
	background:url("../images/imagem-obra.png") no-repeat;
}

#topicos-concreto {
	width:980px;
	height:254px;
	float:left;
	background:url("../images/imagem-concreto.png") no-repeat;
}

#topicos-fibra {
	width:980px;
	height:254px;
	float:left;
	background:url("../images/imagem-fibra.png") no-repeat;
}

.text-obra {
	width:100%;
    max-width:595px;
	margin-top:26px;
	float:right;
	margin-right:70px;
	color:#FFF;
	font-size:15px;
	border-bottom:1px solid #FFF;
}

.imagem-obra {
	width:951px;
	height:234px;
	float:right;
	margin-right:7px;
	background:url("../images/imagem-mao-obra.png") no-repeat;
}

#menu_footer {
	float:left;
	margin-top:20px;
	font-size:12px;
    text-align:center;
}

#menu_footer ul {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;
}

#menu_footer li {
	display:inline;
	margin-right:2px;
	margin-left:2px;
}

#menu_footer a {
	color:#c2c2c2;
	text-decoration:none;
}

#menu_footer a:hover {
	color:#FFF;
}

#menu_footer .sub-menu-footer {
	width: auto;
	float:left;
	font-size:10px;
    padding: 10px;
	margin-top:7px;
    border-radius:15px;
	margin-left:45px;
	background: rgba(0, 0, 0, 0) linear-gradient(#D40108, #6E0002) repeat scroll 0 0;
}

#menu_footer .sub-menu-footer ul {
	margin:0;
	padding:0;
	margin-right:auto;
	text-transform:uppercase;
}

#menu_footer .sub-menu-footer a {
	color:#FFF;
}

#menu_footer .sub-menu-footer a:hover {
	color:#181818;
}

#info-footer {
	width: 400px;
	height:45px;
	float:right;
	margin-top:17px;
	text-align:right;
	color:#FFF;
	font-size:16px;
}

#info-footer a {
    color:#fff;
    text-decoration:none;
}

#footer_copyright {
	width:100%;
    max-width:980px;
	height:40px;
	float:left;
	margin-top:20px;
	padding-top:20px;
    padding-bottom:10px;
	color:#FFF;
	font-size:11px;
	text-align:center;
	border-top:1px solid #FFF;
}

#footer {
	width: 100%;
	height:auto;
    float:left;
	background-color:#201e1e;
    padding-top:20px;
}

#footer_center {
	width:100%;
    max-width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.menu {font-family: arial, sans-serif; border-radius:20px; float:right; background: rgba(0, 0, 0, 0) linear-gradient(#D40108, #6E0002) repeat scroll 0 0; display:inline; width:685px; height:auto; margin-top:10px; font-size:12px; padding-left:17px;}
/*.menu {font-family: arial, sans-serif; float:right; background:url("../images/bg-menu.png"); display:inline; width:598px; height:41px; margin-top:57px; font-size:12px;}*/
.menu ul li a, .menu ul li a:visited {display:block; float:left; text-align:center; font-weight:normal; text-transform:uppercase; text-decoration:none; border-right:1px solid #D63B3E; padding:17px 14px; color:#FFF;  font-size:13px; transition: all 0.5s;}
.menu ul li a:hover {background:#413D3D; transition: all 0.5s;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li {float:left; z-index:10000; position:relative;}
.menu ul li ul {display: none; }

.menu ul li:hover ul {display:block; z-index:10000; position:absolute; background: rgba(123, 1, 3, 0.8) !important; width:190px; height:auto; left:0; margin-left:-2px;  margin-top:49px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {width:190px; padding:10px 0px; border-radius:10px; border:0; font-weight:normal; text-align:center; font-size:11px;  color:#fff;}
.menu ul li:hover ul li a:hover {background-color:#413D3D; color:#fff; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-px;}


.concreto_texto_left {
    float: left;
    width:64%;
}

.concreto_texto_left h2 {
    margin: 0;
}

h2.subtitulo_concreto_left {
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size:20px;
    margin: 0;
    margin-bottom: 30px;
    text-align: center;
    background:#34B448;
    color:#fff;
}

.concreto_texto_right {
    float:right;
    width: 34%;
}

h2.subtitulo_concreto_right {
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size:20px;
    margin: 0;
    text-align: center;
    background:#247B31;
    color:#fff;
}

.caixa_ligue_agora {
    padding: 5%;
    background:#F0F0F0;
    text-align: center;
    border-bottom:solid 5px #247B31;
    overflow: hidden;
}

.caixa_ligue_agora h3 {
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size:18px;
    margin: 0;
    background:#34B448;
    color:#fff;
}

.detalhe_preco {
    background:#272727;
    color:#fff;
    font-size: 22px;
    float: left;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    font-weight:bold;
    margin-top: 20px;
}

.img_concreto {
    width: 100%;
    height: auto;
    max-width: 350px;
    margin-top: 20px;
}

.concreto_orcamento {
    float:left;
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#DD020C;
    color:#fff;
    text-align: center;
    margin-top: 20px;
    line-height: 30px;
}

.concreto_orcamento a {
    text-transform: uppercase;
    font-weight:bold;
    padding:5px;
    background:#201E1E;
    color:#fff;
    text-decoration: none;
}

@media screen and (max-width: 1035px) {
    
    
    #banners-home {
    float: none;
    height: auto;
    margin:auto;
    width: 100%;
    max-width:327px;
}
    
    #topicos-obra {
    background: #f0f0f0;
    float: left;
    height: auto;
    padding:2%;
    width:96%;
    padding-bottom:40px;
}
    
    #topicos-concreto {
    background: #f0f0f0;
    float: left;
    height: auto;
    padding:2%;
    width:96%;
    padding-bottom:40px;
}
    
    #topicos-fibra {
    background: #f0f0f0;
    float: left;
    height: auto;
    padding:2%;
    width:96%;
    padding-bottom:40px;
}
    
    .text-obra {
    border-bottom: 1px solid #222;
    color: #222;
    float: left;
    margin-right: 0px !important;
    margin-top: 26px;
    max-width:none;
}
    
    .mobile-te {float:left; margin-left:0px !important;}

}

.chat-mobile{
    display: none;
}

.chat-desktop{
    display: block;
}

@media screen and (max-width: 760px){
.chat-mobile{
    display: none;
}

.chat-desktop{
    display: block;
}
}



@media screen and (max-width: 1010px) {
    
    #menu_footer {
    float: left;
        width:100%;
        margin:auto
}
    
    #info-footer {
    height: auto;
    margin-top: 25px;
    text-align: center;
    width: 100%;
}
    
    
    #menu_footer .sub-menu-footer {
    margin-left: 0;
    padding: 1%;
    width: 98%;
}
    

    
}



@media screen and (max-width: 940px) {
    
    .contatos_header {
        width:100%;
        text-align:center;
        clear:both;
    }
    
    #header-center {
    height: auto;
    margin-top:30px;
    max-width: 980px;
    width: 100%;
}
    
    #logo {
    float: none;
    height: 95px;
    margin-top: 30px;
    width: 205px;
    margin:auto;
}
    
    
    .menu {
    margin-top: 20px;
    width: 100%;
    border-radius:0px;
    padding-left:0px;
}
    
    .menu ul li a, .menu ul li a:visited {padding:17px 16px;}
    
    .separador {margin-top:0px !important;}
    
}


@media screen and (max-width: 850px) {
    .concreto_texto_left {
        width:49%;
    }
    
    .concreto_texto_right {
        width:49%;
    }
}

@media screen and (max-width: 725px) {
    
    
    #header-center {
        margin-bottom:0px;
}
    
    .sldr {
    clear: both;
    display: block;
    margin-top: 1px !important;

}
    
@media screen and (max-width: 620px) {
    .concreto_texto_left {
        width:100%;
    }
    
    .concreto_texto_right {
        width:100%;
        margin-bottom: 20px;
    }
}


/*
============================================
   MENU RESPONSIVENESS
============================================
*/
    
    .menu {
        display:none;
    }
    
.group {
	display:block !important;
    clear: both;
}

ul { list-style:none; height:auto; }
h6{ padding: 15px 20px; margin: 0; font-weight: normal; }
a { color: #FFF; text-decoration: none;}

.navheader {
  font-size: 17px;
}

.slide-trigger {
  display: none; /* need this */
  cursor: pointer;
  background: rgba(0, 0, 0, 0) linear-gradient(#D40108, #6E0002) repeat scroll 0 0;
  color: #FFF;
  margin-top:20px;
}

.navigation {
  max-width: none;
  background: #413D3D;
  padding: 0 !important;
    margin: 0 !important;
  position:relative;
  z-index:999 !important;
}

.navigation li {
  float: left;
}

.navigation li a {
  display: block;
  color: #fff;
  padding: 15px;
  text-align:left;
  font-size:14px;
  transition: all 0.2s;
}
.navigation li a:hover { background: #222; transition: all 0.2s; }


  .slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
    .no-js .navigation { display: block; }
  .navigation { margin: 0 15px; }
  .navigation li { float: none; }
  .navigation li a { border-bottom: 1px solid #222; }

.group {
	width:100%;
}


  #menu {
	background:#123;
}
/*
============================================
   //MENU RESPONSIVENESS
============================================
*/