/* css capcitacion */
html, body {
	color: #444444;
	font: 12px Arial, Helvetica, sans-serif;
}
body {
	background: #c3cdd1 url(../img/bg.jpg) top left repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1,
div.central div.header a,
div.big-central div.header a {
	padding-bottom: 15px;
	font: 20px Arial;
	color: #fff;
	font-weight: bold;
}
	.box-content.control .body h1 {
		color: #016185;
	}
h2 {
	font-size: 18px;
	font-weight: bold;
}
h3,
div.box-content div.header a,
div.box-curso div.box-curso-header {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
a.linkensayo{
	text-decoration: none !important;
	color: #073A6C  !important;
}



h4 {
	font-size: 14px;	
}

h5 {
	font-size: 12px;	
}
h6 {
	font-size: 10px;	
}
a, .blue {
	color: #016185;
}
	a.logout {
		color: #b53333;
	}
	a.noborder {
		border:0;
	}
	a.boton-entrar {
		display: block;
		position: absolute;
		right: 10px;
		top:10px;
		background: transparent url(../img/sprits.gif) 0px -54px no-repeat;
		height: 23px;
		width: 75px;
		font-size: 13px;
		color: #fff;
		text-decoration: none;
		padding:7px 0 0 15px;
	}
	a.enlace {
		display: block;
		position: absolute;
		right: 10px;
		top:10px;
		background: transparent url(../img/sprits.gif) 0px -54px no-repeat;
		height: 23px;
		width: 75px;
		font-size: 13px;
		color: #fff;
		text-decoration: none;
		padding:7px 0 0 15px;
	}
		a.boton-entrar.verde {
			background-position: -90px -54px;
		}
	a.megusta {
		color: #508214;
	}
p {
	padding: 10px 0;
}
	img.perfil_100, img.perfil_55 {
		border: 8px #cecece solid;
	}
	img.perfil_55 {
		border-width: 1px;
		width: 55px;
		height: 55px;
	}

	ul.horizontal li {
		float: left;
	}
i,
em {
	font-style: italic;
}
b,
strong {
	font-weight: bold;
}
u {
	text-decoration: underline;
}
s {
	text-decoration: line-through;
}
ul li.constancia-barra div {
	background-color: #b2babc;
	height: 10px;
	overflow: hidden;
}
ul li.constancia-barra div div.malo {
	background-color: #faabb3;
	width:25%;
}
ul li.constancia-barra div div.regular {
	background-color: #f8e478;
	width:50%;
}
ul li.constancia-barra div div.bueno {
	background-color: #93d6ef;
	width:75%;
}
ul li.constancia-barra div div.excelente {
	background-color: #c9ee89;
	width:100%;
}
abbr {
	border-bottom: 1px dashed #000;
	cursor: help;
}

/* curso terminado sence */
ul li.horas-barra div {
	background-color: #b2babc;
	height: 10px;
	overflow: hidden;
}
ul li.horas-barra div div.malo {
	background-color: #faabb3;
	width:25%;
}
ul li.horas-barra div div.regular {
	background-color: #f8e478;
	width:50%;
}
ul li.horas-barra div div.bueno {
	background-color: #93d6ef;
	width:75%;
}
ul li.horas-barra div div.excelente {
	background-color: #c9ee89;
	width:100%;
}
/* curso terminado sence */

abbr {
	border-bottom: 1px dashed #000;
	cursor: help;
}


sup.counter {
    border: 1px solid #FFFFFF;
    display: block;
    font: 12px Arial;
    height: 17px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5px;
    width: 20px;
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	
	box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
	
	background-color: #DA4747;
	background-image: -moz-linear-gradient(#ff5a5a, #b53333);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5a5a), to(#b53333));
	background-image: -webkit-linear-gradient(#ff5a5a, #b53333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff5a5a, endColorstr=#b53333);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff5a5a, endColorstr=#b53333)";

}
.gray, #paginacion .paginacion-off {
	color: #7c8588;
}
.red {
	color: #b53333;
}
.strong {
	font-weight: bold;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear:both;
	line-height:0;
	height:1px;
}
.small {
	font-size: 70%;
}

/* Mensajes */
.error-message {
	color: #B73434;
	font-style: italic;
}
.alert, .success, .info {
	padding-left: 20px;
	font-weight: bold;
}
	.alert {
		background: #fff6bf;
	    border-top: 2px solid #ffd324;
	    border-bottom: 2px solid #ffd324;
	}
	.info,
	.success {
		background: #d7e9a0;
	    border-top: 2px solid #678704;
	    border-bottom: 2px solid #678704;
	}

/* CSS3 */
#breadcumb a, .box h3, h3.header, div.central div.header a, div.big-central div.header a, a.boton-entrar, div.box-curso div.box-curso-header, .box-volver {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
div.box-curso div.box-curso-header span {
	text-shadow: none;
}
	div.box-curso div.box-curso-header span.tutor {
		float: right;
	    font-size: 15px;
	    margin-right: 20px;
	}


#mainLogin {
	width: 960px;
	height: 550px;
	margin: 0 auto;
	background: transparent url(../img/login/login.jpg) 0 0 no-repeat;
	position: relative;
}
#formLogin {
	width: 261px;
	position: absolute;
	background: #e5e5e5;
	top: 155px;
	left: 15px;
	-moz-border-radius: 15px;
	padding: 15px 10px;
}
	#formLogin h1 {
		margin-left: 95px;
		font-size: 16px;
		color: #05586f;
		font-weight: bold;
	}
	#formLogin div {
		padding-bottom: 5px;
	}
	#formLogin div.input label {
		display: block;
		float: left;
		text-align: right;
		width: 92px;
		padding-right: 3px;
	}
	#formLogin div.input input {
		width: 130px;
		border: 1px #b2b2b2 solid;
		height: 26px;
	}
	#formLogin div.submit {
		padding: 15px 0 0 95px;
	}
	#formLogin .olvido {
		margin-left: 92px;
		font-size: 12px;
	}
div.contact, div.contact a {
	color: #fff;
	text-decoration: none;
}
div.contact {
	position: absolute;
	bottom: 10px;
	right: 20px;
}
	div.contact span {
		padding: 0 5px;
		color: #fff;
	}


#wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
}
#header {
	margin-top: 15px;
	height: 120px;
	background: transparent url(../img/header.png) left top no-repeat;
	position: relative;
}
	#header div.perfil {
		position: absolute;
		right: 10px;
		top: 20px;
		width: 185px;
	}
		#header div.perfil a {
			position: absolute;
		    right: 10px;
		    top: 80px;
		}
			#header div.perfil a.perfil {
				right: 130px;
			}
			#header div.perfil a.logout {
			}
		#header div.perfil img {
			float: left;
			padding:0;
			margin-right: 5px;
		}
		#header div.perfil h3 {
			font-size: 14px;
		}
#footer {
	display: none;
	height: 20px;
	background: transparent url(../img/sprits.png) left -186px no-repeat;
}
#content {
	background-color: #ffffff;
	margin-top: 5px;
	padding: 4px 4px 15px 4px;
}
#breadcumb {
	height: 33px;
	background: #71919f url(../img/sprits.png) left -120px no-repeat;
}
	#breadcumb a.active, #breadcumb a.active span {
		background-image: url(../img/sprits.gif);
		background-repeat: no-repeat;
	}
	
	#breadcumb a, #breadcumb em {
		position: relative;
		display:block;
		float:left;
		height:27px;
		line-height: 27px;
		margin:2px 0 0 0;
		padding:0;
		text-decoration:none;
	}
		#breadcumb em {
			background: transparent url(../img/sprits.png) -12px -155px no-repeat;
			width: 18px;
		}
		#breadcumb a span {
			display:block;
			padding: 0 0 0 10px;
			line-height: 27px;
			color: #fff;
		}
	#breadcumb a.home {
		margin-left:25px;
	}
	#breadcumb a.active {
		background-position: right -27px;
		padding-right:10px;
		margin-left: 10px;
	}
		#breadcumb a span {
			background-position: left top;
		}

#columnas {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
}
	#columna1 {
		float: left;
		width: 220px;
		clear: none;
	}
	#columna2 {
		float: left;
		width: 730px;
	}
	
