@charset "utf-8";

.cerrar {
	position: absolute;
	top: 0px;
	right: -10px;
}
.validar {
	position: absolute;
  top: 440px;
  right: 570px;
	background-color: #EF964D;
	border-radius: 12px;
	width: 142px;
	padding: 6px;
	color: white;
	cursor: pointer;
	font-size:30px;
	text-align:center;
}
.validar:active {
	top: 445px;
}
.validar:hover {
	background-color: #EB7F26;
}
.b1{
	position:absolute;
	top: 170px;
	left: 1040px;
	width:40px;	
	display:none;
}
.b2{
	position:absolute;
	top: 170px;
	left: 610px;
	width:40px;	
	display:none;
	}
.b3{
	position:absolute;
	top: 40px;
	left: 190px;
	width:40px;	
	display:none;
	}


.m1{
	position:absolute;
	top: 170px;
	left: 1040px;
	width: 40px;	
	display:none;
	}
.m2{
	position:absolute;
	top: 170px;
	left: 610px;
	width:40px;	
	display:none;
	}
.m3{
	position:absolute;
	top: 40px;
	left: 190px;
	width:40px;	
	display:none;
	}




.etabs{ float:right; position:relative; top: 20px}
.tab-container{ 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	padding-bottom: 5px; 
	padding-top: 10px;
}
.tab{ 
	background:#fff;
}

.tab-container .panel-container { 
	background: #55abde;
	border: solid #666 1px;
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}
.tab-container .etabs #tab1back{ 
	background:#bebcb1; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	top: -13px; right: 24px; 
	border-style: dashed dashed none dashed; 
	border-width: 2.5px; border-color:#c5653a; 
	text-decoration: none; margin-bottom: 2px;
}
.tab-container .etabs #tab4back{ 
	background:#aa7e81; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	top: -13px; right: 24px; 
	border-style: dashed dashed none dashed; 
	border-width: 2.5px; 
	border-color:#fff; 
	text-decoration: none;
}
.tab-container .etabs #tab3back{ 
	background:#cca266; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	top: -13px; right: 24px; 
	border-style: dashed dashed none dashed; 
	border-width: 2.5px; 
	border-color:#c5653a; 
	text-decoration: none;
}
.tab-container .etabs #tab2back{ 
	background:#8caa9e; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	top: -13px; 
	right: 24px; 
	border-style: dashed dashed none dashed; 
	border-width: 2.5px; 
	border-color:#c5653a; 
	text-decoration: none;
}
.tab-container .etabs .tab {
	background: rgba(184, 222, 233, 1); 
	padding-top:10px;  
	position: relative; 
	top: 40px; 
	color: #fff; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	padding-bottom:5px; 
	text-decoration: none;
}
.tab-container .etabs .tab .active { 
	position:relative; 
	padding-top: 20px; 
	padding-bottom: 5px; 
	margin-bottom: -13.5px; 
	position: relative; 
	top: -6px; 
	border-color: #666; 
	color: #004756; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	padding-bottom: 10px; 
	border-bottom-color: #2C72B5; 
	text-decoration: none; 
}
.tab-container .etabs .tab .active #tab1back{ 
	position:relative;  
	z-index: 100; 
	padding-top: 20px; 
	padding-bottom: 5px; 
	margin-bottom: -18px; 
	position: relative; 
	top: -8px; 
	border-color: #666; 
	color: #004756; 
	border-top-left-radius:15px; 
	border-top-right-radius: 15px; 
	padding-bottom: 10px; 
	border-bottom-color: #2C72B5; 
	text-decoration: none; 
}
.tab-container .etabs .tab a:hover{ 
	text-decoration: none;
}
.tab-container .etabs .active #tab2back{
	position:relative; 
	z-index: 100;
}
.tab-container .etabs .active #tab3back{ 
	position:relative; 
	z-index: 300; 
	padding-bottom: 10px;
}

