@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

/* =========================================================== *
Curso Base - Andina Virtual
============================================================== */
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

#label {
    text-transform: uppercase;
    /*font-family: Oswald;*/
	font-size: 1rem;
    padding: 0px 5rem;
    position: relative;
    margin-bottom: 1rem;
	margin-top: 1.5rem;
    white-space: nowrap;
		background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(240,238,226,0.79) 47%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.6)), color-stop(47%, rgba(240,238,226,0.79)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(240,238,226,0.79) 47%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(240,238,226,0.79) 47%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(240,238,226,0.79) 47%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0.6) 0%, rgba(240,238,226,0.79) 47%, rgba(255,255,255,1) 100%);
    line-height: 3.3;
	
}

#label::before {
    content: "";
    width: 65px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    font-weight: 600;
}

#label::after {
}

#label h6 {
  line-height: 3.3;
}

#portada{
	background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(253,253,251,1)), color-stop(100%, rgba(245,245,235,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
	font-size: 1.2rem;
    padding: 0 5rem 0 0
    position: relative;
    text-align: center;
    height: 200px;
    margin: 0 6%;
	display: flex;
	vertical-align: middle;
	align-items: center;
	z-index: 1 !important;
}

#portada svg {
    width: 100%;
}

#portada::before {
    content: "";
    position: absolute;
    top: 0;
    width: 22rem;
    left: 0;
	background: url("aula/portada.png");
	background-size: cover;
}


#titulo{
	background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(253,253,251,1)), color-stop(100%, rgba(245,245,235,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
    font-size: 1.2rem;
    margin-top: 1rem;
    padding: 0 0 0 11rem;
	position: relative;
	margin-bottom: 1rem;
	white-space: nowrap;
}

#titulo p {
    padding: 0 0 1.5rem 0;
    margin: 0;
}

#titulo::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 17%;
    height: 100%;
    width: 140px;
    left: 0;
	background: url("aula/titulo-left.png");
	background-size: cover;
}

#titulo::after {
	content: "";
	width: 6rem;
	position: absolute;
	height: 65%;
	right: 0;
	bottom: 0;
}


#titulo h2 {
    line-height: 8rem;
    text-transform: uppercase;
    color: #0B3B43;
}

#titulo h3 {
    font-weight: lighter;
    padding-top: 1.2rem;
    font-size: 23px;
   	text-transform: uppercase;
    color: #0B3B43;
}

.enlinea_claqueta_desc,
.claqueta_desc {
	padding: 18pt 2%;
	margin: 3px 5% 2rem;
	border: solid 1pt
	#ddd;
	border-bottom-right-radius: 2rem;
}

.enlinea_claqueta_desc hr {
  border-color: #dea91e;
  border-width: 2px;
}
.enlinea_claqueta_desc .botones td {
    font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0.5rem 0;
    line-height: 1.3rem;
}

.enlinea_claqueta_desc .botones .boton:hover {
    background: #dfe8e2;
    cursor: pointer;
}
.internas {
    	background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(253,253,251,1)), color-stop(100%, rgba(245,245,235,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
    padding: 0 0 0 12rem;
    margin: 1% 5% 1rem;
    font-size: 1.4em;
    line-height: 8rem;
    position: relative;
	line-height: 8rem;
    text-transform: uppercase;
    color: #0B3B43;
}
.internas::before{
	content: "";
	width: 11rem;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	font-weight: 600;
}
.internas::after {
	content: "";
	width: 14%;
	position: absolute;
	height: 100%;
	right: 0;
	background: url("aula/label-right.png");
	background-size: cover;
	top: 0;
}



#internas {
    	background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(253,253,251,1)), color-stop(100%, rgba(245,245,235,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,253,251,1) 20%, rgba(245,245,235,1) 100%);
 margin: 1% 5% 1rem;
  white-space: nowrap;
  width: 70%;
	white-space: nowrap;
  padding: 1.5rem 0 1.5rem 16rem;
    font-size: 1.4em;
    position: relative;
    text-transform: uppercase;
    color: #0B3B43;
	min-height: 80px;
	
}