.box, .box-volver {
	margin-bottom: 20px;
}
	.box h3 {
		background: transparent url(../img/sprits.png) left -206px no-repeat;
		height: 27px;
		padding: 5px 0 0 14px;
	}
	.box .content, div.central div.body, div.big-central div.body, div.central div.footer, div.big-central div.footer {
		background: #eeeeee;
		padding: 4px 9px;
		border: 1px #d5d5d5 solid;
		border-top: 0;
	}
	div.central div.footer, div.big-central div.footer {
		margin-top: 0;
	}
	.box .content {
		padding: 5px 7px 10px;
	}
	div.box.mis-notas li {
		position: relative;
		background: url("../img/sprits.gif") no-repeat scroll 0 -380px transparent;
		padding: 4px 10px;
	}
		div.box.mis-notas li a {
			position: absolute;
			right:10px;
			top:5px;
		}
		div.box.mis-notas li.participacion, div.box.mis-notas li.promedio {
			margin-top: 10px;
		}
		div.box.mis-notas li.promedio {
			background-position: -203px -380px;
		}
		div.box.mis-notas li.constancia {
			margin-top: 10px;
			margin-bottom: 10px;
			background-position: -567px -376px;
		}
		div.box.mis-notas li.horas {
			margin-top: 10px;
			margin-bottom: 10px;
			background-position: -567px -376px;
		}
	div.box.sabias-tu li {
		border-bottom: 1px #90979b solid;
		background: url("../img/sprits.gif") no-repeat scroll -880px -530px transparent;
		padding: 5px 5px 10px 45px;
		overflow:auto;
		height: 95px;
	}
.box-volver, .box-volver-materia {
	background:url("../img/sprits.gif") no-repeat scroll -180px -57px transparent;
	color:#FFFFFF;
	display:block;
	height:27px;
	line-height:27px;
	padding-left:30px;
	text-decoration:none;
	width:190px;
}
	.box-volver-materia {
		background:url("../img/sprits.gif") no-repeat scroll -407px -376px transparent;
		width:130px;
	}
.box-nota {
	width: 90px;
	height: 70px;
	background: url("../img/sprits.gif") no-repeat scroll 0 -688px transparent;
	padding: 10px;
	text-align: center;
}
	.box-nota span {
		font-size:48px;
		font-weight:bold;	
	}
div.central, div.big-central {
	position: relative;
	width: 640px;
	margin: 0 auto;
}
	div.central div.header,
	div.big-central div.header {
		padding:0;
		height: 45px;
		background: transparent url(../img/sprits.png) 0 0 no-repeat;
	}
		div.big-central div.header a,
		div.central div.header a {
			text-decoration: none;
			padding: 0 20px;
			display: block;
			float: left;
			line-height: 45px;
			border-right: 1px #bcbfc0 solid;
			position: relative;
		}
		
			div.big-central div.header a.active.first,
			div.central div.header a.active.first {
				background: transparent url(../img/sprits.png) 0 -45px no-repeat;
			}
			div.big-central div.header a.active,
			div.central div.header a.active {
				background: transparent url(../img/sprits.png) -20px -45px no-repeat;
			}
			div.big-central div.header a.active.last,
			div.central div.header a.active.last {
				background: transparent url(../img/sprits.png) -20px -45px no-repeat;
			}
			div.central div.header a.last {
				border:0;
			}
			
	div.central div.body,
	div.big-central div.body {
		padding-top: 20px;
		border-bottom: 0;
		clear: both;
	}
	div.central div.footer {
		border: 0;
		height: 10px;
		background: transparent url(../img/sprits.png) 0 -90px no-repeat;
		padding: 0;
		font-size: 1px;
	}
	
div.big-central {
	width: 930px;
}
	div.big-central div.header {
		background: transparent url(../img/sprits.gif) 0 -798px no-repeat;
	}
	
	div.box-content {
		zoom:1;
		margin: 0 0 15px 0;
	}
		div.box-content div.header {
			background: none;
			border: 3px #b73434 solid;
			border-top: 0;
			border-left: 0;
			border-right: 0;
			height: 30px;
		}
		
			div.box-content div.header.menu-clase {
				border: 0;
				background: transparent url(../img/sprits.png) 0 -238px no-repeat;
				height: 37px;
			}
			div.box-content div.header li {
				background: transparent url(../img/sprits.png) -660px -35px no-repeat;
				height: 30px;
				float: left;
				margin-right: 5px;
				padding:0;
			}
			div.box-content div.header a {
				display: block;
				margin-left: 10px;
				padding:0 10px 0 0;
				border: 0;
				background: transparent url(../img/sprits.png) right -35px no-repeat;
				line-height: 30px;
			}
				div.box-content div.header.menu-clase a {
					background:url("../img/sprits.png") no-repeat scroll -50px -238px transparent;
					line-height: 37px;
					margin: 0;
					padding:0 20px 0 20px;
				}
				div.box-content div.header.menu-clase a.active {
					background: transparent url(../img/sprits.png) left -313px no-repeat;
				}
				div.box-content div.header li.active {
					background-position: -660px 0;
				}
				div.box-content div.header li.active a {
					background-position: right 0;
				}
		div.box-content div.body {
			overflow: hidden;
			background-color: #c1dfe6;
			position: relative;
			clear: both;
		}
			div.box-content.blanco div.body {
				background-color: #fff;
			}
			div.box-content.articulo div.body {
				padding: 0;
				border:0;
			}
		div.box-content div.footer {
			background: transparent url(../img/sprits.png) 0 -100px no-repeat;
			line-height: 10px;
			font-size:1px;
			height: 10px;
		}
			div.box-content.blanco div.footer {
				background: transparent url(../img/sprits.gif) 0 -403px no-repeat;
				height: 11px;
			}
		div.box-content div.body.albumes {
			padding-left: 30px;
		}