.bloque1{ 
	height: 490px; 
	width: 1274px; 
	background: #bebcb1; 
	padding-right:25px;  
	font-size: 35px; 
	margin-top: 80px; 
	margin-left: 10px; 
	border-radius: 7px;
}
.bloque1{ 
	border-style: dashed; 
	border-width: 2.5px; 
	border-radius: 6px; 
	color: #fff; 
	border-color: #c5653a; 
	padding: 15px; 
	border-top-right-radius: 0; 
	padding-bottom: 0; 
	position:relative; 
	z-index: 100;
}
.bloque1 .caracteristica_titulo{ 
	margin-top: 15px; 
	color: #004756; 
	font-size: 45px; 
	width: 1200px;
}
.bloque2{ 
	height: 490px; 
	width: 1274px; 
	background: #8caa9e; 
	padding-right:25px;  
	font-size: 35px; 
	margin-top: 80px; 
	margin-left: 10px; 
	border-radius: 7px;
}
.bloque2{ 
	position:relative; 
	z-index: 100; 
	border-style: dashed; 
	border-width: 2.5px; 
	border-radius: 6px; 
	color: #fff; 
	border-color: #c5653a; 
	margin-right:-25px; 
	padding: 15px; 
	border-top-right-radius: 0; 
	padding-bottom: 0;
}
.bloque2 .caracteristica_titulo{ 
	margin-top: 0px; 
	color: #004756; 
	font-size: 45px;
}
.bloque3{ 
	position:relative; 
	z-index: 100; 
	height: 490px; 
	width: 1274px; 
	background: #cca266; 
	padding-right:25px;  
	font-size: 35px; 
	margin-top: 80px; 
	margin-left: 10px; 
	border-radius: 7px;
}
.bloque3{ 
	border-style: dashed; 
	border-width: 2.5px; 
	border-radius: 6px; 
	color: #fff; 
	border-color: #c5653a; 
	margin-right:-25px; 
	padding: 15px; 
	border-top-right-radius: 0; 
	padding-bottom: 0;
}
.bloque3 .caracteristica_titulo{ 
	margin-top: 15px; color: #004756; font-size: 42.5px;}
.bloque4{ 
	position:relative; 
	z-index: 100; 
	height: 490px;
	width: 1274px; 
	background: #aa7e81; 
	padding-right:25px;  
	font-size: 35px; 
	margin-top: 80px; 
	margin-left: 10px; 
	border-radius: 7px;
}
.bloque4{ 
	border-style: dashed; 
	border-width: 2.5px; 
	border-radius: 6px; 
	color: #fff; 
	border-color: #fff; 
	margin-right:-25px; 
	padding: 15px; 
	border-top-right-radius: 0;
	padding-bottom: 0;
}
.bloque4 .caracteristica_titulo{ 
	margin-top: 15px; 
	color: #004756; 
	font-size: 45px;
}

.image1{position: absolute; top: 280px; left: 220px; width: 250px;}
.image2{position: absolute; top: 180px; left: 80px; width: 380px; border-style: dashed; border-width: 3px; border-color:#fff; border-radius: 15px;  transition: all 0.5s;}
.image2:hover{top: 170px; transition: all 0.5s;}
.image3{position: absolute; top: 180px; left: 480px; width: 380px; height: 290px; border-style: dashed; border-width: 3px; border-color:#fff; border-radius: 15px;  transition: all 0.5s;}
.image3:hover{ top: 170px; transition: all 0.5s;}
.image4{position: absolute; top: 180px; left: 880px; width: 380px; height: 290px; border-style: dashed; border-width: 3px; border-color:#fff; border-radius: 15px;  transition: all 0.5s;}
.image4:hover{ top: 170px; transition: all 0.5s;}

.image1{position: absolute; top: 340px; left: 30px; width: 200px;}
.bloque1 .image2 img{position: absolute; top: 240px; left: 60px; border-radius: 15px; border-style: dashed; border-width: 2.5px; border-color:#c5653a;}

.areadetexto{position: absolute; left: 100px; margin-top: 0px;}
.areadetexto2{position: absolute; left: 100px; margin-top: 30px; border-color:#c5653a; background:#FFF; border-radius: 15px; height: 245px;}
.areadetexto2-1{position: absolute; left: 100px; margin-top: 30px; border-color:#c5653a; background:#FFF; border-radius: 15px; height: 245px;}

.areadetexto{position: absolute; margin-left: 920px; margin-top: 300px; border-color:#c5653a; background:#FFF; border-radius: 15px; }
textarea { border-style: dashed; border-width: 2.5px; border-color:#c5653a; margin: 5px; border-radius: 15px; color: #be272d; padding: 10px; color: #004756;}
.subs{ color: rgba(0, 71, 86, 1); padding: 5px; font-weight:900; font-size: 46px; }

input{ color: #004756; border: dashed #c5653a; border-radius: 15px; text-align:center; padding: 35px 10px; margin: 10px 0; font-size: 56px;}
.caracteristica_cuadronum1{font-size:56px; left: 160px; background-color:#004756; border: none; border-radius: 15px; padding: 30px; width: 80px; text-align:center;}
.caracteristica_cuadronum2{font-size:56px; left: 160px; margin-top: -285px; background-color:#004756; border: none; border-radius: 15px; padding: 100px 15px; width: 100px; height: 80px; position:relative; text-align:center;}
.operation1{ position:absolute; width:300px; padding-left: 80px; padding-top: 0px;}
.operation2{ width:300px; padding-left: 500px; position: absolute; padding-top: 0px;}
.operation3{ width:300px; padding-left: 930px; position: absolute; padding-top: 0px;}
span .cuadro2{ margin-top: 1000px; text-align: center;}
.signo{ position:relative; left: -80px; top: 150px; width: 50px;}

a{ text-decoration:none;}

.areadetexto3 .reiniciar{
	position:absolute;
	width:50px;
	margin-left:-64px;
	margin-top:37px;
	background:white;
	padding:2%;
	border-radius:10px 0 0 10px;
	border:dashed 3px #c5653a;
	border-right:none;
	display:none;
	opacity:0;
	transition:all 0.3s ease;

}

.areadetexto3:hover .reiniciar{
	display:block;
	opacity:0.85;
	cursor:pointer;
}

.reiniciar:hover{
	cursor:pointer;
	opacity:1;
}

.reiniciar:active{
	transform:scaleY(0.8);
}

.bien, .mal{
	width:36px;
	position:absolute;
	margin-left:-43px;
	margin-top:15px;
	visibility:hidden;
}