BODY {
	color:#777777;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	background-color:#fff;
	text-align:center;
	margin:0;
	padding:0;
}

A {
	color:#323232;
}
A:hover {
	color:#000000;
}

TABLE {
	text-decoration:none;
	font-family: Arial;
	font-size: 14px;
	width:100%;
}

TD.descriptor {
	text-decoration: none;
	color:#000000;
	width:130px;
}

TD.mandatory {
	font-weight: bold;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

DIV.header-bar {
	position:absolute;
	top:0px; left:0px;
	width:100%;
	height:120px;
	background-color:#222222;
	border-bottom:solid #F0F0F0 2px;
}

DIV.main{
	position:relative;
	max-width:1058px;
	width:100%;
	background-color:none;
	margin: 0 auto;
	text-align: left;
}

DIV.index-news, DIV.index-news DIV.jspContainer, DIV.index-news DIV.jspContainer DIV.jspPane, DIV.index-news DIV.jspContainer DIV.news, DIV.index-news DIV.jspContainer{
	width:100%!important;
}
DIV.scroll-desktop-mobile {
	width:100%;
	height:400px; overflow-y:hidden; overflow-x:hidden;
}

DIV.header {
	position: relative;
	height:100px;
	padding:10px;
}

DIV.logo-header{
	position:absolute;
	top:25px;
	left:5px;
}

DIV.mobile-menu{
	/*padding:15px;*/
	padding: 15px 15px 50px 15px;
	display: none;
	position:fixed;
	background-color:#222222;
	top:59px;
	left:-70%;
	z-index:777;
	width:60%;
	height:100%;
	overflow: auto;
}

DIV.mobile-menu A, DIV.mobile-menu SPAN{
	text-decoration: none;
	font-family: Arial;
	font-size:14px;
	color: #FFF;
	display: block;
	margin-bottom:5px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
DIV.mobile-menu A.selected{
    text-decoration: underline;
}
DIV.mobile-menu HR{
	background-color: #BBB;
	border:none;
	height:1px;
	margin:20px 0;
}
DIV.mobile-menu A.selected{

}
DIV.mobile-menu SPAN.mobile_title{
	color: #999999;
}
.full-cover{
	position:absolute;
	top:60px;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
	display:none;
}

SPAN.menu-header, SPAN.menu-header:focus, SPAN.menu-header:active, SPAN.menu-header:visited{
	display: none;
	position: absolute;
	cursor: pointer;
	top:50%;
	left:30px;
	transform:translate(0,-50%);
	width:24px;
	height:17px;
    background-color: transparent!important;
	background-image:url("../images/menu.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline:none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

DIV.social-header{
	position:absolute;
	top:51px;
	right:70px;
	text-align:left;
	width:170px;
	height:21px;
	padding:4px;
	overflow:none;
}

DIV.social-footer{
	position:absolute;
	top:25px;
	right:0px;
	text-align:left;
	width:300px;
	height:21px;
	padding:0px;
	overflow:none;
}

DIV.social-item{
	float:right;
	margin-left:10px;
}

DIV.menu {
	position:absolute;
	top:58px;
	left:355px;
}

DIV.menu A{
	font-size: 12px;
	font-weight: bold;
	color:#cbcbcb;
	text-decoration:none;
	padding-right:15px;
}

DIV.menu A:hover{
	color:#FFFFFF;
}

DIV.menu A.selected{
	//color:#FFFFFF;
}

DIV.right-bar{
    position: relative;
    float:right;
    width:300px;
	padding: 0;
	margin-top: 13px;
	color:#666666;
	margin-right: 7px;
}

DIV.content{
    position: relative;
	margin: 13px 7px 0px 7px;
	float:left;

	/* Firefox */
	width: -moz-calc(100% - 330px);
	/* WebKit */
	width: -webkit-calc(100% - 330px);
	/* Opera */
	width: -o-calc(100% - 330px);
	/* Standard */
	width: calc(100% - 330px);
}
/*DIV.content_mobile{
	margin:0px;
}*/
DIV.footer{
    width:100%;
    text-align:center;
	position:relative;
	height:200px;
	background-color:#222222;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

DIV.footer DIV.inner{
	width:100%;
	max-width:1058px;
	margin:0 auto;
	position:relative;
}

DIV.footer DIV.section-block{
	width:150px;
	text-align:left;
	float:left;
	margin-right:10px;
	margin-top:15px;
}

DIV.footer DIV.section-block DIV{
	margin-top:3px;
}

DIV.footer DIV.site-updated{
	position:absolute;
	top:170px;
	width:100%;
	text-align:center;
	color:#cccccc;
}

DIV.footer DIV.title{
	color:#999999;
	//font-weight:bold;
}

DIV.footer A{
	color:#cdcdcd;
	text-decoration:none;
}

DIV.footer A:hover{
	text-decoration:underline;
}


DIV.note {
	border: dotted black 2px;
	max-width:100%;
	text-align:left;
	background-color:#eeeeee;
	padding:7px 10px;
}

DIV.note H2{
	margin-top:0px;
	padding-top:0px;
}
.ancla_mobile:before{
	display: block;
	content: " ";
	margin-top: 0px;
	visibility: hidden;
}

DIV.player-download {
	width:300px;
	padding: 19px 0 0 0;
	text-align:center;
	background-color:#F1F1F1;
	color:#666666;
	position:relative;
}
DIV.player-download.desktop{
	display:block;
}
DIV.player-download.player-mobile{
	width: 100%;
	padding-bottom: 19px;
	display: none;
}
DIV.player-download SPAN.title {
	font-weight:bold;
	font-size:14px;
}

DIV.player-download SPAN.author {
	color:#999999;
}

DIV.version-info SPAN.version {
	color:#FFFFFF;
}

DIV.version-info SPAN.release {
	color:#ff999a;
}

DIV.version-info{
	position:absolute;
	bottom:12px;
	width:140px;
	left:103px;
	font-size:11px;
	text-align:center;
}
DIV.player-download.mobile{
	display:none;
}

DIV.what-is {
	width:300px;
	margin: 18px 0;
	text-align:left;
	background-color:#F1F1F1;
	color:#666666;
	position:relative;	
}


H1{
	color:#323232;
	text-decoration:none;
	font-family: Arial;
	font-size: 15px;	
}

H2{
	color:#666666;
	text-decoration:none;
	font-family: Arial;
	font-size: 24px;	
}

H3{
	color:#444444;
	text-align:center;
	text-decoration:none;
	font-family: Arial;
	font-size: 18px;	
}

SPAN.attribute{
}

SPAN.value{
	color: #666666;
	font-weight: bold;
}

SPAN.lastNews{
	font-size: 14px;
}

DIV.news {
	width:100%;
	position:relative;
	color:#666666;
	min-height:45px;
	margin-bottom:10px;
}

DIV.news DIV.news-pointer{
	margin-top:3px;
	float:left;
	width:55px;
	height:40px;
	background-image:url(../images/news-pointer.png);
	background-repeat:no-repeat;
	color:#cccccc;
	position:relative;
}

DIV.news DIV.last-news-pointer{
	margin-top:3px;
	float:left;
	width:55px;
	height:45px;
	background-image:url(../images/last-news-pointer.png);
	background-repeat:no-repeat;
	color:#fd8989;
	position:relative;
}

DIV.news A {
	font-style:italic;
}

DIV.news-pointer DIV{
	text-align:center;
	font-size:10px;
	position:absolute;
	width:37px;
}
DIV.news-pointer DIV.month{
	top:0px;
}
DIV.news-pointer DIV.day{
	top:10px;
	font-weight:bold;
	font-size:11px;
}
DIV.news-pointer DIV.year{
	top:22px;
}

DIV.last-news-pointer DIV{
	text-align:center;
	font-size:12px;
	position:absolute;
	width:44px;
}
DIV.last-news-pointer DIV.month{
	top:1px;
}
DIV.last-news-pointer DIV.day{
	top:13px;
	font-weight:bold;
	font-size:13px;
}
DIV.last-news-pointer DIV.year{
	top:26px;
}

DIV.news DIV.news-title {
	font-weight:bold;
	font-size:14px;
	color:#333333;
	margin-bottom:4px;
}

DIV.news DIV.last-news-title {
	font-weight:bold;
	font-size:18px;
	color:#333333;
	margin-bottom:4px;
	margin-left:6px;
}

SPAN.radio{
	color: #323232;
	font-weight: bold;
	font-size: 14px;
}

SPAN.value A{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

UL.sites {
	color: #323232;
	font-size: 14px;
}

UL.sites A {
	color: #666666;
	font-size: 14px;
	text-decoration: none;
}

UL.sites A:hover {
	color: #323232;
	font-size: 14px;
	text-decoration: underline;
}

DIV.support-project{
	position:absolute;
	top:-6px;
	left:0px;
}
.whats-new SPAN{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.last-new-container{
	margin-left:55px;
	padding-bottom:10px;
}
.new-wrapper{
	margin:0 25px 0 55px;
	border-bottom:solid #ececec 1px;
	padding-bottom:10px;
}
.news-date{
	display: none;
	margin: 0 0 5px;
}

DIV.players-skins {
	position: relative;
	width: 728px;
	height: auto;
	text-align: left;
}
DIV.players-skins DIV.fila_skins{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
DIV.fila_skins DIV.skin{
	position:relative;
	width:50%;
	height:auto;
	float:left;
}

/* -   Botones seccion:Setup... - */
#code-generator INPUT.button-form, #code-generator BUTTON.button-form{
	display: inline-block;
	width:30%!important;
	margin:10px 0px;
	border:none;
	color: #FFF;
	text-align:center;
	height: 40px;
}

#code-generator INPUT.button-form.generate{
	background-color: #4a8813;
}
#code-generator INPUT.button-form.load{
	background-color:  #6b6b6b;
	width:100%;
}
#code-generator INPUT.button-form.reset{
	background-color: #c43b1b;
}
DIV.note.mobile{
	display:none;
}
.text-mobile{
	text-align:none;
}
.img-mobile{
	margin:0;
}
/* slider */
.flexslider {
	display:none;

}

@media(max-width: 991px){
	/* SLIDER */

	.slider-desktop{
		display: none;
	}
	.flexslider {
		display:block;
	}

	DIV.player-download.mobile{
		display:none;
	}
	/* SKINS */
	DIV.players-skins, DIV.players-skins DIV.fila_skins DIV.skin {
		width: 100%;
	}

	FORM#code-generator TABLE, FORM#code-generator TBODY, FORM#code-generator TR{
		display: block;
	}
	DIV.header, DIV.header-bar{
		display: block;
		position: fixed;
		width:100%;
		height:60px;
		top:0;
		border:none;
		padding:0;
		z-index: 2;
	}
	/*- Seccion open-source -*/
	.ancla_mobile:before{
		display: block;
		content: " ";
		margin-top: -60px;
		height:60px;
		visibility: hidden;
	}
	.last-new-container{
		margin:0;
		padding-bottom:10px;
	}
	.new-wrapper{
		margin:0;
		border-bottom:solid #ececec 1px;
		padding-bottom:10px;
	}
	DIV.header DIV.logo-header IMG{
		width:142px;
	}
	DIV.header DIV.menu, DIV.header DIV.social-header, #code-generator .numeral{
		display: none;
	}

	DIV.header SPAN.menu-header, DIV.mobile-menu{
		display: block;
	}

	DIV.header DIV.logo-header{
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
	DIV.main{
		padding-top:60px;
	}
	.descriptor.mandatory{
		display: block;
	}
	#code-generator .audio-codec{
		margin-top:15px;
	}
	#code-generator #skin{
		height:30px;
		width:100%;
	}
	#code-generator TR, #code-generator #skin{
		margin-bottom:15px;
	}
	#code-generator .select{
		width:200px!important;
		height:30px;
	}
	#code-generator INPUT{
		width:100%!important;
		display: block;
	}
	.td-input{
		display: block;
	}

	.td-initial-volume{
		width:150px;
		display: inline-block;
	}
	#code-generator .td-initial-volume INPUT{
		width:100px!important;
		display: inline-block!important;
	}
	TD.descriptor.auto-play {
		width: auto;
	}
	.trackinglabel-desc{
		display: none;
	}
	SELECT.language-select{
		margin-bottom:15px;
	}
	#code-generator INPUT.color{
		display: inline-block;
		width:100%!important;
	}
	#code-generator INPUT{
		height:30px;
	}
	.desc-color, .desc-wmode{
		margin-top:15px;
	}
	#code-generator TD.introduction{
		width:100%!important;
	}
	#code-generator INPUT.radio{
		width:15px!important;
		height:15px;
		display: inline-block;
	}
	#code-generator .introduction INPUT{
		margin: 1px 5px 0 0;
		float: left;
	}

	#code-generator INPUT.button-form.load-desktop{
		display: none;
	}

	#code-generator INPUT.button-form.reset, #code-generator INPUT.button-form.generate{
		width:49%!important;
		margin: 10px 0px 0px;
	}
	#code-generator INPUT.button-form.generate{
		margin: 10px 2px 0px 0px;
	}
	#code-generator INPUT.button-form.load{
		width:100%!important;
	}


	TABLE.examples-table TR, TABLE.examples-table, TABLE.examples-table TBODY {
		display: block;
	}
	TABLE.examples-table TR{
		padding: 20px 0;
		border-bottom:1px solid #BBB;
	}
	TABLE.examples-table TD{
		display: block;
		width:100%;
		text-align: left;
	}
	TABLE.examples-table TD DIV{
		text-align: left;
	}
	TABLE.examples-table EMBED{
		max-width:100%;
	}
	DIV.note.mobile{
		display:block;
		margin-top:10px;
	}
	DIV.note.mobile H2{
		font-weight:normal;
		text-decoration: underline;
	}
	DIV.note.mobile .acc_active H2{
		text-decoration: none;
	}
	DIV.note.desktop{
		display:none;
	}
	DIV.footer{
		width:auto;
		height:200px;
		padding:20px 7px;
		background-image: none;
	}
}

