@font-face {
    font-family: 'latoregular';
    src: url('./../../../css/fonts/lato-regular-webfont.eot');
    src: url('./../../../css/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./../../../css/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('./../../../css/fonts/lato-regular-webfont.woff') format('woff'),
         url('./../../../css/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('./../../../css/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica-neue-medium';
    src: url('./../../../css/fonts/HelveticaNeue-Medium.eot');
    src: url('./../../../css/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
         url('./../../../css/fonts/HelveticaNeue-Medium.woff2') format('woff2'),
         url('./../../../css/fonts/HelveticaNeue-Medium.woff') format('woff'),
         url('./../../../css/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
         url('./../../../css/fonts/HelveticaNeue-Medium.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica-neue-light';
    src: url('./../../../css/fonts/HelveticaNeue-Light.eot');
    src: url('./../../../css/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
         url('./../../../css/fonts/HelveticaNeue-Light.woff2') format('woff2'),
         url('./../../../css/fonts/HelveticaNeue-Light.woff') format('woff'),
         url('./../../../css/fonts/HelveticaNeue-Light.ttf') format('truetype'),
         url('./../../../css/fonts/HelveticaNeue-Light.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('./../../../css/fonts/helveticaneuebold.eot');
    src: url('./../../../css/fonts/helveticaneuebold.eot') format('embedded-opentype'),
         url('./../../../css/fonts/helveticaneuebold.woff2') format('woff2'),
         url('./../../../css/fonts/helveticaneuebold.woff') format('woff'),
         url('./../../../css/fonts/helveticaneuebold.ttf') format('truetype'),
         url('./../../../css/fonts/helveticaneuebold.svg#helveticaneuebold') format('svg');
}
html, body {
	/*height: 100%;*/
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}
div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	/*background: transparent url('fancy_progress.png') no-repeat;*/
}
div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}
div#fancy_loading_icon {
	position: absolute;
	background: url('fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

.fancy_loader {
	background: url('../../../img/spinner.gif') no-repeat;
	width:100%;
	height:100%;
	background-position:center;
}

div#fancy_outer {
	position: fixed;
	margin: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 90;
    padding: 18px;
    padding-top: 45px;
    margin: 0;
    overflow: hidden;
    display: none;
    width: 600px !important;
    height: 450px !important;

}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;

}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}


div#fancy_close {
background: transparent url("../../../img/closeicon.png") no-repeat scroll 50% 50% / 100% 100%;
    cursor: pointer;
    display: none;
    height: 25px;
    position: absolute;
    right: -10px;
    top: -35px;
    width: 25px;
    z-index: 181;
}

div#fancy_content{
	font-family: 'helvetica-neue-light';
}

div#fancy_close:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(70,173,193,0.75);
box-shadow: 0 0 15px 0 rgba(70,173,193,0.75);
}
#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}




.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
/*****************************************************/
/** MODAL 1 **/

.modales{
overflow:hidden;}

.modales h2{
color: #444444;
font-family: "helveticaneuebold";
font-size: 20px;
font-weight: lighter;
height: 30px;
line-height: 15px;
padding-left: 10px;
width: 98%;}

.modales h2 span{
font-weight:normal;}

.modales .modal-content{
overflow: hidden;
width: 100%;}

.modales .modal-content a{
	border: 1px solid transparent;
    color: #3979b0;
    display: inline-block;
    font-family: "helveticaneuebold";
    font-size: 15px;
    height: 76px;
    line-height: 76px;
    margin: 0;
    padding-left: 20px;
    text-decoration: none;
    width: 578px !important;
}

.modales .modal-content a:hover{
	border:1px solid rgba(70,173,193,1);
-webkit-box-shadow: 0 0 15px 0 rgba(70,173,193,0.75);
box-shadow: 0 0 15px 0 rgba(70,173,193,0.75);
cursor: pointer;
}

.upload{
overflow:hidden;
border:1px solid #666;
background:#666;
margin-bottom:12px;}

.upload div{
padding:0;}

.upload p:last-child{
float:right;}

.upload .size-display{
margin-right:54px;}

.upload_info p{
text-align:right;
margin-right:48px;}

.upload_info p:first-child{
float:left;
margin-left:7px;}

.upload_info p,
.upload p:last-child{
color:#fff;
line-height:21px;
font-size:11px;}

.playing-in.modal ul{
width:100%;
margin:0;
background: #ffffff;
}

.playing-in.modal ul p{
margin:0;
width:auto;
float:left;}

.playing-in.modal ul p:last-child{
display:block;
color:#000;
float:right;}

.playing-in a{
margin-left:11px;}

.modales .changes-options{
margin-top:20px;}


/** MODALES UPLOAD **/

