@charset "utf-8";
/* CSS Document */

#headertop {
	height: 100px;
	width: 100%;
	background-color: #FF6600;
	/*background-image: url(../infaz/header_fondo_txt.png);*/
	background-attachment: scroll;
	background-repeat:  repeat-x;
	background-position: right;
	position: relative;
	z-index: 20;
	box-shadow: -10px 10px 20px #000000,
			    10px 10px 20px #000000;
	overflow: hidden;
}

.headerTopChange {
	display: inline-block;
	width: 986px;
	height: 100px;
	background-image: url(../infaz/Logo_TimelineWorks_Orange_90_002.png);
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 20;
}
@media (min-width: 640px) {
    .headerTopChange {
	background-image: url(../infaz/Logo_TimelineWorks_Orange_90_001.png);
    }
}

@media (min-width: 800px) {
    .headerTopChange {
	background-image: url(../infaz/Logo_TimelineWorks_Orange_90_000.png);
    }
}

#header {
	height: 60px;
	width: 100%;
	top: 0px;
	background-attachment: scroll;
	position: fixed;
	z-index: 10;
	font-size: 1.1em;
	box-shadow: -10px 10px 20px #000000,
			    10px 10px 20px #000000;
	background-position: right;
	background-repeat:  repeat-x;
	padding-left: 30px;
	padding-top: 6px;
	z-index:11;
	animation: animatedBackgroundRight 10s linear infinite;
	-ms-animation: animatedBackgroundRight 10s linear infinite;
	-moz-animation: animatedBackgroundRight 10s linear infinite;
	-webkit-animation: animatedBackgroundRight 10s linear infinite;
}	

.headerChange {
	display: inline-block;
	width: 500px;
	height: 70px;
	background-image: url(../infaz/Logo_TimelineWorks_Black_64_002.png);
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 11;
}
@media (min-width: 640px) {
    .headerChange {
	background-image: url(../infaz/Logo_TimelineWorks_Black_64_001.png);
    }
}

@media (min-width: 800px) {
    .headerChange {
	background-image: url(../infaz/Logo_TimelineWorks_Black_64_001.png);
    }
}






@keyframes animatedBackgroundRight {
			from { background-position: 100% 0; }
			to { background-position: 0 0; }
		}
		@-webkit-keyframes animatedBackgroundLeft {
			from { background-position: 100% 0; }
			to { background-position: 0 0; }
		}
		@-ms-keyframes animatedBackgroundLeft {
			from { background-position: 100% 0; }
			to { background-position: 0 0; }
		}
		@-moz-keyframes animatedBackgroundLeft {
			from { background-position: 100% 0; }
			to { background-position: 0 0; }
		}		

#headerlines {
	height: 60px;
	width: 100%;
	top: 0px;
	background-attachment: scroll;
	position: fixed;
	z-index: 10;
	font-size: 1.1em;
	/*background-image: url(../infaz/header_fondoBlackA.png);*/
	background-position: 0px 0px;
	background-repeat:  repeat-x;
	padding-left: 30px;
	padding-top: 6px;
	z-index:10;
	background-color: #000000;
}			

@keyframes animatedBackgroundLeft {
			from { background-position: 0 0; }
			to { background-position: 100% 0; }
		}
		@-webkit-keyframes animatedBackgroundRight {
			from { background-position: 0 0; }
			to { background-position: 100% 0; }
		}
		@-ms-keyframes animatedBackgroundRight {
			from { background-position: 0 0; }
			to { background-position: 100% 0; }
		}
		@-moz-keyframes animatedBackgroundRight {
			from { background-position: 0 0; }
			to { background-position: 100% 0; }
		}