/* 
     http://www.w3.org/TR/REC-CSS2/
*/

html{
                margin: auto;
                padding: 0;
}

body{
          
         
            margin: auto;
            padding: 0;
            background-image:  url("../Images/fundo.jpg");
}

#conteudo {
            background: url("../Images/fundo.jpg");
            margin: auto;
            padding: 0;
            background-repeat: repeat-y;
}
        
              
#top{
  
            margin: auto;
            height: 102px;
}

#imagem{
            background: url("../Images/top11020.jpg") no-repeat;
            width: 1020px;
            height: 111px;
            margin: auto;         
}
        
#pagina {
            margin-top: 2px;
            border-radius: 10px;
            border: 2px outset #36648b;
            /*background-color:rgb(64,128,128);*/
            background-color:rgb(37,95,115);
            width: 100%;
            height: 522px;
            margin: 12px auto 5px auto;
            float: right;    
}

#rodape {    
            background: url("../Images/rodape1020.jpg") no-repeat;
            width: 1020px;
            height: 55px;
            margin: 0 auto 0 auto;
            clear: both;
}

#topMenu{
            background-color: rgb(110,142,153);
            border-top: 0.0625em solid gray;
            border-radius: 10px;
            width: 85%;
            height: 28px;
            position: relative;
            float: right; 
            margin: 0 auto 5px auto;
}

#menu{
            background-color: #36648b;           
            margin: 0 auto 0 auto;
}

#menu ul {
    
            font-family: verdana, arial, sans-serif;
            font-size: 0.9em;
            display: inline;
            padding: 0;
            margin: 0;      
}

#menu ul li {
            display: inline;
}

#menu ul li a{
            float: left;
            color: white;
            padding: 0.3125em 0.75em;
            text-decoration: none;
            width: 25.625em;
            text-align: center;		
}

#menu li a:hover{
            color: yellowgreen;
}
#menuNavegacao {
            border-radius: 10px;
            float: left;
            background-color: rgb(110,142,153);
            height: 558px;
            margin-bottom: 5px;
            /* nao remover float: left */
}

#areaCentral{
            position: relative;
            margin: 2px auto 0px auto;
            width: 1015px;
            height: 527px;
}

#opcoes{
            margin-top: 30px;
}

#opcoes ul, #opcoes ul li {
            display: inline;
            font-family: verdana, arial, sans-serif;
            font-size: 0.9em; 
            font-weight: bold; 
            text-decoration: none; 
            list-style-type: none;
            padding: 0;
            margin: 0;
}

#opcoes a {
            display: block; 
            padding: 0.3em;
            line-height: 1.5em; 
            text-decoration: none; 
            border: solid 0.0625em;
            color: white; 
            background: #36648b;
}

#opcoes a:hover {
            color: white; 
            background: #9c9c9c;
}

    a:link, a:visited, a:active{
            text-decoration: underline;
            color:yellow;
}
        
     a:hover{
           text-decoration: underline overline;
           color: #ffffff;
}