.modales p{
color:#999}
.modales input,
.modales li p{
color:#000;}
.upload p{
color:#fff;}

.upload-report img{
display:block;
margin:40px auto 16px auto;}

.instruct{
padding-left:10px;
margin-bottom:11px;}

.upload-report p{
margin:0 auto;
width:265px;}

.upload-report p strong{
color:#000;}

.upload-report p span{
color:#666;}

.upload-report .status{
color:#000;
font-size:15px;
margin:0 auto 10px auto;
text-align:center;}

.save-changes{
color:#000;
height:23px;
width:91px;
text-align:center;
font-size:11px;
background:url(../../../img/button-save.png) no-repeat 0 0;}

.upload-report .save-changes{
float:right;
margin:45px 25px 0 0;}

/** MODAL04 CREATE EVENT/PLAYLIST **/
.createevent1 #description,
.createevent1 #name,
.createevent1 #comments{
margin:0 0 10px 0;
width:390px;}

.createevent1 #comments{
height:105px;
margin-bottom:45px;}

.createevent1 label,
.createevent1 .marked{
padding-left:0;}

.createevent1 .marked span{
font-weight:normal;}

.createevent1 img{
float:left;
margin:-4px 10px 30px 0;}

.createevent1 .edit-small{
margin-left:0;}

.createevent1 .add-more{
margin:0 0 20px 20px;}

.createevent1 hr{
margin:0px;}

/** MODAL05 CREATE **/
.modales .playing-in{
text-align:left;
width:auto;}

.modales .edit-details{
margin-bottom:0;
width:auto;}
.modales .playing-in p:first-child{
margin-left:0;}
.modales .playing-in select{
margin-left:0;}

.styled-select2 {
    background: #ffffff url("../../../img/selectarrow.png") no-repeat scroll right center;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 150px;
}

.styled-select2 #selmodals {
padding: 0 35px 0 10px;
text-align: left;
background: transparent;
width: 268px;
font-size: 16px;
color: #4A4A4A !important;
line-height: 1;
border: 0;
font-family: "helvetica-neue-light";
border-radius: 0;
height: 34px;
width: 150px !important;
cursor: pointer;
-webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.5);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}

.modales #date{
margin: 0 0 0 0;}
.modales .time_select select{
margin-bottom:15px;}
.createvent2 hr{
margin-bottom:0;}
.modales .createvent2 .changes-options{
margin-top:0;}

.createvent2 .first-tag{
padding-left:0;}

/** MODAL07 PLAYLIST1 **/
.playlist1 .instruct{
width:261px;}

.playlist1 .upload{
padding-bottom:24px;}
.playlist1 .upload_info p:last-child{
margin-right:27px;}
.playlist1 .changes-options{
margin-top:0;}
.playlist1 #checkbox{
float:left;
margin:2px 10px 0 0;}
.modales.playlist1{
	background: #ffffff;
    height: 100%;
}
.modales.playlist1 .section-title{
	padding-left: 5%;
	width: 95%;
}
.modales.playlist1 .modal-content{
	/*padding-left: 20px;*/
}
.modales.playlist1 .modal-content .instruct{
 	font-family: 'helvetica-neue-light';
 	color:#444444;
 	padding-left: 10px !important;
}
.modales.playlist1 .modal-content .changes-options .save-changes{
	width: :20%;
	margin: 0 !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	width:40% !important;
	margin-left: 40px !important;
}
.modales.playlist1 .modal-content .changes-options{
 	margin-top: 50px !important;
    width: 94% !important;
}
.modales.playlist1 .modal-content .changes-options li {
    float: left;
    margin-left: 0px !important;
    padding: 0px !important;
    width: 100%;
}
#fancy_outer{
	background: #ffffff;
}
.modales.playlist1 #capa_menu_contenido{
	padding-left:0;
}
.modales.playlist1 #uploader_container{
	padding:0;
}
.modales.playlist1 #capa_subida_ficheros{
	padding-left:0;
}

.playing-in ul li div{
	padding-top: 0 !important;
	height: 30px !important;
	line-height: 30px !important;
}

.playing-in ul li{
	height: 30px;
	line-height: 30px;
}

.playing-in ul li:nth-child(odd) {
    background: #ffffff !important;
}

.playing-in ul li:nth-child(odd) {
    background: #f8f8f8 !important;
}

.menu_contenido{
	background: transparent none repeat scroll 0 0;
    height: 389px;
    width: 600px;
}
.plupload_buttons{
	overflow: hidden;
    padding: 10px;
    position: relative;
}


.modales #capa_subida_ficheros.modal-content .plupload_buttons a.plupload_button.plupload_start{
	background: #ffffff url("../../../img/uplogo.png") no-repeat scroll 5px 50% / 25px auto;
	padding: 0 5px 0 35px;
}

.modales #capa_subida_ficheros.modal-content .plupload_buttons a {
    background: #ffffff url("../../../img/create-icon2.png") no-repeat scroll 5px 50% / 15px auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #2d7cb3;
    display: inline-block;
    float: left !important;
    font-family: "helveticaneuebold";
    font-size: 15px;
    font-weight: lighter;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 0 0 10px;
    padding: 0 5px 0 25px;
    text-decoration: none;
    width: 37% !important;
}
.modales #capa_subida_ficheros.modal-content .plupload_filelist_footer .plupload_file_name{
	width: 70%;
	padding: 0 !important;
}
.modales .modal-content li.plupload_delete a{
	background: url("../../../img/deleteicon.png") !important;
	width: 15px !important;
	height: 15px !important;
	padding: 0 !important;
	background-repeat: no-repeat !important;
	background-size: 10px !important;
	background-position: center !important;
}
.modales .modal-content li .plupload_delete{
	margin-bottom: 10px !important;
}
 .modales #capa_subida_ficheros.modal-content #uploader_filelist.plupload_filelist li:nth-child(odd) {background: #ffffff !important;}
  .modales #capa_subida_ficheros.modal-content #uploader_filelist.plupload_filelist li:nth-child(even) {background: #f8f8f8 !important;}
.modales.playlist1 .modal-content .upload #resultado_busqueda ul{
	height: 168px !important;
    width: 100% !important;
}

.enlacan:hover{
	border: 1px solid transparent !important;
	box-shadow: none !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}
.enlacan a:hover{
	text-decoration: underline !important;
}

.liscrepos li:nth-child(odd){background: #ffffff !important}
.liscrepos li:nth-child(even){background:  #f8f8f8 !important}