@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body { background:#000; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; }

a{ color:#3B277B; }
p { margin: 8px 0; }

h1, h3, h5 { color: #FFFFFF; }
h2, h4 { color: #CCCCCC; }

.cookieConsentContainer{ z-index:9999;width:400px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;left:30px;display:none}
.cookieConsentContainer .cookieTitle a{ color:#fff; font-size:18px;line-height:20px;display:block}
.cookieConsentContainer .cookieDesc p{margin:0;padding:0;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}
.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}
.cookieConsentContainer .cookieButton a{display:inline-block;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}
.cookieConsentContainer .cookieButton a:hover{cursor:pointer;background:#666666}
@media (max-width:980px){ .cookieConsentContainer{ bottom:0;left:0;width:100%;} }

/* #Site Styles
================================================== */
#siteOff { margin-top: 10px; text-align:center; } 

#logo { text-align:right; }
#logo img{ width: 200px; margin-bottom: 30px; }
#logoPagina { text-align:center; }
#logoPagina img{ width: 200px; margin-bottom: 30px; }

.navBackground { opacity:0.7; height: 300px; margin-bottom: -300px; }
.nav { height: 300px; position:relative; }
#nav { opacity:1; float:right; margin: 0; }
#nav nav {
	display: none;
	margin: 0;
	padding: 30px 0;
	text-align:center;
}
#nav nav a{
	padding: 0 20px;
	text-decoration: none;

	color:#FFF;
	font-size: 26px;
}
#nav nav a:hover { color:#CCC; text-decoration: none; }

.menu{ display: inline-block; cursor: pointer; margin: 20px 0; width: 40px; display: block; float:right; }
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #F58634;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

.navMobile { display:none; }
.change { display:block; }

#navMobile nav { margin-bottom: 50px; text-align:center; border: solid thin #333333; border-radius: 10px; background: #000000; }
#navMobile nav a{
	font-size: 25px;
	color: #FFFFFF;
	border-bottom: solid thin #333333;
	
	position: relative;
	margin: 0px;
	padding: 5px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}
#navMobile nav a:first-of-type{ }
#navMobile nav a:last-child{ border-bottom: none; }

.footer {
	color: #FFFFFF;
	
	background: #333333;
	padding: 15px 0;
}

.footer p{ margin: 5px 0; }

.footer a{
	color:#FFF;
	text-decoration: none;
}

.ordepweb{ 
	font-size: 10px; text-align:right;
	
	padding-top: 30px;
}
.ordepweb span{ margin-right:-25px; }

.textCenter { text-align:center; }

/* #Paginas Styles
================================================== */
.pagina { text-align:justify; min-height: 500px; }

/* #Obras Styles
================================================== */
.obras img { margin-bottom: 30px; }

/* #Inicio Styles
================================================== */
.inicioTexto { padding: 30px 0 50px; }

/* #Contato Styles
================================================== */
.contato { background: #F3F3F3; color: #000000; padding-top: 20px; }
.contato h1, .contato h3, .contato h5 { color: #333333; }
.contato h2, .contato h4 { color: #666666; }
.contato .telefoneContato { font-size: 14px; }
#contato ul{ list-style: none; margin: 0; padding: 0; padding-bottom: 20px; }
#contato li{ margin-top: 0; margin-bottom: 0; }
#contato form{ margin: 0; padding: 0; }
#contato label{ margin: 0; padding: 0; }

@media (min-width: 400px) {
	#logo img{ width: 300px; }
	#logoPagina img{ width: 300px; }
}

@media (min-width: 550px) {
	#logo img{ width: 350px; }
	#logoPagina img{ width: 350px; }
}

@media (min-width: 750px) {
	#logo img{ width: 500px; margin-bottom: 50px; }
	#logoPagina img{ width: 500px; margin-bottom: 50px; }

	.navBackground { height: 400px; margin-bottom: -400px; }
	.nav { height: 400px; }
}

@media (min-width: 1000px) {
	body { font-size: 16px; }

	/* #Site Styles */
	.menu { display: none; }
	#nav nav { display: block; }

	#logo img{ width: 600px; margin-top: 50px; }
	.navBackground { height:550px; margin-bottom: -550px; }
	.nav { height:550px; }
	
	.contato .telefoneContato { font-size: 16px; }
}

@media (min-width: 1200px) {
	#logo img{ width: 799px; margin-top: 100px; }
	.navBackground { height: 700px; margin-bottom: -700px; }
	.nav { height: 700px; }
}
@media (min-width: 1900px) {
	#logo img{ margin-top: 300px; }
	.navBackground { height: 900px; margin-bottom: -900px; }
	.nav { height: 900px; }
}