/* css file */


/* STRUCTURE */

body {
color: #003;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
background-color: #003;
}

#imagem-inicio {
margin-left: auto;
margin-right:auto;
background-image:url('imagens/inicio-800x600.gif'); /**/
background-repeat:no-repeat;
width: 800;
height:600;
}


#imagem-contactos {
margin: auto;
background-image:url('imagens/contactos-800x600.gif'); /**/
background-repeat:no-repeat;
width: 800;
height:600;
}

#imagem-comprar {
margin: auto;
background-image:url('imagens/comprar-800x600.gif'); /**/
background-repeat:no-repeat;
width: 800;
height:600;
}


#top{
width: 100%;
height:75%;
}

#middle{
width: 100%;
height:15%;
overflow: auto;
}

#middleleft{
width: 55%;
height:100%;
float: left;

}

#middleright{
float: left;
width: 45%;
height:100%;
}

#middleright1{
float: left;
width: 30%;
height:100%;
cursor: hand;
}
#middleright2{
float: left;
width: 26%;
height:100%;
cursor: hand;
}
#middleright3{
float: left;
width: 21%;
height:100%;
cursor: hand;
}
#middleright0{
float: left;
width: 11%;
height:100%;
}

#bottom{
width: 100%;
height:10%;
}
#bottom1{
float: left;
width: 9%;
height:100%;
}
#bottom2{
float: left;
width: 9%;
height:100%;
}
#bottom2inicio{
width: 100%;
height:25%;
cursor: hand;
}

#bottom2seminicio{
width: 100%;
height:25%;
}

#bottom2space{
width: 100%;
height:35%;
}
#bottom2contact{
width: 100%;
height:20%;
cursor: hand;
}

#bottom3{
float: left;
width: 12%;
height:100%;
}
#bottom4{
float: left;
width: 16%;
height:100%;
cursor: hand;
}
#bottom5{
float: left;
width: 54%;
height:100%;
}