.barra_comparsa_mezzo .rotazione,.barra_comparsa_mezzo marquee {color:#FF9A00; float: left; font-family: 'Arial'; font-size:16px;  padding:10px; text-transform:uppercase; }
.barra_comparsa_mezzo .rotazione,.barra_comparsa_mezzo marquee p {line-height:35px;}
.rotazione {width:250px; margin: -10px auto;}

.mar {width:300px; height:30px; overflow: hidden; position: relative;
   -ms-transition: background-color 350ms;
   -o-transition: background-color 350ms;
   -webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
	
	}

.mar p {position: absolute; width: 100%; height: 100%; margin: 0; line-height: 30px;  text-align:left;   
    transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
}
.mar p:nth-child(1) {
	animation: left-one 10s ease infinite;
	-moz-animation: left-one 10s ease infinite;
	-webkit-animation: left-one 10s ease infinite;
	-o-animation: left-one 10s ease infinite;
	-ms-animation: left-one 10s ease infinite;
}
.mar p:nth-child(2) {
	animation: left-two 10s ease infinite;
	-moz-animation: left-two 10s ease infinite;
	-webkit-animation: left-two 10s ease infinite;
	-ms-animation: left-two 10s ease infinite;
	-o-animation: left-two 10s ease infinite;
}
.mar p:nth-child(3) {
	animation: left-three 10s ease infinite;
	-moz-animation: left-three 10s ease infinite;
	-webkit-animation: left-three 10s ease infinite;
	-ms-animation: left-three 10s ease infinite;
	-o-animation: left-three 10s ease infinite;
}
.mar.down p {
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	
}

.mar.down p:nth-child(1) {
	animation: down-one 10s ease infinite;
	-moz-animation: down-one 10s ease infinite;
	-webkit-animation: down-one 10s ease infinite;
	-ms-animation: down-one 10s ease infinite;
	-o-animation: down-one 10s ease infinite;
	
}
.mar.down p:nth-child(2) {
	animation: down-two 10s ease infinite;
	-moz-animation: down-two 10s ease infinite;
	-webkit-animation: down-two 10s ease infinite;
	-ms-animation: down-two 10s ease infinite;
	-o-animation: down-two 10s ease infinite;
}
.mar.down p:nth-child(3) {
	animation: down-three 10s ease infinite;
	-moz-animation: down-three 10s ease infinite;
	-webkit-animation: down-three 10s ease infinite;
	-ms-animation: down-three 10s ease infinite;
	-o-animation: down-three 10s ease infinite;
}
.mar.up p {	
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
}
.mar.up p:nth-child(1) {
	animation: up-one 10s ease infinite;
	-moz-animation: up-one 10s ease infinite;
	-webkit-animation: up-one 10s ease infinite;
	-ms-animation: up-one 10s ease infinite;
	-o-animation: up-one 10s ease infinite;
}
.mar.up p:nth-child(2) {
	animation: up-two 10s ease infinite;
	-moz-animation: up-two 10s ease infinite;
	-webkit-animation: up-two 10s ease infinite;
	-ms-animation: up-two 10s ease infinite;
	-o-animation: up-two 10s ease infinite;
}
.mar.up p:nth-child(3) {
	animation: up-three 10s ease infinite;
	-moz-animation: up-three 10s ease infinite;
	-webkit-animation: up-three 10s ease infinite;
	-ms-animation: up-three 10s ease infinite;
	-o-animation: up-three 10s ease infinite;
}

/*================================
	Move the Marquee Downwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes down-one {
	0%	{
		-moz-transform:translateY(-100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	100%{
		-moz-transform:translateY(100%);
	}
}
@-moz-keyframes down-two {
	0% {
		-moz-transform:translateY(-100%);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		
	}
	100%{
		-moz-transform:translateY(100%);
	}
}

@-moz-keyframes down-three {
	0% {
		-moz-transform:translateY(-100%);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		
	}
	100%{
		-moz-transform:translateY(100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-webkit-keyframes down-two {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-webkit-keyframes down-three {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}



/** ms Keyframes **/
@-ms-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-ms-keyframes down-two {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

@-ms-keyframes down-three {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}


/** ms Keyframes **/
@-o-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-o-keyframes down-two {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

@-o-keyframes down-three {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

.rotazione {width:300px; height:30px; overflow: hidden; position: relative; 
   -ms-transition: background-color 350ms;
   -o-transition: background-color 350ms;
   -webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
	
	}