@charset "utf-8"; /* Documento CSS */ body{background-image:url(img/textura_verde.JPG)} /* cabeça */ #cabeca{ position: absolute; left: 10%; top: 70px; background-color: #222; width: 80%; height: 150px; } /* Logo */ #logo{ position: relative; left: 2%; top: 0px; width: 140px; height: 150px; } .img{position:relative; left:22px; top:30px;} #logo:hover{background-color:#333} /* menu */ #atividades{ text-align: center; color: #FFF; position: absolute; left: 38%; top: 0px; width: 12%; height: 150px; } #atividades:hover{background:#333;} #capacitacao{ text-align: center; color: #FFF; position: absolute; left: 50%; top: 0px; width: 12%; height: 150px; } #capacitacao:hover{background:#333;} #fotos{ text-align: center; color: #FFF; position: absolute; left: 62%; top: 0px; width: 12%; height: 150px; } #fotos:hover{background:#333;} #contatos{ text-align: center; color: #FFF; position: absolute; left: 74%; top: 0px; width: 12%; height: 150px; } #contatos:hover{background:#333;} #bairros{ text-align: center; color: #FFF; position: absolute; left: 86%; top: -169px; width: 12%; height: 150px; } #bairros:hover{background:#333;} ul{list-style:none;} ul li { position: relative; z-index: 5; } li ul { position: absolute; right:0%; top:100px; display:none; } li ul li { height:40px; width:150px; background:#333; } li:hover ul, li.over ul { display:inline; } li ul li:hover { background:#222;} /* Corpo */ #corpo{ position: absolute; top: 220px; left: 10%; background-color: #fff; width: 80%; height: 962px; z-index: 1; } #facebook{position:absolute;right :0%; top:100px; z-index:2}