/*
ARTICULO GALERIA
*/
/*-------------------oo------------------------*/

/*APARIENCIA*/
#gallery {width:630px; margin:10px auto 25px; overflow:hidden; background:#F8F8F8;}
#gallery .gal-left {width:630px; overflow:hidden; margin:0 auto 10px;}
#gallery div.thumbnails {width:630px; overflow:hidden; margin:0 auto ; clear:both;}
#gallery div.thumbnails h2 {margin:5px; padding:0 0 5px; font-size:11px; color:#666; text-transform:uppercase; border-bottom:1px dashed #cfcfcf; font-weight:normal;}
ul.thumbs {margin:0; overflow:hidden;}

/*-------------------oo------------------------*/

/*MINIATURAS*/
#thumbs {margin:7px 0 0; padding:0px;}
#thumbs li {display:block; list-style:none; margin:0 5px 5px 5px; padding:0px; width:115px; float:left;}
#thumbs li img {border:3px solid #808080;}
#thumbs li.selected img {border:3px solid #272727;}

/*-------------------oo------------------------*/

/*TEXTOS*/
#controls {margin:0 0 5px; font-size:11px; padding:5px; overflow:hidden;}
.nav-controls {float:right; font-size:11px;}
.nav-controls a {padding:2px 4px; font-size:10px; color:#666; text-transform:uppercase;}
.nav-controls a:hover {color:#999;}
/**/
#caption {width:500px;}
div.caption {margin:7px 0 0 10px; font-size:75%;}
div.caption .image-title {font-family:Arial,Georgia,Helvetica,Sans-Serif,Tahoma,Verdana; font-weight:bold; font-size:20px; color:#666;}
div.caption .image-description {color:#999; font-size:13px; margin:0 0 5px;}
/**/
.pagination {clear:both; margin:0 0 1px; font-size:11px; color:#125da3; padding:5px;}
.pagination .current {font-size:12px; color:#000; font-weight:bold; display:inline; padding:3px 7px; margin:0 5px 0 0;}
.pagination a {font-size:12px; color:#666; display:inline; padding:3px 7px; margin:0 5px 0 0;}
.pagination a:hover { text-decoration:underline;}
.pagination a.sig {background:none;}
.pagination a.sig:hover {background:none; text-decoration:underline;}

/*-------------------oo------------------------*/

/*FUNCIONAMIENTO*/
#gallery .loader {width:500px; height:500px; background:url(/prontus_guerrero/imag/gale/loader.gif) no-repeat center;}
#gallery .thumbs .caption {display:none;}
.caption img {border:1px solid #ccc; width:380px;height:280px; margin:2px 0px; padding:10px;}
.divMulti {display:none;}
.thumbs .caption {display:none;}
#thumbs .top, #loading {display:none;}
/**/
#slideshow {width:630px; margin:0 auto;}
#slideshow span.image-wrapper {display:block; width:630px; margin:0 auto;}