/**
 * @package     STREAMING HD SERVICE INFINITO   
 * @author      Service Infintio
 * @mail        contacto@serviceinfinito.com.ar
 * @copyright   Service Infinito 2014 - Todos los derechos reservados
 */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-color: #222;
	margin-right: 0px;
}

/* Head */
#tabla {
	width: 100%;
	height: 32px;    
	margin-right: auto;
	margin-left: auto;
    border: 0;
    border-color: #fff;
}
#logo {
	width: 153px;
	height: 32px;
	margin: 0 auto;    
	opacity:1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;	
}
#logo:hover {
	width: 153px;
	height: 32px;
	margin: 0 auto;   
	opacity:1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	background-image: url(images/logohover.png);
	background-repeat: no-repeat;	
}
#separador {
	margin-right:0px;
	width: 5px;
	height: 34px;
	float: left;
	background-image: url(separador.png);
	background-repeat: no-repeat;
	opacity:1;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	
}
/* playlist reproductor gabo*/
#winamp {
	margin:  0 auto;
	background-image: url(images/winamp.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#winamp:hover {
	margin: 0 auto;
	background-image: url(images/winamphover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	border-left: 10px;
}
#windowsplayer {
	border: 0 ;
    background-image: url(images/windowmedia.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: 0 auto;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#windowsplayer:hover {
	border: 0;
	background-image: url(images/windowmediahover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	margin: 0 auto;
}
#real {
	margin: 0 auto;
	background-image: url(images/real.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#real:hover {
	margin: 0 auto;
	background-image: url(images/realhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
	}
#andoid {
	margin: 0 auto;
	background-image: url(images/android.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#andoid:hover {
	margin: 0 auto;
	background-image: url(images/androidhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
#blackberry {
	margin: 0 auto;
	background-image: url(images/blackberry.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#blackberry:hover {
	margin: 0 auto;
	background-image: url(images/blackberryhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
#iphone {
	margin: 0 auto;
	background-image: url(images/iphone.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#iphone:hover {
	margin: 0 auto;
	background-image: url(images/iphonehover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
#twitter {
	margin: 0 auto;
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#twitter:hover {
	margin: 0 auto;
	background-image: url(images/twitterhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
#facebook {
	margin: 0 auto;
	background-image: url(images/facebook.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#facebook:hover {
	margin: 0 auto;
	background-image: url(images/facebookhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}
/* actualizar reproductor */
#actualizar {
    margin: 0 auto;
	background-image: url(images/actualizar.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 117px;
	opacity: 1;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#actualizar:hover {
    margin: 0 auto;
	background-image: url(images/actualizarhover.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 117px;
	opacity: 1;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#bgactualizandorepro {
	height: 32px;
	width: 100%;
	background-image: url(images/bg-gabo.png);
    
}
#actualizandorepro {
    height: 32px;
	width: 405px;
    background-image: url(images/actualizando.png);
    border: 0;
}
#actualizandoreprogif {
	height: 30px;
	width: 30px;
	background-image: url(images/actualiza.gif);
	border: 0;
	border-left: 2px;
	border-right: 2px;
}

/* */
.repro {
	height: 107px;
	width: 357px;
	margin-top: 0px;
}