a{
	text-decoration: none;
}
#t2 { overflow:hidden; }
#titulos {margin: 100px 0 0 75px;}
/*
.oro, .plata, .ciudades { 
	border: 3px solid #f8ed33;  color: #FFF;
	padding: 2px 5px; 
	line-height: 30px;
	display: block;
	border-radius: 20px;
	height: 30px;
	text-align:center;
	margin-bottom: 20px; 
	
	font-size: 1.7em;
	font-weight: bold;
	cursor:pointer;
}

*/
#persianas { 
	width:750px !important;
	position:absolute;
	top: 0;
	left: -40px; 
} 
#persianas h2 { 
	background: #FFAA00;    
	margin-bottom: 15px !important;
	
}
#persianas h2 span {
	box-shadow: -3px 3px 3px rgba(100, 100, 100, .5);
	width: 300px !important;
	margin-top: 2px;
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(100, 100, 100, .7);
}
.vacia 	{text-align:right; }
.vacia h2 span	{ background: #FFAA00 !important;  border-radius: 10px; box-shadow: none !important;}
.oro h2 span 	{ background: #49a9ee !important;  border-radius: 10px;}
.plata h2 span 	{ background: #e0008b !important;  border-radius: 10px;}
.ciudades h2 span{ background: #e45b33 !important; border-radius: 10px; padding-bottom: 40px;}

#persianas li .amarillo { background: #FFAA00 !important; }
#persianas li .cont_info {
	border-radius: 10px;
	margin: 20px;
	height: 280px; 
	padding: 15px;
	width: 460px;
	color:#FFF; 
	box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);
}
.oro .cont_info { 
	background: #49a9ee !important; 
	border: solid 3px #fef200;
}
.oro_txt { width: 270px; float:left; margin-top: 50px; }
.plata_txt { width: 210px; float:left; margin-top: 20px; }
.cont_info strong { text-shadow: 2px 2px 2px rgba(100, 100, 100, .7); }
.info_img {
	float:right; 
	padding: 10px; 
	background: #fef200;
	border-radius: 10px;
	margin-top: 50px;
}
/*.info_img img { 
	height: 150px;
}*/

.plata .cont_info {
	background: #e0008b !important;
}

.ciudades .cont_info {
	background: #e45b33 !important;
	
}
.ciudades .amarillo {
	padding-left: 70px !important;
}

.ciudades_txt {
	width: 100%;
	margin-top: 75px;
	float:left;
}

.liteAccordion .slide > div { background: transparent; }
#img_minerales { margin-top: 150px; }

.contenido { padding: 40px 20px;}
.contenido img { margin: 0 auto;  }
#texto {  
	background: #49a9ee; width: 600px; 
	border: 3px solid #f8ed33;  
	border-radius: 100px / 10px;
	box-shadow: 5px 5px 5px rgba(244, 122, 27, .5);
	color: #FFF; 
	padding: 5px 10px;
}

.llave { width:25%; float:left; padding-top: 150px;  }
.llave ul { background: #fff; color: #888; list-style: none; padding: 10px; border-radius: 10px; border: 3px solid #888; font-weight: bold; width: 120px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);  }
.llave li {margin-bottom: 10px;}
.llave li span {float:right; display:block; min-width: 40px;}

.ico_oro { background: url(../img/ico_oro.png) no-repeat top left transparent; cursor:pointer;}
.ico_plata { background: url(../img/ico_plata.png) no-repeat top left transparent; cursor:pointer;}
.ico_ciudades { background: url(../img/ico_ciudades.png) no-repeat top center transparent; cursor:pointer;}

#cont_mapa { width: 455px; height: 320px; border-radius: 10px; box-shadow: 5px 5px 5px rgba(10, 10, 10, .5); float:right; background:#FFF; margin-right: 30px; top: -50px;}
#mapa { width: 425px; height: 290px; margin: 15px 15px;}
.mapa_000 { background: url(../img/mapa_000.png) no-repeat top left transparent; }
.mapa_001 { background: url(../img/mapa_001.png) no-repeat top left transparent; }
.mapa_010 { background: url(../img/mapa_010.png) no-repeat top left transparent; }
.mapa_011 { background: url(../img/mapa_011.png) no-repeat top left transparent; }
.mapa_100 { background: url(../img/mapa_100.png) no-repeat top left transparent; }
.mapa_101 { background: url(../img/mapa_101.png) no-repeat top left transparent; }
.mapa_110 { background: url(../img/mapa_110.png) no-repeat top left transparent; }
.mapa_111 { background: url(../img/mapa_111.png) no-repeat top left transparent; }



#respuestas {  
	background: #ee9516; color: #fff;
	border: 2px solid #f8ed33;
	border-radius: 10px;
	width: 65%; 
	float:left;
	margin-top: 70px;
}
#respuestas input { border: none; background: #ee9516; color: #fff; width: 20px; text-align:center; font-weight: bold; }
#respuestas ul, #columnas ul { list-style: none; padding-left: 10px; }
#respuestas li {  line-height: 2em; padding-left: 30px; }
li.correcto { background: url(../img/correcto.png) no-repeat top left transparent; }
li.incorrecto {background: url(../img/incorrecto.png) no-repeat top left transparent; }
 
#columnas { width: 30%; float:right;
	margin-top: 70px; 
	background: #e65b34; 
	color: #fff;
	border: 2px solid #f8ed33;   }
#columnas .num { font-size: 1.4em; font-weight: bold; }