@charset "utf-8";
/* CSS Document */
body{
	/*
	background-color:rgba(102,102,102,0.4); */
	background-color:#009966;

	text-align:center;
	color:#000000;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	
	}
.ver2{
	width:100%;
	border-radius:0px;
	
	text-align:center;
	border-bottom: 1px dotted #003333;
	
    
	border-top:none;
	border-left:none;
	border-right:none;
	font-weight:bold;
	height:20px;
	margin:auto;
	background-color:rgba(204,102,0,0.05);
	color:rgba(0,51,0,1);
	}
.ver2:hover, .ver:active{
	background-color:rgba(204,153,51,0.3);
	color:rgba(0,51,0,1);
	font-weight:bold;
	cursor:pointer;
	}

#fondo{
	width:100%;
	}
#barramenu{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	text-align:center;
	border:0px;
	/*box-shadow: 2px -2px 5px #663300;*/
	border-bottom:none;
	margin:0px;
	
	padding-top:1px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	margin-left:0px;
	
	
	}



.hojatexto{
	width:90%;
	text-align:justify;
	margin:auto;
	
	font-weight:normal;

	
	}

.definicion{
	width:80%;
	text-align:justify;
	margin:auto;
	background-color:rgba(0,102,0,0.05);
	
	
	
	color:rgb(0,51,0);
	font-weight:normal;
	padding:20px;

	
	}	
	

.problema{
	width:95%;
	text-align:justify;
	
	background-color:rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 2px #A3FF0F; 
-webkit-box-shadow: 0px 0px 2px #A3FF0F; 
box-shadow: 0px 0px 2px #000;
	
	margin:auto;
	border:none;
	
	color:rgba(0,0,0,1);
	font-weight:normal;
	padding:10px;

	
	}		
	
.indice{
	width:80%;
	text-align:justify;
	margin:auto;
		
	color:rgba(0,51,0,1);
	font-weight:normal;
	padding:20px;

	
	}					

#hoja hr{
	border-color:#006633;
	border-style:dotted;

	
	}








/*#hoja h2, h1, h3{
	/*background:rgba(0,153,0,0.3);
	color:rgba(0,102,0,1);
	color:rgba(255,255,255,1);
	
	background-color:rgba(0,51,0,0.7);
	
	}*/	
	
#texto{
	text-align:justify;
	height:auto;
	max-width:800px;
	margin:auto;
		
	}
	
#textoP{
	text-align:justify;
	height:auto;
	max-width:600px;
	margin:auto;
		
	}
#enlaces{
	height:20px;
	}
img{
	max-width:100%;}
	
.ver{
	width:150px;
	border-radius:0px;
	
	text-align:center;
	
    box-shadow: 1px 1px 3px #663300;	
	font-weight:bold;
	height:20px;
	margin:auto;
	background-color:rgba(255,255,0,0.2);
	color:rgba(0,51,0,1);
	}
.ver:hover, .ver:active{
	color:rgba(255,255,255,1);
	
	background-color:rgba(0,51,0,0.9);
	font-weight:bold;
	}


.caudr{
	min-width:70px;
	width: auto;
	border-radius:0px;
	
	text-align:center;
	border: 1px solid #003333;
	
    
	
	font-weight: normal;
	height:20px;
	margin-top: 0px;
	background-color:rgba(204,102,0,0.05);
	color:rgba(0,51,0,1);
	}

.cuadr2{
	display: none; 
	background-color: rgba(115,223,38,0.5);
	width: 100%; 
	height: 100%;
}
.ver2:hover, .ver:active{
	background-color:rgba(204,153,51,0.3);
	color:rgba(0,51,0,1);
	font-weight:normal;
	cursor:pointer;
	}
.ver2:hover, .ver:active{
	background-color:rgba(204,153,51,0.3);
	color:rgba(0,51,0,1);
	font-weight:bold;
	cursor:pointer;
	}
	
	
	.contenido {
	
	list-style:none;
	text-decoration:none;
	font-size:24px;
	width:auto;
	color:#009933;
	background-color:#FFFFFF;
	text-align:left;
	}
.contenido li{
	list-style-type:none;}

.contenido a{
	text-decoration:none;
	color:#000033;
	
	}
	


.botondef{
	border:#9C9 2px solid;
  border-bottom: #9C9  2px solid; 
  border-top-style: ridge;
  margin-left: 30px ;
  margin-right: 30px ;
  padding: 15px;
  border-radius:20px;
  background-color:#66CC66;
  color:#000000;
	
	
	}
.botondef:hover{
	background-color:#FFFFFF;
	color:#000000;
	
	}
.botondef:active{
	color:#000000;
	background-image:none;	
	background-color:#FFFFFF;
	} 