#internas p, #internas h5 {
  margin: 0;
  font-weight: lighter;
  font-size: 1.5rem;
  color: #00342e !important;
}
#internas h3 {
  font-weight: lighter;
  padding-top: 0.8rem;
  font-size: 2.1rem;
  color: #dfa621 !important;
}

#internas::before {
	content: "";
	width: 11rem;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	font-weight: 600;
}

#internas::after {
	content: "";
	width: 14%;
	position: absolute;
	height: 100%;
	right: 0;
	background: url("aula/label-right.png");
	background-size: cover;
	top: 0;
}





/**INTERNAS**/

.juego::before,
.juego_head::before {
    background: url("aula/juego_head.png") no-repeat;
	background-size: cover;
}

.videoconferencia::before 
.videoconferencia_head::before {
    background: url("aula/videoconferencia_head.png") no-repeat;
	background-size: cover;
}
.url_head::before {
    background: url("aula/url_head.png") no-repeat;
	background-size: cover;
}
.taller_head::before {
    background: url("aula/taller_head.png") no-repeat;
	background-size: cover;
}
.comunicacion::before, 
.carpeta_head::before {
    background: url("aula/foro_head.png") no-repeat;
	background-size: cover;
}

.audio_head::before {
    background: url("aula/foro_head.png") no-repeat;
	background-size: cover;
}
.glosario_head::before {
    background: url("aula/glosario_head.png") no-repeat;
	background-size: cover;
}

.foro::before,
.foro_head::before {
    background: url("aula/foro_head.png") no-repeat;
	background-size: cover;
}

.actividades::before,
.tarea_head::before {
    background: url("aula/tarea_head.png") no-repeat;
	background-size: cover;
}

.cuestionario::before,
.consulta_head::before {
    background: url("aula/consulta_head.png") no-repeat;
	background-size: cover;
}

.evaluacion::before,
.cuestionario_head::before {
    background: url("aula/cuestionario_head.png") no-repeat;
	background-size: cover;
}

.video_head::before {
    background: url("aula/video_head.png") no-repeat;
	background-size: cover;
}
.pagina::before,
.pagina_head::before {
    background: url("aula/pagina_head.png") no-repeat;
	background-size: cover;
}

.avisos_head::before {
    background: url("aula/avisos_head.png") no-repeat;
	background-size: cover;
}

.preguntas_head::before {
    background: url("aula/preguntas_head.png") no-repeat;
	background-size: cover;
}

.carpeta::before,
.informacion_head::before {
    background: url("aula/informacion_head.png") no-repeat;
	background-size: cover;
}

.info {
    font-family: Raleway;
    padding: 1rem;
    text-align: justify;
}

/**LIBRO**/

#portada_libro {
    position: relative;
    width: 100%;
}
#portada_libro::before {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    content: "";
    background: url("aula/librotop.svg") no-repeat;
    height: 50%;
    background-size: cover;
	background-position: left top;
}
#portada_libro img {
    width: 100%;
}
#portada_libro::after {
    width: 100%;
    position: absolute;
    bottom: 0;
	left: 0;
    z-index: 2;
    content: "";
    background: url("aula/libro_bottom.svg") no-repeat;
    height: 55%;
    background-size: cover;
	background-position: right bottom;
}
#portada_libro #tit_portada {
    position: absolute;
    z-index: 20 !important;
    bottom: 4%;
    left: 4%;
    width: 80%;
}
#portada_libro #tit_portada h3 {
    color:  #DDA71D;
    font-weight: normal !important;
    line-height: 19px;
    font-size: 2rem;
}
#portada_libro #tit_portada p {
    color: #fff;
    font-size: 1.4rem;
}