@media (max-width: 767px){
    TD.td-input.btn-form{
        position: relative;
    }
    TD.td-input.btn-form #msg-anchor{
        position: absolute;
        top:80px;
    }
}

@media(max-width: 750px){


	DIV.content{
		width:auto;
		float:none;
		/*margin:0px;*/
	}
	DIV.content.seccion_mobile{
		margin:0px;
	}
	DIV.content_mobile{
		margin:0px 7px;
	}
	.last-news-pointer, .news-pointer{
		display: none;
	}
	DIV.news DIV.last-news-title{
		margin-left:0;
	}
	.news-date{
		display: block;
	}
	/*- panel de noticias - */
	DIV.scroll-desktop-mobile {
		width:100%;
		height:100%;
		overflow:auto;
	}
	/*- SKIN -*/
	DIV.fila_skins DIV.skin.desktop {
		display:none;
	}
	.contenedor_skin{
		overflow-x: scroll;
	}
	.flexslider {
		display:block;
	}
	DIV.right-bar DIV.what-is.mobile{
		display:none;
	}
	/*- seccion open-source -*/
	/*DIV.ancla_mobile{
		top:60px;
		display:block;
	}*/
	/*- Banners -*/
	DIV.right-bar{
		width:auto;
		float:none;
		margin:0px auto;
		text-align:center;
	}
	DIV.player-download.desktop{
		display: none;
	}
	DIV.player-download.mobile{
		display:block;
		margin:0px auto;
		background-color:#fff;
	}
	DIV.player-download IMG{
		width: auto;
	}
	DIV.player-download.player-mobile{
		display: block;
	}
	DIV.footer{
		width:auto;
		height:280px;
		padding:20px 15px;
		margin-top:15px;
		background-image: none;
	}
	DIV.footer DIV.section-block{
		width:33%;
		margin:0;
		display: inline-block;
	}
	DIV.footer DIV.site-updated{
		top:245px;
		left: 50%;
		width: 75%;
		transform: translate(-50%,0);
	}
	DIV.footer DIV.social-footer{
		left: 50%;
		transform: translate(-50%,0);
		top:195px;
		text-align: center;
	}
	DIV.footer DIV.social-item{
		float: none;
		margin:0;
		display: inline-block;
		margin-right: 10px;
	}
	DIV.social-item.facebook{
		margin-right:0px;
	}
	DIV.social-item.googleplus{
		margin-left:10px;
	}
	DIV.social-item .fb-like{
		top:-3px;
		height:20px;
	}
	DIV.footer DIV.support-project{
		left: 50%;
		transform: translate(-50%,0);
		top:-60px;
	}
	.text-mobile{
		text-align:center;
	}
	.img-mobile{
		margin:0px auto;
	}
}
