@font-face {
    font-family: 'swis721_btbold_italic';
    src: url('font/tt0006m_-webfont.woff2') format('woff2'),
         url('font/tt0006m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swis721_btbold';
    src: url('font/tt0005m_-webfont.woff2') format('woff2'),
         url('font/tt0005m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swis721_btitalic';
    src: url('font/tt0004m_-webfont.woff2') format('woff2'),
         url('font/tt0004m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'swis721_btroman';
    src: url('font/tt0003m_-webfont.woff2') format('woff2'),
         url('font/tt0003m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}







@font-face {
    font-family: 'swis721_lt_btlight';
    src: url('font/sw721lt-webfont.woff2') format('woff2'),
         url('font/sw721lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/************************************************************************************
NAV
*************************************************************************************/


#nav-wrap {
}

/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */

}

#nav li > a > .principais {
    text-transform: uppercase;
    font-family: 'swis721_lt_btlight';
    font-size: 0.821em;
	font-weight:bold
}

#nav,
#nav li {
    margin: 0;
    padding: 0;
}

#nav li {
    list-style: none;
    float: left;
	margin-left:2.2em
    
}



/* nav link */
#nav a {
    padding:0.7em 0;
    display: block;
    background: transparent;
    color: #00A0E3;
}

#nav li.ativo > a,
#nav a:hover {
    color: #fff;
    background:none;

}


/* nav dropdown */

.sub {
    color: #fff;
    font-weight:normal;
}
.cor_menu {color: #fff; } 
.cor_menu:hover {color: #D1AC68; } 

#nav ul {
    background: #0C1E34;
    padding:0px 10px 10px 10px;
    position: absolute;
    display: none; /* hide dropdown */
    width: 220px;
    z-index: 11111;
}

#nav ul li {
    float: none;
    margin: 0;
    padding: 0px;
    border-bottom: #556271 1px solid;
	font-size:1.1em;
}


#nav li:hover > ul {
    display: block; /* show dropdown on hover */
}

/************************************************************************************/

.sprite {
    background: url('../imagens/sprite.png') no-repeat 0 0;
    display: inline-block;
    margin: 0 auto;
}

#inicio { background:url(../imagens/bk.jpg) top center no-repeat; height: 100vh } 

.meio {position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);}
  
  
  
.topo { background: rgba(0,0,0,0.5); margin-top:3em; position:absolute; width:100%; padding:1em 0 1em 0 } 
	.redes_sociais { float:right; margin-top:1em; } 
		.cada_icon { float:left; margin-left:8px } 
		.cada_icon:hover {opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */ } 
	.menu { margin-top:0.5em; border-bottom:0; float:right } 
	

