body
{
    
}

.zitem {
    width:170px;
    height:180px;
    margin:5px 5px 5px 0;
    
    /* required to hide the image after resized */
    overflow:hidden;
    
    /* for child absolute position */
    position:relative;
    
    /* display div in line */
    float:left;

    border:solid 1px #E0DBB6;
    background-color: #F1E7C9;
    background-color: rgba(231,223,194,.25);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.zitem .caption {
    width:170px;
    height:60px;
    background:#000;
    color:#fff;
    
    /* fix it at the bottom */
    position:absolute;
    bottom:-1px; /* fix IE issue */
    left:0;
    
    /* hide it by default */
    display:none;
    
    /* opacity setting */
    filter:alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */ 
    opacity: 0.7;    /* css standard, currently it works in most modern
			browsers like firefox,  */

    border:solid 1px #E0DBB6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;     
}

.zitem img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;     
}

.zitem .caption a {
    text-decoration:none;
    color:#fff;
    font-size:14px; 
    
    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
}
      
.img2
{
    background-color:#F8F8F8;
    height:180px;
    width:170px;
    margin:5px 5px 5px 0;
    float:left;
    text-align:center;
    border:solid 1px #E0DBB6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.img2 img
{
    display:inline;
    margin:3px;
    border:solid 1px #E0DBB6;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.img2 a:hover img
{
    border:1px solid black;
}

div.form {
    margin:0;
}


#texto{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

#acesso_erro {
    font-family: helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1.6pt;
    word-spacing: 1.8pt;

    margin-top:30%;
}

#acesso_erro2 {
    font-family: helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1.6pt;
    word-spacing: 1.8pt;

    margin-top:5%;
}