/************************************************/
/*                 DOCUMENTO CSS                */
/************************************************/
*{margin:0; padding:0; border:0;}
body{background:#FFFFFF;}

h1{color:#111111; font-weight:normal; font-size:18px; font-family:Verdana;} /*Luís Palma*/
h2{color:#333333; font-weight:normal; text-align:right; font-size:14px; font-family:Verdana;} /*Titulo*/
h3{color:#333333; font-weight:normal; font-size:14px; font-family:Verdana;}
h6{color:#777777; font-weight:normal; font-size:10px; font-family:Verdana;} /*C Luís Palma*/

p{ color:#666666; font-size:11px; font-family:Georgia;}
legenda{ font-size:10px; font-family:Georgia;}                 

a{font-size:11px;  text-decoration:none; color:#000000; font-family:Verdana;}
a:hover{font-weight: bold;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}

div#site{width:1010px; margin:auto; position:absolute; top:1%; left:50%; margin-left:-470px;}
  div#lateralesq{width:940px; height:635px; float:left;}
    div#lp{width:135px; height:90px; float:left;}
    div#titulo{width:800px; height:90px; float:right; border-right:1px solid #CCCCCC;}
    div#menu{width:135px; height:525px; margin-top:5px; float:left;}
    div#conteudo{width:800px; height:535px; margin-top:10px; text-align:justify; float:right;}
    div#clp{width:135px; height:15px; margin-top:5px; float:left;}
  div#lateraldir{width:60px; height:635px; float:right; border-bottom:1px solid #CCCCCC;}
  div#rodape{width:1020px; clear: both;}

/************************************************/
/*                    BOTÕES                    */
/************************************************/
  .botaolink {background-color: #FFFFFF; text-transform:uppercase; font-size:11px; font-family:Verdana;}
  .botaolink:hover {font-weight: bold;}

  #redondo {border:none; background-color:#4ca5fe; color:#fff; font-weight:900; margin-top:12px; padding:4px; border-radius:6px; cursor:pointer;}

/************************************************/
/*                   IMAGENS                    */
/************************************************/
  div#myslides { width:100%; height:100%; padding:0;}
  div#myslides img { width:100%; height:100%; top:0; left:0}

/************************************************/
/*                  SLIDESHOW                   */
/************************************************/
.pagination {margin:26px auto 0; width:200px;}
.pagination li {list-style:none; display:none;}
.pagination li a {display:none; float: none;}

/************************************************/
/*                    ANTIGAS                   */
/************************************************/
  .botao {font-size:12px; color:#111111; font-family:Verdana;}
  .msg {font-size:12px; color:#C32A25; font-weight:bold}
  .textbox{border:1px solid #CCCCCC; text-align: justify; height:20px; font-size:12px; font-family:Georgia;}
  .textarea{border:1px solid #CCCCCC; text-align:justify; font-size:12px; font-family:Georgia;}

/************************************************/
/*                   DUVIDAS                    */
/************************************************/
/*
Tipos de Seletores:
- Universal
  *{ } (todo o documento)
- Elemento
  h1{ },..., p{ }, (tags)
- Agrupados (separar por virgulas)
  h1, p{ }
- Classe
  .nome{ } (evitar numeros e acentos)
- Descendentes
  ul li{ }
- Pseudo
  a{ } (todas as hiperligações)
  a:hover{ } (quando o rato está em cima)
- ID
  div#nomeID{}

Quando a div sobe, coloca-se a propriedade clear:both;
Repetir imahem de 1px cria o cabeçalho.
Linha lateral -> border-right: 1px solid #6666;


#redondo {padding:20px; border:5px #ffa500 solid; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
<div id='redondo'>O texto que está nesta caixa deve aparecer com uma borda redonda se você não estiver no Internet Explorer ou no Opera.</div>

Para selecionar todos os botões
input[type="submit"]

*/