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

		
		.a_logo_omline, .a_logo_omline:visited, .a_logo_omline:active, .a_logo_omline:hover{
			color:inherit;
			text-decoration: none;
		}
		
		#logo_omline{
			font-family: 'Lato', Calibri, Arial, sans-serif;
			background:white;
			position: relative;
			width: 220px;
			overflow: hidden;
		}
		#cont_logo_omline{
			position:relative;
			margin-top: 20px;
			padding-left: 5%;
			margin-bottom: 20px;
			text-align: left;
		}
		#img_logo_omline{
			width: 30px;
			z-index: 2;
		}
		.letra_omline{
			position: absolute;
			top: 0px;
			left:37px;
			font-size:29px;
			color: #111;
			-webkit-animation: letra_omline_move 3s 0s 1;
			animation: letra_omline_move 3s 0s 1;
			z-index: 1;
			line-height: 35px;
		}
		@keyframes letra_omline_move {
			0% {left:0px; font-size:0px}
			50% {left:50px; font-size:29px}
			100%{left:37px; font-size:29px}
		}
		.texto_top_logo_omline{
	padding-left: 30px;
	color: #19BAEB !important;
	position: absolute;
	width: 200px;
	-webkit-animation: texto_top_move 12s linear 0s infinite alternate;
	animation: texto_top_move 12s linear 0s infinite alternate;
		}
		.texto_top_logo_omline:hover{
			animation-play-state: paused;
		}
		@keyframes texto_top_move {
			0% {left:-220px;transform:scale(1)}
			25%{left:0px;transform: scale(1)}
			50%{left:0px;transform: scale(1.4)}
			75%{left:0px;transform: scale(1)}
			100%{left:220px;}
		}
		
		.texto_bottom_logo_omline{
			position:absolute;
			bottom: 20px;
			color: #FF7E00;
			width: 440px;
		}
		
		.url_bottom_logo_omline{
			position: absolute;
			left:-220px;
		}
		.urllogo1{
			-webkit-animation: urllogo_move 12s linear 0s infinite;
			animation: urllogo_move 12s linear 0s infinite;
		}
		.urllogo2{
			-webkit-animation: urllogo_move 12s linear 4s infinite;
			animation: urllogo_move 12s linear 4s infinite;
		}
		.urllogo3{
			-webkit-animation: urllogo_move 12s linear 8s infinite;
			animation: urllogo_move 12s linear 8s infinite;
		}
		
		.texto_bottom_logo_omline:hover .urllogo1, .texto_bottom_logo_omline:hover .urllogo2, .texto_bottom_logo_omline:hover .urllogo3{
			animation-play-state: paused;
		}
		
		@keyframes urllogo_move {
			0% {left:-220px;}
			100%{left:220px;}
		}
		.cont_right_aux_logo_omline{
			position:absolute;
			font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,"sans-serif";
			top:0px;
			font-size: 18px;
			width: 55%;
			text-align: center;
			right: 0px;
			line-height: 40px;

		}
		.text_aux_logo_omline{
			position: absolute;
			width: 100%;
			left: 0px;
			font-size:0px;
			opacity: 0;
			color:#900000;
		}
		.aux1{
			-webkit-animation: text_aux_logo 20s linear 0s infinite;
			animation: text_aux_logo 20s linear 0s infinite;
		}
		.aux2{
			-webkit-animation: text_aux_logo 20s linear 4s infinite;
			animation: text_aux_logo 20s linear 4s infinite;
		}
		.aux3{
			-webkit-animation: text_aux_logo 20s linear 8s infinite;
			animation: text_aux_logo 20s linear 8s infinite;
		}
		.aux4{
			-webkit-animation: text_aux_logo 20s linear 12s infinite;
			animation: text_aux_logo 20s linear 12s infinite;
		}
		.aux5{
			-webkit-animation: text_aux_logo 20s linear 16s infinite;
			animation: text_aux_logo 20s linear 16s infinite;
		}
		@keyframes text_aux_logo {
			0% {font-size:0px;opacity: 0;}
			15% {font-size:0px;opacity: 0;}
			20% {font-size:15px;opacity: 1;}
			30% {font-size:15px;opacity: 1;}
			35% {font-size:0px;opacity: 0;}
			100% {font-size:0px;opacity: 0;}
		}