article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #AF2323; color: #fff; text-shadow: none; }
::selection { background: #AF2323; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*@media only screen and (min-width: 35em) {*/

		body {
			margin: 0;
		}
			p {
				font-family: 'Droid Sans', sans-serif;
				font-size: 0.9em;
			} 
			
			small {
				font-family: 'Droid Sans', sans-serif;
				font-size: 0.9em;
			} 

			h1, h2, h3, h4, h5, h6 {
				margin: 0;
				font-family: 'Dosis', sans-serif;
				font-weight: normal;
				letter-spacing: -1px;
			}
				h2 {
					font-size: 1.8em;
					color: #af2323;
				}
				h3 {
					font-size: 2em;
					color: #222527;
				}
		
		.geral {
			width: 960px;
			margin: auto;
			padding: 15px 0;
		}
			.topo {
				z-index: 1;
				position: fixed;
				top: 0;
				width: 100%;
				height: 115px;
				background: rgba(255,255,255,.7);
			}
				.topo div {
					width: 960px;
					margin: auto;
				}
					.topo h1 {
						position: relative;
						top: 20px;
						left: 0;
						float: left;
						margin: 0;
						background-image: url('../img/logotipo.png');
						background-repeat: no-repeat;
					}
						.topo h1 a {
							display: block;
							width: 180px;
							height: 65px;
							text-indent: -9999em;
						}
			.destaques {
				background: rgb(124,143,151);
				background: -moz-linear-gradient(top,  rgba(124,143,151,1) 0%, rgba(187,189,181,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,143,151,1)), color-stop(100%,rgba(187,189,181,1)));
				background: -webkit-linear-gradient(top,  rgba(124,143,151,1) 0%,rgba(187,189,181,1) 100%);
				background: -o-linear-gradient(top,  rgba(124,143,151,1) 0%,rgba(187,189,181,1) 100%);
				background: -ms-linear-gradient(top,  rgba(124,143,151,1) 0%,rgba(187,189,181,1) 100%);
				background: linear-gradient(top,  rgba(124,143,151,1) 0%,rgba(187,189,181,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8f97', endColorstr='#bbbdb5',GradientType=0 );


			}
				.destaques div {
				}
				.destaques ul {
					width: 1188px;
					margin: auto;
					padding: 0;
				}
					.destaques ul li {
						list-style-type: none;
					}
				.geral {}
					.projeto {
						height: 310px;
						padding-top:20px;
					}
						.projeto h3 {
							padding: 0 0 5px 0;
							/* border-bottom: 1px dotted #ccc; */
							font-size: 2.8em;
							letter-spacing: -2px;
							font-weight:bold;
						}
						.projeto div {
							float: left;
							width: 560px;
						}
						.projeto img {
							float: right;
						}
					.solucoes-pixele {
						clear: both;
						height: auto;
						margin:20px 0 0 0;
					}
						.solucoes-pixele ul {
							padding: 0;
							margin:0;
						}
							.solucoes-pixele ul li {
								float: left;
								width: 220px;
								margin: 0 10px;
								text-align: center;
								list-style-type: none;
							}
								.solucoes-pixele ul li h2 {
									margin-bottom: 10px;
									border-bottom: 1px solid #af2323;
									text-align: left;
								}
								.solucoes-pixele ul li p {
									text-align: left;
								}
					.trabalhos-pixele {
						padding: 40px 0;
						background: rgb(242,242,242);
						/*
							background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(186,186,186,1) 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(186,186,186,1)));
							background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(186,186,186,1) 100%);
							background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(186,186,186,1) 100%);
							background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(186,186,186,1) 100%);
							background: linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(186,186,186,1) 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#bababa',GradientType=0 );
						*/
					}
						.trabalhos-pixele div {
							width: 960px;
							margin: auto;
						}
							.trabalhos-pixele h3 {
								margin-bottom: 20px;
								padding-bottom:10px;
								border-bottom: 1px dotted #cccccc;
							}
								.trabalhos-pixele ul {
									width: 921px;
									min-height: 200px;
									margin: auto;
									padding: 15px 0;
									background: rgba(255,255,255, .3);
									border-radius: 5px;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;
									
								}
								.trabalhos-pixele ul li {
									float: left;
									width: 285px;
									margin: 0 11px;
									font-family: 'Droid Sans', sans-serif;
									font-size: 0.9em;
									list-style-type: none;
								}
									.trabalhos-pixele ul li figure {
										position: relative;
									}
										.trabalhos-pixele ul li figcaption {
											position: absolute;
											top: -5px;
											left: -5px;
										}
									.trabalhos-pixele ul li strong {
										display: block;
										font-weight: normal;
										color: #c71818;
									}
										.trabalhos-pixele ul li span {
										
										}
					.equipe-pixele {
						margin:0;
						background:#DEDEDE;
					}

						.equipe-pixele div {
							margin:0 auto 0 auto;
							width: 960px;
							padding: 30px 0px 10px 0px;
						}

						.equipe-pixele h3 {
							margin-bottom: 20px;
							padding-bottom:10px;
							border-bottom: 1px dotted #B8B8B8;
						}
						.equipe-pixele ul {
							/* width:  835px */;
							width:auto;
							margin: auto;
							padding:20px 0 20px 4px;
						}
							.equipe-pixele ul li {
								float: left;
								width: 190px;
								height: 180px;
								margin: 0;
								padding: 0;
							 	
								list-style-type: none;
							}
								.equipe-pixele ul li figure img {
									margin-bottom: 10px;
									border: 1px solid #808080;
								}
								.equipe-pixele ul li figcaption {
									font-family: 'Dosis', sans-serif;
								}
									.equipe-pixele ul li figcaption strong {
										display: block;
										font-weight: normal;
										line-height: 12px;
										color: #af2323;
									}
									.equipe-pixele ul li figcaption span {
									
									}
/*  START CONTACT CLASS */

			.contato {}

					.contato {
						margin:0 auto 0 auto;
						padding:30px 0 40px 0;
						width: 960px;						
					}
						.contato h3 {
							margin-bottom: 40px;
							padding-bottom:10px;
							color:#FFF;
							border-bottom:1px dotted #8C1B1B;
						}

						.contato div {
							text-align:left;
						}


					.contato .info-contato {}
						.contato .info-contato a:link, .contato .info-contato a:visited, .contato .info-contato a:hover {
							color: #fff;
						}

						.contato .info-contato {
							float: left;
							width:50%;
							height:60px;
						}

						.contato .sociais-pixele {
							float: left;
							width:50%;
							height:60px;
							text-align:right;
							line-height:60px;
							vertical-align:middle;
						}

							.contato .sociais-pixele a {
								margin:0 20px 0 0;
							}

							.contato .info-contato .fone {
								font-size:1.8em;
								display:block;
								margin:0;
							}	

							.contato .info-contato .email {
								font-size:1.2em;
								display:block;
								margin:-5px 0 10px 0;
							}
								.contato .info-contato .email a {
									color:#FFF;
									text-decoration:none;
								}

/*  END CONTACT CLASS */
			.rodape {
				color: #fff;
				margin: 0 0 0 0;
			}
					.rodape .rod-conteudo {
						width: 960px;
						margin: auto;
						padding-bottom: 20px;
						
					}
				.rodape .r1 {
					height: auto;
					background-color: #af2323;
				}
					/*.rodape .r1 .social-pixele {
						padding: 5px 0;
						border-bottom: 1px solid #821a1a;
					}
						.rodape .r1 .social-pixele p,
						.rodape .r1 .social-pixele span,
						.rodape .r1 .social-pixele a {
							font-family: Georgia;
							font-size: 13px;
							margin: 0;
						}
							.rodape .r1 .social-pixele a:link,
							.rodape .r1 .social-pixele a:visited,
							.rodape .r1 .social-pixele a:hover,
							.rodape .r1 .social-pixele a:active {
								display: block;
								color: #fff;
							}
						
						.rodape .r1 .social-pixele ul {
							padding: 0;
						}
							.rodape .r1 .social-pixele ul li {
								float: left;
								width: 220px;
								margin: 0 10px;
								list-style-type: none;
							}
								.rodape .r1 .social-pixele ul li h4 {
									font-family: Georgia;
									font-style: italic;
									font-size: 1.6em;
									letter-spacing: -1px;
								}
								.rodape .r1 .social-pixele ul li.localizacao-pixele h4 {
									background: url('../img/ico_localizacao.png') 160px 0 no-repeat;
								}
								.rodape .r1 .social-pixele ul li.blog-pixele h4 {
									background: url('../img/ico_blog.png') 90px 0 no-repeat;
								}
								.rodape .r1 .social-pixele ul li.twitter-pixele h4 {
									background: url('../img/ico_twitter.png') 120px 0 no-repeat;
								}
								.rodape .r1 .social-pixele ul li.facebook-pixele h4 {
									background: url('../img/ico_facebook.png') 140px 0 no-repeat;
								}*/
											
				.rodape .r2 {
					height: 40px;
					padding: 15px 0;
					background-color: #333;
					font-size: .9em;
					text-align: right;
				}
					.rodape .r2 .contato-pixele {
						margin-bottom: 5px;
						padding: 5px 0;
						border-bottom: 1px solid #c35a5a;
					}
						.rodape .r2 .contato-pixele .formulario-pixele {
							float: left;
							padding-top: 35px;
						}
							.rodape .r2 .contato-pixele form {}
								.rodape .r2 .contato-pixele form fieldset {
									height: auto;
									/*background-color: #911d1d;*/
									border-radius: 5px;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;
									text-align: left;
								}
									.rodape .r2 .contato-pixele form fieldset legend {
										position: relative;
										top: -25px;
										font-family: Georgia;
										font-style: italic;
										font-size: 1.8em;
										line-height: 15px;
										letter-spacing: -1px;
									}
									#alerta-contato {
										position: relative;
										left: 10px;
										display: none;
										width: 525px;
										padding: 0;
										font-size: .9em;
										
									}
										#alerta-contato p {
											margin: 0;
										}
									.rodape .r2 .contato-pixele form fieldset input,
									.rodape .r2 .contato-pixele form fieldset textarea {
										display: block;
										padding: 10px;
										margin: 5px 0;
										border: 0;
										border-radius: 3px;
											-webkit-border-radius: 3px;
											-moz-border-radius: 3px;
										font: normal .8em Arial;
										color: #575757;
									}
									.rodape .r2 .contato-pixele form fieldset button {
										/*position: relative;
										top: 15px;
										left: 10px;
										float: right;*/
										margin: 3px 0;
										padding: 0;
										border: 0;
										background-color: transparent;
									}
									.rodape .r2 .contato-pixele form fieldset textarea {
										/*float: left;*/
									}
									.rodape .r2 .contato-pixele form fieldset fieldset {
										float: left;
										margin-left: 10px;
										background-color: transparent;
										border-radius: 0;
											-webkit-border-radius: 0;
											-moz-border-radius: 0;
									}
						.rodape .r2 .sociais-pixele {
							float: right;
							position: relative;
							top: 110px;
							right: 80px;
						}

/*}*/

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clear {
	clear: both;
}
.esquerda {
	float: left;
}
.direita {
	float: right;
}
.msg-sucesso {
	padding: 10px !important;
	margin-top: 10px;
	border: 1px solid #57bb57;
	background-color: #d7ffd7;
	color: #103a10;
}
.msg-erro {
	padding: 10px !important;
	margin-top: 10px;
	border: 1px solid #57bb57;
	background-color: #d7ffd7;
	color: #3a1010;
}
.msg-alerta {
	margin-bottom: 10px;
	padding: 10px !important;
	background-color: #FFF9D7;
	border: 1px solid #E2C822;
	color: #252107;
}

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}