div.boxWhite {
	margin: 15px auto;
	background: #fff;
	width: 565px;
	border: 1px #a8afb2 solid;
	padding: 10px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	div.boxWhite.boxWhiteAlert {
		border-color: #B73434;
	}	
			
div.box-curso, div.box-blanco {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	width: 586px;
}
	div.box-blanco {
		margin-top: 0;	
	}
	div.box-curso div.box-curso-header {
		background: #67a0ff url(../img/sprits.gif) 0 -85px no-repeat;
		height: 30px;
		padding: 10px 0 0 15px;
	}
		div.box-curso.desactivado div.box-curso-header {
			background: #919191 url(../img/sprits.gif) 0 -414px no-repeat;
		}
		div.box-curso div.box-curso-header.red {
			background: #d64646 url(../img/sprits.gif) 0 -306px no-repeat;
			height: 45px;
			padding: 10px 0 0 15px;
		}
		div.box-curso div.box-curso-header span {
			font-size: 12px;
			color: #fff;
			font-weight: normal;
		}
	div.box-curso div.box-curso-body {
		padding: 10px 15px;
		border: 1px #b3b8ba solid;
		border-width: 0 1px 0 1px;
		position: relative;
	}
	div.box-curso div.box-curso-body span.selectperfil,
	div.box-curso div.box-curso-body select.selectperfil {
		position: absolute;
		top: 15px;
		right: 110px;
		}
	div.box-curso div.box-curso-body span.selectperfil {
		line-height: 20px;
		}
	div.box-curso div.box-curso-footer {
		background: #67a0ff url(../img/sprits.png) 0 -110px no-repeat;
		height: 9px;
		font-size: 1px;
	}
	div.box-blanco div.box-blanco-header {
		background: url("../img/sprits.png") no-repeat scroll 0px -275px;
		height: 9px;
		font-size: 1px;
	}
	div.box-blanco div.box-blanco-body {
		padding: 5px 10px;
		border: 1px #b3b8ba solid;
		border-width: 0 1px 0 1px;
		position: relative;
	}
	div.box-blanco div.box-blanco-footer {
		background: #67a0ff url(../img/sprits.png) 0 -110px no-repeat;
		height: 9px;
		font-size: 1px;
	}
	
div.clases-leyenda {
	position: absolute;
	right: 10px;
	top: 20px;
}
	div.clases-leyenda span {
		display: block;
		width: 64px;
		height: 33px;
		float: right;
		line-height:33px;
		padding-left:30px;
		margin-left: 10px;
	}
		div.clases-leyenda span.realizada {
			background: url("../img/sprits.gif") no-repeat scroll -586px -67px transparent;
		}
		div.clases-leyenda span.pendiente {
			background: url("../img/sprits.gif") no-repeat scroll -679px -67px transparent;
			width:65px;
		}
		div.clases-leyenda span.no-publicada {
			background: url("../img/sprits.gif") no-repeat scroll -774px -67px transparent;
			padding-left:10px;
			width:84px;
			color: #ffffff;
		}
div.clase {
	margin: 10px auto 0;
	height: 43px;
	width:586px;
	background: url(../img/sprits.gif) no-repeat scroll 0px -144px transparent;
}
	div.clase.ejercicio {
		background: url(../img/sprits.gif) no-repeat scroll 0px -919px transparent;
	}
	div.clase div.left {
		float:left;
		padding-right:10px;
		padding-top: 10px;
		text-align:right;
		width:114px;
	}
		div.clase div.left h3 {
			color: #444444;
		}
		
	div.clase div.center {
		//float:left;
		padding-right:10px;
		padding-left:140px;
		padding-top: 10px;
		text-align:left;
		width: 436px;
	}
		div.clase div.center h3 {
			color: #444444;
		}
		
	div.clase.ejercicio div.left {
		padding-left:25px;		
	}
	div.clase div.right {
		float: right;
		width:462px;
		position: relative;
		line-height:16px;
		padding-top:5px;
	}
		div.clase div.right span {
			padding:0 20px;
		}
		div.clase div.right a {
			right:5px;
			top:5px;
		}
	div.clase.ejercicio div.right {
		width: 420px;		
	}
	
	div.clase div.right2 {
		float: right;
		width:462px;
		position: relative;
		line-height:16px;
		padding-top:5px;
	}
		div.clase div.right2 span {
			padding:0 20px;
		}
		div.clase div.right2 a {
			right:5px;
			top:-23px;
		}
	div.clase.ejercicio div.right2 {
		width: 420px;		
	}	
	
	div.clase.pendiente {
		z-index: 2;
		background-position: 0px -187px;
	}
		div.clase.pendiente a.boton-entrar.verde {
			background-position:0 -54px;
		}
	
	div.clase.no-publicada {
		background-position: 0px -230px;
	}
		div.clase.no-publicada a.boton-entrar.verde {
			background-position:-490px -54px;
		}
		div.clase.no-publicada div.left h3, div.box-curso.desactivado div.box-curso-header {
			color: #d3d3d3;
		}
		div.clase.no-publicada div.right {
			color: #9d9d9d;
		}
			div.clase.no-publicada div.right span.blue {
				color: #76a6b8;
			}

div.vacia {
	margin: 10px auto 0px;
	height: 48px;
	background: url(../img/sprits.gif) no-repeat scroll 0px -1115px transparent;
}

div.pendiente-aviso, div.ok-aviso {
	z-index: 1;
	margin: 10px auto -20px;
	height: 33px;
	background: url("../img/sprits.gif") no-repeat scroll 0 -273px transparent;
	width: 552px;
	line-height: 25px;
	padding-left:35px;
	position: relative;
}
div.pendiente-aviso-post, div.ok-aviso-post {
	z-index: 1;
	margin: -8px auto 0;
	height: 33px;
	background: url("../img/sprits.gif") no-repeat scroll 0 -273px transparent;
	width: 552px;
	/*  Requerimiento Pruebas  */
	line-height: 36px;
	/*  Requerimiento Pruebas  */
	padding-left:35px;
	position: relative;
	/*  Requerimiento Pruebas  */
	clear:both;
	/*  Requerimiento Pruebas  */
}
	div.pendiente-aviso a, div.ok-aviso a, div.pendiente-aviso-post a, div.ok-aviso-post a {
		float: right;
		display: block;
		width: 146px;
		text-align: center;
		text-decoration: none;
		color: #444;
		position: absolute;
		top: 0;
		right: 0;
	}
	div.ok-aviso {
		background: url("../img/sprits.gif") no-repeat scroll 0 -1083px transparent;	
	}
	div.ok-aviso-post {
		/*  Requerimiento Pruebas  */
		background: url("../img/sprits.gif") no-repeat scroll 0 -1197px transparent;
		/*  Requerimiento Pruebas  */
	}
	div.pendiente-aviso-post {
		background: url("../img/sprits.gif") no-repeat scroll 0 -1162px transparent;
	}
div.material-footer {
	height: 20px;
	background: #eeeeee;
	border-bottom: 1px #b3b8ba solid;
	margin: 5px 0 10px;
	padding-top: 5px;
}
div.lanzadera_alternativo_multimedia, div.lanzadera_alternativo_video, div.lanzadera_alternativo_pelicula {
	display: none;
}
/* requerimiento podcast */
div.material-audio-header {
	height: 38px;
	background: #658290;
}
div.material-audio-body {
	background-color: #c1dfe7;
	padding: 8px 25px;
	overflow: hidden;
}
div.material-footer-audio {
	height: 20px;
	background: #eeeeee;
	margin-bottom: 10px;
	border-bottom: 1px #b3b8ba solid;
}
div.material-audio-header h2 a {
	color: #fff;
}
div.material-audio-body p.material-audio-descripcion {
	width: 230px;
	position: relative;
}
div.material-audio-body div.material-audio-body-link {
	margin-left: 295px;
    margin-top: -35px;
	background: url(../img/btn_player.jpg) no-repeat transparent;
	width: 206px;
	height: 51px;
}
div.material-audio-body div.material-audio-body-link a{
	color: #fff;
	text-decoration: none;
	height: 38px;
    padding: 8px 50px 0 10px;
	float: right;
}
	div.material-footer a.icon-pdf {
		background: url("../img/sprits.gif") no-repeat scroll -595px -211px transparent;
		float: right;
		padding-left: 25px;
	}
	div.box-content.articulo div.material-footer {
		border: 1px #b3b8ba solid;
		margin: 0;
		padding: 5px 20px 0;
	}
div.articulo h2, div.materiales h2, #articulo h1 {
	color: #085270;
	padding-left: 35px;
}
	div.articulo h2 a, div.materiales h2 a {
		text-decoration: none;
	}
	div.articulo h2, #articulo h1.titulo {
		background: url("../img/sprits.gif") no-repeat scroll -880px -58px transparent;
		padding-left: 35px;
	}
		#articulo h1 {
			font-size: 24px;
			margin: 10px 0 0;
		}
		#articulo h2, #articulo h3, #articulo h4 #articulo h5 #articulo h6 {
			color: #444;
		}
		#articulo h2 {
			font-size: 22px;	
		}
		#articulo h3 {
			font-size: 20px;	
		}
		
		#articulo h4 {
			font-size: 18px;	
		}

		#articulo h5 {
			font-size: 16px;	
		}
		#articulo h6 {
			font-size: 14px;	
		}
	div.articulo h2, #articulo h1.titulo {
		background: url("http://static.eclass.cl/img/capacitacion/icons/articulo.gif") no-repeat scroll left center transparent;
	}
		div.articulo h2.evaluado, #articulo h1.titulo.evaluado {
			background: url("http://static.eclass.cl/img/capacitacion/icons/articulo-star.gif") no-repeat scroll left center transparent;
		}
	/* requerimiento podcast */
	div.audio h2 {
		background: url("../img/btn_audio_play.png") no-repeat scroll 5px -5px transparent;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/btn_audio_play.png", sizingMethod="crop");
		_background: none;
	    height: 38px;
	    padding-left: 60px;
	    padding-top: 5px;
	}
	/* requerimiento podcast */
	div.ibooks h2 {
		background: url("../img/ibooks_24.png") no-repeat scroll transparent;
	}
	div.enlace h2 {
		background: url("../img/link_24.png") no-repeat scroll transparent;
	}
	div.video h2 {
		background: url("../img/sprits.gif") no-repeat scroll -880px -725px transparent;
	}
	div.pdf h2 {
		background: url("http://static.eclass.cl/img/capacitacion/icons/pdf.gif") no-repeat scroll left center transparent;
	}
		div.pdf h2.evaluado {
			background: url("http://static.eclass.cl/img/capacitacion/icons/pdf-star.gif") no-repeat scroll left center transparent;
		}

	
