@charset "utf-8";
/* CSS Document */
/*0 - Fontes*/
/*1 - Reset CSS*/
/*2 - Grid - Layout*/
/*3 - Header*/
/*4 - Menu*/
/*5 - Conteúdo*/
/*6 - Footer*/
/*7 - Contato*/
/*8 - Media Queries*/

/*/////////////////////////////////0 - Fontes///////////////////////////////*/
@font-face {font-family: Aldine401 BT; src: url(../_fonts/ALD401B.TTF);	src: url(../_fonts/ALD401BI.TTF);src: url(../_fonts/ALD401I.TTF);	src: url(../_fonts/ALD401N.TTF);}
@font-face {font-family: Aldine721 Lt BT; src: url(../_fonts/ALD721L.TTF);}
@font-face {font-family: AmerType Md BT; src: url(../_fonts/AMRTYPEB.TTF);	src: url(../_fonts/AMRTYPEN.TTF);}
@font-face {font-family: Dosis; src: url(../_fonts/Dosis-Light.TTF);}

/*///////////////////////////1 - Reset CSS/////////////////////////////*/
* {	box-sizing:border-box; margin:0; padding:0; border:0; outline:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
*, *:before, *:after {-webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important;}






/*///////////////////////////2 - Grid - Layout////////////////////////////*/
			.mudar {background: #666;}

.full { width: 100%; float:left;}
.sup {background: rgba(0,0,51,1); background: -moz-linear-gradient(left, rgba(0,0,51,1) 0%, rgba(0,51,153,1) 51%, rgba(0,0,51,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,51,1)), color-stop(51%, rgba(0,51,153,1)), color-stop(100%, rgba(0,0,51,1))); background: -webkit-linear-gradient(left, rgba(0,0,51,1) 0%, rgba(0,51,153,1) 51%, rgba(0,0,51,1) 100%); background: -o-linear-gradient(left, rgba(0,0,51,1) 0%, rgba(0,51,153,1) 51%, rgba(0,0,51,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,51,1) 0%, rgba(0,51,153,1) 51%, rgba(0,0,51,1) 100%); background: linear-gradient(to right, rgba(0,0,51,1) 0%, rgba(0,51,153,1) 51%, rgba(0,0,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000033', endColorstr='#000033', GradientType=1 );/*fundo topo*/	}
.sup { background: url(../_img/topo.png); background-position: center; margin-top: 40px;}
.inf { background: #CE6700;}
				.mudar .inf {background: #000;}
.container {position: relative; max-width: 1000px; margin: 0 auto;}


/*///////////////////////////3 - Header////////////////////////////*/
#logo {	float: right; width: 28%; margin: 1% 0;}
.destaque {	width: 100%; text-align:center;	float:left;	font-family: AmerType Md BT; font-weight: lighter; color: #999;	margin: 1% 0 20% 0;}
				.mudar .destaque { color: #fff;	}
.destaque h1 { font-size: 30px;}
.destaque h2 { font-size: 20px;}


/*////////////////////////////4 - Menu/////////////////////////////*/
.laranja { background: #CE6700;	position: fixed; z-index: 10000; width: 100%; margin-top: -23px; border-bottom: 3px solid #fff;}
				.mudar .laranja { background: #000;}
.cinza { background: #E1E1E1;}
				.mudar .cinza { background: #333;}
menu { font-family: Dosis; font-size: 18px; font-weight:bold;}
menu span { font-size: 13px; font-style:italic;	color: #fff;}


/*superior*/
menu .menu_superior { float: left; width: 100%;}
menu .menu_superior ul { margin: 0; position: relative;}
menu .menu_superior	ul:after { content: ""; clear: both; display: block; }
menu .menu_superior ul ul {	display: none; position: absolute; top: 100%; }
menu .menu_superior ul li:hover> ul { display: block;}
menu .menu_superior ul ul li { float: none;	width: 320px; top: 90%; padding: 1%; background: #0066CC; background: #757575; margin: 0; border: 1px solid #666;}
menu .menu_superior ul ul li:hover { background: #333; color:#FFF; }
menu .menu_superior ul ul li a:hover { color:#FFF; }
menu .menu_superior ul li {	float: left; text-align:center;	padding: 1% 0; width: 14.28%; margin: 0; transition: .5s; }
menu .menu_superior ul li:hover { background:#FFBF80; transition: .5s; }
			.mudar menu .menu_superior ul li:hover{	background:#ccc; }
menu .menu_superior ul li a{ color:#FFF; text-decoration:none; }
menu .menu_superior ul li a:hover{ color: #000; }


/*inferior*/
menu .menu_inferior { float: right;	width: 15%; display:none;}
menu .menu_inferior ul li { margin: 3% 0; }
menu .menu_inferior ul li a { color:#FFF; text-decoration:none; }
menu .menu_inferior ul li a:hover { color: #0CF; }

/* Menu mobile */
div.menu-mobile { z-index: 1000000; position:relative; display: none; }
#check { display: none;	}
#triple-bar { cursor: pointer; position: absolute; top: 15px; left: 20px; font-size: 3em; z-index: 10; color: #FFFFFF; margin-top: -23px; }
.div-mobile { background-color: #D56A00; position: absolute; height: 1200px; width: 300px; transition: all .2s linear; left: -300px; top: 0; margin-top: -23px; }
			.mudar .div-mobile { background-color: #333; }
nav.nav-mobile { width: 100%; position: absolute; top: 80px; }
nav.nav-mobile a { text-decoration: none; display: inline-block; width: 300px; }
.li-mobile { background-color: #EC7600; padding: 10px 20px; font-family: Dosis; font-size: 1em; transition: all .2s linear; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; text-transform: uppercase; }
			.mudar .li-mobile { background-color: #666;}
.li-mobile span { text-transform: lowercase; }
.li-mobile:hover { background-color: #FF8000; color: #FFFFFF; }
			.mudar .li-mobile:hover { background-color: #373737;}
.r-sociais-mobile { position: absolute; left: -300px; }
#check:checked ~ .div-mobile { transform: translateX(300px); }
#check:checked ~ #triple-bar { color: #FFFFFF; }
#check:checked ~ .r-sociais-mobile { position: absolute; left: 150px; top: 25px; max-width: 150px; z-index: 11; transition: all .2s linear; }
.subnivel { margin-right: 30px; }
.li-li-mobile { background-color: #FFAA00; color: #FFFFFF; text-transform: uppercase; padding: 10px 20px 10px 50px; font-family: 'Dosis'; font-size: 1em; transition: all .2s linear; border-bottom: 2px solid #FFFFFF; margin-top: 0px; }
			.mudar .li-li-mobile { background-color: #999; }
.li-li-mobile span { text-transform: lowercase; }
.li-li-mobile:hover { background-color: #FFCC00; color: #FFFFFF; }
			.mudar .li-li-mobile:hover { background-color: #707070;}
.li-dois-mobile { background-color: #A0A0A0; color: #FFFFFF; text-transform: uppercase; padding: 10px 20px; font-family: Dosis; font-size: 1em; 	transition: all .2s linear; border-bottom: 2px solid #FFFFFF; }
.li-dois-mobile:hover { color: #FFFFFF; background-color: #8C8C8C; }
	.li-mobile:visited, .li-li-mobile:visited, .li-dois-mobile:visited { color: #FFFFFF; }

/*////////////////////////////////5 - Conteúdo//////////////////////////////*/
hr { width: 100%; border-top-width: 2px; border-top-style: dotted; border-top-color: #CCC; }
.box { width: 23%; height: 325px; margin: 0 1% 20px 1%; border: 1px solid #fff; padding: 6% 3%; float:left;	background: #FFF; background: #EEE;	background: #CE6700; }
			.mudar .box { background: #000; }
.box-web { text-align:center; float: left; width: 30%; margin: 0 35% 30px 35%; }
.box a {text-decoration: none;}
.box a h1  { font-family: Aldine401 BT; font-size: 20px; color: #0066FF; color: #FFF; }
.box a:hover h1 { color: #000; }	
			.mudar .box a:hover h1 { color: #069; }
.box a p { font-family: Tahoma;	font-size: 15px; color: #999; color: #FFC; margin: 10px 0; }
.box a:hover p { color: #000; }
			.mudar .box a:hover p {	color: #fff; }
.chamada { margin-left: 1.5%; margin-right: 1.5%; width: 97%; margin-top: -15%; }
.promocao { background:url(../_img/fundo-promocao.png); margin: 5px 0 20px 0; }
			.mudar .promocao { background:url(../_img/fundo-promocao-pb.png);}
.avatar { width: 40%; float:left; }
.avatar img { width: 90%; margin: -30px 5%;	}
.promosites { width: 50%; float: right; margin: 30px 20px; }
.promosites h2 { font-family: Aldine721 Lt BT; font-size: 36px; font-style:normal; color: #000; margin: 0px 20px 30px 20px; }
.promosites h3 { font-family: Aldine721 Lt BT; font-size: 24px;	font-style: italic;	color: #fff; margin: 30px 20px 10px 20px; float: right; background:#ce5e11; padding: 10px 40px; }
				.mudar .promosites h3 { background:#000; }
.promosites h3 span { font-size: 32px; }
.promosites ul li{ font-family: Dosis; font-size: 20px; font-style:normal; color: #333; margin-left: 50px; line-height: 28px; }
.projetos { margin: 35px 1.5%; width: 97%; }
.projetos h1 { font-family: Aldine721 Lt BT; font-size: 30px; font-style:normal; color: #333; }
			.mudar .projetos h1 { color: #FFF; }
.projetos p { font-family: Dosis; font-size: 21px; }
			.mudar .projetos p { color: #FFF; }
.projetos img.img_resp { float: right; margin: 1%; width: 50%; }
.projetos .proj li { background: #fff; height: 90px; }
.projetos .caract li { height: 135px; background: #E2E2E2; border-top: 20px solid #036; border-top: 20px solid #ce6700; margin-top: 15px; }
			.mudar .projetos .caract li { border-top: 20px solid #ccc; }
.projetos .benef li { float: none; width: 100%;	text-align:left; margin: 12px 0.8%; background: #E2E2E2; border-top: 2px solid #036; font-size: 20px; }
.projetos li { float: left; font-family: Dosis; font-size: 19px; text-align:center; position: relative; box-shadow: 0 1px 2px #999; padding: 10px; overflow:hidden; width: 15%; margin: 8px 0.8%; }
.projetos ul li img { width: 100%; }
.projetos li a { display: block; }
.projetos span.lupa { position: absolute; z-index: 20; right: 0; bottom: 0; left: 0; margin: auto; background: url(../_img/sprite.png) 0 0;	width: 83px; 	height: 41px; }
.projetos a:hover img { opacity: .8; }
.conteudo {	float: left; width: 100%; padding: 3%; margin: -130px 0 0 0; background:rgba(255,255,255,1); }
		.mudar .conteudo { background: #666; }
.conteudo h1 { font-family: Aldine721 Lt BT; font-size: 30px; font-style:normal; color: #333;} 
			.mudar .conteudo h1 { color: #FFF; }
.conteudo h1 span { color: #F30; }
			.mudar .conteudo h1 span { color: #FFC; }
.conteudo h2 { font-family: Aldine721 Lt BT; font-size: 24px; font-style:normal; color: #333; margin-bottom: 10px; }
			.mudar .conteudo h2 { color: #FFF; }
.conteudo h3 { font-family: Aldine721 Lt BT; font-size: 18px; font-style:normal; color: #999; margin-bottom: 10px; }
			.mudar .conteudo h3 { color: #FFF; }
.conteudo h3 a { color: #999; text-decoration:none; }
.conteudo h3 a:hover { color: #000; }
.conteudo p { font-family: Dosis; font-size: 21px; font-style:normal; color: #333; }
			.mudar .conteudo p { color: #FFF; }
.conteudo ul li { font-family: Dosis; font-size: 21px; font-style:normal; color: #333; margin-left: 60px; }
			.mudar .conteudo ul li { color: #FFF; }
.conteudo p a { color: #F90; }
			.mudar .conteudo p a { color: #fff; }
.font16 {font-size: .8em; color: #CCC;}
h2.accordion1, h2.accordion2, h2.accordion3, h2.accordion4, h2.accordion5 { cursor: pointer; }
p.accordion1, p.accordion2, p.accordion3, p.accordion4, p.accordion5{ display: none; }
.caixa-30 {width: 27%; margin: 1.5%; float: left;}
.caixa-33 {width: 30%; margin: 1.5%; float: left;}
.caixa-70 {width: 67%; margin: 1.5%; float: left;}
.caixa-40 {width: 37%; margin: 1.5%; float: left;}
.caixa-60 {width: 57%; margin: 1.5%; float: left;}
.caixa-50 {width: 47%; margin: 1.5%; float: left;}
.caixa-70 h2 { font-family: Aldine721 Lt BT; font-size: 23px; font-style:normal; color: #333;  }
			.mudar .caixa-70 h2 { color: #FFC; }
.caixa-70 ul li { font-family: Dosis; font-size: 21px; font-style:normal; color: #333; text-indent: 5px; list-style: url(http://www.ehnunes.com.br/_img/mais-pq.png); }
			.mudar .caixa-70 ul li {color: #fff;}
.caixa-70 h1 { font-family: Aldine721 Lt BT; font-size: 30px; font-style:normal; color: #333; }
.caixa-70 h1 span { color: #F30; }
.caixa-70 p { font-family: Dosis; font-size: 21px; font-style:normal; color: #333;  }

.migalha_pao { font-family: Dosis; font-size:15px; margin: 0 0 10px 0; }
.migalha_pao a{ color: #CCC; text-decoration:none; }
			.mudar .migalha_pao a{ color: #fff; text-decoration:none; }
ul.filter li { font-family: Dosis; font-size:16px; list-style: none; float: left; width: 16%; margin: 1.5% 1%; padding: 1%; background: #999; text-align: center; }
ul.filter li a { color: #FFF; text-decoration:none; }
div.web, div.graf { float: left; min-height: 170px; margin-bottom: 18px; width: 30.3%; margin-left: 1.5%; margin-right:1.5%; padding: 18px;  border:1px solid #CCC; font-family: Dosis; font-size: 1.1em; background:#FFF;}
				.mudar div.web, .mudar div.graf { background:#ccc;}
div.web p, div.graf p {margin-top: 7px; display:none;}
div.web strong, div.graf strong {color: #036;}
div.web img, div.graf img {width: 100%; border: 1px solid #E4E4E4;}
h1.titulo {	font-family: Aldine401 BT; font-size: 30px;	color: #333; margin: 2% 0;}
					.mudar h1.titulo {color: #fff;}
.clear {clear: both;}
/* Contraste de CSS */
.lingueta {	position:fixed; width:40px; height: 90px; margin: 15% 0; padding: 5px; right: 0; background:#CE6700; z-index:100000000; border-left: 5px solid #fff; }
				.mudar .lingueta { background:#000; }
.lingueta img {	margin: 5px 0; }


/*////////////////////////////////6 - Footer////////////////////////////////*/
.footer_contato { font-family: Dosis; font-size: 17px; float: left; width: 95%; color: #FFF; margin: 30px 2.5%;	}
#subir { clear: both; width: 90px; margin: 0 auto; padding-top: 100px; cursor: pointer; }
#subir a { width: 93px; height: 48px; display: block; background: url(../_img/sprite.png) 93px 52px; }
#subir a:hover { background-position: 93px 1px; }



/*////////////////////////////////// 7 - Contato ///////////////////////////////*/

#formulario_contato, #mapa { font-family: Dosis; float: left; width: 50%; height: 400px; padding: 1%; color:#666; }
						.mudar #formulario_contato { color:#fff; }
#formulario_contato h1 { font-size:20px; }
#formulario_contato p, #formulario_contato table { font-size:17px; }
#formulario_contato textarea { width: 90%; }





/*////////////////////////////////// 8 - Media Queries ///////////////////////////////*/
	
@media screen and (max-width: 780px) {
	.sup { margin-top: -23px; }
	div.menu-mobile { display: block; }
	.box { width: 47%; margin-bottom: 20px; margin-top: 0; text-align:center; }
	.box-web { float: left; width: 30%; margin: 0 35% 30px 35%; }
	.projetos .caract li, .projetos .proj li { width: 30.3%; margin: 15px 1.5% 0 1.5%; }
	ul.filter li { width: 28%; }
	div.web, div.graf { width: 47%; }
	#formulario_contato, #mapa { width: 90%; margin: 2% 5%; }
	menu .menu_inferior { float: right; width: 50%; }
	#logo { float: right; width: 50%; margin: 1% 25%; }
	.menu_superior { display: none; }
	.promosites h2 { font-size: 26px; }
	div.web, div.graf { min-height: 190px; }
	.conteudo {	margin-top: -60px; }
}

@media screen and (max-width: 500px) {
	.box { width: 97%; height: 210px; }
	.projetos img.img_resp { width: 98%; }
	.projetos .caract li, .projetos .proj li { width: 47%; margin: 15px 1.5% 0 1.5%; }
	div.web, div.graf { width: 97%; }
	#logo { float: right; width: 70%; margin: 1% 15%; }
	menu .menu_inferior { float: left; width: 90%; margin: 10px 5%; }
	.avatar { width: 100%; }
	.promosites { width: 90%; margin: 30px 5%; }
	.lingueta { margin: 5% 0; }
	.caixa-30 { width: 60%; margin: 1.5% 20%;}
	.caixa-33 {width: 80%; margin: 1.5% 10%; }
	.caixa-70, .caixa-60 { width: 90%; margin: 1.5% 5%;}
	.caixa-40 {width: 70%; margin: 1.5% 15%;}
	caixa-50 {width: 95%; margin: 1.5% 2.5%;}
}