@charset "utf-8";
/* CSS Document */

#cont{width:93%;margin:auto;}
#cont h2{text-align:justify;}
#box{
	box-sizing: border-box;
	width:100%;
	height:auto;
	padding:10px;
	background: #D8D9DA;
	border-radius:10px;
	border:3px dashed #FFF;
	box-shadow: 0px 0px 0px 5px #D8D9DA;}
.tb{ 
width: 95%;
margin: auto;
font-size: 2em;
text-align: center;
border: 12px solid #D8D9DA;}
.tb thead tr th{background:#6FB5DE;}
.tb tbody tr th{background:#6FB5DE;}
.tb tbody tr td{background:#fff;}
table, th, td {
    border:26px solid #D8D9DA;
}
input{ border:none; outline:none;}
.tb input{ width:90%; text-align:center;}
.boton{background: #9EBB3B;
color: #FFF;
font-size: 2em;
padding: 10px 20px;
border-radius: 10px;
box-shadow: 3px 3px #999;
display: block;
position: absolute;
bottom: 16px;
left: 42%;
}




.border{
	border: #FFF dashed 4px;
	border-radius:20px;
	width:97%;
	height:97%;
	margin:auto;
}
#actividad{
	position:absolute;
	height:550px;
	width:900px;
	top: 50px;
	left: 250px;
	margin:auto;
	background:#FFF;
	border-radius:20px;
	box-shadow: 0px 0px  10px #000;
	z-index: 99;
	text-align:center;
}
.b_cerrar{
	position:relative;
	background:#aa;
	top:-30px;
	right:-860px;
	width:60px;
	height:60px;
	background-image:url(../../../skins/M_GGD/img/b_cerrar.png);
	background-position:center;
	background-size:cover;
	display: block;
	z-index:100;
	}
#b_verificar{
	font-size: 2em;
color: #fff;
background: #5997D0;
position: absolute;
top: 475px;
z-index: 99;
left: 738px;
padding: 9px;
width: 113px;
border-radius: 10px;
box-shadow: 4px 4px #999;
height: 28px;
line-height: 28px;
	}

.border_actividad{
	width:93%;
	height: 90%;
	position:relative;
	top:-53px;
	margin:auto;
	padding:0;
	border-color:#97be13;
	padding:16px;
	}
p{ font-size:inherit; margin:0 0 10px 0;}
textarea{
	width:100%;
	height:150px;
	resize:none;
}
#verificar{
	position:absolute;
	height:550px;
	width:900px;
	top: 50px;
	left: 250px;
	margin:auto;
	background:#FFF;
	border-radius:20px;
	box-shadow: 0px 0px  10px #000;
	z-index: 103;
	text-align:center;
}
#verificar p{margin:20px; font-size:2em; text-align:justify;}
#verificar img{ height:250px; width:auto;}
#boton{font-size: 1em;
color: #fff;
background: #8EB33F;
display: block;
position: relative;
padding: 10px;
border-radius: 10px;
box-shadow: 4px 4px #999;
width: 112px;
right: -1076px;
top: -34px;}

.pop:before{content: "";
/* background: #000; */
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
/* right: -590px; */
/* bottom: -80px; */
z-index: -1;
/* border-radius: 23px; */}
.pop:before{content: "";
/* background: #000; */
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
/* right: -590px; */
/* bottom: -80px; */
z-index: -1;
/* border-radius: 23px; */}
.pop:after{background: #fff;
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
border-radius: 23px;}
.pop:after{background: #fff;
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
border-radius: 23px;}
.mal{ background-image: url(../img/img_incorrecto.png) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: right !important;
}
.bien{
	background-image: url(../img/img_correcto.png) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: right !important;}