p.star {	
	padding-left: 35px;
	background: url("../img/sprits.gif") no-repeat scroll -595px -105px transparent;
}
#articulo {
	padding: 0 10px;
	/*font-type: 13px;*/
}
	#articulo h1, #articulo h2 {
		background-image: none;
		padding-left: 0;
	}
	#articulo strong, #articulo b {
		font-weight: bold;
	}
	.novedad div.body ol,
	#articulo ol {
		list-style: decimal inside none;
	}
	.novedad div.body ul,
	#articulo ul {
		list-style: disc inside none;
	}
	#articulo ul ul {
		margin-left: 20px;
		list-style: circle inside none;
	}
	#articulo ul ul ul {
		margin-left: 20px;
		list-style: square inside none;
	}

	#articulo img {
		padding: 0 10px 10px 10px;
	}

.boton-azul {
	background:url("../img/sprits.gif") no-repeat scroll 0 -500px transparent;
	color:#FFFFFF;
	line-height:27px;
	margin-right:15px;
	padding:0 0 0 15px;
	position:relative;
	text-decoration:none;
}
	.boton-azul span {
		background:url("../img/sprits.gif") no-repeat scroll -300px -500px transparent;
		height:27px;
		line-height:27px;
		position:absolute;
		right:-15px;
		top:0;
		width:15px;
	}
#paginacion a {
	text-decoration: none;
}
	#paginacion span a, #paginacion span.current {
		color: #444444;
		background-color: #c3cdd1;
		padding: 5px 13px;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		#paginacion span a:hover, #paginacion span.current {
			color: #ffffff;
			background-color: #b53333; 
		}
.icon-materia span, .icon-ejercicios span, .icon-controles span {
	background:url("../img/sprits.gif") no-repeat scroll -877px -178px transparent;
	float:left;
	height:37px;
	margin-right:5px;
	width:30px;
}
	.icon-ejercicios span {
		background:url("../img/sprits.gif") no-repeat scroll -877px -294px transparent;
	}
	.icon-controles span {
		background:url("../img/sprits.gif") no-repeat scroll -877px -406px transparent;
	}
	
div.central div.box-content h3.header {
	padding: 0 0 0 14px;
	background: transparent url(../img/sprits.png) 0px -350px no-repeat;
	height: 26px;
	line-height: 26px;
	}
div.central div.box-content h3.header span {
	display: block;
	padding: 0 14px 0 0;
	background: transparent url(../img/sprits.png) -333px -350px no-repeat;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #fff;
	}
div.central div.box-curso h3.header span {
	padding: 0;
	background-position: -47px -350px; 
	}
div.central div.box-content h3.header a {
	float: right;
	/*margin-top: 5px;*/
	padding: 0 14px 0 0;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	}
div.dos-columnas {
	overflow: hidden;
	}
div.dos-columnas div.box-content {
	float: left;
	width: 300px;
	}
div.dos-columnas div.box-content.first {
	margin-right: 18px;
	}


div.item {
	margin-bottom: 10px;
}
	div.item div.header {
		background:url("../img/sprits.gif") no-repeat scroll 0 -536px #085270;
		border:0 none;
		color:#FFFFFF;
		height:27px;
		padding:5px 0 0 15px;
	}
	div.item div.body {
		border-left: 1px #085270 solid;
		border-right: 1px #085270 solid;
		padding:0 10px;
	}
	div.item div.footer {
		background: #fff url(../img/sprits.gif) 0 -568px no-repeat!important;
		height: 14px!important;
	}

#columna1 div.box-curso {
	width: 204px;
	}
#columna1 div.box-curso.hand {
	cursor: pointer;
	}
#columna1 div.box-curso div.box-curso-head {
	padding: 0 0 0 15px;
	background: #68a0ff url(../img/sprits2.png) no-repeat 0 0;
	}
#columna1 div.box-curso div.box-curso-head h2 {
	padding: 5px 15px 5px 0;
	background: #68a0ff url(../img/sprits2.png) no-repeat right 0;
	font-size: 14px;
	color: #fff;
	}
#columna1 div.box-curso div.box-curso-head span {
	float: right;
	padding: 0 10px 0 0;
	line-height: 30px;
	color: #fff;
	}
#columna1 div.box-curso.desactivado div.box-curso-head,
#columna1 div.box-curso.desactivado div.box-curso-head h2 {
	background-color: #919191;
	background-position: 0 -95px;
	}
#columna1 div.box-curso.desactivado div.box-curso-head h2 {
	background-position: right -95px;
	}
div.box-content.blanco div.footer-border,
#columna1 div.box-curso div.box-curso-foot {
	padding: 0 0 0 15px;
	background: transparent url(../img/sprits2.png) no-repeat 0 -85px;
	height: 10px;
	line-height: 10px;
	}
div.box-content.blanco div.footer-border span,
#columna1 div.box-curso div.box-curso-foot span {
	display: block;
	background: transparent url(../img/sprits2.png) no-repeat right -85px;
	height: 10px;
	line-height: 10px;
	font-size: 1px;
	}
#columna1 div.box-curso.desactivado div.box-curso-foot {
	background-position: 0 -73px;
	}
#columna1 div.box-curso.desactivado div.box-curso-foot span {
	background-position: right -73px;
	}
	
#columna1 div.content.cursos-anteriores {
	margin-top: -1px;
	padding-top: 15px;
	background: #bcbcbc url(../img/sprits2.png) no-repeat 0 -489px;
	border-color: #a0a0a0;
	}

.componentItemExplicacion, .componentItemOpciones {
	background: #d7e9a0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
}
	.componentItemExplicacionIncorrecta {
		background: #f2d0cf;
	}
.componentItemOpciones {
	background: #dddddd;
}
.componentItemOpciones th {
	text-align: center;
}
.componentItemOpciones select {
	max-width: 400px;
}
	ul.alternativas {
		list-style: upper-alpha;
		list-style-position: inside;
		
	}
		ul.alternativas li {
			margin: 0pt 0pt 0pt 15px; 
			padding: 0pt; 
		}
	.componentItemOpciones textarea {
		width: 90%;
	}
.box {
	
}
	.box .bheader {
		height:15px;	
	}
	.box .bbody {
		padding: 0 20px 5px;	
	}
	.box .bfooter {
		height:15px;	
	}
	.box h1 {
		padding: 0;
	}
	
.box.green {
	background: #d7e9a0;
	width: 100%;
}
	.box.green .bheader {
		background:url("../img/sprits.gif") no-repeat scroll 0 -582px transparent !important;
	}
	.box.green .bbody {
		border-left: 4px solid #678704;
		border-right: 4px solid #678704;
	}
	.box.green .bfooter {
		background:url("../img/sprits.gif") no-repeat scroll 0 -620px transparent !important;
	}
	.box.green .big-ticket {
		padding-left: 135px;
		background: url("../img/ticket-big-green.jpg") no-repeat scroll 15px top transparent;
	}
	.box.green .medium-ticket {
		padding-left: 80px;
		background: url("../img/ticket-medium-green.jpg") no-repeat scroll 15px top transparent;
	}
.box.red {
	background: #eac5bd;
}
	.box.red .bheader {
		background:url("../img/sprits.gif") no-repeat scroll 0 -635px transparent !important;
	}
	.box.red .bbody {
		border-left: 4px solid #d94423;
		border-right: 4px solid #d94423;
	}
	.box.red .bfooter {
		background:url("../img/sprits.gif") no-repeat scroll 0 -673px transparent !important;
	}
	.box.red .big-ticket {
		padding-left: 135px;
		background: url("../img/cross-big-red.jpg") no-repeat scroll 15px top transparent;
	}
.text-green {
	color: #678704!important;
}
.text-red {
	color: #b53333!important;
}
.error_message_box {
	background: #B53333;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px 10px;
	font-weight: bold;
}

div.box-content.novedad h1 a {
	font-size: 24px;
}
ul.novedades li h4 {
	padding: 10px 0;
	border-top: 1px #ccc solid;
}

div.novedades div.body h3 {
	margin-bottom: 10px;
}

ul.novedades li h3 a,
ul.novedades li h4 a,
div.box-content.novedad h1 a,
div.box-content.novedades h3 a,
div.box-content.novedades h5 a {
	text-decoration: none;
	font-weight: normal;
	color: #b73434;
}
div.box-content.novedades h5 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px #ccc solid;
}
div.box-content.novedades h5 a {
	font-size: 16px;
}
div.box-content.novedades h5 span {
	font-weight: normal;
}
div.box-content.novedades span.fecha {
	padding: 10px 0;
}
div.box-content.novedad div.images-slides {
	float: right;
	margin: 0 0 15px 15px;
}
div.box-content.novedad div.images-slides div#SlideNav a {
	display: block;
	float: left;
	padding: 10px;
}
div.box-content.novedad div.body p {
	text-align: justify;
}
ul.novedades a.imagen,
div.box-content.novedades a.imagen {
	display: block;
	float: left;
	background-repeat: no-repeat;
	width: 250px;
	height: 130px;
}
ul.novedades a.imagen {
	margin: 10px 0;
	height: 100px;
}
div.box-content.novedades a.imagen {
	margin: 0 10px 10px 0;
}


