@charset "UTF-8";
/* Ajuste para el listado de cursos cuando fueron aprobados */
.list-cursos{
	max-width: 960px;
	margin: 0 auto;
	margin-top: 50px;
}

.cpa_rspst_online{
    min-height: 230px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    margin-bottom: 10px;
    margin-top: 5px;
    padding:30px;
}
.respuesta--gray{
    background-color: #E8E8E8;
}
.respuesta--white{
    background-color: #FFF;
}

.img_compra_slc{
	max-height: 250px; /* recordar antes 115 */
	width:100%;
}
.info-resum-curso{
	font-size: 14px;
	line-height: 13px;
	margin: 0;
	padding: 10px 1px;
	text-align: justify;
	min-height: 80px;
}
.cursor-info-acd{
	cursor:pointer;
}
.titulo-carrito{
	font-size: 25px;
}
.parrafo_margen{
  margin: 50px auto !important;	padding: 0 15px !important;
}
.cpa_curso_venta_img > img{
	 max-height: 280px;
	 width: 290px;
}
.cpa_curso_present_img{
	width: 290px;
}


/******************  INICIO  ************************/
/****************************************************/
/******* Estilo para botón de facebook **************/
.btn-facebook{
	background: #4267b2;
	color: #fff;
	/*background-color: #428bca;
	border-color: #357ebd;*/
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active,
	.btn-facebook.active, .open .dropdown-toggle.btn-facebook {
	color: #fff;
	/*background-color: #3276b1;*/
	border-color: #285e8e;
}

.btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook
	{
	background-image: none;
}

.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook,
	.btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover,
	.btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus,
	.btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active,
	.btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active
	{
	background-color: #428bca;
	border-color: #357ebd;
}
.btn-facebook .badge {
	/*color: #428bca;*/
	background-color: #fff;
}
/******************  finaliza  **********************/

/* Inicio: clase para el menú de sessión interno */
.lnk-mnu-curso a{
	height:35px !important;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}
/* Fin: clase para el menú de sessión interno */

.fileSubida label{
	cursor: pointer;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

.fileSubida input.subida-archivo{
	display: inline-block;
    position: absolute;
    right:0px;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity = 0);
}

/* Ajustes para tamaños */
.size_icn_perfil{
	cursor:pointer;
	max-height: 100%;
}
@media ( max-width : 768px){
	.size_icn_perfil{
		width: 158px;
		height: 158px;
	}
}
@media ( min-width : 769px)
{
	.size_icn_perfil{
		width: 137px;
		height: 137px;
	}
}

.btn-config-menu{
	display:block-inline;
	width:30px;
	height:30px;
    border: 1px solid #0076b1;
    line-height: 0;
    margin:0px;
    padding:0px;
}

.menu-online-sale a, .menu-online-sale{
	padding: 20px 0px 0px;
	list-style: none;
}
.btn-mnu-general{
	position:relative;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	color: #ffffff;
	font-size: 14px;
	background: #0076b1;
	padding: 0px 14px 5px 14px;
	text-decoration: none;
	margin: 16px 0px 16px auto;
	cursor: pointer;
}

/* Cuando el dispositivo es minimo 760px */
@media (max-width: 760px)
{
	.menu-online-sale a, .menu-online-sale{
		position: relative;
		display: block;
		padding: 10px 15px
	}
	.btn-mnu-general{
		padding: 5px 14px 10px 14px;
		cursor: pointer;
	}
}
/*  */

.btn-mnu-general:hover {
	background: #0684bf;
	text-decoration: none;
}
.altura-text{
	position: relative;
	top: 3px;
}
.span-carrito-cantidad{
	/* posición absoluta dentro relative de span de boton general, */
	  position:absolute;
		width: 16px;
		height: 16px;
    float: left;
    display: block;
    min-width: 0px;
		margin-left: 32px;
    margin-right: 0px;
    margin-top: 5px;
    font-size: 13px;
		font-weight: bold;
		text-align: center;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;

    background-color: #999;
    border-radius: 10px;
		z-index:2;
}
.custom-logo-online{
	top: 5px;
	z-index: 1;
}

.seccion-cursos{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


 @media ( min-width : 768px) {
   	.seccion-cursos{ max-width: 1200px;	}
}



/* Se establecn las clases para el tamaño general del video, barra lateral y demás */
.pattern1-video-img{ max-width:1200px; position: absolute;	top: 0;	width: 100%;	height: 100%;		background:		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJklEQVQIW2NkYGCQZEAFzxnRBJ+D+MiCYAGQJpggXAAmCKJRzAUAAqUEauHPRGwAAAAASUVORK5CYII=)		repeat;}
.vidCont {	width: 100%;	height: 100%;	margin: 0 auto;	position: fixed;	overflow: hidden;}

.video-center-online-venta {	width: 100%;	max-width: 1200px;	margin: 0 auto;	height: 100%;	background-color: #000;}
.video-center-online-venta video {	height: 50%;}

@media ( min-width : 768px) {
	.video-center-online-venta{		max-width: 1200px;	}
	.video-center-online-venta video {		height: 60%;	}
	.pattern1-video-img {		max-width: 1200px;	}
}


@media ( min-width : 850px) {	.video-center-online-venta video {		height: 68%;	}}
@media ( min-width : 960px) {	.video-center-online-venta video {		height: 70%;	}}
