/* CSS Document */
#geral{ /* div que abriga todas as divs - todas as divs dentro dela */
width:320px; /* LARGURA */
height:450;
margin:0 auto;			
padding: 0 auto;
text-align:center; /* "rem?dio" para o hack do IE SE COLOCAR LEFT */	
background:#004891;
border:1px solid black;
}

#box{ /* div onde vao aparecer as fotos */
width:320px;
background:#fc0;
float:left;
text-align:center;
}
#legenda p a{text-decoration:underline; color:#000; font-size:16px;}
#legenda{ /* div onde vai aparecer a legenda das fotos - muda as fotos - muda texto da legenda */
font-size:20px;
float:right;
width:200px;
text-align:right;
font-family:Arial;
margin:10px 10px 0px 0px;
color:#000;
width:320px;
height:120px;
}

#titulo{ /* div onde vai aparecer o contador das fotos - muda as fotos - muda texto da legenda 
width:500px;
background:#f0f0f0;
float:left;
font: 80% Georgia, Verdana, Arial, Helvetica, sans-serif;*/

line-height:56px; width:100%; margin-top:1px; text-align:right; float:left; font-size:25px; font-weight:bold; color:#FFF; font-family:Arial;
}
#titulo span{width:589px; float:left; text-align:right;}

#nave{ /* aqui dentro outras duas divs - navega??o para proxima foto e foto anterior */
width:320px;
height:30px;
background:#c0c0c0;
float:left;

}

#anterior{
width:160px;
height:30px;
float:left;
background:#438c3f;
text-align:center;
}

#proxima {
width:160px;
height:30px;
float:right;
background:#f5ca353;
text-align:center;
}


img{
border:0;
}