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

/*BOTONES*/
.flechaAtras3 {
    background-image: url(../img/nav/flechaAtras3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
		left: 48%;
	top: 87%;
	position: absolute;
	cursor: pointer;
	border-radius: 67px;
	-webkit-border-radius: 67px;
	-moz-border-radius: 67px;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	z-index:1;
}

.flechaSiguiente3 {
    background-image: url(../img/nav/flechaSiguiente3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 67px;
    height: 67px;
	left: 48%;
	top: 87%;
	position: absolute;
	cursor: pointer;
	border-radius: 67px;
	-webkit-border-radius: 67px;
	-moz-border-radius: 67px;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	z-index:1;
}
#ggc_cont_btn {
	text-align: right;
	margin-right: 5%;
	padding-top: 2%;
}
.ggc_textArea {
	font-family: "cabinmedium" !important;
	width: 95%;
	max-width: 95%;
	height: 415px;
	max-height: 415px;
	background-color: transparent;
	border: 2px solid #CCCAC9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 60px;
	text-shadow: 1px 1px 3px #424242;
	display: block;
	margin-left: 2%;
	margin-top: 4%;
	padding: 10px 10px 10px 10px;
}
.ggc_textArea:focus {
	outline : none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2.5px solid #CCCAC9;
}
#ggc_objetivos {
font-family: 'cabinmedium' !important;
width: 85%;
height: auto;
text-align: left;
font-size: 40px;
line-height: 40px;
margin: 6% auto 0 auto;
color:#575756;
}
.numeracion {
	width: 34px;
	height: 34px;
	padding-right: 8px;
}

.wCir {
	display: block;
	background: #283b4a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	margin-left: 30px;
	margin-bottom: -5%;
	margin-left: -5%;
}
.viñeta {
	vertical-align: top;
}
.contObj {
	width: 1006px;
	height: 120px;
	background-color: #E4F1FC;
	border: 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
	margin-bottom: 2%;
}
.contObjSwap {
	width: 1006px;
	height: 120px;
	background-color: transparent;
	border: 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: default !important;
	position: relative;
	margin-bottom: 2%;
}

.clickObj {
	background-image: url(../img/click/clickObj.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 60px;
	height: 66.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
ul {
	list-style: none;
	text-align: left;
	margin-left: 1.5%;
}
ul li:before {
content: "";
width: 12px;
height: 12px;
background-color: #575756;
float: left;
margin: 16px 12px 50px -17px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.imgIntro{
background-image: url(../img/imgIntro.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 1137px;
	height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}