@charset "utf-8";
/* CSS Document */
/*clear float*/
.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.no-after:after   {content: none !important;}
.no-before:before{content: none !important;}
/*contenedores*/
.cntBordeFondo {
	background-color: transparent;
	border: 2px dashed #343a49;
	width: 1092px;
	height: 580px;
		padding: 8px 12px 12px 8px;
	margin: 0 auto;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
}

.cntFondo{
	background-color: #C2DFEB;
	width: 100%;
	height: 100%;

	margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*NAVEGACION*/
.navInicio {
    background-image: url(../img/nav/navInicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
}
.flechaAtras2 {
    background-image: url(../img/nav/flechaAtras2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
}

.flechaSiguiente2 {
    background-image: url(../img/nav/flechaSiguiente2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
}
/*ESCENARIO  - CLASE*/
.IL_G06_U01_L05_03_01_01{
	background-image: url(../img/IL_G06_U01_L05_03_01_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	width: 100%;
	height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.fondo2{
	background-image: url(../img/fondo2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	width: 100%;
	height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.tablero2{
	background-image: url(../img/ejemploExposicion/tablero2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*NINOS HABLANOD*/
.IL_G06_U01_L05_03_03_01{
	background-image: url(../img/ejemploExposicion/IL_G06_U01_L05_03_03_01.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	width: 100%;
	height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


/*SEÑOR CON BARBA*/
.IL_G06_U01_L05_03_01_04 {
    background-image: url(../img/IL_G06_U01_L05_03_01_04.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 252px;
    height: 506px;
	position: absolute;
	top: 20.5%;
	left: 7%;
}
/*PROFESOR*/
.profesor {
    background-image: url(../img/profesor.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 288.4px;
    height: 567px;
	position: absolute;
	top: 11.5%;
	left: 7%;
}
.profesor2 {
    background-image: url(../img/profesor2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 239.17px;
    height: 566px;
	position: absolute;
	top: 11.6%;
	left: 6%;
}


.azulDegradado{
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #2BC4F3),
	color-stop(1, #0095DA),
	color-stop(1, #00AFEE)
);
background-image: -o-linear-gradient(bottom, #2BC4F3 0%, #0095DA 100%, #00AFEE 100%);
background-image: -moz-linear-gradient(bottom, #2BC4F3 0%, #0095DA 100%, #00AFEE 100%);
background-image: -webkit-linear-gradient(bottom, #2BC4F3 0%, #0095DA 100%, #00AFEE 100%);
background-image: -ms-linear-gradient(bottom, #2BC4F3 0%, #0095DA 100%, #00AFEE 100%);
background-image: linear-gradient(to bottom, #2BC4F3 0%, #0095DA 100%, #00AFEE 100%);

}

.rojoDegradado{
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #f68c2c),
	color-stop(1, #e34525)
);
background-image: -o-linear-gradient(bottom, #f68c2c 0%, #e34525 100%);
background-image: -moz-linear-gradient(bottom, #f68c2c 0%, #e34525 100%);
background-image: -webkit-linear-gradient(bottom, #f68c2c 0%, #e34525 100%);
background-image: -ms-linear-gradient(bottom, #f68c2c 0%, #e34525 100%);
background-image: linear-gradient(to bottom, #f68c2c 0%, #e34525 100%);

}

.amarilloDegradado{
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #ffd900),
	color-stop(1, #ffa400)
);
background-image: -o-linear-gradient(bottom, #ffd900 0%, #ffa400 100%);
background-image: -moz-linear-gradient(bottom, #ffd900 0%, #ffa400 100%);
background-image: -webkit-linear-gradient(bottom, #ffd900 0%, #ffa400 100%);
background-image: -ms-linear-gradient(bottom, #ffd900 0%, #ffa400 100%);
background-image: linear-gradient(to bottom, #ffd900 0%, #ffa400 100%);

}


.cntEjemplo{
height: 420px;
width: 720px;
border: 2px dashed #343a49;
background: transparent;
padding: 10px;
position: absolute;
left: 20.5%;
top: 26%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1;
}
.subCntEjemplo{
width: 100%;
height: 100%;
background: #f1f2f4;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 0px 8px 7px rgba(0,0,0,0.3);
}
.subCntEjemplo .texto{
letter-spacing: 0;
font-family: 'cabinmedium';
font-size: 37px;
color: #343a49;
left: 6%;
position: absolute;
top: 6%;
line-height: 45px;}

.subCntEjemplo .titulo{
font-size: 34px;
text-align: center;
letter-spacing: 0;
font-family: 'cabinmedium';
color: #343a49;
margin: 0 auto;
position: relative;
top: 3%;
left:0;
line-height: 45px;
}
.flechaEsquema{
background-image: url(../img/flechaEsquema.png);
background-repeat: no-repeat;
background-size: 100%;
width: 24px;
height: 33px;
position: absolute;
}