.nivel:hover, .nivel:active{
	width:100%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	cursor:pointer;
	
	

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,0,0,1);
	
	font-weight:normal;
	
	padding:3px;
	font-family:"Courier New", Courier, monospace;
	
	background-color:rgba(51,153,51,0.5);

	
	
	}	
	
.nivel1{
	
	width:99%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	
	background-color:rgba(255,255,255,1);

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,51,0,0.9);
	
	font-weight:bold;
	
	padding:1px;
	font-family:"Courier New", Courier, monospace;
	
	
	}


.nivel1:hover, .nivel:active{
	width:100%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	
	background-color:rgba(153,153,153,0.1);

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,51,0,0.9);
	
	font-weight:bold;
	cursor:pointer;
	
	padding:1px;
	font-family:"Courier New", Courier, monospace;
	
	
	}		


.nivel2{
	
	width:99%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	
	background-color:rgba(255,255,0,0.2);

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,51,0,0.9);
	
	font-weight:bold;
	
	padding:1px;
	font-family:"Courier New", Courier, monospace;
	cursor:pointer;
	
	}
	

.nivel2:hover, .nivel:active{
	width:99%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	
	background-color:rgba(255,255,0,0.4);

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,51,0,0.9);
	
	font-weight:bold;
	
	padding:1px;
	font-family:"Courier New", Courier, monospace;
	
	
	}		

.nivel0{
	
	
	width:100%;
	height: auto;
	padding-top:1px;
	padding-bottom:1px;
	/*border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	border-radius:5px;
		border-color:#006633;
	border-style:solid;
	border-width:2px;
	border-left:none;
	border-right:none;
    border-top:none;	
	/*border-width:1px;
	border-color:rgb(0,51,0);*/
	
 	font-family:"Courier New", Courier, monospace;
	color:rgba(255,255,255,1);
	
	background-color:rgba(0,51,0,0.5);
	
	text-align:center;
	margin-top:0px;
	border:none;
	padding-left:0px;
	padding-right:0px;
	-moz-box-shadow: 0px 0px 5px #A3FF0F; 
-webkit-box-shadow: 0px 0px 5px #A3FF0F; 
box-shadow: 0px 0px 5px #000;
	
	}
	

.nivel0X{
	
	max-width:735px;
	width:95%;
	height: auto;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	/*border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	border-radius:5px;
		border-color:#006633;
	border-style:solid;
	border-width:2px;
	border-left:none;
	border-right:none;
    border-top:none;	
	/*border-width:1px;
	border-color:rgb(0,51,0);*/
	
 	font-family:"Courier New", Courier, monospace;
	font-size:small;
	color:rgba(255,255,255,1);
	
	background-color:rgba(0,51,0,0.9);
	
	text-align:center;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	
	-moz-box-shadow: 0px 0px 5px #A3FF0F; 
-webkit-box-shadow: 0px 0px 5px #A3FF0F; 
box-shadow: 0px 0px 5px #000;	
	
	}	



.cabecera{
	
	max-width:735px;
	width:100%;
	height: auto;
	
	
	/*border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	
	border-radius:5px;
		border-color:#006633;
	border-style:solid;
	border-width:2px;
	border-left:none;
	border-right:none;
    border-top:none;	
	/*border-width:1px;
	border-color:rgb(0,51,0);*/
	
 	font-family:"Courier New", Courier, monospace;
	font-size:small;
	
	
	/*background-color:rgba(0,51,0,0.5);
	color:rgba(255,255,255,1);
	*/
	background-color:rgba(255,255,0,0.2);
	color:rgba(0,51,0,1);
	
	text-align:center;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	border:none;
	padding-left:1px;
	padding-right:1px;
	padding-top:1px;
	padding-bottom:1px;
	-moz-box-shadow: 0px 0px 2px #030; 
-webkit-box-shadow: 0px 0px 2px #030; 
box-shadow: 0px 0px 2px #030;	
	
	}	
	
.cabecera h2, h1{
	margin-left:30px;
	}



.help{
	
	width:100%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	
	background-color:rgba(0,153,102,0.2);

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,51,0,0.9);
	
	font-weight:normal;
	
	padding:3px;
	font-family:"Courier New", Courier, monospace;
	
	
	}


.help:hover, .nivel:active{
	width:100%;	
	height: auto;
	font-size:medium;

	
	
	/*border-radius:5px;*/
	border-color:rgb(102,102,102);
	
	border-width:0px;
	/*border-left:none;
	border-right:none;
    border-top:none;	*/
	border-bottom: 1px dotted;
	cursor:help;
	
	

	
	
	text-align:center;
	margin:auto;
	margin-top:0px;
	
	color:rgba(0,0,0,1);
	
	font-weight:normal;
	
	padding:3px;
	font-family:"Courier New", Courier, monospace;
	
	background-color:rgba(51,153,51,0.5);
	
	
	}	
	