#int_libro {
    position: relative;
    width: 90%;
    padding: 5%;
}
.libro_internas::before,
#int_libro::before {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    content: "";
    background: url("aula/book_top_int.svg")no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    height: 20%;
    background-position: right top;
}
.libro_internas::after,
#int_libro::after {
    width: 100%;
    position: absolute;
    bottom: 0;
	left: 0;
    content: "";
    background: url("aula/book_bottom_int.svg") no-repeat;
    height: 20%;
	background-position: bottom;
}
#int_libro #contenido {
    position: relative;
    min-height: 500px;
    z-index: 30;
}
#int_libro #contenido h1 {
color:#DDA71D;d
}
#int_libro #contenido h2 {
color:#034B54;
}
#int_libro #contenido p {
text-align: justify
}

.libro_internas {
   margin: 3% auto;
    border: solid 1pt #ddd;
       background-position-x: 0%;
        background-position-y: 0%;
    background-position: bottom right;
    min-height: 383px;
	position: relative;
    width: 80%;
    padding: 10% 5%;
}

.libro_internas hr {
  border-color: #dea91e;
  border-width: 2px;
}

/**ETIQUETAS**/

.informacion::before {
    background: url("aula/informacion.png");
          background-size: cover;
}
.introduccion::before {
    background: url("aula/introduccion.png");
	          background-size: cover;
}
.comunicacion::before {
    background: url("aula/comunicacion.png");
          background-size: cover;
}
.actividades::before {
    background: url("aula/actividades.png");
	          background-size: cover;
}
.recursos::before {
    background: url("aula/recursos.png");
	          background-size: cover;
}
.redes::before {
    background: url("aula/redes.png");
	          background-size: cover;
}
.evaluacion::before {
    background: url("aula/evaluacion.png");
	          background-size: cover;
}
.otros:before {
    background: url("aula/otros.png");
	          background-size: cover;
}
.seguimiento::before {
    background: url("aula/seguimiento.png");
	          background-size: cover;
}

.guia::before {
    background: url("aula/guia.png");
	          background-size: cover;
}

.videoconferencia::before {
    background: url("aula/videoconferencia.png");
	          background-size: cover;
}
.docentes::before {
    background: url("aula/docentes.png");
	          background-size: cover;
}

.lecturas::before {
    background: url("aula/lecturas.png");
	          background-size: cover;
}

/*TITULOS*/

.titulo::after {
	background: url("aula/titulo.png");
	background-size: cover;
}

.debate::after {
	background: url("aula/debate.png");
	background-size: cover;
}

.actividad::after {
	background: url("aula/actividad.png");
	background-size: cover;
}

.recurso::after {
	background: url("aula/recurso.png");
	background-size: cover;
}

.grupo::after {
	background: url("aula/grupo.png");
	background-size: cover;
}

/*botones_GRID*/
.course-content ul.gridicons li img:hover {
    perspective: 500px;
    transform: scale (0,0) !important;
    transform: rotate(5deg);
}
.icon_content {
    display: none;
}

#accordion .panel-heading h4 {
    background: #E4E5E7;
    padding: 1rem;
    width: 80%;
    border-radius: 0 1rem 0 1rem;
    border-bottom: solid #ccc 4px;
}

#accordion .panel-heading h4 a  {
	color: #004C7A;
}

#accordion .panel-heading h4 a i {
    float: right;
    background: #004C7A;
    color: #fff;
    padding: 0.3rem 0.5rem;
    border-radius: 46rem;
}

#accordion .panel-body table {
    margin: 0 5%;
}

/**guia- cronograma**/

#cronograma {

    width: 94%;
    margin: 3%;
}

#cronograma tr:first-child {
    background: #073030;
    color: #fff;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#cronograma tr:nth-child(4) {
    border-bottom: solid 2px #073030;
}
#cronograma .rowspaned {
    background: #445a5b;
    color: #fff;
    text-align: center;
}
#cronograma td {
    padding: 1%;
    border: 1px #445a5b solid;
}
#cronograma td:last-child, #cronograma td:nth-child(3) {
    width: 20% !important;
}


