@charset "UTF-8";
@import url(font-awesome.min.css);
@import "http://fonts.googleapis.com/css?family=Raleway:400,700";

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome/fontawesome.eot?-v92fkb');
	src:url('../fonts/fontawesome/fontawesome.eot?#iefix-v92fkb') format('embedded-opentype'),
	url('../fonts/fontawesome/fontawesome.woff?-v92fkb') format('woff'),
	url('../fonts/fontawesome/fontawesome.ttf?-v92fkb') format('truetype'),
	url('../fonts/fontawesome/fontawesome.svg?-v92fkb#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Blokk';
	src: url('../fonts/blokk/BLOKKRegular.eot');
	src: url('../fonts/blokk/BLOKKRegular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/blokk/BLOKKRegular.woff') format('woff'),
	url('../fonts/blokk/BLOKKRegular.svg#BLOKKRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
	Spatial by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
	*/

	/* Basic */

	body {
		background: #fff;
	}

	body.is-loading *, body.is-loading *:before, body.is-loading *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	body, input, select, textarea {
		color: #666;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 400;
		line-height: 2em;
	}

	strong, b {
		color: #484848;
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #484848;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
	}

	h2 {
		font-size: 1.75em;
		line-height: 1.5em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 2em 0;
	}

	hr.major {
		margin: 3em 0;
	}

	blockquote {
		border-left: solid 4px rgba(144, 144, 144, 0.25);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

	pre code {
		display: block;
		line-height: 1.75em;
		padding: 1em 1.5em;
		overflow-x: auto;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	#header{
		background-color: red;
	}

	.hover-box{

	}

	.hover-box:hover{

	}


	/* Section/Article */

	section.special, article.special, header.special {
		text-align: center;
	}

	header p {
		color: #CCC;
		position: relative;
		margin: 0 0 1.5em 0;
		text-transform: uppercase;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
		line-height: 1.5em;
	}

	header.major {
		margin: 2em 0 6em 0;
	}

	header.major h2 {
		font-size: 3em;
	}

	header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
		display: inline-block;
		margin: 0 0 0.8em;
	}

	header.major p {
		font-size: 1.7em;
		margin-bottom: 0;
	}

	#one{
		background-image: url("images/fundo.jpg");
		opacity: 0.8;
		border-bottom:1px solid #d3d3d3;
		overflow-y: hidden;

	}






    #two{
    	-moz-box-shadow:    inset 0px 11px 8px -10px #CCC;
    	-webkit-box-shadow: inset 0px 11px 8px -10px #CCC;
    	box-shadow:         inset 0px 15px -20px -10px #CCC;
    }

    /* Form */

    form {
    	margin: 0 0 2em 0;
    }

    label {
    	color: #484848;
    	display: block;
    	font-size: 0.9em;
    	font-weight: 700;
    	margin: 0 0 1em 0;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    select,
    textarea {
    	-moz-appearance: none;
    	-webkit-appearance: none;
    	-o-appearance: none;
    	-ms-appearance: none;
    	appearance: none;
    	background: rgba(144, 144, 144, 0.075);
    	border-radius: 4px;
    	border: none;
    	border: solid 1px rgba(144, 144, 144, 0.25);
    	color: inherit;
    	display: block;
    	outline: 0;
    	padding: 0 1em;
    	text-decoration: none;
    	width: 100%;
    }

    input[type="text"]:invalid,
    input[type="password"]:invalid,
    input[type="email"]:invalid,
    select:invalid,
    textarea:invalid {
    	box-shadow: none;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    select:focus,
    textarea:focus {
    	border-color: #f32853;
    	box-shadow: 0 0 0 1px #f32853;
    }

    .select-wrapper {
    	text-decoration: none;
    	display: block;
    	position: relative;
    }

    .select-wrapper:before {
    	content: "";
    	-moz-osx-font-smoothing: grayscale;
    	-webkit-font-smoothing: antialiased;
    	font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
    	text-transform: none !important;
    }

    .select-wrapper:before {
    	color: rgba(144, 144, 144, 0.25);
    	display: block;
    	height: 2.75em;
    	line-height: 2.75em;
    	pointer-events: none;
    	position: absolute;
    	right: 0;
    	text-align: center;
    	top: 0;
    	width: 2.75em;
    }

    .select-wrapper select::-ms-expand {
    	display: none;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    select {
    	height: 2.75em;
    }

    textarea {
    	padding: 0.75em 1em;
    }

    input[type="checkbox"],
    input[type="radio"] {
    	-moz-appearance: none;
    	-webkit-appearance: none;
    	-o-appearance: none;
    	-ms-appearance: none;
    	appearance: none;
    	display: block;
    	float: left;
    	margin-right: -2em;
    	opacity: 0;
    	width: 1em;
    	z-index: -1;
    }

    input[type="checkbox"] + label,
    input[type="radio"] + label {
    	text-decoration: none;
    	color: #666;
    	cursor: pointer;
    	display: inline-block;
    	font-size: 1em;
    	font-weight: 400;
    	padding-left: 2.4em;
    	padding-right: 0.75em;
    	position: relative;
    }

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
    	-moz-osx-font-smoothing: grayscale;
    	-webkit-font-smoothing: antialiased;
    	font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
    	text-transform: none !important;
    }

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
    	background: rgba(144, 144, 144, 0.075);
    	border-radius: 4px;
    	border: solid 1px rgba(144, 144, 144, 0.25);
    	content: '';
    	display: inline-block;
    	height: 1.65em;
    	left: 0;
    	line-height: 1.58125em;
    	position: absolute;
    	text-align: center;
    	top: 0;
    	width: 1.65em;
    }

    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
    	background: #323037;
    	border-color: #323037;
    	color: #ffffff;
    	content: '\f00c';
    }

    input[type="checkbox"]:focus + label:before,
    input[type="radio"]:focus + label:before {
    	border-color: #f32853;
    	box-shadow: 0 0 0 1px #f32853;
    }

    input[type="checkbox"] + label:before {
    	border-radius: 4px;
    }

    input[type="radio"] + label:before {
    	border-radius: 100%;
    }

    ::-webkit-input-placeholder {
    	color: #aaa !important;
    	opacity: 1.0;
    }

    :-moz-placeholder {
    	color: #aaa !important;
    	opacity: 1.0;
    }

    ::-moz-placeholder {
    	color: #aaa !important;
    	opacity: 1.0;
    }

    :-ms-input-placeholder {
    	color: #aaa !important;
    	opacity: 1.0;
    }

    .formerize-placeholder {
    	color: #aaa !important;
    	opacity: 1.0;
    }

    /* Box */

    .box {
    	border-radius: 4px;
    	border: solid 1px rgba(144, 144, 144, 0.25);
    	margin-bottom: 2em;
    	padding: 1.5em;
    }

    .box > :last-child,
    .box > :last-child > :last-child,
    .box > :last-child > :last-child > :last-child {
    	margin-bottom: 0;
    }

    .box.alt {
    	border: 0;
    	border-radius: 0;
    	padding: 0;
    }

    /* Feature */

    .feature-grid {
    	position: relative;
    }

    .feature-grid:after {
    	clear: both;
    	content: '';
    	display: block;
    }

    .feature-grid .feature {
    	display: inline-block;
    	float: left;
    	margin-bottom: 3em;
    	width: 45%;
    }

    .feature-grid .feature .content2 {
    	width: 60%;
    }

    .feature-grid .feature .image {
    	width: 30%;
    }

    .feature-grid .feature .image img {
    	display: inline;
    	max-width: 100%;
    }

    .feature-grid .feature:nth-child(odd) .content2, .feature-grid .feature:nth-child(odd) .image {
    	float: right;
    	margin-right: 5%;
    	text-align: right;
    }

    .feature-grid .feature:nth-child(even) .content2, .feature-grid .feature:nth-child(even) .image {
    	float: left;
    	margin-left: 5%;
    	text-align: left;
    }

    /* Icon */

    .icon {
    	text-decoration: none;
    	border-bottom: none;
    	position: relative;
    }

    .icon:before {
    	-moz-osx-font-smoothing: grayscale;
    	-webkit-font-smoothing: antialiased;
    	font-family: FontAwesome;
    	font-style: normal;
    	font-weight: normal;
    	text-transform: none !important;
    }

    .icon > .label {
    	display: none;
    }

    /* Image */

    .image {
    	border-radius: 4px;
    	border: 0;
    	display: inline-block;
    	position: relative;
    }

    .image img {
    	border-radius: 4px;
    	display: block;
    }

    .image.left {
    	float: left;
    	padding: 0 1.5em 1em 0;
    	top: 0.25em;
    }

    .image.right {
    	float: right;
    	padding: 0 0 1em 1.5em;
    	top: 0.25em;
    }

    .image.left, .image.right {
    	max-width: 40%;
    }

    .image.left img, .image.right img {
    	width: 100%;
    }

    .image.fit {
    	display: block;
    	margin: 0 0 2em 0;
    	width: 100%;
    }

    .image.fit img {
    	width: 100%;
    }

    .image.rounded {
    	border-radius: 100%;
    }

    .image.rounded img {
    	border: solid 0.5em rgba(144, 144, 144, 0.25);
    	border-radius: 100%;
    }

    .image.rounded img:hover {
    	border: solid 0.5em rgba(0, 144, 255, 0.45);
    	border-radius: 100%;
    	cursor: pointer;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
    	-webkit-box-shadow: 0px 0px 0px 10px #5bbdea;
    	-moz-box-shadow: 0px 0px 0px 10px #5bbdea;
    	box-shadow: 0px 0px 0px 8px #ade7f7;
    }

    .image.captioned {
    	border-radius: 0;
    	margin-bottom: 4em;
    	background-color: white;
    }

    .image.captioned img {
    	border-radius: 0;
    }

    .image.captioned h3 {
    	/*background-color: #fff;*/
    	box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.15);
    	display: block;
    	padding: 2em 0;
    	min-height: 163px;
    }

    .image.captioned:hover{
    	background-color: #5bbdea;
    	color: white;
    	cursor: pointer;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
    	-webkit-box-shadow: 0px 0px 0px 10px #5bbdea;
    	-moz-box-shadow: 0px 0px 0px 10px #5bbdea;
    	box-shadow: 0px 0px 0px 10px #5bbdea;
    }

    .image.captioned:hover h3{
    	color: white;
    }

    /* List */

    ol {
    	list-style: decimal;
    	margin: 0 0 2em 0;
    	padding-left: 1.25em;
    }

    ol li {
    	padding-left: 0.25em;
    }

    ul {
    	list-style: disc;
    	margin: 0 0 2em 0;
    	padding-left: 1em;
    }

    ul li {
    	padding-left: 0.5em;
    }

    ul.alt {
    	list-style: none;
    	padding-left: 0;
    }

    ul.alt li {
    	border-top: solid 1px rgba(144, 144, 144, 0.25);
    	padding: 0.5em 0;
    }

    ul.alt li:first-child {
    	border-top: 0;
    	padding-top: 0;
    }

    ul.icons {
    	cursor: default;
    	list-style: none;
    	padding-left: 0;
    }

    ul.icons li {
    	display: inline-block;
    	padding: 0 1em 0 0;
    }

    ul.icons li:last-child {
    	padding-right: 0;
    }

    ul.icons li .icon:before {
    	font-size: 2em;
    }

    ul.actions {
    	cursor: default;
    	list-style: none;
    	padding-left: 0;
    }

    ul.actions li {
    	display: inline-block;
    	padding: 0 1em 0 0;
    	vertical-align: middle;
    }

    ul.actions li:last-child {
    	padding-right: 0;
    }

    ul.actions.small li {
    	padding: 0 0.5em 0 0;
    }

    ul.actions.vertical li {
    	display: block;
    	padding: 1em 0 0 0;
    }

    ul.actions.vertical li:first-child {
    	padding-top: 0;
    }

    ul.actions.vertical li > * {
    	margin-bottom: 0;
    }

    ul.actions.vertical.small li {
    	padding: 0.5em 0 0 0;
    }

    ul.actions.vertical.small li:first-child {
    	padding-top: 0;
    }

    ul.actions.fit {
    	display: table;
    	margin-left: -1em;
    	padding: 0;
    	table-layout: fixed;
    	width: calc(100% + 1em);
    }

    ul.actions.fit li {
    	display: table-cell;
    	padding: 0 0 0 1em;
    }

    ul.actions.fit li > * {
    	margin-bottom: 0;
    }

    ul.actions.fit.small {
    	margin-left: -0.5em;
    	width: calc(100% + 0.5em);
    }

    ul.actions.fit.small li {
    	padding: 0 0 0 0.5em;
    }

    dl {
    	margin: 0 0 2em 0;
    }

    /* Table */

    .table-wrapper {
    	-webkit-overflow-scrolling: touch;
    	overflow-x: auto;
    }

    table {
    	margin: 0 0 2em 0;
    	width: 100%;
    	text-align: left;
    }

    table tbody tr {
    	border: solid 1px rgba(144, 144, 144, 0.25);
    	border-left: 0;
    	border-right: 0;
    }

    table tbody tr:nth-child(2n + 1) {
    	background-color: rgba(144, 144, 144, 0.075);
    }

    table td {
    	padding: 0.75em 0.75em;
        text-align: center;
    }

    table th {
    	color: #484848;
    	font-size: 0.9em;
    	font-weight: 700;
    	padding: 0 0.75em 0.75em 0.75em;
    	text-align: center;
    }

    table thead {
    	border-bottom: solid 2px rgba(144, 144, 144, 0.25);
    }

    table tfoot {
    	border-top: solid 2px rgba(144, 144, 144, 0.25);
    }

    table.alt {
    	border-collapse: separate;
    }

    table.alt tbody tr td {
    	border: solid 1px rgba(144, 144, 144, 0.25);
    	border-left-width: 0;
    	border-top-width: 0;
    }

    table.alt tbody tr td:first-child {
    	border-left-width: 1px;
    }

    table.alt tbody tr:first-child td {
    	border-top-width: 1px;
    }

    table.alt thead {
    	border-bottom: 0;
    }

    table.alt tfoot {
    	border-top: 0;
    }

    /* Button */

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    .button {
    	-moz-appearance: none;
    	-webkit-appearance: none;
    	-o-appearance: none;
    	-ms-appearance: none;
    	appearance: none;
    	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    	background-color: #323037;
    	border-radius: 4px;
    	border: 0;
    	color: #ffffff !important;
    	cursor: pointer;
    	display: inline-block;
    	font-weight: 700;
    	height: 3.25em;
    	line-height: 3.25em;
    	padding: 0 2.2em;
    	text-align: center;
    	text-decoration: none;
    	text-transform: uppercase;
    	white-space: nowrap;
    }

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    .button:hover {
    	background-color: #3e3c45;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    .button:active {
    	background-color: #262429;
    }

    input[type="submit"].icon,
    input[type="reset"].icon,
    input[type="button"].icon,
    .button.icon {
    	padding-left: 1.35em;
    }

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    .button.icon:before {
    	margin-right: 0.5em;
    }

    input[type="submit"].fit,
    input[type="reset"].fit,
    input[type="button"].fit,
    .button.fit {
    	display: block;
    	margin: 0 0 1em 0;
    	width: 100%;
    }

    input[type="submit"].small,
    input[type="reset"].small,
    input[type="button"].small,
    .button.small {
    	font-size: 0.8em;
    }

    input[type="submit"].big,
    input[type="reset"].big,
    input[type="button"].big,
    .button.big {
    	font-size: 1.35em;
    }

    input[type="submit"].alt,
    input[type="reset"].alt,
    input[type="button"].alt,
    .button.alt {
    	background-color: transparent;
    	box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
    	color: #484848 !important;
    }

    input[type="submit"].alt:hover,
    input[type="reset"].alt:hover,
    input[type="button"].alt:hover,
    .button.alt:hover {
    	background-color: rgba(144, 144, 144, 0.075);
    }

    input[type="submit"].alt:active,
    input[type="reset"].alt:active,
    input[type="button"].alt:active,
    .button.alt:active {
    	background-color: rgba(144, 144, 144, 0.2);
    }

    input[type="submit"].alt.icon:before,
    input[type="reset"].alt.icon:before,
    input[type="button"].alt.icon:before,
    .button.alt.icon:before {
    	color: #aaa;
    }

    input[type="submit"].special,
    input[type="reset"].special,
    input[type="button"].special,
    .button.special {
    	/*background-color: #f32853;*/
    	background-color: #7cd8f9;
    	color: #ffffff !important;

    }

    input[type="submit"].special:hover,
    input[type="reset"].special:hover,
    input[type="button"].special:hover,
    .button.special:hover {
    	background-color: #1392c4;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
    	-webkit-box-shadow: 0px 0px 0px 10px #5bbdea;
    	-moz-box-shadow: 0px 0px 0px 10px #5bbdea;
    	box-shadow: 0px 0px 0px 10px #5bbdea;

    }

    input[type="submit"].special:active,
    input[type="reset"].special:active,
    input[type="button"].special:active,
    .button.special:active {
    	background-color: #0b4c89;
    }

    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    .button.disabled,
    .button:disabled {
    	background-color: #666 !important;
    	box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
    	color: #fff !important;
    	cursor: default;
    	opacity: 0.25;
    }

    /* Header */

    #skel-layers-wrapper {
    	padding-top: 6em;
    }

    body.landing #skel-layers-wrapper {
    	padding-top: 0 !important;
    }

    #header {
    	background-color: #fff;
    	border-bottom: solid 1px rgba(144, 144, 144, 0.25);
    	box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
    	color: #484848;
    	cursor: default;
    	font-size: 1.25em;
    	height: 4.5em;
    	left: 0;
    	line-height: 4.4em;
    	position: fixed;
    	text-transform: uppercase;
    	top: 0;
    	width: 100%;
    	z-index: 10000;
    }

    #header h1 {
    	color: #484848;
    	font-weight: 400;
    	height: inherit;
    	left: 1.25em;
    	line-height: inherit;
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	top: 0;
    	cursor:pointer;
    }

    #header nav {
    	height: inherit;
    	line-height: inherit;
    	position: absolute;
    	right: 1.25em;
    	top: -30px;
    	vertical-align: middle;
    }

    #header nav > ul {
    	list-style: none;
    	margin: 0;
    	padding-left: 0;
    }

    #header nav > ul > li {
    	/*border-radius: 50px;*/
    	display: inline-block;
    	margin-left: 2.5em;
    	padding-left: 0;
    }

    #header nav > ul > li a {
    	-moz-transition: color 0.2s ease-in-out;
    	-webkit-transition: color 0.2s ease-in-out;
    	-o-transition: color 0.2s ease-in-out;
    	-ms-transition: color 0.2s ease-in-out;
    	transition: color 0.2s ease-in-out;
    	color: #666;
    	display: inline-block;
    	text-decoration: none;
    	cursor:pointer;
    }

    #header nav > ul > li a:hover {
    	color: #484848;
    }

    #header nav > ul > li:first-child {
    	margin-left: 0;
    }

    #header nav > ul > li .button {
    	border-color: rgba(144, 144, 144, 0.25);
    	box-shadow: none;
    	height: 3em;
    	line-height: 2.9em;
    	margin-bottom: 0;
    	padding: 0 1.5em;
    	position: relative;
    	top: -0.075em;
    	vertical-align: middle;
    }

