/* Desktop
================================================== */

.container { position:relative; margin:0 auto; width:700px; }
.column { width:inherit; }

ul,li,audio {border:0; margin:0; padding:0; vertical-align:baseline;}

/* Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width:556px; }
}


/* Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
.container { width:300px; }
}


/* Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width:420px; }
}

/* Misc.
================================================== */

.add-bottom { margin-bottom:20px !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Custom Styles
================================================== */

/* Highlight Styles */
::selection { background-color:#262223; color:#444; }


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */
audio { margin:0 15px 0 14px; width:670px; }
#mainwrap { box-shadow:0 0 0 0 rgba(0,0,0,.25); }
#audiowrap { background-color:#231F20; margin:0 auto; }
#plwrap { margin:0 auto; }
#tracks { position:relative; text-align:center; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:21px; text-align:right; font-size: 15px}
#npAction { padding:21px; position:absolute; }
#plList { margin:0; }
#plList li { background-color:#231F20; cursor:pointer; display:block; margin:0; padding:5p 0; }
#plList ul { border:0; margin:0; padding:0; vertical-align:baseline; }
#plList li:hover { background-color:#262223; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; font-size:15px}
.plNum { padding-left:21px; width:25px; font-size:15px}
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#262223!important; cursor:default!important; }
a[id^="btn"] { background-color:#231F20; color:#C8C7C8; cursor:pointer; display:inline-block; font-size:50px; margin:0; padding:21px 27px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#262223; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* IE 9 */
html[data-useragent*="MSIE 9.0"] audio { margin-left:9px; outline:none; width:680px; }
html[data-useragent*="MSIE 9.0"] #audiowrap { background-color:#231F20; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"] { background-color:#231F20; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="MSIE 9.0"] #plList li { background-color:#231F20; }
html[data-useragent*="MSIE 9.0"] #plList li:hover { background-color:#262223; }
html[data-useragent*="MSIE 9.0"] .plSel,
html[data-useragent*="MSIE 9.0"] .plSel:hover { background-color:#231F20!important; }

/* IE 10 */
html[data-useragent*="MSIE 10.0"] audio { margin-left:6px; width:687px; }
html[data-useragent*="MSIE 10.0"] #audiowrap { background-color:#231F20; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"] { background-color:#231F20; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="MSIE 10.0"] #plList li { background-color:#231F20; }
html[data-useragent*="MSIE 10.0"] #plList li:hover { background-color:#262223; }
html[data-useragent*="MSIE 10.0"] .plSel,
html[data-useragent*="MSIE 10.0"] .plSel:hover { background-color:#262223!important; }

/* IE 11 */
html[data-useragent*="rv:11.0"] audio { margin-left:2px; width:695px; }
html[data-useragent*="rv:11.0"] #audiowrap { background-color:#231F20; }
html[data-useragent*="rv:11.0"] a[id^="btn"] { background-color:#231F20; }
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="rv:11.0"] #plList li { background-color:#231F20; }
html[data-useragent*="rv:11.0"] #plList li:hover { background-color:#262223; }
html[data-useragent*="rv:11.0"] .plSel,
html[data-useragent*="rv:11.0"] .plSel:hover { background-color:#262223!important; }

/* All Apple Products */
html[data-useragent*="Apple"] audio { margin:0; width:100%; }
html[data-useragent*="Apple"] #audiowrap { background-color:#231F20; }
html[data-useragent*="Apple"] a[id^="btn"] { background-color:#231F20; }
html[data-useragent*="Apple"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="Apple"] #plList li { background-color:#231F20; }
html[data-useragent*="Apple"] #plList li:hover { background-color:#262223; }
html[data-useragent*="Apple"] .plSel,
html[data-useragent*="Apple"] .plSel:hover { background-color:#262223!important; }

/* IOS 7 */
html[data-useragent*="OS 7"] body { color:#262223; }
html[data-useragent*="OS 7"] audio { margin-left:3px; width:690px; }
html[data-useragent*="OS 7"] #audiowrap { background-color:#231F20; }
html[data-useragent*="OS 7"] a[id^="btn"] { background-color:#e6e6e6; color:#231F20; }
html[data-useragent*="OS 7"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="OS 7"] #plList li { background-color:#231F20; }
html[data-useragent*="OS 7"] #plList li:hover { background-color:#262223; }
html[data-useragent*="OS 7"] .plSel,
html[data-useragent*="OS 7"] .plSel:hover { background-color:#262223!important; }

/* IOS 8 */
html[data-useragent*="OS 8"] body { color:#262223; }
html[data-useragent*="OS 8"] audio { margin-left:6px; width:694px; }
html[data-useragent*="OS 8"] #audiowrap { background-color:#231F20; }
html[data-useragent*="OS 8"] a[id^="btn"] { background-color:#231F20; color:#373837; }
html[data-useragent*="OS 8"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="OS 8"] #plList li { background-color:#231F20; }
html[data-useragent*="OS 8"] #plList li:hover { background-color:#262223; }
html[data-useragent*="OS 8"] .plSel,
html[data-useragent*="OS 8"] .plSel:hover { background-color:#262223!important; }

/* IOS 9 */
html[data-useragent*="OS 9"] body { color:#262223; }
html[data-useragent*="OS 9"] audio { margin-left:6px; width:694px; }
html[data-useragent*="OS 9"] #audiowrap { background-color:#231F20; }
html[data-useragent*="OS 9"] a[id^="btn"] { background-color:#231F20; color:#373837; }
html[data-useragent*="OS 9"] a[id^="btn"]:hover { background-color:#262223; }
html[data-useragent*="OS 9"] #plList li { background-color:#231F20; }
html[data-useragent*="OS 9"] #plList li:hover { background-color:#262223; }
html[data-useragent*="OS 9"] .plSel,
html[data-useragent*="OS 9"] .plSel:hover { background-color:#262223!important; }

/* Chrome */
html[data-useragent*="Chrome"] body { color:#5a5a5a; }
html[data-useragent*="Chrome"] audio { margin-left:9px; width:677px; }
html[data-useragent*="Chrome"] #audiowrap { background-color:#fafafa; }
html[data-useragent*="Chrome"] a[id^="btn"] { background-color:#fafafa; color:#5a5a5a; }
html[data-useragent*="Chrome"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="Chrome"] #plList li { background-color:#fafafa; }
html[data-useragent*="Chrome"] #plList li:hover { background-color:#eee; }
html[data-useragent*="Chrome"] .plSel,
html[data-useragent*="Chrome"] .plSel:hover { background-color:#eee!important; }

/* Safari */
html[data-useragent*="Safari"] body { color:#5a5a5a; }
html[data-useragent*="Safari"] audio { margin-left:9px; width:677px; }
html[data-useragent*="Safari"] #audiowrap { background-color:#fafafa; }
html[data-useragent*="Safari"] a[id^="btn"] { background-color:#fafafa; color:#5a5a5a; }
html[data-useragent*="Safari"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="Safari"] #plList li { background-color:#fafafa; }
html[data-useragent*="Safari"] #plList li:hover { background-color:#eee; }
html[data-useragent*="Safari"] .plSel,
html[data-useragent*="Safari"] .plSel:hover { background-color:#eee!important; }

/* Chrome / Android / Tablet */
html[data-useragent*="Chrome"][data-useragent*="Android"] body { color:#262223; }
html[data-useragent*="Chrome"][data-useragent*="Android"] audio { margin-left:4px; width:689px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #audiowrap { background-color:#fafafa; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"] { background-color:#fafafa; color:#262223; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li { background-color:#fafafa; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li:hover { background-color:#eee; }
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel,
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel:hover { background-color:#eee!important; }


/* Audio Player Media Queries
================================================== */

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
audio { width:526px; }
html[data-useragent*="MSIE 9.0"] audio { width:536px; }
html[data-useragent*="MSIE 10.0"] audio { width:543px; }
html[data-useragent*="rv:11.0"] audio { width:551px; }
html[data-useragent*="OS 7"] audio { width:546px; }
html[data-useragent*="OS 8"] audio { width:550px; }
html[data-useragent*="OS 9"] audio { width:550px; }
html[data-useragent*="Chrome"] audio { width:533px; }
html[data-useragent*="Safari"] audio { width:533px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] audio { margin-left:4px; width:545px; }
html[data-useragent*="Safari"][data-useragent*="Safari"] audio { margin-left:4px; width:545px; }
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
audio { width:390px; }
html[data-useragent*="MSIE 9.0"] audio { width:400px; }
html[data-useragent*="MSIE 10.0"] audio { width:407px; }
html[data-useragent*="rv:11.0"] audio { width:415px; }
html[data-useragent*="OS 7"] audio { width:410px; }
html[data-useragent*="OS 8"] audio { width:414px; }
html[data-useragent*="OS 9"] audio { width:414px; }
html[data-useragent*="Chrome"] audio { width:397px; }
html[data-useragent*="Safari"] audio { width:397px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:4px; width:410px; }
html[data-useragent*="Safari"][data-useragent*="Mobile"] audio { margin-left:4px; width:410px; }
#npTitle { width:245px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
audio { width:270px; }
html[data-useragent*="MSIE 9.0"] audio { width:280px; }
html[data-useragent*="MSIE 10.0"] audio { width:287px; }
html[data-useragent*="rv:11.0"] audio { width:295px; }
html[data-useragent*="OS 7"] audio { width:290px; }
html[data-useragent*="OS 8"] audio { width:294px; }
html[data-useragent*="OS 9"] audio { width:294px; }
html[data-useragent*="Chrome"] audio { width:277px; }
html[data-useragent*="Safari"] audio { width:277px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:4px; width:290px; }
html[data-useragent*="Safari"][data-useragent*="Mobile"] audio { margin-left:4px; width:290px; }
#npTitle { width:167px; }
}

/* Video settings */

#inner {
  display: table;
  margin: 0 auto;
}

/* Navegación Documentos Alumnos */

/* Tabs - nav pills */
.nav-pills-alt {
	margin-bottom: 20px;
	font-size: 0;
}
.nav-pills-alt > li {
	display: inline-block;
	float: none;
  text-align-last: center;
}
.nav-pills-alt > li > a {
	background-color: #000000; /*f1f1f1*/
	margin-left: 0;
	margin-right: 3px;
	padding: 10px 24px;
	font-size: 18px;
	color: #ffffff; /*333*/
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 0;
}
.nav-pills-alt > li > a:focus, .nav-pills-alt > li > a:hover {
	text-decoration: none;
	background-color: #726c6c; /*eee*/
}
.nav-pills-alt > li.active > a, .nav-pills-alt > li.active > a:focus, .nav-pills-alt > li.active > a:hover {
	color: #726c6c; /*fff*/
	background-color: #000000;
}

/* Tabs - nav justified */
.nav-justified-alt > li {
	display: table-cell;
	width: 1%;
}
.nav-justified-alt > li:last-child > a {
	margin-right: 0;
}
.nav-justified-alt > .dropdown > .dropdown-menu {
	width: 100%;
}
.nav-justified-alt .dropdown-submenu > .dropdown-menu {
	left: 100%;
}
/* Tabs on small screens */
@media (max-width: 768px) {
	.nav-tabs-alt {
		border-bottom: none;
	}
	.nav-tabs-alt > li.active > a, .nav-tabs-alt > li.active > a:focus, .nav-tabs-alt > li.active > a:hover {
		border-bottom-color: #DDD;
	}
	.nav-tabs-alt > li > a:hover {
		border-color: transparent;
	}

	.nav-tabs-alt > li, .nav-pills-alt > li, .nav-justified-alt > li {
		display: block;
		width: 100%;
		margin-bottom: 3px;
		text-align: center;
	}
	.nav-tabs-alt > li > a, .nav-pills-alt > li > a, .nav-justified-alt > li > a {
		margin-right: 0;
	}
	.nav-pills-alt > li + li {
		margin-left: 0;
	}

/* AFIP */

#afip {
    position: relative;
    min-height: 150px;
  }
  #afip-content {
    position: absolute;
    bottom: 0;
    left: 0;
  }

/* Preloader */
.preloader-container{
		position: absolute;
		top:0;
		left:50%;
		width:100px;
		height:100%;
		margin-top:-30px;
		margin-left: -50px;
	}

	.preloader{
		position: absolute;
		top:0;
		left:0;
		height:30px;
		width:100px;
		background-color: #fff;
		border: 1px solid #000;

	}

	.progress{
		position: absolute;
		left: 0;
		top:0;
		height:100%;
		width:0;
		background-color: #000;
	}

	.trans{
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	.load-in{
		margin-top: -15px;
		transform:translate3d(0,50%,0);
	    -webkit-transform:translate3d(0,50%,0);
	    -moz-transform:translate3d(0,50%,0);
	    -o-transform: translate(0,50%);
	    -ms-transform: translate(0,50%);

	}

	.splash-content {
	  -webkit-transition: all 0.5s;
	  -moz-transition: all 1.0s;
	  -o-transition: all 1.0s;
	  -ms-transition: all 1.0s;
	  transition: all 1.0s;
	}

	.load-out{
		margin-top: 30px;
		transform:translate3d(0,100%,0);
	    -webkit-transform:translate3d(0,100%,0);
	    -moz-transform:translate3d(0,100%,0);
	    -o-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	}