#panel1{
	background: url(../img/fondo.png) no-repeat center center;
}

#panel2{
	background: url(../img/pantalla2.png) no-repeat center center;
}

.active_item{
	cursor: pointer;
	position: absolute;
}

#encino_menu {
	 top: 23px;
	 left: 119px;
}

#pino_menu {
	 top: 1px;
	 left: 548px;
}

#bidens_menu {
	 top: 239px;
	 left: 73px;
}

#diente_menu {
	 top: 293px;
	 left: 317px;
}

#lirios_menu {
	 top: 386px;
	 left: 400px;
}

#violeta_menu {
	 top: 251px;
	 left: 493px;
}

.landscape{
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

#info{
	position: absolute;
	width: 486px;
	height: 560px;
	left: 158px;
	top: 0px;
	background: url(../img/info_pantalla2.png) no-repeat center center;
	display: none;
}

.info_txt{
	position: absolute;
	top: 98px;
	left: 96px;
	width: 296px;
	display: none;
}

.diente{
	position: absolute;
	width: 159px;
	height: 243px;
	cursor: pointer;
	background: url(../img/diente1.png) no-repeat center center;
}

#diente1 {
	top: 62px;
	left: 147px;
}

#diente2 {
	top: 116px;
	left: 339px;
}

#diente3 {
	top: 179px;
	left: 536px;
}


.txt{
	font-family: museo;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	text-shadow: #434329 0px -1px 0px;
	text-align: center;
	position: absolute;
	top: 182px;
	left: 11px;
	width: 83px;
	height: 28px;
}

.info_txt.active{
	display: block;
}

.info_txt strong{
	font-family: museo;
	font-size: 20px;
	line-height: 22px;
	color: #222222;
	text-shadow: #FFFFFF 0px 1px 0px;
	display: block;
	margin-bottom: 14px;
	text-align: left;
}

.info_txt li{
	font-family: avenir;
	font-size: 16px;
	line-height: 18px;
	color: #222222;
	text-shadow: #FFFFFF 0px 1px 0px;
	margin-left: 22px;
	text-align: left;
	margin-bottom: 8px;
}