﻿*
{
	margin:0;
	padding:0;
	border:0;
}

body {
	background:#F7F6F5;
}

#dummy_load {
	display:none;
}

#main {
	/**/
}

#main .bar {
	height:9px;
	background-color:#787066;
	/**/
    -moz-animation-name: animation_topBar;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 3.0s;
	
    -webkit-animation-name: animation_topBar;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 3.0s;
	
    animation-name: animation_topBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 3.0s;
}

@-moz-keyframes animation_topBar {
    0% {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-webkit-keyframes animation_topBar {
    0% {
        width:0;
    }
    100% {
        width:100%;
    }
}
@keyframes animation_topBar {
    0% {
        width:0;
    }
    100% {
        width:100%;
    }
}

#main a.logo {
	display:block;
	width:220px;
	height:415px;
	/*margin:0 auto;*/

    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;

    margin: auto;
}

#main a.logo .dark,
#main a.logo .light {
	width:217px;
	height:417px;
	position: absolute;
	background-image:url(../../img/oxfordmetrica-emboss.png);
	background-size:434px 417px;
}

#main a.logo .dark {
	opacity:0.0;
	-webkit-opacity:0.0;
}

#main a.logo .light {
	background-position:-217px 0;
	transition:margin-left 500ms ease-in;
	-webkit-transition:margin-left 500ms ease-in;
}

#main a.logo.open .dark {
	opacity:1.0;
	-webkit-opacity:1.0;
}

#main a.logo.open .light {
	margin-left:5px;
}

/**/
#main a.satellite {
	display:block;
	width:125px;	/* 127 */
	height:55px;	/* 31 */
	/**/
	position:absolute;
	right:80px;
	bottom:140px;
}

#main a.satellite div {
	overflow:hidden;
	/**/
	border-top:solid 3px #B0A89E;
	border-bottom:solid 1px #B0A89E;

	/**/
    -moz-animation-name: animation_satelliteContainer;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 3.0s;
	
    -webkit-animation-name: animation_satelliteContainer;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 3.0s;
	
    animation-name: animation_satelliteContainer;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 3.0s;
}

#main a.satellite div img {
	width:75px;
	height:31px;
	margin:10px 50px 10px 0;

	/**/
    -moz-animation-name: animation_satelliteFadein;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 3.25s;
	
    -webkit-animation-name: animation_satelliteFadein;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 3.25s;
	
    animation-name: animation_satelliteFadein;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 3.25s;
}

@-moz-keyframes animation_satelliteContainer {
    0% {
        width:0;
    }
	50% {
		width:0;
	}
    100% {
        width:100%;
    }
}
@-webkit-keyframes animation_satelliteContainer {
    0% {
        width:0;
    }
	50% {
		width:0;
	}
    100% {
        width:100%;
    }
}
@keyframes animation_satelliteContainer {
    0% {
        width:0;
    }
	50% {
		width:0;
	}
    100% {
        width:100%;
    }
}

/* animation_satelliteFadein */
@-moz-keyframes animation_satelliteFadein {
    0% {
        opacity:0.0;
    }
	70% {
        opacity:0.0;
	}
    100% {
        opacity:1.0;
    }
}
@-webkit-keyframes animation_satelliteFadein {
    0% {
        -webkit-opacity:0.0;
    }
	70% {
        -webkit-opacity:0.0;
	}
    100% {
        -webkit-opacity:1.0;
    }
}
@keyframes animation_satelliteFadein {
    0% {
        opacity:0;
    }
	70% {
		opacity:0;
	}
    100% {
        opacity:1.0;
    }
}







@media all and (max-width:620px){
	@media all and ( max-height: 820px ){
		#main a.satellite {
			display:none;
		}
	}
}

@media all and ( max-height: 467px ){
	#main a.logo img {
		position: static;
		margin-top:24px;
	}

	#main a.satellite {
		display:none;
	}
}

@media all and ( max-width:320px ){
	#main {
		width:320px;
	}
}