.introduccion {
	width: 587px;
	margin: 0 auto 10px;
}
	.introduccion-header {
		background:url("../img/sprits.gif") no-repeat scroll 0 -1048px transparent;
		height:10px;
		line-height:10px;
	}
	.introduccion-body {
		border-left: 1px solid #b3b8ba;
		border-right: 1px solid #b3b8ba;
		background-color: #ffffff;
		padding: 0 15px;
	}
		.introduccion-body p {
			padding:5px 0;
		}
	.introduccion-footer {
		background:url("../img/sprits.gif") no-repeat scroll 0 -1060px transparent;
		height:23px;
		line-height:10px;
	}
	
div.perfil a {
	text-decoration: none;
	}
div.perfil div.box-content {
	margin: 0;
	}
div.perfil div.box-content.blanco div.body {
	padding: 10px;
	border-top: 1px #d5d5d5 solid;
	border-bottom: 1px #d5d5d5 solid;
	}
div.perfil div.box-content.blanco div.body div.sidebar,
div.perfil div.box-content.blanco div.body div.main {
	float: left;
	margin: 0 20px;
	}
div.perfil div.box-content.blanco div.body div.sidebar {
	width: 127px;
	}
div.perfil div.box-content.blanco div.body div.sidebar div.avatar,
div.perfil div.box-content.blanco div.body div.sidebar div.box {
	margin-bottom: 15px;
	}
div.perfil div.box-content.blanco div.body div.sidebar div.avatar img {
	border: 1px #e2e2e2 solid;
	}
div.perfil div.box-content.blanco div.body div.sidebar div.box {
	padding: 8px 3px;
	background-color: #d5d5d5;
	color: #6e7776;
	}
div.perfil div.box-content.blanco div.body div.sidebar div.box p {
	padding: 0 0 10px 0;
	}
div.perfil div.box-content.blanco div.body div.sidebar div.box a.boton-azul {
	display: block;
	padding-left: 5px;
	font-size: 11px;
	text-align: center;
	}

div.perfil div.box-content.blanco div.body div.main {
	width: 500px;
	}
div.perfil div.box-content.blanco div.body div.main h2,
div.perfil div.box-content.blanco div.body div.main h3,
div.perfil-editar div.box-content.blanco div.body form h2,
div.perfil-editar div.box-content.blanco div.body form h3 {
	margin-bottom: 15px;
	}
div.perfil-editar div.box-content.blanco div.body form h4 {
	margin-bottom: 10px;
	}
div.perfil div.box-content.blanco div.body div.main h3,
div.perfil-editar div.box-content.blanco div.body form h2 {
	font-weight: normal;
	color: #6d7577;
	}
div.perfil-editar div.box-content.blanco div.body form h3 {
	color: #222;
	}
div.perfil div.box-content.blanco div.body div.main ul li,
div.perfil-editar div.box-content.blanco div.body form ul li {
	color: #000;
	}
div.perfil div.box-content.blanco div.body div.main ul li.blue,
div.perfil-editar div.box-content.blanco div.body form ul li.blue {
	color: #016185;
	}
div.perfil div.box-content.blanco div.body div.main ul li label,
div.perfil-editar div.box-content.blanco div.body form ul li label {
	color: #707579;
	}
div.perfil div.box-content.blanco div.body div.main div.control {
	margin-bottom: 20px;
	padding: 3px;
	border-bottom: 1px #b2b2b2 solid;
	text-align: right;
	}
div.perfil div.box-content.blanco div.body div.main div.c1,
div.perfil div.box-content.blanco div.body div.main div.c2,
div.perfil-editar div.box-content.blanco form div.c1,
div.perfil-editar div.box-content.blanco form div.c2 {
	position: relative;
	}
div.perfil-editar div.box-content.blanco form div.c1 a.delete,
div.perfil-editar div.box-content.blanco form div.c2 a.delete {
	position: absolute;
	right: 0;
	}
div.perfil-editar div.box-content.blanco div.body,
div.perfil-editar div.box-content.blanco div.footer {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	}
div.perfil-editar div.box-content.blanco form {
	padding: 10px 20px;
	}
div.perfil-editar div.box-content.blanco div.col-left,
div.perfil-editar div.box-content.blanco div.col-right,
div.perfil-editar div.box-content.blanco form.col-left,
div.perfil-editar div.box-content.blanco form.col-right {
	
	}
div.perfil-editar div.box-content.blanco form.col-right {
	border-left: 1px #c1dfe6 solid;
	width: 392px;
	}	
div.perfil-editar div.box-content.blanco form a.edit,
div.perfil-editar div.box-content.blanco form span.edit,
div.perfil-editar div.box-content.blanco div.form-add span.head {
	display: block;
	padding: 0 0 0 35px;
	background-color: #c1dfe6;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #006186;
	}
div.perfil-editar div.box-content.blanco form a.edit {
	background-image: url(../img/perfil-edit.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}
div.perfil-editar div.box-content.blanco div.form-add span.head {
	background-color: #c5e6c1;
	font-weight: bold;
	color: #24b34b;
	}

div.perfil-editar div.box-content.blanco.profesional form a.edit,
div.perfil-editar div.box-content.blanco.contacto form a.edit {
	background-image: url(../img/perfil-btn-agregar.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	}

div.perfil-editar div.box-content.blanco form div.details {	
	padding: 10px;
	}
	
div.perfil-editar div.box-content.blanco form#EditPerfilForm div.details {
	padding-left: 60px;
	}
div.perfil-editar div.box-content.blanco form#EditPerfilForm div.details img {
	float: left;
	margin: 0 0 0 -50px;
	border: 1px #e4e4e4 solid;
	}
div.perfil-editar div.box-content.blanco form#EditPerfilForm div.file {
	overflow: hidden;
	padding-left: 190px;
	padding-bottom: 20px;
	}
div.perfil-editar div.box-content.blanco form#EditPerfilForm div.file label {
	margin-left: -190px;
	}
div.perfil-editar div.box-content.blanco form#EditPerfilForm div.file img {
	position: absolute;
	left: 170px;
	border: 1px #e4e4e4 solid;
	}
div.contacto div.input.text,
div.contacto div.input.textarea,
div.contacto div.submit,
div.perfil-editar div.box-content.blanco form div.input.text,
div.perfil-editar div.box-content.blanco form div.input.password,
div.perfil-editar div.box-content.blanco form div.input.file,
div.perfil-editar div.box-content.blanco form div.input.select,
div.perfil-editar div.box-content.blanco form div.input.date,
div.perfil-editar div.box-content.blanco form div.submit,
div.perfil-editar div.box-content.blanco form div.input.radio fieldset {
	padding: 5px 0 5px 140px;
	}
div.contacto div.input.text label,
div.contacto div.input.textarea label,
div.perfil-editar div.box-content.blanco form div.input.text label,
div.perfil-editar div.box-content.blanco form div.input.password label,
div.perfil-editar div.box-content.blanco form div.input.file label,
div.perfil-editar div.box-content.blanco form div.input.select label,
div.perfil-editar div.box-content.blanco form div.input.date label,
div.perfil-editar div.box-content.blanco form div.input.radio fieldset legend {
	float: left;
	margin-left: -140px;
	width: 130px;
	line-height: 21px;
	text-align: right;
	}
div.perfil-editar div.box-content.blanco form div.input,
div.perfil-editar div.box-content.blanco form div.submit,
div.perfil-editar div.box-content.blanco form div.details {
	border: 1px #c1dfe6 solid;
	}
div.perfil-editar div.box-content.blanco div.form-add div.input,
div.perfil-editar div.box-content.blanco div.form-add div.submit,
div.perfil-editar div.box-content.blanco div.form-add div.details {
	border-color: #c5e6c1;
	}
	
div.perfil-editar div.box-content.blanco form div.input {
	border-width: 0 1px;
	}
div.perfil-editar div.box-content.blanco form div.submit,
div.perfil-editar div.box-content.blanco form div.details {
	border-width: 0 1px 1px 1px;
	}
	
