/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/multi-page2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
/* set up the overall width of the menu div and the margins */
a { color: #600; text-decoration: none }
#gallery, #gallery ul  { list-style: none; margin: 0; padding: 0 }

#gallery   { background-color: #fff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: auto; height: auto; float: left }
#mongolia { position: relative; top: 0; left: 12px; width: 200px; height: auto; float: left }
#fondo   { background-image: url("img/portada3.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 11px 175px; position: absolute; top: 6px; left: 1px; width: 788px; height: 615px }
#otros { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: absolute; top: 614px; left: 10px }
#otros ul { text-align: left; list-style-type: none; display: inline; position: relative; left: -40px; float: left }
#otros li { text-align: left; list-style-type: none; display: inline; padding-right: 6px; position: relative; float: left }
#mongolia h1 { font-size: 2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin-top: 0; margin-bottom: 30px; top: 0 }
#mongolia h2 { color: #600; font-size: 1.5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin-bottom: 30px }
#mongolia h3 { color: #666; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin-bottom: 31px }
.copy   { color: #600; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; position: relative; top: 6px; float: left }
#gallery li.galleryon ul li.texto  { color: #fff; font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; background-color: #600; text-align: left; display: inline; margin-top: 20px; margin-left: 20px; padding-top: 14px; padding-left: 12px; width: 426px; height: 296px; float: left }
#gallery li  { background: #ccc; margin-right: 1px; width: 82px; float: left }
#gallery li p   { color: #006; font: 0.8em/25px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; cursor: pointer; margin: 0; height: 25px }
#gallery li.galleryon p   { color: #fff; background: #000 }
#gallery ul    { display: none }

#gallery li.galleryon ul      { background: #eee url("img/fondo.gif") no-repeat 42px 23px; display: block; padding: 24px 0 1px 43px; position: absolute; top: 25px; left: 0; width: 530px; height: 374px; border-style: solid; border-width: 20px 1px 1px; border-color: #000 #600 #600 }
#gallery li.galleryon ul li em   { display: none }
#gallery li.galleryon ul li strong   { display: none }
#gallery li.galleryon ul li     { background-color: #600; background-image: none; background-position: 0 0; text-align: center; margin: 0; padding-top: 5px; width: 118px; height: 109px; float: left; border-style: solid; border-width: 1px; border-color: #eee #444 #000 #ccc }
#gallery li.galleryon ul li:hover {background:#777;} /* for all browsers except IE6 and lower */

#gallery li.galleryon ul li span img  { border-style: solid; border-width: 1px; border-color: #000 #ccc #eee #444 }
#gallery li.galleryon ul li.hz    { padding-top: 17px; height: 97px }

#gallery li.galleryon ul li.page em  { display: block; position: absolute; z-index: 1; top: 2px; left: 2px; border: solid 1px #664 }
#gallery li.galleryon ul li.hz em  { top: 2px; left: 2px }
#gallery li.galleryon ul li.page em img  { display: block }
#gallery li.galleryon ul li.page strong   { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 15px; background: #000; text-align: center; display: block; position: absolute; z-index: 2; top: 382px; left: 2px; width: 569px }
#gallery li.galleryon ul li.page strong a, #gallery li.galleryon ul li.page b a:visited {color:#fff;}
#gallery li.galleryon ul li.page strong a:hover {text-decoration:none;}
#gallery li.galleryon ul li.page strong a.expand     { background: url("img/expand.gif") no-repeat left center; padding-left: 25px }