/* ----------------------------  GENERAL --*/
	body {
		font-family: 'Helvetica';
		font-size: 12px;
		margin: 50px auto;
		/*max-width: 1300px;*/
		background: white url(../imagenes/fondos.png);
		background-repeat: repeat-x repeat-y;
      /* background-attachment: fixed;
	   border: 5px solid #ccc;*/
	}
	
/*PAJAROS*/

.suena { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 780px;
   height: auto;
	}
.endemicas { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 232px;
   height: auto;
	}

.bosques { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 796px;
   height: auto;
	}
	
.pinus { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 720px;
   height: auto;
	}
	
	.matorral { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 602px;
   height: auto;
	}
	
	
	
.gorrionserranofoto { width: 250px;
	height:282px;
	display: block;
	background:  url(../imagenes/gorrionserranofoto.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gorrionserranofoto:hover {
	background:  url(../imagenes/gorrionserranofoto.png) 0 -283px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.mascaritamatorralerahembra { width: 300px;
	height:172px;
	display: block;
	background:  url(../imagenes/mascaritamatorralerahembra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	vertical-align: middle;
	}

.mascaritamatorralerahembra:hover {
	background:  url(../imagenes/mascaritamatorralerahembra.png) 0 -172px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.mascaritamatorralera { width: 280px;
	height:293px;
	display: block;
	background:  url(../imagenes/mascaritamatorralera.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}
	
		
.atlapetes { width: 252px;
	height:210px;
	display: block;
	background:  url(../imagenes/atlapetes.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}
	
.atlapetes:hover {
	background:  url(../imagenes/atlapetes.png) 0 -210px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.bolsero { width: 295px;
	height:263px;
	display: block;
	background:  url(../imagenes/bolsero.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.bolsero:hover {
	background:  url(../imagenes/bolsero.png) 0 -263px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 

.chiperojo { width: 330px;
	height:170px;
	display: block;
	background:  url(../imagenes/chiperojodos.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.chiperojo:hover {
	background:  url(../imagenes/chiperojodos.png) 0 -170px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 

.mascarita { width: 291px;
	height:210px;
	display: block;
	background:  url(../imagenes/mascarita.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.mascarita:hover {
	background:  url(../imagenes/mascarita.png) 0 -210px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 

.mirlodorsofoto { width: 360px;
	height:195px;
	display: block;
	background:  url(../imagenes/mirlodorsofoto.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
  	}

.mirlodorsofoto:hover {
	background:  url(../imagenes/mirlodorsofoto.png) 0 -195px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.zorzal { width: 260px;
	height:248px;
	display: block;
	background:  url(../imagenes/zorzalmexicano02.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.zorzal:hover {
	background:  url(../imagenes/zorzalmexicano02.png) 0 -248px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.chara { width: 300px;
	height:295px;
	display: block;
	background:  url(../imagenes/charapechogrisfoto01.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.chara:hover {
	background:  url(../imagenes/charapechogrisfoto01.png) 0 -295px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.rascador-nuca-rufa { width: 251px;
	height:220px;
	display: block;
	background:  url(../imagenes/rascador-nuca-rufa.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.rascador-nuca-rufa:hover {
	background:  url(../imagenes/rascador-nuca-rufa.png) 0 -220px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.zumbadormexicano { width: 158px;
	height:208px;
	display: block;
	background:  url(../imagenes/zumbadormexicano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.zumbadormexicano:hover {
	background:  url(../imagenes/zumbadormexicano.png) 0 -208px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	


.carpinterodestrickland { width: 229px;
	height:350px;
	display: block;
	background:  url(../imagenes/carpinterodestrickland.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.carpinterodestrickland:hover {
	background:  url(../imagenes/carpinterodestrickland.png) 0 -350px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	


.mulatoazul { width: 248px;
	height:300px;
	display: block;
	background:  url(../imagenes/mulatoazul.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
   	}

.mulatoazul:hover {
	background:  url(../imagenes/mulatoazul.png) 0 -300px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.cuitlacoche { width: 300px;
	height:380px;
	display: block;
	background:  url(../imagenes/cuitlacoche.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.cuitlacoche:hover {
	background:  url(../imagenes/cuitlacoche.png) 0 -380px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.mirloazteca { width: 300px;
	height:250px;
	display: block;
	background:  url(../imagenes/mirloazteca.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;

	}

.mirloazteca:hover {
	background:  url(../imagenes/mirloazteca.png) 0 -250px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.trepatroncomexicano { width: 173px;
	height:350px;
	display: block;
	background:  url(../imagenes/trepatroncomexicano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.trepatroncomexicano:hover {
	background:  url(../imagenes/trepatroncomexicano.png) 0 -350px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.carpinterodelbalsas { width: 182px;
	height:350px;
	display: block;
	background:  url(../imagenes/carpinterodelbalsas.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.carpinterodelbalsas:hover {
	background:  url(../imagenes/carpinterodelbalsas.png) 0 -350px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.mascaritamatorralerahembra { width: 300px;
	height:172px;
	display: block;
	background:  url(../imagenes/mascaritamatorralerahembra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mascaritamatorralerahembra:hover {
	background:  url(../imagenes/mascaritamatorralerahembra.png) 0 -172px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.mascaritamatorralera { width: 280px;
	height:293px;
	display: block;
	background:  url(../imagenes/mascaritamatorralera.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mascaritamatorralera:hover {
	background:  url(../imagenes/mascaritamatorralera.png) 0 -293px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.vencejonucablanca { width: 250px;
	height:521px;
	display: block;
	background:  url(../imagenes/VencejoNucaBlanca.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.vencejonucablanca:hover {
	background:  url(../imagenes/VencejoNucaBlanca.png) 0 -521px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.calandriaflancos { width: 250px;
	height:325px;
	display: block;
	background:  url(../imagenes/calandriaflancos.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.calandriaflancos:hover {
	background:  url(../imagenes/calandriaflancos.png) 0 -325px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
.rascadorcejaverde { width: 200px;
	height:305px;
	display: block;
	background:  url(../imagenes/rascadorcejaverde.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.rascadorcejaverde:hover {
	background:  url(../imagenes/rascadorcejaverde.png) 0 -305px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

/* BOSQUE */
.gavilanpechocanela { width: 320px;
	height:215px;
	display: block;
	background:  url(../imagenes/gavilanCanela.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gavilanpechocanela:hover {
	background:  url(../imagenes/gavilanCanela.png) 0 -220px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.gavilandecooper { width: 200px;
	height:390px;
	display: block;
	background:  url(../imagenes/gavilancooper.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gavilandecooper:hover {
	background:  url(../imagenes/gavilancooper.png) 0 -390px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.mirloacuatico { width: 300px;
	height:309px;
	display: block;
	background:  url(../imagenes/mirloacuatico.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mirloacuatico:hover {
	background:  url(../imagenes/mirloacuatico.png) 0 -309px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.mirlogargantablanca { width: 300px;
	height:211px;
	display: block;
	background:  url(../imagenes/mirlogargantablanca.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mirlogargantablanca:hover {
	background:  url(../imagenes/mirlogargantablanca.png) 0 -211px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.codornizcoluda { width: 300px;
	height:263px;
	display: block;
	background:  url(../imagenes/codornizcoluda.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.codornizcoluda:hover {
	background:  url(../imagenes/codornizcoluda.png) 0 -266.5px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.halconperegrino { width: 300px;
	height:417px;
	display: block;
	background:  url(../imagenes/halconperegrino.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.halconperegrino:hover {
	background:  url(../imagenes/halconperegrino.png) -300px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.clarinjilguero { width: 290px;
	height:486px;
	display: block;
	background:  url(../imagenes/clarinjilguero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.clarinjilguero:hover {
	background:  url(../imagenes/clarinjilguero.png) -290px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.carbonero { width: 250px;
	height:284px;
	display: block;
	background:  url(../imagenes/carbonero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.carbonero:hover {
	background:  url(../imagenes/carbonero.png) 0 -285px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
	
.chipecejasblancas { width: 200px;
	height:290px;
	display: block;
	background:  url(../imagenes/chipecejasblancas.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.chipecejasblancas:hover {
	background:  url(../imagenes/chipecejasblancas.png) -200px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.bajapalos { width: 250px;
	height:346px;
	display: block;
	background:  url(../imagenes/bajapalos.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.bajapalos:hover {
	background:  url(../imagenes/bajapalos.png) -250px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.trepadorcitoamericano { width: 200px;
	height:485px;
	display: block;
	background:  url(../imagenes/trepadorcitoamericano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.trepadorcitoamericano:hover {
	background:  url(../imagenes/trepadorcitoamericano.png) -200px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
/* fin BOSQUE */ 

/* inicio PINUS */ 
.chinito { width: 200px;
	height:401px;
	display: block;
	background:  url(../imagenes/chinito.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.chinito:hover {
	background:  url(../imagenes/chinito.png) -200px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.CharaCopetona { width: 300px;
	height:417px;
	display: block;
	background:  url(../imagenes/characopetona.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.CharaCopetona:hover {
	background:  url(../imagenes/characopetona.png) -300px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.colibrimagnifico { width: 300px;
	height:180px;
	display: block;
	background:  url(../imagenes/colibrimagnifico.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.colibrimagnifico:hover {
	background:  url(../imagenes/colibrimagnifico.png) 0 -180px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.ocotero { width: 300px;
	height:150px;
	display: block;
	background:  url(../imagenes/ocotero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.ocotero:hover {
	background:  url(../imagenes/ocotero.png) 0 -151px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.zumbadorallen { width: 255px;
	height:300px;
	display: block;
	background:  url(../imagenes/zumbadorallen.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.zumbadorallen:hover {
	background:  url(../imagenes/zumbadorallen.png) -255px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.azulejogargantaazul { width: 200px;
	height:262px;
	display: block;
	background:  url(../imagenes/azulejogargantaazul.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.azulejogargantaazul:hover {
	background:  url(../imagenes/azulejogargantaazul.png) -200px 0;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.jilguero { width: 186px;
	height:325px;
	display: block;
	background:  url(../imagenes/jilguero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.jilguero:hover {
	background:  url(../imagenes/jilguero.png) 0 -325px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.reyezuelo { width: 405px;
	height:262px;
	display: block;
	background:  url(../imagenes/reyezuelo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.reyezuelo:hover {
	background:  url(../imagenes/reyezuelo.png) 0 -262px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.papamoscas { width: 237px;
	height:350px;
	display: block;
	background:  url(../imagenes/papamoscas.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.papamoscas:hover {
	background:  url(../imagenes/papamoscas.png) 0 -350px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.pavitoalas { width: 400px;
	height:193px;
	display: block;
	background:  url(../imagenes/pavitoalasnegras.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.pavitoalas:hover {
	background:  url(../imagenes/pavitoalasnegras.png) 0 -193px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
		.picotuerto { width: 400px;
	height:410px;
	display: block;
	background:  url(../imagenes/picotuerto.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.picotuerto:hover {
	background:  url(../imagenes/picotuerto.png) 0 -410px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
/* fin PINUS */ 



/*Inicio Pastizal */ 
.zacatonerocanelo { width: 400px;
	height:412px;
	display: block;
	background:  url(../imagenes/zacatonerocanelo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.zacatonerocanelo:hover {
	background:  url(../imagenes/zacatonerocanelo.png) 0 -412px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.PicochuecoVientreCanela { width: 300px;
	height:400px;
	display: block;
	background:  url(../imagenes/PicochuecoVientreCanela.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.PicochuecoVientreCanela:hover {
	background:  url(../imagenes/PicochuecoVientreCanela.png) 0 -407px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.semillerorabadillacanela { width: 310px;
	height:405px;
	display: block;
	background:  url(../imagenes/semillerorabadillacanela.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.semillerorabadillacanela:hover {
	background:  url(../imagenes/semillerorabadillacanela.png) 0 -405px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.carpinteromexicano { width: 300px;
	height:551px;
	display: block;
	background:  url(../imagenes/carpinteromexicano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.carpinteromexicano:hover {
	background:  url(../imagenes/carpinteromexicano.png) 0 -552px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.rascadormoteado { width: 300px;
	height:453px;
	display: block;
	background:  url(../imagenes/rascadormoteado.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.rascadormoteado:hover {
	background:  url(../imagenes/rascadormoteado.png) 0 -453px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}
	
.rascadorespaldanegra { width: 300px;
	height:570px;
	display: block;
	background:  url(../imagenes/rascadorespaldanegra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.rascadorespaldanegra:hover {
	background:  url(../imagenes/rascadorespaldanegra.png) 0 -566px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}

.saltapared { width: 320px;
	height:466px;
	display: block;
	background:  url(../imagenes/saltapared.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.saltapared:hover {
	background:  url(../imagenes/saltapared.png) 0 -454px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}
	
	.jilguerodominico { width: 360px;
	height:293px;
	display: block;
	background:  url(../imagenes/jilguerodominico.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.jilguerodominico:hover {
	background:  url(../imagenes/jilguerodominico.png) 0 -295px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}

.GorrionArlequin { width: 300px;
	height:370px;
	display: block;
	background:  url(../imagenes/GorrionArlequin.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.GorrionArlequin:hover {
	background:  url(../imagenes/GorrionArlequin.png) 0 -372px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}

.PicogordoAzul { width: 300px;
	height:432px;
	display: block;
	background:  url(../imagenes/PicogordoAzul.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.PicogordoAzul:hover {
	background:  url(../imagenes/PicogordoAzul.png) 0 -432px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}


.picogordodegollado { width: 320px;
	height:362.5px;
	display: block;
	background:  url(../imagenes/picogordodegollado.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.picogordodegollado:hover {
	background:  url(../imagenes/picogordodegollado.png) 0 -362.5px;
	padding: 0px 0 0 0px;
	cursor:pointer;
}

/*Fin Pastizal */ 

/* Matorral Pecho Canela */ 


.colibricoronavioleta { width: 350px;
	height:323px;
	display: block;
	background:  url(../imagenes/colibricoronavioleta.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.colibricoronavioleta:hover {
	background:  url(../imagenes/colibricoronavioleta.png) 0 -323px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.buhocornudo { width: 350px;
	height:755px;
	display: block;
	background:  url(../imagenes/buhocornudo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.buhocornudo:hover {
	background:  url(../imagenes/buhocornudo.png) 0 -746px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	


.gavilanpicodegancho { width: 350px;
	height:660px;
	display: block;
	background:  url(../imagenes/GavilanPicodeGancho.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gavilanpicodegancho:hover {
	background:  url(../imagenes/GavilanPicodeGancho.png) 0 -660px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	

.ChipeLoresNegros { width: 350px;
	height:473.5px;
	display: block;
	background:  url(../imagenes/ChipeLoresNegros.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.ChipeLoresNegros:hover {
	background:  url(../imagenes/ChipeLoresNegros.png) 0 -473.5px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}



 
.gorrionpalido { width: 350px;
	height:455px;
	display: block;
	background:  url(../imagenes/gorrionpalido.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gorrionpalido:hover {
	background:  url(../imagenes/gorrionpalido.png) 0 -456px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	

.gorrioncejasblancas { width: 350px;
	height:370px;
	display: block;
	background:  url(../imagenes/gorrioncejasblancas.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gorrioncejasblancas:hover {
	background:  url(../imagenes/gorrioncejasblancas.png) 0 -370px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
.gorrionbarbanegra { width: 350px;
	height:410px;
	display: block;
	background:  url(../imagenes/gorrionbarbanegra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gorrionbarbanegra:hover {
	background:  url(../imagenes/gorrionbarbanegra.png) 0 -409.9px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.saltaparedbarranqueno { width: 350px;
	height:523px;
	display: block;
	background:  url(../imagenes/saltaparedbarranqueno.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.saltaparedbarranqueno:hover {
	background:  url(../imagenes/saltaparedbarranqueno.png) 0 -523px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
 
  .calandriatunera { width: 450px;
	height:301px;
	display: block;
	background:  url(../imagenes/calandriatunera.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.calandriatunera:hover {
	background:  url(../imagenes/calandriatunera.png) 0 -301px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
 
 .cernicaloamericano { width: 420px;
	height:480px;
	display: block;
	background:  url(../imagenes/cernicaloamericano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.cernicaloamericano:hover {
	background:  url(../imagenes/cernicaloamericano.png) 0 -500px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
 
.papamoscascardenal { width: 340px;
	height:421px;
	display: block;
	background:  url(../imagenes/papamoscascardenal.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.papamoscascardenal:hover {
	background:  url(../imagenes/papamoscascardenal.png) 0 -421px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.papamoscas-pecho-canela { width: 280px;
	height:320px;
	display: block;
	background:  url(../imagenes/papamoscaspechoamarillo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.papamoscas-pecho-canela:hover {
	background:  url(../imagenes/papamoscaspechoamarillo.png) 0 -320.1px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	


.centzontlenorteno { width: 385px;
	height:192.5px;
	display: block;
	background:  url(../imagenes/centzontlenorteno.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.centzontlenorteno:hover {
	background:  url(../imagenes/centzontlenorteno.png) 0 -193px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
/* Fin Matorral Pecho Canela */ 

/* Humedales */

.aguilillacolaroja { width: 450px;
	height:394px;
	display: block;
	background:  url(../imagenes/AguilillaColaRoja.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.aguilillacolaroja:hover {
	background:  url(../imagenes/AguilillaColaRoja.png) 0 -394px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.patodecollar { width: 450px;
	height:221px;
	display: block;
	background:  url(../imagenes/patodecollar.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.patodecollar:hover {
	background:  url(../imagenes/patodecollar.png) 0 -221px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.aguilapescadora { width: 350px;
	height:386px;
	display: block;
	background:  url(../imagenes/aguilapescadora.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.aguilapescadora:hover {
	background:  url(../imagenes/aguilapescadora.png) 0 -386px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.garzaazul { width: 350px;
	height:712px;
	display: block;
	background:  url(../imagenes/garzaazul.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.garzaazul:hover {
	background:  url(../imagenes/garzaazul.png) 0 -715px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.colorinsietecolores { width: 300px;
	height:510px;
	display: block;
	background:  url(../imagenes/colorinsietecolores.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.colorinsietecolores:hover {
	background:  url(../imagenes/colorinsietecolores.png) 0 -500px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.patotepalcate { width: 400px;
	height:229px;
	display: block;
	background:  url(../imagenes/patotepalcate.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.patotepalcate:hover {
	background:  url(../imagenes/patotepalcate.png) 0 -229px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}



.PapamoscasNegro { width: 400px;
	height:468px;
	display: block;
	background:  url(../imagenes/PapamoscasNegro.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.PapamoscasNegro:hover {
	background:  url(../imagenes/PapamoscasNegro.png) 0 -469.5px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.tordosargento { width: 400px;
	height:260px;
	display: block;
	background:  url(../imagenes/tordosargento.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.tordosargento:hover {
	background:  url(../imagenes/tordosargento.png) 0 -260px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.gorrioncantor { width: 200px;
	height:475px;
	display: block;
	background:  url(../imagenes/gorrioncantor.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.gorrioncantor:hover {
	background:  url(../imagenes/gorrioncantor.png) 0 -475px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.martinpescadornorteno { width: 400px;
	height:508px;
	display: block;
	background:  url(../imagenes/martinpescadornorteno.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.martinpescadornorteno:hover {
	background:  url(../imagenes/martinpescadornorteno.png) 0 -508px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.monjitaamericana { width: 400px;
	height:280px;
	display: block;
	background:  url(../imagenes/monjitaamericana.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.monjitaamericana:hover {
	background:  url(../imagenes/monjitaamericana.png) 0 -280px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.chorlotildio { width: 400px;
	height:353px;
	display: block;
	background:  url(../imagenes/ChorloTildio.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.chorlotildio:hover {
	background:  url(../imagenes/ChorloTildio.png) 0 -353px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
		
.mascaritacomun { width: 400px;
	height:287px;
	display: block;
	background:  url(../imagenes/mascaritacomun.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mascaritacomun:hover {
	background:  url(../imagenes/mascaritacomun.png) 0 -287px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}



.chiprecharquero { width: 400px;
	height:300px;
	display: block;
	background:  url(../imagenes/chiprecharquero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.chiprecharquero:hover {
	background:  url(../imagenes/chiprecharquero.png) 0 -302px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.GallaretaAmericana { width: 400px;
	height:484px;
	display: block;
	background:  url(../imagenes/GallaretaAmericana.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.GallaretaAmericana:hover {
	background:  url(../imagenes/GallaretaAmericana.png) 0 -484px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.saltaparedpantanero { width: 350px;
	height:493px;
	display: block;
	background:  url(../imagenes/saltaparedpantanero.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.saltaparedpantanero:hover {
	background:  url(../imagenes/saltaparedpantanero.png) 0 -493px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.garzanocturna { width: 400px;
	height:293px;
	display: block;
	background:  url(../imagenes/garzanocturna.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.garzanocturna:hover {
	background:  url(../imagenes/garzanocturna.png) 0 -293px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

/* Fin Humedales */

/* Urbano */
.tordoojosrojos { width: 300px;
	height:324px;
	display: block;
	background:  url(../imagenes/tordoojosrojos.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.tordoojosrojos:hover {
	background:  url(../imagenes/tordoojosrojos.png) 0 -324px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.pirangaroja { width: 400px;
	height:255px;
	display: block;
	background:  url(../imagenes/pirangaroja.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.pirangaroja:hover {
	background:  url(../imagenes/pirangaroja.png) 0 -256.9px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.sastrecillo { width: 400px;
	height:313px;
	display: block;
	background:  url(../imagenes/sastrecillo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.sastrecillo:hover {
	background:  url(../imagenes/sastrecillo.png) 0 -313px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
.saltaparedcolalarga { width: 400px;
	height:292px;
	display: block;
	background:  url(../imagenes/saltaparedlarga.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.saltaparedcolalarga:hover {
	background:  url(../imagenes/saltaparedlarga.png) 0 -293px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.cuicacochepicocurvo { width: 400px;
	height:282px;
	display: block;
	background:  url(../imagenes/cuicacochepicocurvo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.cuicacochepicocurvo:hover {
	background:  url(../imagenes/cuicacochepicocurvo.png) 0 -284px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}


.huilotacomun { width: 172px;
	height:400px;
	display: block;
	background:  url(../imagenes/huilotacomun.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.huilotacomun:hover {
	background:  url(../imagenes/huilotacomun.png) 0 -400px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.papamoscajosemaria { width: 300px;
	height:500px;
	display: block;
	background:  url(../imagenes/papamoscasjosemaria.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.papamoscajosemaria:hover {
	background:  url(../imagenes/papamoscasjosemaria.png) 0 -500px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.aguilillarojinegra { width: 600px;
	height:315px;
	display: block;
	background:  url(../imagenes/aguilillarojinegra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.aguilillarojinegra:hover {
	background:  url(../imagenes/aguilillarojinegra.png) 0 -313px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

.colibripicoancho { width: 400px;
	height:272px;
	display: block;
	background:  url(../imagenes/colibripicoancho.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.colibripicoancho:hover {
	background:  url(../imagenes/colibripicoancho.png) 0 -272px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.colibriberilo { width: 400px;
	height:253px;
	display: block;
	background:  url(../imagenes/colibriberilo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.colibriberilo:hover {
	background:  url(../imagenes/colibriberilo.png) 0 -253px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.chiprecoronanegra { width: 300px;
	height:336px;
	display: block;
	background:  url(../imagenes/chiprecoronanegra.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.chiprecoronanegra:hover {
	background:  url(../imagenes/chiprecoronanegra.png) 0 -335px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
.mirloprimavera { width: 350px;
	height:420px;
	display: block;
	background:  url(../imagenes/mirloprimavera.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.mirloprimavera:hover {
	background:  url(../imagenes/mirloprimavera.png) 0 -421px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}

	
.pinzonmexicano { width: 350px;
	height:294px;
	display: block;
	background:  url(../imagenes/pinzonmexicano.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.pinzonmexicano:hover {
	background:  url(../imagenes/pinzonmexicano.png) 0 -295px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.tortolitacolalarga { width: 350px;
	height:447px;
	display: block;
	background:  url(../imagenes/tortolitacolalarga.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.tortolitacolalarga:hover {
	background:  url(../imagenes/tortolitacolalarga.png) 0 -447px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	

/* Fin Urbano */

	table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin: 0px;     width: 70%; text-align: left;     border-collapse: collapse; }

th {font-size: 14px;     font-weight: normal;     padding: 4px;     
background-color: rgba(33, 163, 49, 0.8);
    border-top: 4px solid #c7c7c7;    border-bottom: 1px solid #fff; color: #000; }

td {    padding: 4px;     background-color: rgba(255, 255, 255, 0.8);    border-bottom: 1px solid #fff;
    color: #669;    border-top: 1px solid transparent; }

tr:hover td { background: #d0dafd; color: #339; }
/* ----------------------------  GENERAL ---------------------------------------------*/
	/*a {	text-decoration: none;	 background-color: #CECECE; padding: 5px 5px; }
	a:link, a:visited {	 color:#1bb600;   border-radius: 5px;}
	a:hover, a:active {	color: #000;  text-decoration: underline;}
*/
	
.top{
		padding: 0px 0 0 0px;
	margin:60px 0px 0px 0px;
		 border: 0.5px solid #000; 
	}
	.row{
		width: 100%;
		margin-bottom: 25px;
		 	/*border: 1px solid #000;  */
	}