@font-face { font-family: 'boogalooregular'; src: url("../fonts/Boogaloo-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'optimaregular'; src: url("../fonts/optima-webfont.eot"); src: url("../fonts/optima-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/optima-webfont.woff") format("woff"), url("../fonts/optima-webfont.ttf") format("truetype"), url("../fonts/optima-webfont.svg#optimaregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'optimabold'; src: url("../fonts/optima-bold-webfont.eot"); src: url("../fonts/optima-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/optima-bold-webfont.woff2") format("woff2"), url("../fonts/optima-bold-webfont.woff") format("woff"), url("../fonts/optima-bold-webfont.ttf") format("truetype"), url("../fonts/optima-bold-webfont.svg#optimabold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OptimaNovaLTProRegular'; src: url("../fonts/OptimaNovaLTProRegular.otf"); font-weight: normal; font-style: normal; } 



/* Added EB Garamond 20210118 */
/*@font-face {
    font-family: 'eb_garamondregular';
    src: url('../fonts/ebgaramond-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/ebgaramond-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

/* line 93, ../sass/styles-es.scss */
body { margin: 0; padding: 0; font-family: "OptimaNovaLTProRegular"; color: #222222; background-color: #4d4d4d; background: url(../img/tapalpa-1920.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; font-size: 110%; }

/* line 111, ../sass/styles-es.scss */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* line 119, ../sass/styles-es.scss */
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
/* line 121, ../sass/styles-es.scss */
* html .clearfix { height: 1%; }

/* line 122, ../sass/styles-es.scss */
.clearfix { display: block; }

/* close commented backslash hack */
/* line 126, ../sass/styles-es.scss */
#container { width: 60%; margin: 40px auto; padding: 0; border-radius: 15px; overflow: hidden; box-shadow: 0 1px 17px #000; font-size: 115%; }
@media screen and (max-width: 1024px) { /* line 126, ../sass/styles-es.scss */
  #container { width: 80%; } }
@media screen and (max-width: 768px) { /* line 126, ../sass/styles-es.scss */
  #container { width: 100%; margin: 0; border-radius: 0; box-shadow: none; } }

/* line 148, ../sass/styles-es.scss */
#header { width: 96%; margin: 0; padding: 0 2%; background-color: white; background-image: -moz-linear-gradient(white, white); background-image: -o-linear-gradient(white, white); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, white)); background-image: -webkit-linear-gradient(white, white); background-image: -ms-linear-gradient(white, white); background-image: linear-gradient(#ffffff, #ffffff); }
/* line 155, ../sass/styles-es.scss */
#header h1 { padding: 0; margin: 0; font-size: 110%; line-height: 1.4; font-style: italic; text-align: center; }
/* line 163, ../sass/styles-es.scss */

#header h1 a { text-decoration: none; padding: 165px 0 77px 0; display: block; background: url("../img/Logo-AA-y-colaboradores-2025.png") center 12px no-repeat; color: #6A8149; }

/* line 170, ../sass/styles-es.scss */
#header h1 a .red { color: #990249; }
/* line 174, ../sass/styles-es.scss */
#header h1 a sup { font-size: 50%; font-style: normal; }
/* line 183, ../sass/styles-es.scss */
#header #english { float: right; margin: 20px 1% 0 0; text-shadow: none; }
/* line 188, ../sass/styles-es.scss */
#header #english a { color: #6A8149; text-decoration: none; padding: 5px; }
/* line 193, ../sass/styles-es.scss */
#header #english a:hover { text-decoration: underline; }
/* line 200, ../sass/styles-es.scss */
#header #spanish { float: left; margin: 20px 0 0 1%; text-shadow: none; }
/* line 205, ../sass/styles-es.scss */
#header #spanish a { color: #ef8762; text-decoration: none; padding: 5px; }
/* line 210, ../sass/styles-es.scss */
#header #spanish a:hover { text-decoration: underline; }

/* line 220, ../sass/styles-es.scss */
#topnav { font-family: "optimaregular"; width: 98%; padding: 1em 1% 0.8em 1%; margin: 0; background-color: #6a8247; background-image: -moz-linear-gradient(#9ab277, #6a8247); background-image: -o-linear-gradient(#9ab277, #6a8247); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ab277), color-stop(1, #6a8247)); background-image: -webkit-linear-gradient(#9ab277, #6a8247); background-image: -ms-linear-gradient(#9ab277, #6a8247); background-image: linear-gradient(#9ab277, #6a8247); }
/* line 226, ../sass/styles-es.scss */
#topnav ul { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 90%; }
/* line 234, ../sass/styles-es.scss */
#topnav li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 2.0; }
/* line 242, ../sass/styles-es.scss */
#topnav a { color: #FFF; text-decoration: none; margin: 5px 1%; padding: 1px; text-shadow: 1px 1px 0 #000; }
/* line 249, ../sass/styles-es.scss */
#topnav a:hover { border-bottom: 1px solid #FFF; }

/* line 257, ../sass/styles-es.scss */
#maincontent { width: 90%; margin: 0; padding: 0.8em 5% 0.7em 5%; color: #222222; line-height: 1.5; background: #FFF; min-height: 400px; }
/* line 266, ../sass/styles-es.scss */
#maincontent h1, #maincontent h2, #maincontent h3 { text-align: center; font-weight: normal; color: #3c3c3c; }
/* line 277, ../sass/styles-es.scss */

#maincontent h1 .home { font-size: 200%; }

#maincontent h1.homeboogaloo { font-size: 300%; font-family: "boogalooregular"; color: #6a8247; }

#maincontent h3 a { color: #color-text; text-decoration: none; border-bottom: 1px dotted #333; }
/* line 283, ../sass/styles-es.scss */
#maincontent h3 a:hover { border-bottom: 1px solid #333; }
/* line 287, ../sass/styles-es.scss */
#maincontent p, #maincontent ol, #maincontent ul { font-size: 110%; color: #222222; opacity: 0.9; }
/* line 293, ../sass/styles-es.scss */
#maincontent p a, #maincontent ol a { color: #222222; text-decoration: none; border-bottom: 1px dotted #333; }
/* line 299, ../sass/styles-es.scss */
#maincontent p a:hover, #maincontent ol a:hover { border-bottom: 1px solid #333; }
/* line 303, ../sass/styles-es.scss */
#maincontent p.quote, #maincontent ol.quote { font-style: italic; }
/* line 313, ../sass/styles-es.scss */
#maincontent strong { font-family: "optimabold"; text-shadow: none; }
/* line 318, ../sass/styles-es.scss */

#maincontent p.larger { font-size: larger; }



#maincontent #contestleft { float: left; width: 33%; padding-top: 65px; text-align: center; }
#maincontent #contestright { float: right; width: 50%; }

@media screen and (max-width: 1024px) {
	
	#maincontent #contestleft { float: none; width: 100%; padding-top: 0; }
	#maincontent #contestright { float: none; width: 100%; }
	
	}

#maincontent p.contestannouncement { color: #FFF; background: #ebc252; text-align: center; font-size: 130%; border-radius: 3px; font-family: "boogalooregular"; text-shadow: 0 1px 2px #000; }

#maincontent p.contestannouncement a { display: block; padding: 10px 15px; color: #FFF; text-decoration: none; border: none; border-radius: 3px; }

#maincontent p.contestannouncement a:hover { background: #ebc252; border-radius: 3px; }



#maincontent #imageright { float: right; width: auto; margin: 0 0 20px 30px; }

#maincontent #imageleft { float: left; width: auto; margin: 0px 20px 20px 0px; }

#maincontent p.bios { margin-bottom: 80px; }

#maincontent p.biotitle { font-size: 130%; }


@media screen and (max-width: 480px) {
	
	#maincontent #imageleft { float: none; width: 100%; margin: 0px 0px 20px 0px; }
	
	}

@media screen and (max-width: 480px) { /* line 318, ../sass/styles-es.scss */
  #maincontent #imageright { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 330, ../sass/styles-es.scss */
#maincontent #imageright img { width: 100%; margin: 0; }
/* line 335, ../sass/styles-es.scss */
#maincontent #imageright p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 344, ../sass/styles-es.scss */
#maincontent #imageright40 { float: right; width: 40%; margin: 0 0 20px 30px; }
@media screen and (max-width: 480px) { /* line 344, ../sass/styles-es.scss */
  #maincontent #imageright40 { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 356, ../sass/styles-es.scss */
#maincontent #imageright40 img { width: 100%; margin: 0; }
/* line 361, ../sass/styles-es.scss */
#maincontent #imageright40 p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 370, ../sass/styles-es.scss */
#maincontent #imageright50 { float: right; width: 47%; margin: 0 0 15px 3%; }
@media screen and (max-width: 768px) { /* line 370, ../sass/styles-es.scss */
  #maincontent #imageright50 { float: none; width: 100%; margin: 0 auto; } }
/* line 382, ../sass/styles-es.scss */
#maincontent #imageright50 img { width: 100%; border-radius: 5px; }
/* line 387, ../sass/styles-es.scss */
#maincontent #imageright50 p { background: #000; padding: 8px 12px; margin: 0; color: #FFF; font-size: 90%; }
/* line 396, ../sass/styles-es.scss */



#maincontent #birdmatrix { width: 100%; margin: 0; padding: 0; border-radius: 5px; overflow: hidden; }
/* line 404, ../sass/styles-es.scss */
#maincontent #birdmatrix img { width: 12.5%; }


#maincontent #birdmatrix2025 { width: 100%; margin: 0; padding: 0; border-radius: 0px; overflow: hidden; /*background: #CCC;*/ }

#maincontent #birdmatrix2025 img { width: 16.6% !important; opacity: 1.0; }
/* line 426, ../sass/styles.scss */




/* line 418, ../sass/styles-es.scss */
#maincontent #imagecenterfull { width: auto; margin: 0 auto 20px auto; text-align: center; }
/* line 423, ../sass/styles-es.scss */
#maincontent #imagecenterfull img { width: 100%; }
/* line 427, ../sass/styles-es.scss */
#maincontent #imagecenterfull p { color: #FFF; font-size: 90%; padding: 8px 12px; background: #000; text-align: left; margin-top: 0; }
/* line 437, ../sass/styles-es.scss */
#maincontent #imagecenterauto { width: auto; margin: 0 auto 20px auto; text-align: center; }
/* line 442, ../sass/styles-es.scss */
#maincontent #imagecenterauto img { max-width: 100%; }
/* line 446, ../sass/styles-es.scss */
#maincontent #imagecenterauto p { font-size: 90%; padding: 8px 12px; background: #000; text-align: left; margin-top: 0; }
/* line 456, ../sass/styles-es.scss */
#maincontent #left50 { float: left; width: 50%; margin: 0; padding: 0; }
@media screen and (max-width: 480px) { /* line 456, ../sass/styles-es.scss */
  #maincontent #left50 { float: none; width: 100%; margin: 0 0 20px 0; } }
/* line 470, ../sass/styles-es.scss */
#maincontent #right50 { float: left; width: 50%; margin: 0; padding: 0; }
@media screen and (max-width: 480px) { /* line 470, ../sass/styles-es.scss */
  #maincontent #right50 { float: none; width: 100%; margin: 0 0 20px 0; } }

/* line 487, ../sass/styles-es.scss */
#bg-photo { position: absolute; top: 0px; left: 0px; padding: 20px 20px 15px 20px; background: url(../img/bg-60.png); border-bottom-right-radius: 5px; font-size: 80%; }
/* line 489, ../sass/styles-es.scss */
#bg-photo h2 { color: #FFF; margin: 0 0 10px 0; }
/* line 491, ../sass/styles-es.scss */
#bg-photo p { margin: 0; padding: 0; color: #FFF; }
/* line 493, ../sass/styles-es.scss */
#bg-photo p a { color: #FFF; text-decoration: none; font-size: 120%; }
/* line 495, ../sass/styles-es.scss */
#bg-photo p a:hover { border-bottom: 1px solid #FFF; }

/* line 504, ../sass/styles-es.scss */
#fbholder { float: left; width: 48%; margin: 0 2% 30px 0; font-size: 90%; }
@media screen and (max-width: 768px) { /* line 504, ../sass/styles-es.scss */
  #fbholder { float: none; width: 100%; margin: 0 auto 30px auto; } }

/* line 519, ../sass/styles-es.scss */
#partnersholder { float: right; width: 47%; max-width: 340px; margin: 0 0 0 3%; text-align: center; font-size: 85%; }
/* line 528, ../sass/styles-es.scss */
#partnersholder h2 { margin: 0; }
@media screen and (max-width: 768px) { /* line 519, ../sass/styles-es.scss */
  #partnersholder { float: none; width: 100%; max-width: 100%; margin: 0 auto; } }
/* line 539, ../sass/styles-es.scss */
#partnersholder img { padding: 10px 10px 0px 10px; margin: 0; background: #FFF; border-radius: 5px; }

/* line 549, ../sass/styles-es.scss */
#fb-root { display: none; }

/* line 554, ../sass/styles-es.scss */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; background: #FFF; border-radius: 5px; margin: 0 0 1px 0; }

/* line 563, ../sass/styles-es.scss */
#birdleft { float: left; width: 48%; margin: 10px 2% 30px 0; padding: 0; height: 400px; text-align: center; }
@media screen and (max-width: 480px) { /* line 563, ../sass/styles-es.scss */
  #birdleft { float: none; width: 100%; margin: 0; } }
/* line 579, ../sass/styles-es.scss */
#birdleft h3 { border: none; }
/* line 583, ../sass/styles-es.scss */
#birdleft p.binomial { margin-top: 0; font-style: italic; }
/* line 588, ../sass/styles-es.scss */
#birdleft audio { margin: 0; padding: 0; max-width: 100%; }
/* line 594, ../sass/styles-es.scss */
#birdleft p.description { font-size: 90%; }
/* line 598, ../sass/styles-es.scss */
#birdleft h3.hoor { background: url(../img/Hooded-Oriole-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 604, ../sass/styles-es.scss */
#birdleft h3.basw { background: url(../img/Barn-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 610, ../sass/styles-es.scss */
#birdleft h3.bchu { background: url(../img/Black-chinned-Hummingbird-male-Alan-D-Wilson-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 616, ../sass/styles-es.scss */
#birdright h3.swth { background: url(../img/Swainsons-Thrush-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 622, ../sass/styles-es.scss */
#birdleft h3.trsw { background: url(../img/Tree-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 628, ../sass/styles-es.scss */
#birdleft h3.ocwa { background: url(../img/Orange-crowned-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 634, ../sass/styles-es.scss */
#birdleft h3.wiwa { background: url(../img/Wilsons-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 640, ../sass/styles-es.scss */
#birdleft h3.bhgr { background: url(../img/Black-headed-Grosbeak-male-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

#birdleft h3.cewa { background: url(../img/cewa-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

#birdleft h3.beki { background: url(../img/beki-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

/* line 649, ../sass/styles-es.scss */
#birdright { float: right; width: 48%; margin: 10px 0 30px 2%; padding: 0; height: 400px; text-align: center; }
@media screen and (max-width: 480px) { /* line 649, ../sass/styles-es.scss */
  #birdright { float: none; width: 100%; margin: 0; } }
/* line 665, ../sass/styles-es.scss */
#birdright h3 { border: none; }
/* line 669, ../sass/styles-es.scss */
#birdright p.binomial { margin-top: 0; font-style: italic; }
/* line 674, ../sass/styles-es.scss */
#birdright audio { margin: 0; padding: 0; max-width: 100%; }
/* line 680, ../sass/styles-es.scss */
#birdright p.description { font-size: 90%; }
/* line 684, ../sass/styles-es.scss */
#birdright h3.vgsw { background: url(../img/Violet-green-Swallow-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 690, ../sass/styles-es.scss */
#birdright h3.ruhu { background: url(../img/Rufous-Hummingbird-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 696, ../sass/styles-es.scss */
#birdright h3.labu { background: url(../img/Lazuli-Bunting-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 702, ../sass/styles-es.scss */
#birdleft h3.atfl { background: url(../img/Ash-throated-Flycatcher-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 708, ../sass/styles-es.scss */
#birdright h3.wavi { background: url(../img/Warbling-Vireo-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 714, ../sass/styles-es.scss */
#birdright h3.btgw { background: url(../img/Black-throated-Gray-Warbler-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 720, ../sass/styles-es.scss */
#birdright h3.weta { background: url(../img/Western-Tanager-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }
/* line 726, ../sass/styles-es.scss */
#birdright h3.buor { background: url(../img/Bullocks-Oriole-Kevin-Cole-200.jpg) center top no-repeat; padding: 205px 0 0 0; margin: 0; }

/* line 734, ../sass/styles-es.scss */
#partnerleft { float: left; width: 48%; margin: 0 2% 0 0; padding: 0; text-align: center; }
@media screen and (max-width: 768px) { /* line 734, ../sass/styles-es.scss */
  #partnerleft { float: none; width: 100%; margin: 0; } }
/* line 748, ../sass/styles-es.scss */
#partnerleft h3 { border: none; }
/* line 752, ../sass/styles-es.scss */
#partnerleft img { border-radius: 5px; padding: 10px; background: #FFF; }

/* line 759, ../sass/styles-es.scss */
#partnerright { float: right; width: 48%; margin: 0 0 0 2%; padding: 0; text-align: center; }
@media screen and (max-width: 768px) { /* line 759, ../sass/styles-es.scss */
  #partnerright { float: none; width: 100%; margin: 0; } }
/* line 773, ../sass/styles-es.scss */
#partnerright h3 { border: none; }
/* line 777, ../sass/styles-es.scss */
#partnerright img { border-radius: 5px; padding: 10px; background: #FFF; }

/* line 785, ../sass/styles-es.scss */
hr { border: none; background: #666; opacity: 0.6; height: 1px; margin: 30px -5% 25px -5%; padding: 0; }

/*#audio {
	width: 100%;
	margin: 2em 0;
	text-shadow: none;
	}*/
/* line 801, ../sass/styles-es.scss */
audio { width: 100%; padding: 0%; margin: 0%; }

/* line 810, ../sass/styles-es.scss */
#footer { width: 100%; padding: 1em 0; margin: 0; background-color: #4a6227; background-image: -moz-linear-gradient(#9ab277, #4a6227); background-image: -o-linear-gradient(#9ab277, #4a6227); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ab277), color-stop(1, #4a6227)); background-image: -webkit-linear-gradient(#9ab277, #4a6227); background-image: -ms-linear-gradient(#9ab277, #4a6227); background-image: linear-gradient(#9ab277, #4a6227); }
/* line 816, ../sass/styles-es.scss */
#footer #footernav { font-family: "optimaregular"; width: 96%; padding: 0 2%; margin: 0 0 20px 0; }
/* line 822, ../sass/styles-es.scss */
#footer #footernav ul { margin: 0; padding: 0; text-align: center; text-transform: uppercase; font-size: 90%; }
/* line 830, ../sass/styles-es.scss */
#footer #footernav li { margin: 0; padding: 0; list-style: none; display: inline-block; line-height: 2.0; }
/* line 838, ../sass/styles-es.scss */
#footer #footernav a { color: #FFF; text-decoration: none; margin: 5px 12px; padding: 1px; text-shadow: 1px 1px 0 #000; }
/* line 845, ../sass/styles-es.scss */
#footer #footernav a:hover { border-bottom: 1px solid #FFF; }
/* line 853, ../sass/styles-es.scss */
#footer p.credits { font-family: "optimaregular"; font-size: 80%; line-height: 1.7; text-align: center; margin-bottom: 0; color: #FFF; }
/* line 861, ../sass/styles-es.scss */
#footer p.credits a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
/* line 867, ../sass/styles-es.scss */
#footer p.credits a:hover { border-bottom: 1px solid #FFF; }

/* line 875, ../sass/styles-es.scss */
.text-darker { color: black; }

/* line 879, ../sass/styles-es.scss */
.text-darker-even { color: black; }

/* line 883, ../sass/styles-es.scss */
.text-darker-still { color: black; }

/* line 887, ../sass/styles-es.scss */
.text-darkest { color: black; }

/* line 891, ../sass/styles-es.scss */
.highlightedtext { color: #cccc00; }


#left50 { float: left; width: 49%; margin: 0 1% 20px 0; }
#left50 img { width: 100%; max-width: 100%; }

#right50 { float: right; width: 49%; margin: 0 0 20px 1%; }
#right50 img { width: 100%; max-width: 100%; }

@media screen and (max-width: 600px) {

	#left50 { float: none; width: 100%; margin: 0 0 20px 0; }

	#right50 { float: none; width: 100%; margin: 0 0 20px 0; }
	
	}