@font-face {
    font-family: "opensan";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../../RecursosG452/Fuentes316/OpenSans-Light.woff") format("woff"), 
    url("../../RecursosG452/Fuentes316/OpenSans-Light.ttf") format("truetype");
}
.displayn{display: none !important;}
.baraatia{position: relative; width: 100%; height: 50px; background-color: #22A281;}
.contienelosejercicios{position: relative; width: 1300px; height: 1000px; padding-bottom: 50px;}
.iejercicioactual{width: 1300px; height: 1000px; padding-bottom: 5px;}
.regrfa{position: relative; display: inline-block; font-size: 20px; margin-right: 0px; color: #383838; background-color: white; left: 10px; top: 10px; padding: 5px;}
.refresaraatia{width: 240px; height: 50px; position: relative; display: inline-block; margin-left: 10px;}
.refresaraatia:hover{cursor: pointer; background-color: #222222; color: white;}
.iconolibf{position: relative; display: inline-block; font-size: 20px; margin-right: 0px; color: #383838; background-color: white; left: 10px; top: 10px; padding: 5px;}
.menureglib{position: relative; display: inline-block; font-size: 20px; margin-right: 0px; color: #383838; background-color: white; left: 10px; top: 10px; padding: 5px;}
.iconolibf:hover, .menureglib:hover{cursor: pointer; background-color: #222222; color: white;}
.comp452todo{width: 1280px; height: 980px; margin: 0px auto; position: relative; left: 0px; top: 10px;}
/*esto es comp de titulo*/
.girarrej{
	top: -2px !important;
	position: relative;
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}
.titulocomp0{float: left; position: relative;}
.titulocomp1{float: right; position: relative;}
.titulologo{width: 256px; height: 128px; left: 20px; top: 0px;}
.titulologo img{width: 256px; height: 95px; position: absolute; top: 10px;}
.tituloreloj{width: 256px; height: 96px; right: 20px; top: 10px;}
.titulodatos{width: 856px; height: 36px; right: 20px; top: -10px;}
.tituloasig{width: auto; height: 36px; text-align: center; color: white; float: right; position: relative; font-family: opensan; font-size: 25px;}
.asignacionh1{top: 10px; right: -190px;}
/*.asignacionh2{top: 40px; right: -82px;}*/
.asignacionh3{width: 25px; height: 25px; cursor: pointer; top: 10px; right: -650px;}
.asignacionh3:hover{color:#082925 !important; font-size: 35px; top: 8px; right: -648px;}
.asignacionh3 i{position: absolute; top: 0px; left: 0px;}
.comprec{background-color: black; opacity: .4;}
.fondocomprec0{float: left; position: absolute; width: 396px; height: 36px; top: 35px; right: 0px;}
.fondocomprec1{float: right; position: absolute; width: 856px; height: 36px;}
.cabezarejoj{float: left; position: absolute; width: 236px; height: 36px; background-color: black; opacity: .6; top: 35px;right: 160px;}
.textoreloj1{position: relative; text-align: center; font-size: 10px; color: white; font-family: opensan; top: 30px; right: 150px;}

.relojtimer{width: 256px; height: 36px; text-align: center; top: 5px; position: relative; top: -5px;right: -50px;}
.relojcomptimer{float: left; font-size: 30px; color: white; font-family: opensan; position: relative; margin-right: 5px; left: 60px; top: -13px;}

.textodatostext{float: right; position: absolute; width: 856px; height: 36px; right: 30px; top: 110px;}
.textodatostext0{font-size: 20px; float: left; margin-right: 10px; color: white; font-family: opensan; position: relative; top: -20px; left: 20px;}
.textodatostext0r{font-size: 20px; float: left; color: white; font-family: opensan; position: relative; top: -20px; left: 20px;}
.divisorgl{margin-right: 20px; margin-left: 20px; top: -22px;}

/*esto es comp de videos*/
.comp452video{position: absolute; margin: 0px auto; width: 1280px; height: 720px; left: 0px; top: 130px; background-color: #082925}
.comp452video iframe{position: absolute; margin: 0px auto; width: 1280px; height: 720px; top: 0px; left: 0px;}
.comp452video video{position: absolute; margin: 0px auto; width: 1280px; height: 720px; top: 0px; left: 0px;}
/*esto es comp de menu*/
.comp452titulo{position: absolute; margin: 0px auto; width: 1280px; height: 130px; left: 0px; top: 0px; background-color: #22B095;	}
.comp452menu{position: absolute; margin: 0px auto; width: 1280px; height: 110px; left: 0px; top: 850px; background-color: #073631;}
.comp452menu .submenu{ position: relative; float: left; width: 140px; height: 110px; cursor: pointer;}
.subcolor1{background: linear-gradient(180deg, #0B4C46 0%, #0A3F3B 51%, #0A3F3B 75%);}
.subcolor2{background: linear-gradient(180deg, #0B5650 0%, #0B4B45 51%, #0B4F4A 75%);}
.colorover{background-color: #10655A !important;}
.tsubcolor1{background: linear-gradient(180deg, #0DB1A8 0%, #1AB9CC 51%, #27A8DB 75%);}
.tsubcolor2{background: linear-gradient(180deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);}
.bordesi{border-radius: 0px 0px 0px 20px;}
.bordesf{border-radius: 0px 0px 20px 0px;}
.bordeif{border-radius: 0px 0px 20px 20px;}
/**/
.comp452titulo .submenu{position: relative; float: left; width: 320px;height: 150px;}
.fuente452{
	font-size: 40px !important;position: absolute; margin: 0px auto; left: 50px; top: 20px; color:#C9C9C9;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
.fuente316{
	font-size: 20px; position: relative; margin: 0px auto; left: 30px; top: 80px; color:#C9C9C9;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
/**/
.fuente453{
	font-size: 50px !important; position: absolute; margin: 0px auto; left: 50px; top: 10px; color:#F0F0F0;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
.fuente317{
	font-size: 30px; position: relative; margin: 0px auto; left: 20px; top: 70px; color:#FDFDFD;
	transition: all .1s;
	-moz-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
}
/**/
.menu452institucion img{margin: 0px auto; position: absolute; left: 40px; top: 20px; width: 200px; height: 80px;}
.menu452institucion h1{margin: 0px auto; position: absolute; left: 50px; top: 110px; color: #1B237E}
.menu452patrocinador img{position: absolute; left: 50px; top: 20px; width: 180px; height: 100px;}
.menu452asignatura img{position: absolute; top: 0px; left: 75px; width: 150px; height: 100px;}
.titulosub{position: absolute; float: left; font-size: 22px !important; color: #074563;}
.huni{left: 80px; top: 20px;}
.hulecc{left: 80px; top: 75px;}
.iuni{left: 30px; top: 40px;}
.ilecc{left: 30px; top: 90px;}
.hasig{left: 90px; top: 80px;}
/*botones con numeros*/
.menu452numeros{position: absolute; bottom:15%;}
.menu452digitos{position: relative; float: left; width: 80px; height: 80px; opacity: .88; cursor: pointer;}
.menu452digitos h1{font-size: 30px !important; top: 30px; text-align: center; color: #BEBEBE;}
/*secciom de logo alterno fix*/
.logmaxbtn{position: relative; float: right; width: 65px; height: 35px; top: 40px; right: 50px; background-color: red;}