@font-face {
    font-family: 'EurostileLTStdDemi';
    src: url('./fonts/eurostileltstd-demi.eot');
    src: url('./fonts/eurostileltstd-demi.eot') format('embedded-opentype'),
         url('./fonts/eurostileltstd-demi.woff') format('woff'),
         url('./fonts/eurostileltstd-demi.ttf') format('truetype'),
         url('./fonts/eurostileltstd-demi.svg#EurostileLTStdDemi') format('svg');
}

html, body { margin: 0; padding: 0; }

body { 
	position: relative; 
	min-height: 600px; 
	width: 100%; 
	overflow-x: hidden; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main {
	position: absolute;
	left: 0;
	width: 100%;
	height: 620px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

nav {
	background: url(./img/header-menu-bg.png) 0px top no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -773px;
	width: 1546px;
	height: 95px;
	z-index: 20;
	overflow: hidden;
	text-align: center;
}

nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-right: 80px;
}

nav ul li {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	height: 95px;
}

nav ul li a, nav ul li span {
	font-family: Arial;
	font-size: 12px;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	line-height: 42px;
	clear: none;
    color: rgb(79, 50, 41);
}

nav img {
	float: right;
}

nav ul li a.smaller-font {
	line-height: 1em;
	font-size: 9px;
	margin: 4px 20px 0;
	vertical-align: baseline;
	color: #41240e;
}

div.reveal {
    background: url(./img/img-bottom.jpg) 0 0 no-repeat;
    width: 1546px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -773px;
}

div.reveal > div {
    background: url(./img/img-top.jpg) 0 0 no-repeat;
    width: 773px;
    height: inherit;
}

div.reveal > div span {
    background: url(./img/drag.png) center top no-repeat;
    display: block;
    height: inherit;
    width: 194px;
    float: right;
    cursor: pointer;
    margin-right: -97px;
    position: relative;
    z-index: 15;
}

.texto-esquerdo, .texto-direito {
	position: absolute;
	opacity: 0;
	transition: all 1.5s ease-out;
	z-index: 3;
}

.texto-esquerdo {
	background: url(./img/txt1.png) 0 0 no-repeat;
	left: 313px;
	/*top: 200px;*/
	top: -500px;
	width: 254px;
	height: 243px;
	transition-delay: 0;
}

.texto-direito {
	background: url(./img/txt2.png) 0 0 no-repeat;
	width: 319px;
	height: 189px;
	left: 941px;
	/*top: 282px;*/
	top: -500px;
	transition-delay: 0.4s;
}

footer {
	background: url(./img/footer.png) center 0 no-repeat;
	position: absolute;
	top: 514px;
	left: 50%;
	margin-left: -773px;
	width: 1546px;
	height: 199px;
	z-index: 20;
}

.icon {
	height: 32px;
	width: 30px;
	line-height: 26px;
	display: inline-block; 
    width:20px; 
    height:20px; 
}

.icon.facebook { background: url(./img/facebook.jpg) left 0px no-repeat; background-size:20px 20px; margin-left:5px; }
.icon.twitter { background: url(./img/twitter.jpg) left 0px no-repeat; background-size:20px 20px; }