#empresa { background:url(../imagens/fundo_quem.jpg) bottom center; padding:2.6em 0 }
	.texto_empresa { text-align:center; color:#898988; font-family: 'swis721_lt_btlight'; font-size:1.25em; line-height:1.7em } 
	.texto_empresa p { width:80%; } 


#servicos { padding:2em 0 } 
.tit_servicos { color:#E84C23; text-transform:uppercase; font-family: 'swis721_btbold'; font-size:1.8em } 
.texto_servicos { color:#5B5B5B; font-family: 'swis721_lt_btlight'; font-size:1.1em;} 

.cada_servico { border-top:5px solid #E84C23 } 
.cada_servico h2 { color:#5B5B5B; font-family: 'swis721_btbold'; font-size:1.15em;} 
.cada_servico p { color:#5B5B5B; font-family: 'swis721_lt_btlight'; font-size:1.1em;}


.obras {color:#fff; font-family: 'swis721_btbold';min-height: 100%;  
  min-height: 100vh; 

  display: flex;
  align-items: center;   margin: 0 auto;
    width:14%; font-size:1.6em} 


.texto_enviando {  color:#5B5B5B; font-family: 'swis721_lt_btlight'; font-size:1.1em; text-align:center}
.link_voltar {color:#5B5B5B; } 
.link_voltar:hover {color:#E84C23; }  

#contato { background:#F8F8F8; padding-bottom:2em} 

.form_contato label { text-transform:uppercase; color:#9A9591; font-family: 'swis721_lt_btlight'; font-size:0.9em; margin:0; padding:0 } 

form.form_contato label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:#FF5050;
	font-size:0.90em;
	font-weight:normal;
	font-family: 'swis721_lt_btlight'; 
}
#mapa{
  width: 100%; 
  height: 300px; 
  border: 0px solid #ccc;
  margin: 0 auto;
  color:#4B4B4C;
  margin-top:3em
}

#mapa h2 {font-family: 'swis721_lt_btlight'; color:#E7460F ; font-size:1.1em;} 

.campo { width:100%; border:1px solid #E3E3E3; padding:12px;color:#5B5B5B; font-family: 'swis721_lt_btlight';} 
.campo_mensagem { width:88%; border:1px solid #E3E3E3; padding:12px;color:#5B5B5B; font-family: 'swis721_lt_btlight';}

.segura_endereco { border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; padding:1.3em 0; } 
.segura_endereco p { color:#5B5B5B; font-family: 'swis721_lt_btlight'; font-size:1.1em; margin-top:0.9em } 
	.tit_contato {  text-transform:uppercase; color:#9A9591; font-family: 'swis721_lt_btlight'; font-size:0.9em; font-weight:bold; margin-bottom:6px;} 
.bt_enviar { background:#1D4897; color:#FFF;  font-family: 'swis721_lt_btlight'; font-size:1.2em; border:0; padding:0.5em 1em; float:right; margin-right:12%} 


#trabalhe { background:url(../imagens/fundo_trabalhe.png) top center; padding-bottom:2em } 
.espaco { margin-top:400px; } 
.campo_trabalhe { background:  rgba(255,255,255,0.5) ; width:100%; border:1px solid #E3E3E3; padding:12px;color:#5B5B5B; font-family: 'swis721_lt_btlight';}

#uploadFile { background:none; border:0; width:80% } 

  
.file-upload {
position: relative;  
overflow: hidden;  
margin: 10px;  
}
.file-upload input.upload {
position: absolute;  
top: 0;  
right: 0;  
margin: 0;  
padding: 0;  
font-size: 20px;  
cursor: pointer;  
opacity: 0;  
filter: alpha(opacity=0);  
}
#uploadFile {
line-height: 28px;  
}

.bt_enviar_trabalhe { background:#E84C23; border:0; float:right; padding:0.5em 4em; color:#fff;  font-family: 'swis721_lt_btlight';  margin-right:10px;} 


#footer { background:#E84C23; padding:2em 0 ; color:#fff;font-family: 'swis721_lt_btlight'; font-size:1.1em;} 

	.cada_icon_roda { float:right} 
		.cada_icon_roda:hover {opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */ } 


.arte_roda { color:#fff;font-family: 'swis721_lt_btlight'; font-size:0.8em;}

 
/************************************************************************************
MOBILE MENU
*************************************************************************************/

@media screen and (max-width: 979px) {


.redes_sociais { float:right; margin-top:0em; padding-right:3em; padding-top:2em; } 

	.menu { margin-top:-2em; padding-left:5em; border-bottom:0; float:left;  } 
	
    /* nav-wrap */
    #nav-wrap {
        position: relative;
		
    }

    /* menu icon */
    #menu-icon {
        color: #fff;
        width: 32px;
        height: 33px;
        background: #E94C20;
		text-align:center;
        cursor: pointer;
        display: block; /* show menu icon */
        font-size: 1.9em;
		float:left;
		margin-top:-5px ;
		margin-right:10px;
    }

    #menu-icon:hover {
        background-color: #00A0E3;
    }

    #menu-icon.active {
        background-color: #00A0E3;
    }

    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 38px;
        width: 200px;
        z-index: 10000;
        padding: 5px;
        background: #00A0E3;
        display: none; /* visibility will be toggled with jquery */
		
		
    }

    #nav li {
        clear: both;
        float: none;
        margin: 5px 5px 5px 10px;
    }

#nav li > a > .principais {
    text-transform: uppercase;
    font-family: 'swis721_lt_btlight';
    font-size: 0.9em;
}

    #nav a,
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #fff;
        border: none;
    }

    #nav a:hover,
    #nav ul a:hover {
        background: none;
        color: #D0AB67;
    }

    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }

    #nav ul li {
        margin: 3px 0 3px 15px;
    }


}

@media screen and (min-width: 979px) {

    /* ensure #nav is visible on desktop version */
    #nav {
        display: block !important;
    }

}

@media (max-width: 1030px) {

.seg_img { padding-top:139px; border:#639 0px solid } 
}

@media (max-width: 990px) {

.seg_img { display:none} 
#contato { background:url(../imagens/fundo_contato.jpg) repeat-y left; padding:2em 0 0 0 } 

}

@media (max-width: 400px) {

.espaco { display:none } 

#uploadFile { background:none; border:0; width:60% }
}