div.perfil-editar div.box-content.blanco form#EditClaveForm div.input,
div.perfil-editar div.box-content.blanco form#EditClaveForm div.submit {
	border: 0;
	}
div.contacto div.input.text input,
div.contacto div.input.textarea textarea {
	width: 400px;
}
div.perfil-editar div.box-content.blanco a.add {
	display: block;
	float: left;
	padding-left: 30px;
	background: #c1dfe6 url(../img/perfil-add.gif) no-repeat 0 0;
	height: 27px;
	line-height: 27px;
	text-decoration: none;
	}
div.perfil-editar div.box-content.blanco a.add span {
	display: block;
	padding-right: 10px;
	background: url(../img/perfil-span-add.gif) no-repeat 100% 0;
	}
	
span.estado-curso {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    background-color: #EEEEEE;
    color: #000000;
    display: inline;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
	}
	span.estado-curso span {
		color: #B93533;
   	 	margin-left: 15px;
	}


select.selectperfil {
	}
span.selectperfil {
	}

.cuadro-blanco-borderazul4px {}
	.cuadro-blanco-borderazul4px-header,
	.cuadro-blanco-borderazul1px-header,
	.cuadro-azul-borderazul1px-header,
	.cuadro-blanco-bordergris1px-header,
	.cuadro-azul-header {
		background: transparent url(../img/box-sprites.png) no-repeat 0 0;
		line-height: 10px;
		height: 17px;
	}
	.cuadro-blanco-borderazul4px-body,
	.cuadro-blanco-borderazul1px-body,
	.cuadro-azul-borderazul1px-body,
	.cuadro-blanco-bordergris1px-body,
	.cuadro-azul-body {
		border-left: 4px #4ea2b7 solid;
		border-right: 4px #4ea2b7 solid;
		padding-left: 10px;
		padding-right: 10px;
	}
	.cuadro-blanco-borderazul4px-footer,
	.cuadro-blanco-borderazul1px-footer,
	.cuadro-azul-borderazul1px-footer,
	.cuadro-blanco-bordergris1px-footer,
	.cuadro-azul-footer {
		background: transparent url(../img/box-sprites.png) no-repeat 0 -17px;
		line-height: 10px;
		height: 17px;
	}
.cuadro-blanco-borderazul1px {}
	.cuadro-blanco-borderazul1px-header {
		background-position: 0 -34px;
		height: 21px;
	}
	.cuadro-blanco-borderazul1px-body {
		border-width: 0 1px 0 1px;
	}
	.cuadro-blanco-borderazul1px-footer {
		background-position: 0 -55px;
		height: 21px;
	}
.cuadro-azul-borderazul1px,
.cuadro-blanco-bordergris1px {
	width: 588px;
	margin: 0 auto;
}
	.cuadro-azul-borderazul1px-header,
	.cuadro-blanco-bordergris1px-header {
		background-position: 0 -110px;
		height: 10px;
	}
	.cuadro-azul-borderazul1px-body,
	.cuadro-blanco-bordergris1px-body {
		border-left: 1px #1b6a88 solid;
		border-right: 1px #1b6a88 solid;
		background-color: #e5f1f4;
	}
	.cuadro-azul-borderazul1px-footer,
	.cuadro-blanco-bordergris1px-footer {
		background-position: 0 -120px;
		height: 10px;
	}
.cuadro-blanco-bordergris1px {}
	.cuadro-blanco-bordergris1px-header {
		background-position: 0 -130px;
	}
	.cuadro-blanco-bordergris1px-body {
		border-left: 1px #a8afb2 solid;
		border-right: 1px #a8afb2 solid;
		background-color: #ffffff;
	}
	.cuadro-blanco-bordergris1px-footer {
		background-position: 0 -140px;
	}
.cuadro-azul {
	background-color: #c1dfe6;
}
	.cuadro-azul-header {
		background-position: 0 -76px;
		height: 17px;
	}
	.cuadro-azul-body {
		border:0;
	}
	.cuadro-azul-footer {
		background-position: 0 -93px;
		height: 17px;
	}

div.perfil-basico,
div.terminos {
	margin: 20px 0 20px 100px;
	width: 600px;
	}
	
div.perfil-basico div.text,
div.perfil-basico div.submit,
div.perfil-basico div.select,
div.perfil-basico div.checkbox,
div.perfil-basico div.password,
div.perfil-basico div.date,
div.perfil-basico div.radio fieldset {
	padding: 10px 0 10px 150px;
	}
div.perfil-basico select#DireccionPais,
div.perfil-basico select#DireccionRegion,
div.perfil-basico select#DireccionLocalidad {
	width: 100px;
}
div.perfil-basico input#PersonaApellidoMaterno,
div.perfil-basico input#TelefonoCodigoArea,
div.perfil-basico select#DireccionRegion,
div.perfil-basico select#DireccionLocalidad,
div.perfil-basico input#DireccionOtraRegion,
div.perfil-basico input#DireccionOtraLocalidad,
div.perfil-basico input#EmpleoNombre,
div.perfil-basico input#EmpleoPuesto {
	margin-left: 10px;
}
div.perfil-basico input#DireccionDireccion {
	width: 360px;
}
div.perfil-basico div.text label,
div.perfil-basico div.select label,
div.perfil-basico div.date label,
div.perfil-basico div.password label,
div.perfil-basico div.radio legend {
	float: left;
	margin-left: -150px;
	}
div.terminos {
	text-align: justify;
	}
div.perfil-basico h1,
div.terminos h1 {
	color: #7c8488;
	}
	
div#foot {
	margin-top: 5px;
	padding: 15px 10px 0px 10px;
	background: url(../img/foot-bg.gif) no-repeat 0 100%;
	height: 43px;
	}
div#foot ul.logos li {
	display: block;
	float: left;
	}
div#foot ul.logos li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 81px;
	height: 32px;
	text-indent: -9999px;
	}
div#foot ul.logos li a.eclass {
	background-image: url(../img/logo_generico_2.jpg);
    background-size: 90px;
    width: 90px;
	}

ul.listaProgramas {
	margin: 0 auto;
	width: 600px;
}
	ul.listaProgramas li {
		background:url("../img/sprits.gif") no-repeat scroll 0 -1116px transparent;
		height: 33px;
		position: relative;
		color: #7c8488;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 0 0 10px;
		margin-bottom: 10px;
	}
		ul.listaProgramas li a {
			background-position: -114px -688px;
			top: 7px;
		}
div.body.documentos div.box-blanco {
	margin-bottom: 10px;
	}
div.body.documentos div.box-blanco div.box-blanco-body {
	padding-left: 50px;
	}
div.body.documentos div.box-blanco div.box-blanco-body.pdf {
	background: url(../img/icons/page_white_acrobat.png) no-repeat 20px 50%;
	}
div.body.documentos div.box-blanco div.box-blanco-body.xml,
div.body.documentos div.box-blanco div.box-blanco-body.xmls {
	background: url(../img/icons/page_white_excel.png) no-repeat 20px 50%;
	}
div.body.documentos div.box-blanco div.box-blanco-body.txt {
	background: url(../img/icons/page_white_text.png) no-repeat 20px 50%;
	}
div.body.documentos div.box-blanco div.box-blanco-body.doc,
div.body.documentos div.box-blanco div.box-blanco-body.xdoc {
	background: url(../img/icons/page_white_word.png) no-repeat 20px 50%;
	}
a.boton_bienvenida {
	display: block;
	float: left;
	margin: 15px 10px 0 0;
	padding: 16px 0 0 31px;
	background-repeat: no-repeat;
	width: 129px;
	height: 24px;
	line-height: 11px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	}
a.boton_bienvenida:hover,
a.boton_bienvenida.hover {
	background-position: 0 -40px;
	}
div.video {
	margin-top: 10px;
	}
a.video-plataforma {
	display: block;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 45px;
	background: url(../img/btn-video-plataforma.png);
	width: 175px;
	height: 44px;
	text-decoration: none;
	}
a.video-plataforma span {
	display: block;
	font-size: 16px;
	color: #fff;
	}
a.video-plataforma small {
	display: block;
	font-size: 10px;
	color: #fff;
	}
#box-descargas a.requisito,
#box-descargas a.acrobat,
#box-descargas a.flash {
	display: block;
	background: url(../img/locale/spa/acrobat_reader.png);
	width: 206px;
	height: 54px;
	text-indent: -99999px;
	color: red;
}
	#box-descargas a.acrobat:hover {
		background: url(../img/locale/spa/acrobat_reader_red.png);
		color: red;
	}
