/* Menu */

.albumFotosNavFoto #menu { display:none; }
.menuAlbumContent {position:absolute;top:0;left:0;z-index:20;}
#menuAlbumFotosAberto {display:none}

/* Foto */
#albumHTML {position:relative;}

/* Thumbs regua */
#albumHTML #thumbsRegua { position:relative; width:83.6em; height:4.4em; margin-top:0; overflow:hidden; }
#albumHTML #thumbsRegua #thumbsReguaAnt { position:absolute; top:.7em; left:0; width: 1.3em; height: 3em; }
#albumHTML #thumbsRegua #thumbsReguaPro { position:absolute; top:.7em; right:0; width: 1.3em; height: 3em;}
#albumHTML #thumbsRegua #thumbsReguaLista { position:relative; overflow:hidden; margin:0 20px; text-align:center; }
* html #albumHTML #thumbsRegua #thumbsReguaLista {width:80em}
#albumHTML #thumbsRegua #thumbsReguaLista ul { position:relative; width:10000px; margin:5px 0 0; padding:0; list-style:none; }
#albumHTML #thumbsRegua #thumbsReguaLista.center ul {margin-left:auto;margin-right:auto;}
#albumHTML #thumbsRegua #thumbsReguaLista ul li { float:left; margin:0; padding:2px 2px 6px 2px; text-align:center; }
#albumHTML #thumbsRegua #thumbsReguaLista ul li.ativo { background:#000000; }
#albumHTML #thumbsRegua #thumbsReguaLista ul li a { clear:both; float:left; cursor:pointer; }
#albumHTML #thumbsRegua #thumbsReguaLista ul li a img { display:block; width:30px; height:30px; border:1px solid #000000; }
#albumHTML #thumbsRegua #thumbsReguaLista ul li.ativo a img { border:2px solid #000000; }

/* Box Ferramentas */
#albumHTML .boxFerramentas {background:#E2E2E2; width:14.9em;height:4.4em;position:absolute;top:0;right:0;}
#albumHTML .slideshow {margin:.8em 0 0 .8em;}
#albumHTML .slideshow input {margin:-.2em .2em 0 0}
#albumHTML .enviarEmail {margin:.4em 0 0 .5em;padding-left:2em;background:url(../album/ico_enviaremail.gif) no-repeat left center}

/* Thumbs preview */ 
#thumbsPreview {display:none;}
#thumbsPreview table {font-size:10px;}
#thumbsPreview.ativo {display:block;position:absolute;top:3.9em;left:0;z-index:2;background:transparent url(../album/seta-thumb-preview.gif) no-repeat;padding-top:.5em;}
#thumbsPreview td{background-color:#FFFFFF;padding:.4em;}
#thumbsPreview p {font:normal 1em Arial, Helvetica, sans-serif;width:inherit;color:#FFFFFF;}

/* foto + legenda */
#boxFullImage {border-bottom:.1em solid #FFFFFF;}
#boxFullImage .contador {text-align:center;margin:0;padding:.2em 0;color:#FFFFFF;font:normal 1em Arial, Helvetica, sans-serif;}
#fullImage { position:relative; padding:0 1.2em; min-height:30em; }
#fullImage.fotoVertical {padding-bottom:1.5em;}
#fullImage #fullImageSrc { max-width:95.6em; }
#fullImage.fotoVertical #fullImageSrc {float:left;}

#fullImage.carregando { background-image:url(../album/wait.gif); background-repeat:no-repeat; background-position:50%; }
* html #fullImage.carregando { background-image:none; }
#fullImage.carregando #fullImageSrc {display:none}
* html #fullImage.carregando #fullImageSrc {display:block}
#fullImage.carregado { background-image:none; }
#fullImage.carregado #fullImageSrc {display:block;}

/* legenda */
.player #fullImage p { margin-top:23px; padding:30px 0; }
#boxFullImage #fotoLegenda {font:normal .7em Arial, Helvetica, sans-serif;text-align:center}
#albumHTML.player #fotoLegenda {padding-top:2em;}
#boxFullImage #fotoLegenda .mais {font-weight:bolder;margin-left:1em;text-decoration:underline;}
#boxFullImage #fotoLegenda em {color:#000000;font:italic .9em Arial, Helvetica, sans-serif; margin-left:1em}
#boxFullImage .enqueteBtVotar, #boxFullImage .enqueteVerResultado {width:14em;text-align:center;display:block;font:normal 1em Arial, Helvetica, sans-serif;line-height:2em;margin:1em auto;}
#boxFullImage .enqueteBtVotar {color:#fff;background:url(../album/album-menu-float-bg.gif);border-top:.1em solid #fff;border-right:.1em solid #000;border-bottom:.1em solid #000;border-left:.1em solid #fff;}
#fullImage.fotoVertical #fotoLegenda {margin:0 0 0 1em;float:left;padding:0;}

/* Botoes proxima e anterior sobre a foto */
#fullImage a.ant {background:transparent url(../album/seta-esq.gif) no-repeat 0 -150px; position:absolute;top:0;left:0;height:100%;width:50%;z-index:10;outline:none;}
#fullImage a.ant:hover {background-position:0 150px;cursor:pointer; filter:alpha(opacity=60); opacity:0.6; -moz-opacity: 0.6;}
#fullImage a.pro {background:transparent url(../album/seta-dir.gif) no-repeat 100% -150px; position:absolute;top:0;right:0;height:100%;width:50%;z-index:10;outline:none}
#fullImage a.pro:hover {background-position:100% 150px;cursor:pointer; filter:alpha(opacity=60); opacity:0.6; -moz-opacity: 0.6;}

#navKeyBoard {font-size:10px; position:absolute; top:50%; left:50%; z-index:10; background:#000000 url('http://www.ciaeco.tempsite.ws/album/navkeyboard.gif') no-repeat 2em center; filter:alpha(opacity=70); opacity:0.7; -moz-opacity: 0.7; width:35em; height:11em; margin:-5.5em 0 0 -17.5em}
* html #navKeyBoard {top:25%;}
#navKeyBoard p {font:bolder 1.6em Arial, Helvetica, sans-serif; color:#fff; padding:1.5em 0 0 8em; margin:0;}
#navKeyBoard .btFechar {background-color:#3E3E3E;position:absolute;top:.5em;right:.5em;cursor:pointer;}
#navKeyBoard .btFechar a {text-decoration:none;color:#fff;padding:0;margin:0;padding:.2em .3em;}
#navKeyBoard .btFechar .txt {font:normal 1em Arial;}
#navKeyBoard .btFechar .ico {font:bolder 1em Verdana;border-left:.1em solid #000;}