/* CSS Document */
* {
padding: 0;
margin: 0;
}
#load {
position: absolute;
}
#miniaturas {
float: left;
text-align: left;
background: url(images/mini.gif) no-repeat;
width: 140px;
height: 320px;
}
#miniaturas img {
background: url(images/loaded.gif) no-repeat center center;
width: 60px;
height: 45px;
}
#thumbs {
margin-top: 7px;
margin-left: 4px;
}
#navnum {
margin-left: 12px;
}
#thumbs img {
border: 1px solid #CCC;
}
#fotos {
float: left;
margin-left: 6px;
background: url(images/fotoexibe.gif) no-repeat;
width: 420px;
height: 320px;
}
#mostrafoto {
border: 1px solid #999;
margin-left: 20px;
margin-top: 10px;
margin-right: 25px;
margin-bottom: 35px;
width: 373px;
height: 280px;
}
#imageshow {
display:none;
width: 373px;
height: 280px;
}
#navegafoto { padding-left: 420px; }
#navegafoto ul li, #navnum ul li { display:inline; }
#navegafoto ul li a , #navnum ul li a {
background: #FFFFFF;
color: #333333;
border: 1px solid #CCC;
padding: 2px 6px;
font-style: italic;
font-size: 12px;
}
#navegafoto ul li a {
margin-right: 15px;
}
#navegafoto ul li a.ultima {
margin: 0;
}
#navegafoto ul li a:hover, #navnum ul li a:hover {
border: 1px solid #99CC00;
}
#navnum ul li a:hover {
color: #FFFFFF;
background: #99CC00;
}
#navegafoto { float: left; margin-left: 10px;  }
#navegafoto ul { width: 410px; height:30px; }
#navnum ul { width: 200px; margin-top: 5px; }
#navnum ul li a {
font-size: 10px;
width: 20px;
padding: 1px 2px;
}
.botao {
padding-top: 5px;
padding-left: 180px;
}
#navegafoto ul li a.clicado { background: #99CC00; color: #FFFFFF; }