#box-descargas a.flash {
	background: url(../img/locale/spa/flash_player.png);
}
	#box-descargas a.flash:hover {
		background: url(../img/locale/spa/flash_player_red.png);
	}
#box-descargas a.requisito {
	background: url(../img/locale/spa/requisito.png);
}
	#box-descargas a.requisito:hover {
		background: url(../img/locale/spa/requisito_red.png);
	}	
	
div.actividad {
	background: #fff url("../img/cuadro-resumen-reloj.jpg") no-repeat left center;
	height: 85px;
	margin-bottom: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	div.actividad div, div.actividad div.actividad-detalle ul {
		float: left;
		clear: none;
	}
	div.actividad div.actividad-reloj {
		width: 200px;
	}
		div.actividad div.actividad-reloj p {
			 color: #FFFFFF;
			    margin-left: 85px;
			    padding: 0;
		}
			div.actividad div.actividad-reloj p.actividad-reloj-titulo {
				font-size: 120%;
				font-weight: bold;
				margin-bottom: 5px;
				margin-top: 10px;
			}
	div.actividad div.actividad-detalle {
		padding: 15px 0 0 10px;
	}
		div.actividad div.actividad-detalle ul {
			width: 170px;
		}
			div.actividad div.actividad-detalle ul li {
				color: #05586f;
				float: left;
				padding: 2px 5px;
				clear: none;
			}
			div.actividad div.actividad-detalle ul li span {
				color: #9e3737;
			}
				div.actividad div.actividad-detalle ul li:hover {
					background-color: #c9dee5;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					cursor: default;
				}
div.comentarios label.pagina {
	display: block;
	border-bottom: 2px #ccc solid;
}
div.comentarios form.formulario-principal {
	margin-bottom: 15px;
	padding: 10px;
}
div.comentarios div.comentario.reply,
div.comentarios div.comentario form,
div.comentarios form.formulario-principal {
	background-color: #e7f1f2;
}
div.comentarios form.formulario-principal textarea,
div.comentarios div.comentario form input {
	width: 100%;
	border: 1px solid #d5d5d5;
}
div.comentarios form.formulario-principal textarea {
	margin-bottom: 15px;
	height: 50px;
}
div.comentarios div.comentario form label,
div.comentarios form.formulario-principal label {
	padding-bottom: 10px;
	display: block;
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	color: #006186;
}
div.comentarios div.comentario img {
	float: left;
	margin-left: -50px;
}
div.comentarios div.comentario,
div.comentarios div.comentario form {
	padding: 5px 10px;
	border-top: 1px #ccc solid;
}
div.comentarios div.comentario p {
	overflow: hidden;
	padding: 0 5px 5px 50px;
}
div.comentarios div.comentario p br {
	margin-bottom: 5px;
}
div.comentarios div.comentario p a,
div.comentarios div.comentario p strong {
	color: #14536a;
}
div.comentarios div.comentario p span.fecha {
	color: #aaa;
}
div.comentarios div.comentario hr {
	border: 1px #ccc solid;
	border-width: 0 0 1px 0;
}
div.comentarios div.comentario hr,
div.comentarios div.comentario form,
div.comentarios div.comentario.reply {
	margin: 0 0 0 50px;
}
div.comentarios div.comentario.reply.first {
	margin-top: 10px;
	border: 0;
}
div.comentarios div.comentario form label {
	padding: 0;
}
div.comentarios div.comentario form div.submit {
	display: none;
}
div.content a {
	color: #000000;
}
	div.content a:hover {
		color: #2197C3;
	}
div.content table {
	width: 100%;
}
div.content table thead th {
	border-bottom: 1px #555 solid;
	text-align: center;
}
div.content table tbody td {
	border-top: 1px #dfe3e3 solid;
}
	div.content table tbody td.avance {
		text-align: center;
	}
	div.content table tbody td.promedio {
		text-align: right;
	}
div.content table tfoot td {
	border-top: 1px #555 solid;
}
	div.content table tfoot td.promedio {
		text-align: right;
	}
.btn, .btn-activo {
	padding: 5px 15px;
	border: 0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	cursor: pointer;
}
.btn {
	background-color: #5c7a86;
	background-image: -moz-linear-gradient(270deg, #85a8b8, #5c7a86);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c7a86), to(#85a8b8));
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#85a8b8', endColorstr='#5c7a86');
	color: #fff;
}

.btn-activo-curso {
	background: url("../img/btn_preg_chico.jpg") 0 31px;
	padding: 8px 25px;
	color: #FFFFFF;
	border: 0 none;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
}
.btn-activo-curso-2 {
	background: url("../img/btn_preg_grande.jpg") 0 31px;
	padding: 8px 23px;
	color: #FFFFFF;
	border: 0 none;
    border-radius: 15px;
    cursor: pointer;
    text-decoration: none;
}
.btn-curso {
	padding: 8px 25px;
	background: url("../img/btn_preg_chico.jpg");
	text-decoration: none;
}
.btn-curso-2 {
	padding: 8px 23px;
	background: url("../img/btn_preg_grande.jpg");
	text-decoration: none;
}
.btn-activo{
	background-image: url("../img/sprits.gif");
	color: #ffffff;
}

.right {
	float: right;
}

.galeria {
	margin: 10px 0px;	
}

.galeria label {
	margin-right: 20px;
}
div.mi-equipo h4 {
  	color: #000;
	font-size: 24px;
}
div.equipo {
	margin-bottom: 15px;
}
div.equipo h4 {
	padding-bottom: 15px;
}
div.equipo li {
  	list-style: none;
	margin-left: 10px;
	float: left;
	width: 178px;
	margin-bottom: 20px;
}
div.equipo li img {
	float: left;
	margin-right: 10px;
}
div.equipo li p {
	color: #0088BB;
	float: left;
}
.preguntas {
	width:260px;
	padding-right:10px;

}
.respuestas {
	width:275px;
	padding-left:10px;

}

.preguntas {
	width:275px;
	padding-right:10px;
	margin-left: 0;
}
.respuestas {
	width:275px;
	padding-left:10px;

}
.containable {
	border: 1px #CCCCCC solid;
	width:22px;
	height:22px;
	padding: 3px;
	margin-bottom:2px;
	text-align:center;
	-moz-border-radius: 5px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.10);
	background-color:#FFF;
	cursor: move;
	float:left; 
	display:block; 
	clear:both;
}

.valorpreguntamatch{
	 margin-left:33px; 
	 text-align:left;
	 padding-bottom: 0;
	 padding-top: 3px; 
}
.match{
	list-style: none;
	width:245px;
	margin-bottom: 20px;
	margin-left: 0;
}
.alinearcelda{
			vertical-align: top;
	}
.module_head_main{
	padding:5px;
	background-color:#085270;
	width: 90%;
	color:#FFFFFF;
	font-size:15px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom:5px;
}
.alinearcelda{
	vertical-align: top;
}
span.name {
	float:left;
	width:200px;
	color: #76a6b8;
}

ul.documents li {
	margin-bottom: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #d7d9d9;
	line-height: 16px;
	position: relative;
}
ul.documents li.pdf{
	background-image: url(/img/icons/page_white_acrobat.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/icons/page_white_acrobat.png", sizingMethod="crop");
	_background:none;
	display:block;
	width: 575px;
	height: 20px;
	text-decoration: none;
}


ul.documents li a {
	text-decoration: none;
}
div.box-curso.registro div.box-curso-body a.icon-pdf {
	background: url("../img/sprits.gif") no-repeat scroll -595px -211px transparent;
	float: right;
	padding-left: 25px;
}
div.box_curso.no_pago {
	background: url("../../img/morosidad_icono.jpg") no-repeat scroll 10px 7px #FEC1C6;
    border: 0 none;
    margin-bottom: 10px;
    padding: 5px 0 5px 40px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.box_curso.no_pago p {
	color: #9B0615;
    font-size: 12px;
    padding: 0;
}
div#texto-legal {
	background-color: #5E7E89; 
	color: #fff;
	width: 600px;
	padding: 0px 20px;
	margin: 10px auto;
	border-radius:  10px;
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	-o-border-radius:  10px;
}
div.box-content.avance {
	float: right; 
	margin-bottom: -30px; 
	margin-right: 10px;
}

div.avance-online {
    display: block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
div.avance-online div.dias {
    background: #AFB2B9;
    
    box-shadow: 0px 4px 5px #94979E;
    -moz-box-shadow: 0px 4px 5px #94979E;
    -webkit-box-shadow: 0px 4px 5px #94979E;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#94979E,direction=125,strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#94979E,direction=125,strength=5);
    
    background: rgba(229,230,235,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,230,235,1) 0%, rgba(199,202,207,1) 51%, rgba(175,178,185,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,230,235,1)), color-stop(51%,rgba(199,202,207,1)), color-stop(100%,rgba(175,178,185,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229,230,235,1) 0%,rgba(199,202,207,1) 51%,rgba(175,178,185,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229,230,235,1) 0%,rgba(199,202,207,1) 51%,rgba(175,178,185,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229,230,235,1) 0%,rgba(199,202,207,1) 51%,rgba(175,178,185,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(229,230,235,1) 0%,rgba(199,202,207,1) 51%,rgba(175,178,185,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E6EB', endColorstr='#afb2b9',GradientType=0 ); /* IE6-9 */
}
div.avance-online div.porcentaje {
    position: relative;
    
    background: #E53E4F;
    
    box-shadow: 0px 4px 5px #B12532;
    -moz-box-shadow: 0px 4px 5px #B12532;
    -webkit-box-shadow: 0px 4px 5px #B12532;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#B12532,direction=125,strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#B12532,direction=125,strength=5);
    
    background: rgba(240,114,126,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(240,114,126,1) 0%, rgba(233,82,97,1) 51%, rgba(177,36,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,114,126,1)), color-stop(51%,rgba(233,82,97,1)), color-stop(100%,rgba(177,36,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,114,126,1) 0%,rgba(233,82,97,1) 51%,rgba(177,36,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,114,126,1) 0%,rgba(233,82,97,1) 51%,rgba(177,36,52,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(240,114,126,1) 0%,rgba(233,82,97,1) 51%,rgba(177,36,52,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(240,114,126,1) 0%,rgba(233,82,97,1) 51%,rgba(177,36,52,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0727E', endColorstr='#b12434',GradientType=0 ); /* IE6-9 */
}
div.avance-online div.dias, div.avance-online div.porcentaje {
    float: left;
    height: 57px;
    padding: 3px 0;
    margin-right: 10px;
    
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 87px;
}

div.avance-online div.dias p, div.avance-online div.porcentaje p {
    text-align: center;
    text-shadow: 0 1px 1px #333;
    -moz-text-shadow: 0 1px 1px #333;
    -webkit-text-shadow: 0 1px 1px #333;
    
    padding-bottom: 0;
    padding-top: 5px;
}

div.avance-online div.dias p {
    color: #666666;
    text-shadow: 0 1px 1px #fff;
    -moz-text-shadow: 0 1px 1px #fff;
    -webkit-text-shadow: 0 1px 1px #fff;
}
div.avance-online div.dias p.fin-curso {
	color: #666666;
    font-size: 16px;
    line-height: 57px;
}
div.avance-online div.porcentaje p {
    color: #FFFFFF;
}
div.avance-online div.dias p span.numeros, div.avance-online div.porcentaje p span.numeros {
    color: #ffffff;
    font-size: 30px;
    line-height: 20px;
    margin-top: 3px;
    font-weight: bold;
    text-shadow: 0 1px 1px #333;
    -moz-text-shadow: 0 1px 1px #333;
    -webkit-text-shadow: 0 1px 1px #333;
}
div.avance-online div.porcentaje div.info { 
    cursor: pointer;
    background: #5FC1E4;
    border: 0 none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 8px;
    position: absolute;
    top: 4px;
    right: -13px;
    box-shadow: 0px 4px 5px #555;
    -moz-box-shadow: 0px 4px 5px #555;
    -webkit-box-shadow: 0px 4px 5px #555;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=125,strength=5)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=125,strength=5);
}

div.avance-online div.porcentaje div.info span {
    text-shadow: 0 1px 1px #333;
    -moz-text-shadow: 0 1px 1px #333;
    -webkit-text-shadow: 0 1px 1px #333;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    font-family: Georgia;
}
div.qtip-avance p {
    padding-bottom: 3px;
    margin: 0 !important;
}
.content .aviso {
	border-radius: 10px;
}
.content .aviso span.alertas{
	width: 45px;
	height: 32px;
	float: left;
	margin: 10px 0 10px 10px;
	display: block;
	background: url(/img/alertas_sitio_iconos.jpg) no-repeat;
}
.content .aviso span.contador {
	position: relative;
    border-radius: 0 10px 0 10px;
    -webkit-border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
    color: #FFFFFF;
    float: right;
    width: 100px;
    height: 25px;
    margin-right: 0;
    padding-top: 6px;
    text-align: center;
	font-weight: bold;
}
.content .aviso p {
	 padding: 10px 110px 30px 70px;
	 margin-bottom: 0;
	 font-size: 12px;
}
.cont {
	padding: 0;
	margin: 0 0 10px 0;
	display: inline-block;
	width: 620px;
}
.cont .mleft {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 620px;
}
.cont .mleft .center-wrap {
	z-index: 10;
	position: absolute;
	top: 100px;
	float: right;
	right: 10px;
}
.cont .mleft .center-wrap a {
	margin-bottom: 0px;
	display: inline-block;
	float: left;
	opacity: 0.8;
	filter:alpha(opacity=80);
	moz-opacity:0.8;
	margin: 3px;
	color: #fff;
	background: #fff;
	font-size: 2px;
	cursor: pointer;
	height: 8px;
	width: 8px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}
.cont .mleft .center-wrap a.activeSlide {
	color: #000;
	background: #000;
}
.cont .mleft .center-wrap a {
	display: inline;
	padding: 3px;
}
.cont .mleft ul#ul2 li {
	margin-left: 0;
	width: 620px;
}
div.cont a.close {
	right: 0;
	top: 0;
}
.divclose {
	width: 20px;
	z-index: 10;
	clear: both;
	position: relative;
	bottom: 35px !important;
	bottom: 45px;
	float: right;
	right: 5px;
}
div.cont a.close {
	z-index: 2;
	display: block;
	position: absolute;
	top: 10px;
	background: url(/apps/capacitacion/img/negocios/sprite-bullet.png) no-repeat 0 -236px;
	width: 20px;
	height: 20px;
	text-indent: -99999px;
}
div.TerminoCondiciones {
	width: 796px;
	height: 400px;
	overflow: auto;
}
div.TerminoCondiciones p {
	text-align: justify;
	padding: 15px;
	font-size: 13px !important;
	color: #000 !important;	
}
.btn-azul-trans{
	background: transparent url(../img/btn-azul-red.gif) left center no-repeat;
	line-height: 27px;
	padding-left: 12px;
	padding-right: 11px;
	color: #FFF;
	font-size: 14px;
	position: relative;
}
.btn-azul-trans span{
	background: transparent url(../img/btn-azul-red.gif) right center no-repeat;
	width: 12px;
	height: 27px;
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	
}
#box-soporte a.llamame {
	display: block;
	background: url(../img/locale/spa/te-llamamos.jpg);
	width: 206px;
	height: 35px;
	text-indent: -99999px;
	color: red;
}
#box-soporte a.chat {
	display: block;
	background: url(../img/locale/spa/chat-en-linea.jpg);
	width: 206px;
	height: 35px;
	text-indent: -99999px;
	color: red;
}

#box-soporte a.requerimiento {
	display: block;
	background: url(../img/locale/spa/requerimientos.jpg);
	width: 206px;
	height: 35px;
	text-indent: -99999px;
	color: red;
}
/*.chat{
	background: url("../img/ico-bla.png") no-repeat scroll 0 0 transparent;
	display: block;
	line-height: 20px;
	margin: 10px 0;
	padding: 0 0 0 30px;
}*/
/*.llamada{
	background: url("../img/ico-fono.png") no-repeat scroll 0 0 transparent;
	display: block;
	line-height: 20px;
	margin: 10px 0;
	padding: 0 0 0 30px;
}*/
.material-footer .comentario{
	float: right;
}
.pag-articulo{
	float: left;
	margin-right: 10px;
}
.pag-articulo a{
	text-decoration: none;
}
.pag-articulo.disabled{
	color: #B2B2B2;
}