@charset "utf-8";
/* CSS Document */
#contenedor{
	width:92%;
	height:100%;
	margin:auto;
}
.ggd_contenedorObjetivos img{ position:relative; height:310px; width:auto; background:#FFF;	border:#fff solid 6px;}
#img_cont{
	position:relative;
	background-color:#E4E1E1;
	border-radius:20px;
	text-align:center;
	height:550px;
	padding-top:10px;
	margin-top: 10px;
	top: 10px;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.border{
	position:relative;
	border: #FFF dashed 4px;
	border-radius:20px;
	width:97%;
	height:94%;
	margin:auto;
	padding-top:10px
}
p{ 
	font-size: inherit;
	text-align:justify;
	vertical-align: middle;
	padding-top:20px;
	}
#actividad{
	position: absolute;
	height: 600px;
	width: 500px;
	top: 0;
	left:450px;
	margin: auto;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px  10px #000;
	z-index: 99;
	text-align: center;
	padding:10px;
}
#actividad2{
	position: absolute;
	height: 500px;
	width: 600px;
	top: 100;
	left:350px;
	margin: auto;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px  10px #000;
	z-index: 99;
	text-align: center;
	padding:10px;
}
.border_actividad{
	width:94%;
	height: 98%;
	position:relative;
	
	margin:auto;
	padding:0;
	border-color:#97be13;
	
}
#cont_2{
	padding-top:60px;
	width:800px;
	margin:auto;}
#caja{
	width:800px;
	margin:auto;
	vertical-align:central;
	border-radius: 0 25px 25px 25px;;
	background-color: #FFC04A;
	height:300px;
	padding:10px;
	}
#tarea{
	width:150px;
	height:50px;
	font-size:2.8em;
	padding: 10px;
	text-align:center;
	border-radius: 25px 25px 0 0;
	background-color:#FFC04A;
	color:#FFF;
	}
.txt {display: inline-block;
text-align: left;
font-size: 2.8em;
border: 2px dashed #8EB33F;
margin: 27px;
padding: -6px;
border-radius: 0 29px 10px 0;
padding-left: 10px;
/*width: 615px;*/}

.p2{
	font-size:1.8em; margin-bottom:5px; padding:0; margin-top:0px;}
.p2 p{font-size: 2.8em !important;}
#cont{
	width:100%;
	height:440px;
	text-align:center;
	margin:auto;
	}
.p{
	display:inline-block;
	width:22%;
	height:99%;
	border-radius:20px;
	padding:10px;
	margin: 10px 2px;
}
.p img{
	width:80%;
	height:auto;
	margin:0;}
.verde{background:#A1BC32;}
.naranja{background:#E4B44A;}
.azul{background:#75A8D9;}
.gris{background:#ddd;}
.pp{margin-top:-10px !important;font-size:1.3em; text-align:center;padding:15px 5px;}
.pa2{
	height:400px !important;}
.imgp2{display:inline-block; height:80%; width:auto; margin:15px;}
.b_cerrar{
	position:relative;
	background:#aa;
	top:-30px;
	right:-460px;
	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;
	}
.fix{right:-550px !important; top:-40px !important;}
#imga1{
	height:95%;
	width:auto;
	top:-50px;}
#boton{color: #fff;
font-size: 0.8em;
background: #8EB33F;
border-radius: 10px;
padding: 4px;
box-shadow: 3px 3px #999;
margin: 0px;
height: 66px;
line-height: 66px;
position: relative;
position: relative;
right: -11px;}

.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; */}
.pop1: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;}
.pop1:after{background: #fff;
height: 100%;
width: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: -1;
border-radius: 23px;}