*{ padding: 0; margin: 0; }
.corpo{ width: 100%; background: #F00; display: table; }
div#page { width: 100%; background: none; border-color: none; border: 1px solid #B5B5B5; overflow: hidden; }
/*div#footer { color: #888; }*/
.corpogaleria{ width: 100%; max-width: 600px;  displayx: table; height: 400px !important; max-height: 400px !important; overflow: hidden; margin-top: 0px; }
.containerslide{ width: 100%; max-width: 600px; }

div.navigation a.prev { background-image: url(prevPageArrow.gif); }
div.navigation a.next { background-image: url(nextPageArrow.gif); }
/*span.slideshow{ overflow: hidden; background: #006666; height: 250px; width: 250px }*/
span.slideshow img{ border: 0px solid #00FF66; max-width: 100%; max-height: 400px; margin-bottom: 1000px; text-align: center; }
/**/span.slideshow span.image-wrapper{ display: table; positionx: absolute; margin-top: 0; margin-left: 0px; width: 100% !important; max-height: 400px !important; }
ul.thumbs li.selected a.thumb { background: none; }
div.pagination a:hover { background-color: #111; }
div.pagination span.current { background-color: #fff; border-color: #000; color: #000; }

/*************/

#containergaleria { overflow: hidden; margin-top: 0px; width: 602px; }
div.content { width: 100%; height: 350px; }
img.imagenspequenas{ width: 100%; height: 100%; }
div.content a, div.navigation a { text-decoration: none; display: table; }
div.content a:hover, div.content a:active { text-decoration: underline; }
div.navigation a.pageLink { height: 45px; }
div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container {clear: both; float: left; height: auto; width: 100%; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; line-height: 0px; text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow a.advance-link:focus { outline: none; }
div.caption-container { float: right; position: relative; margin-top: 0px; }
span.image-caption { display: block; position: absolute; top: 0; left: 0; }
div.caption-container, span.image-caption { width: 0px; }
div.caption { padding: 0 0px; width: 224px; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.download { margin-top: 8px; }
/*div.photo-index { position: absolute; bottom: 0; left: -115px; top: 410px; }*/
div.navigation-container { width: 100%; max-widthx: 600px; float: left; display: table; }
div.navigation { widthx: 100%; max-widthx: 600px; height: 50px !important; overflow: hidden; margin-top: 0px; backgroundx: #F00; margin: 0 auto;  display: table; }
div.navigation a.pageLink { display: block; position: relative; float: left; margin: 2px; width: 16px; background-position:center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus { outline: none; }
ul.thumbs { position: relative; float: left; margin: 0 auto; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 2px; list-style: none; display: table; backgroundx: #FFF; }
a.thumb { padding: 1px; display: block; padding-right: 0px; }
a.thumb:focus { outline: none; }
ul.thumbs img{ border: none; display: block; border: 0px solid #F00; width: 65px !important; }
div.pagination { clear: both; position: relative; left: -50%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { position: relative; display: block; 	float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 0px solid #ccc; }
div.pagination a:hover { text-decoration: none; }
div.pagination span.current { font-weight: bold; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
div.gallery-gutter { clear: both; padding-bottom: 20px; }

div.loader {
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
    max-width: 600px;
}
div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
  width: 100%; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 404px; /* This should be set to be at least the height of the largest image in the slideshow with padding */

}
div.loader {
	background-image: url(loader.gif);
}