@charset "utf-8";


/* Html
---------------------------------------------------------------------------------------------------- */
html {
	height:100%;
	-webkit-font-smoothing:antialiased;
	margin:0;
	padding:0;
	border:0;
	overflow-y:hidden;
}

/* Body
-------------------------------------------------------------------------------- */
body {
	/*background:#EEE url('../img/bg.jpg') no-repeat fixed;*/
	color:#555;
	height:100%;
	font:.8em/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
	margin:0;
	padding:0 2px;
	border:0;
	width: 100%;
	height: 100%;
	background: url(../img/bg.jpg) no-repeat center center scroll;
	background-size: cover;
} 

header {
	text-align:center;
}

.email-branco a{
	color:#000!important;
	font-size: 16px;
	font-family: Tahoma;
	margin-top:20px;
	font-weight: bold; 
}

nav.social {
	margin:25px auto;
}

nav.social a {
	margin:0;
}

.floater {
	float:left;
	height:50%;
	margin-top:-135px;
	position:relative;
}

.wrap {
	width: 100%;
	clear:both;
	height:320px;
	position:relative;
}

@media only screen and (min-width: 765px) and (max-width: 978px) {
	.floater {
		margin-top:-175px;
	}

	.wrap {
		height:320px;
	}
}

@media only screen and (min-width: 640px) and (max-width: 765px){
	.floater {
		margin-top:-175px;
	}

	.wrap {
		height:330px;
	}
}

@media only screen and (max-width: 640px){
	.floater {
		margin-top:-175px;
	}

	.wrap {
		height:350px;
	}
	
	.email {
		font-size:1.4em;
	}
}

.noscript {color:#900;margin-bottom:15px;font-style:italic}

a.lattes, a.facebook, a.twitter, a.foursquare, a.skype, a.linkedin, a.MM, a.apecof {background-repeat:no-repeat;width:64px;height:64px;display:inline-block;font-size:0}
a.lattes {background-image:url('../img/social-icon-lattes.png');}
a.facebook {background-image:url('../img/social-icon-facebook.png');}
a.twitter {background-image:url('../img/social-icon-twitter.png');}
a.foursquare {background-image:url('../img/social-icon-foursquare.png');}
a.skype {background-image:url('../img/social-icon-skype.png');}
a.linkedin {background-image:url('../img/social-icon-linkedin.png');}
a.MM {background-image:url('../img/social-icon-MM.png');}
a.apecof {background-image:url('../img/social-icon-apecof.png');}
a.lattes:hover, a.facebook:hover, a.twitter:hover, a.foursquare:hover, a.skype:hover, a.linkedin:hover, a.MM:hover, a.apecof:hover {background-position:0 -64px}

footer {
	margin:0 auto;
	text-align:center;
}

a {
	color:#1D9FD5;
	text-decoration:none;
}

a:hover {
	color:#1D6FD5;
}