@import url("reset.css");

body   { background: White; text-align:left;}
#corpo { background:White;color:#666666;font-family: Book Antiqua;font-size:11px;width:100%;text-align:center;}

/* TOPO - menu do topo */
#topo     { width: 100%;height:140px;background-image: url('../img/topo-back.jpg' );}
#topo img { float:right;margin-top:35px;margin-right:15px;}

/* CONTENT - div do meio */
#baixo  {font-size:11px;height:600px;width:100%; overflow:inherit;text-align:center;}

/* MENU - menu de serviços */
#menu    { font-size:18px;float:left;width:250px;}
#menu ul { text-decoration: none;float:left;text-align:justify;margin-top:130px;margin-left:15px;}
#menu li { margin:8px;}
#menu A  { text-decoration: none;color:#666666;cursor:pointer;}
#menu A:hover {color:Black;}
#menu A:active {color:Black; font-weight: normal;}

/* Dicas - div dicas */
#content    { text-align:center;width:75%;margin-left:250px;}

/* CSS da pagina INFO que irão abrir na div content */
#infoleft       { width:370px;height:440px;float:left;overflow:auto;}
#inforight      { width:380px;height:600px;margin-left:370px;overflow:auto;}
#inforight img  { margin-top:50px;margin-right:auto;margin-left:auto;text-align:center;}

/* Tabelas de fotos - paginas que vão para a div content */
#galeria     { margin-top:40px;margin-left:10px;}   
#galeria td  { height:75px; width:75px;}
#galeria img { margin-top:5px;margin-left:5px;cursor:pointer;}

/* Tabela da Pagina INFO */
#infotable     { margin-top:40px;}
#infotable td  { padding:10px;font-size:12px;font-family: Book Antiqua;margin-top:10px;margin-left:10px;}

/* CSS das paginas que irão abrir na div content */
#left       { width:250px;height:600px;float:left;overflow:inherit;cursor:pointer;}
#right      { height:600px;margin-left:250px;overflow:visible;}
#right img  { margin-top:45px;margin-left:20px;}

/* CSS da div da pagina Home */
#home       { text-align:center;margin-left:auto;margin-right:auto;}
#home img   { cursor:pointer;margin-top:100px;}