.equipo{
	width:500px;
	max-width:90%;
	height:auto;
	
	-moz-box-shadow: 0px 0px 10px #A3FF0F; 
-webkit-box-shadow: 0px 0px 10px #A3FF0F; 
box-shadow: 0px 0px 10px #000;	
	
	
	border-style:solid;
	border-width:0px;
	border-color:#006633;

	
	background-color:rgba(0,102,0,0.05);
	
	text-align:justify;
	margin:auto;
	
	color:rgb(0,51,0);
	font-weight:normal;
	
	padding:10px;
	
	
	}


.verTest2{
	width:100%;
	min-height:30px;
	border-radius: 3px;
		
	
	
	/*background-color:rgba(255,153,0,0.5);*/
	background-color: rgba(210,210,210,0.3);
	text-align: center;
	color:rgb(102,51,51);
	font-weight:normal;
	padding: 0px;
	
	border: 1px rgba(0,0,0,1.00) dotted;

	
	
	}
.verTest2:hover, .verTes2t:active{
	
	background-color: rgba(164,228,79,0.5);
	color:rgb(0,0,0);
	font-weight:bolder;

	
	border: 1px rgba(0,0,0,1.00) thin;

	}


.traducir{
	
		
	text-decoration: underline;
	cursor: pointer;
	
	
	}

.palabra:hover, .palabra:active{
	
	font-weight: bold;

	}
	
.verTest{
	width:100%;
	min-height:80px;
	box-shadow: 1px 1px 3px #663300;	
	border-radius:5px;
	background-color:rgba(255,153,0,0.1);
	text-align:auto;
	color:rgb(102,51,51);
	font-weight:normal;
	padding-top:10px;
	padding-left:10px;

	
	
	}
.balloonA{
	
	margin-left: 5px;
    padding: 5px;
    position: relative;
    border-radius: 8px 8px 8px 8px;
	max-width: 90%;
	width: 500px;
	
	background-color:rgba(228,241,10,0.3);
	color: rgba(0,0,0,1.00);
	
}
.balloonA:before {
	content: "";
    position: absolute;
  	top: 100%;
   	left: 20px;
  	border-top: 10px solid rgba(228,241,10,0.3);
  	
   	border-left: 10px solid transparent;
   	border-right: 10px solid transparent;
	
}
	
.balloonB{
	
	margin-right: 5px;
	margin: auto;
    padding: 5px;
    position: relative;
    border-radius: 8px 8px 8px 8px;
	max-width: 90%;
	width: 500px;
	
	background-color:rgba(32,136,20,0.1);
	color: rgba(0,0,0,1.00);
	
}
.balloonB:before {
	content: "";
    position: absolute;
  	top: 100%;
   	right: 20px;
  	border-top: 10px solid rgba(32,136,20,0.1);
  	
   	border-left: 10px solid transparent;
   	border-right: 10px solid transparent;
}
.arrastrable {
    width: auto;
	min-width: 70px;
	max-width: 125px;
    border: 1px solid #aaaaaa;
	height: 20px;
	background-color:rgba(204,102,0,0.05);
	margin-top: 0px;
	text-align: center;
	position: relative;
	float: left;
	}	
.arrastrado {
    width: auto;
	min-width: 70px;
	max-width: 120px;
    border: 1px solid #aaaaaa;
	height: 20px;
	background-color:rgba(204,102,0,0.05);
	margin-top: 0px;
	text-align: center;
	position: relative;
	float: left;
	
}

.enlinea{
	padding-left: 3px;
	height: 40px; 
	padding-right: 3px;
	width: auto;
	position: relative;
	float: left;
}
.TEXTO
{
	width:auto;
	height: auto;	
}
.ajustar{
clear:both;
} 

@media only screen and (max-width: 900px)
{
	#hoja{
		background-color:#FFFFFF;

		color:#000000;
		margin-top:0px;
		height:auto;



		padding:0px;
		border-top:none;
		border-bottom:none;
		
		width:100%;
		min-width:300px;

		margin-left:auto;
		margin-right:auto;

		font-size: normal;

		-moz-box-shadow: 0px 0px 30px #A3FF0F; 
	-webkit-box-shadow: 0px 0px 30px #A3FF0F; 
	box-shadow: 0px 0px 30px #000;



		text-align:justify; 	
	}
}
@media only screen and (min-width: 900px)
{
	#hoja{
	background-color:#FFFFFF;
	
	color:#000000;
	margin-top:0px;
	height:auto;
	
	
	 
	padding:0px;
	border-top:none;
	border-bottom:none;
	max-width:735px;
	width:95%;
	min-width:300px;
	
	margin-left:auto;
	margin-right:auto;
	
	font-size: normal;
	
	-moz-box-shadow: 0px 0px 30px #A3FF0F; 
-webkit-box-shadow: 0px 0px 30px #A3FF0F; 
box-shadow: 0px 0px 30px #000;
		
	
	
	text-align:justify; 	
	}
}