//** NAV 2 **//

#header #nav2 {
        height: inherit;
        line-height: inherit;
        position: absolute;
        right: 1.25em;
        top: 30px;
        vertical-align: middle;
    }

//** FIM **//

    #header .container {
    	position: relative;
    }

    #header .container h1 {
    	left: 0;
    }

    #header .container nav {
    	right: 0;
    }

    #header.alt {
    	background-color: #3190B3;
    	border: 0;
    	box-shadow: none;
    	height: 4.25em;
    	line-height: 1.25em;
    	position: fixed;
    }

    #header.alt h1 {
    	color: #ffffff;
    	left: 2.5em;
    	top: 1.7em;
    }

    #header.alt h1 a {
    	color: #ffffff;
    }

    #header.alt nav {
    	right: 2em;
    	/*top: 2em;*/
    }

    #header.alt nav a {
    	color: #ddd;
    }

    #header.alt nav a:active, #header.alt nav a:hover {
    	color: #ffffff;
    }

    #header.alt .button {
    	border-color: rgba(255, 255, 255, 0.5);
    	color: #ffffff !important;
    }

    /* Banner */

    #banner {
    	padding: 14em 0 13em 0;
    	background-attachment: fixed;
    	background-image: url("images/overlay.png"), url("../images/bg-programacao2.jpg");
    	background-position: center top;
    	background-size: cover;
    	line-height: 1.75;
    	text-align: center;
    }

    #banner :last-child {
    	margin-bottom: 0;
    }

    #banner h2 {
    	color: #ffffff;
    	display: inline-block;
    	font-size: 2.8em;
    	line-height: 1.35;
    	margin-bottom: 0.5em;
    }

    #banner p {
    	color: #C0DFE2;
    	font-size: 1.5em;
    	margin-bottom: 1.75em;
    	text-transform: uppercase;
    }

    body.is-touch #banner {
    	background-attachment: scroll;
    }

    /* Main */

    #main {
    	padding-top: 4em;
    }


    /* Wrapper */

    .wrapper {
    	padding: 6em 0 4em 0;
    }

    .wrapper.style2 {
    	background-color: #f6f6f6;
    }

    .wrapper.style3 {
    	background-attachment: fixed;
    	background-image: url("images/overlay.png"), url("../images/blue.jpg");
    	background-position: center center;
    	background-size: cover;
    	text-align: center;
    }

    .wrapper.style3 header.major {
    	margin-bottom: 3em;
    }

    .wrapper.style3 header.major h2 {
    	color: #ffffff;
    }

    body.is-touch .wrapper.style3 {
    	background-attachment: scroll;
    }

   



    .areas{
		/*background-attachment: fixed;
		background-image: url("images/overlay.png"), url("../images/healthcare2.jpg");
		background-position: center center;
		background-size: cover;*/
		background-color: #f6f6f6;
	}

	.wrapper.areas header.major {
		margin-bottom: 3em;
	}

	.wrapper.areas header.major h2 {
		color: #ffffff;
	}

	body.is-touch .wrapper.areas {
		background-attachment: scroll;
	}
	
	/* Footer */

	#footer {
		padding: 8em 0 6em 0;
		background: #f6f6f6;
		color: #aaa;
		text-align: center;
	}

	#footer a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		color: #aaa;
		text-decoration: none;
	}

	#footer a:active, #footer a:hover {
		color: #666;
	}

	#footer .icons {
		font-size: 1.5em;
	}

	#footer .icons li {
		padding-right: 2.5em;
	}

	#footer .icons li:last-child {
		padding-right: 0;
	}

	#footer .copyright {
		margin: 2em 0;
		padding: 0;
		text-align: center;
	}

	#footer .copyright li {
		border-left: solid 1px rgba(144, 144, 144, 0.25);
		display: inline-block;
		list-style: none;
		margin-left: 1.5em;
		padding-left: 1.5em;
	}

	#footer .copyright li:first-child {
		border-left: 0;
		margin-left: 0;
		padding-left: 0;
	}


	/** ESTILOS DO GRID 3D **/
	.grid-wrap {
		margin: 10px auto 0;
		max-width: 1090px;
		width: 100%;
		padding: 0;
		-webkit-perspective: 1500px;
		perspective: 1500px;
	}

	.grid {
		position: relative;
		-webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1);
		transition: all 0.5s cubic-bezier(0,0,0.25,1);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.view-full .grid {
		-webkit-transform: translateZ(-1500px);
		transform: translateZ(-1500px);
	}

	.grid figure,
	.grid .placeholder {
		width: 340px;
		height: 300px;
	}

	.grid figure {
		margin: 10px;
		display: inline-block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		
	}

	.grid figure:hover{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;
		-moz-box-shadow: 0px 0px 0px 10px #FFFFFF;
		box-shadow: 0px 0px 0px 8px #FFFFFF;
	}

	.grid figure.active {
		opacity: 0;
	}

	.grid .placeholder {
		pointer-events: none;
		position: absolute;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}

	.placeholder > div {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.placeholder .front img {
		width: 100%;
		height: 100%;
	}

	.placeholder .back {
		background: white;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	.view-full .placeholder {
		-webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
		transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);
	}

	.vertical .view-full .placeholder {
		-webkit-transform: translateZ(1500px) rotateX(-179.9deg);
		transform: translateZ(1500px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */
	}

	.horizontal .view-full .placeholder {
		-webkit-transform: translateZ(1500px) rotateY(-179.9deg);
		transform: translateZ(1500px) rotateY(-179.9deg);
	}

	.grid figure img {
		display: block;
		width: 100%;
	}

	.content,
	.loading {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
	}

	.content {
		overflow-y: scroll;
		height: 100%; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
		background: #fff;
		visibility: hidden;
		z-index: 400;
		-webkit-overflow-scrolling: touch;
	}

	.loading {
		opacity: 0;
		z-index: 1;
		background: transparent url("../images/preloader.gif") no-repeat center center;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: opacity 0.5s, transform 0.5s;
	}

	.loading.show {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.content.show {
		height: auto;
		pointer-events: auto;
		visibility: visible;
	}

	.content > div {
		z-index: 10;
		position: absolute;
		top: 0;
		width: 100%;
		overflow: hidden;
		height: 0;
		background: #F8FBFF;
	}

	.content > body {
		overflow-y: hidden;
	}

	.content > div.show {
		height: auto;
		opacity: 1;	
		-webkit-transition: opacity 0.6s;
		transition: opacity 0.6s;
	}

	.icon:before {
		font-family: 'fontawesome';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.close-content {
		position: fixed;
		z-index: 1000;
		top: 60px;
		right: 100px;
		font-size: 3.6em;
		color: #D65858;;
		cursor: pointer;
		pointer-events: none;
		padding: 1em;
		opacity: 0;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}

	.close-content:hover {
		color: #9A2828;
	}

	.content > div.show ~ .close-content {
		opacity: 1;
		pointer-events: auto;
	}

	.close-content:before {
		content: "\e602";
	}

	/* Dummy content */

	.dummy-img,
	.dummy-text {
		max-width: 500px;
		width: 90%;
		opacity: 0;
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: opacity 0.5s, transform 0.5s;
	}

	.vertical .dummy-img,
	.vertical .dummy-text {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}

	.horizontal .dummy-img,
	.horizontal .dummy-text {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}

	.content > div.show .dummy-img,
	.content > div.show .dummy-text {
		opacity: 1;
	}

	.vertical .content > div.show .dummy-img,
	.vertical .content > div.show .dummy-text {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.horizontal .content > div.show .dummy-img,
	.horizontal .content > div.show .dummy-text {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	p.dummy-text:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	p.dummy-text:nth-child(3) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.dummy-img {
		height: 200px;
		/*background-color: #ddd;*/
		margin: 30px auto;
	}

	.dummy-text {
		text-align: left;
		margin: 0 auto;
		padding: 10px 0;
		color: #CCC;
		font-size: 1em;
		font-family: Arial, serif;
	}

	.dummy-text:last-child {
		padding-bottom: 100px;
	}

	/* Simple fallback */
	/* if any of these are not supported, a simple fallback will be shown */
	.no-pointerevents .content,
	.no-csstransforms3d .content,
	.no-csstransitions .content,
	.no-pointerevents .content > div,
	.no-csstransforms3d .content > div,
	.no-csstransitions .content > div,
	.no-pointerevents .close-content,
	.no-csstransforms3d .close-content,
	.no-csstransitions .close-content {
		opacity: 1;
		visibility: visible;
		display: none;
		height: auto;
	}

	.no-pointerevents .show .close-content,
	.no-csstransforms3d .show .close-content,
	.no-csstransition .show .close-content,
	.no-pointerevents div.show,
	.no-csstransforms3d div.show,
	.no-csstransitions div.show,
	.no-csstransitions .dummy-img,
	.no-csstransitions .dummy-text,
	.no-csstransforms3d .dummy-img,
	.no-csstransforms3d .dummy-text, 
	.no-pointerevents .dummy-img,
	.no-pointerevents .dummy-text {
		display: block !important;
		opacity: 1;
	}

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

		.grid figure,
		.grid .placeholder {
			width: 240px;
			height: 212px;
		}

	}



	.equipe{
		border:1px solid #E4E4E4; 
		padding:47px;
		padding-bottom:0px;
		margin:0px;
		min-height: 406px;
		margin-bottom: 10px;
	}

	/* Bounce To Right */
	.hvr-bounce-to-right {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		width: 100%;
	}
	.hvr-bounce-to-right:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #3190B3;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		font-family: 'arial';
	}
	.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active, .hvr-bounce-to-right:hover strong  {
		color: white;
	}
	.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	.menu{
		width: 120px;
		height: 78px;
		font-size: 20px;
		color: #fff;
		background: #076A8E;
		background-image: url('../images/tel-uerj-tipo.png'); 
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		top: 30px;
		cursor: pointer;
        border-radius: 0px;
    }

    .hoverText{
      top: 60px;
      text-align: center;
      visibility: hidden;
      position: relative;
      font-size: 10px;
      left: 10px;
  }

  .menu:hover {
      color:#ccc;
      text-decoration:none;
      background:#0E5469;
      background-image: url('../images/tel-uerj-tipo.png'); 
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      
  }

  .menu:hover .hoverText{
      visibility: visible;
  }