@charset "utf-8";
 @import url(common.css);
.cuadro1 {
	background: url(../img/cuadro1_mate.png) no-repeat;
	width: 610px;
	height: 45px;
	padding: 2px 5px;
	font-size: 41px;
	text-align: center;
	color: #fff;
	font-family: Cabinregular;
	margin-left: 370px;
}
.cuadro2 {
	background: url(../img/cuadro2_mate.png) no-repeat;
	width: 200px;
	height: 45px;
	padding: 2px 5px;
	font-size: 40px;
	text-align: center;a
	color: #fff;
	font-family: Cabinregular;
	margin-left: 550px;
  color: white;
}
}
.flecha1 {
	margin-left: 645px;
	margin-top: 5px;
}
.flecha2 {
	margin-left: 265px;
	margin-top: -25px;
	transform: scaleX(1.2)
}
.flecha3 {
	margin-left: 825px;
	margin-top: -100px;
	transform: scaleX(1.2)
}
.flecha4 {
	margin-left: 645px;
	margin-top: -70px;
}
/*.texto1{ font-size:37px; font-family: Cabinregular; margin-left:0px; margin-top: 0px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}
.texto3{ font-size:36px; font-family: Cabinregular; margin-left:457px; margin-top: -57px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}
.texto5{ font-size:36px; font-family: Cabinregular; margin-left:915px; margin-top: -57px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}
.texto1 textarea{ padding: 1px 5px; border-radius: 10px; border: dashed 2px #C8653A; text-align: center;}
.texto3 textarea{ padding: 0px 5px; border-radius: 15px; border: dashed 2px #C8653A;}
.texto5 textarea{ padding: 0px 5px; border-radius: 15px; border: dashed 2px #C8653A;}

.textoa{ font-size:36px; color: #000; font-family: Cabinregular; margin-left:0px; margin-top: 17px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}
.textoc{ font-size:36px; color: #000; font-family: Cabinregular; margin-left:457px; margin-top: -249px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}
.textoe{ font-size:36px; color: #000; font-family: Cabinregular; margin-left:915px; margin-top: -249px; color: #024959; background:#FFF; width: 185px; padding: 4px; border-radius: 10px;}

.image1{ position:absolute; top: 435px; left: 220px; visibility:hidden;}
.image2{ position:absolute; top: 435px; left: 677px; visibility:hidden;}
.image3{ position:absolute; top: 435px; left: 1140px; visibility:hidden;}


.textoa textarea{ padding: 5px 5px; border-radius: 10px; font-size: 30px; line-height: 50px; border: dashed 3px #C8653A; padding: 6px;}
.textoc textarea{ padding: 5px 5px; border-radius: 10px; font-size: 30px; line-height: 50px; border: dashed 3px #C8653A; padding: 6px;}
.textoe textarea{ padding: 5px 5px; border-radius: 10px; font-size: 30px; line-height: 50px; border: dashed 3px #C8653A; padding: 6px;}*/

#conteMapa {
	display: block;
	width: 100%;
	height: 330px;
}
.cuadro {
	display: flex;
	float: left;
	text-align: center;
	width: 418px;
	height: 330px;
}
.ajuste {
	margin-left: 20px;
}
.rellenar {
	margin-left: 90px;
	display: inline-block;
	height: 330px;
	width: 204px;
}
.imagenes {
	display: none;
	height: 330px;
	width: 209px;
}
.cuadroTitulo {
	width: 300px;
	margin-left: -50px;
	font-size: 20px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 23px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.5);
}
input {
	outline: 0px;
	color: #0F5363;
	font-size: 36px;
}
.cuadroTitulo input {
	margin: 2px;
	width: 99%;
	border: 2px dashed red;
	border-radius: 5px;
	height: 43px;
	color: #0F5363;
}
.contenAreas {
	background: #fff;
	display: block;
	width: 300px;
	margin-left: -50px;
	height: 238px;
	border-radius: 8px;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.5);
	padding: 2%;
}
.bordes {
	border: 2px dashed red;
	border-radius: 5px;
	height: 236px;
}
ul {
	padding: 0;
	padding-left: 23px;
	list-style-image: url(../img/punto.png);
}
ul input {
	width: 90%;
	font-size: 32px;
	margin-top: -9px;
}
li {
	text-align: left;
	padding-left: -15px;
	margin: 0 0 22px 0;
}
.btn_empezar {
	position: absolute;
	background-color: #D84204;
	color: #FFF;
	width: 100px;
	top: 790px;
	left: 140px;
	padding: 10px 20px;
	font-size: 26px;
	box-shadow: inset 0px -4px 0px rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
.btn_empezar:active {
	position: absolute;
	background-color: #6C2102;
	color: #FFF;
	width: 100px;
	height: 30px;
	top: 792px;
	left: 140px;
	box-shadow: none;
	padding: 10px 20px;
	font-size: 26px;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
.btn_terminar {
	position: absolute;
	background-color: #64B238;
	color: #FFF;
	width: 100px;
	top: 790px;
	left: 1050px;
	padding: 10px 20px;
	font-size: 26px;
	box-shadow: inset 0px -4px 0px rgba(0,0,0,0.5);
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
.btn_terminar:active {
	position: absolute;
	background-color: #006633;
	color: #FFF;
	width: 100px;
	height: 30px;
	top: 792px;
	left: 1050px;
	padding: 10px 20px;
	font-size: 26px;
	box-shadow: none;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
input {
	border: dashed 1px #999999;
}