/* ----------------------------  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;*/
	}
	
	.suena { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 780px;
   height: auto;
	}
	
	.quercus { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 720px;
   height: auto;
	}
/*PAJAROS*/

	/* inicio quercus */ 
	
.papamoscasamarillo { width: 150px;
	height:310px;
	display: block;
	background:  url(../imagenes/papamoscasamarillo.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.papamoscasamarillo:hover {
	background:  url(../imagenes/papamoscasamarillo.png) 0 -310px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.calandriacejasnaranja { width: 386px;
	height:410px;
	display: block;
	background:  url(../imagenes/calandriacejasnaranja.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.calandriacejasnaranja:hover {
	background:  url(../imagenes/calandriacejasnaranja.png) 0 -410px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
.calandriadorsonegro { width: 280px;
	height:498px;
	display: block;
	background:  url(../imagenes/calandriadorsonegro.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}

.calandriadorsonegro:hover {
	background:  url(../imagenes/calandriadorsonegro.png) 0 -496px;
	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;
	} 
	
	.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;
	} 
	
	.ColibriGargantaAzul { width: 300px;
	height:303px;
	display: block;
	background:  url(../imagenes/ColibriGargantaAzul.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.ColibriGargantaAzul:hover {
	background:  url(../imagenes/ColibriGargantaAzul.png) 0 -303px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	.chipretrepador { width: 330px;
	height:357px;
	display: block;
	background:  url(../imagenes/chipretrepador.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}

.chipretrepador:hover {
	background:  url(../imagenes/chipretrepador.png) 0 -357px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.charadecollar { width: 300px;
	height:448px;
	display: block;
	background:  url(../imagenes/charadecollar.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}
.charadecollar:hover {
	background:  url(../imagenes/charadecollar.png) 0 -449px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 

.chipenegrogris { width: 350px;
	height:221.5px;
	display: block;
	background:  url(../imagenes/chipenegrogris.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}
.chipenegrogris:hover {
	background:  url(../imagenes/chipenegrogris.png) 0 -222px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	} 
	
	
.carpinterobellotero { width: 300px;
	height:418px;
	display: block;
	background:  url(../imagenes/carpinterobellotero.png);
	padding: 0px 0 0 0px;
    margin:0px 0 60px 0px;
	}
.carpinterobellotero:hover {
	background:  url(../imagenes/carpinterobellotero.png) 0 -419px;
	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;
	}
	
	
.vireodecassin { width: 320px;
	height:223px;
	display: block;
	background:  url(../imagenes/vireodecassin.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}
	

.vireodecassin:hover {
	background:  url(../imagenes/vireodecassin.png) 0 -223px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
.tiranochibiu { width: 340px;
	height:263px;
	display: block;
	background:  url(../imagenes/tiranochibiu.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}
	

.tiranochibiu:hover {
	background:  url(../imagenes/tiranochibiu.png) 0 -263px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	
		.pirangaencinera01 { width: 280px;
	height:392.5px;
	display: block;
	background:  url(../imagenes/pirangaencinera01.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}
	

.pirangaencinera01:hover {
	background:  url(../imagenes/pirangaencinera01.png) 0 -392px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.pirangaencinera02 { width: 280px;
	height:428.5px;
	display: block;
	background:  url(../imagenes/pirangaencinera02.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}
	

.pirangaencinera02:hover {
	background:  url(../imagenes/pirangaencinera02.png) 0 -428.5px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
	.zafiroorejasblancas { width: 300px;
	height:333.5px;
	display: block;
	background:  url(../imagenes/zafiroorejasblancas.png);
	padding: 0px 0 0 0px;
	margin:0px 0 60px 0px;
	}
	

.zafiroorejasblancas:hover {
	background:  url(../imagenes/zafiroorejasblancas.png) 0 -335px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}
	
/* fin quercus */ 

	table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin: 0px;     width: 80%; 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;}
*/
	
		
	.row{
		width: 100%;
		margin-bottom: 25px;
		 	/*border: 1px solid #000;  */
	}