Running

Running

HTML

<div id="e_cabecalho">
	<div id="cabecalho">
        <ul class="menu">
            <a href="#" ><li class="menu_link">HOME</li></a>
            <a href="#" ><li class="menu_link">RUNNING</li></a>
            <a href="#" ><li class="menu_link">NOTÍCIAS</li></a>
            <a href="#" ><li>
            <img src="http://localhost/Projeto%20Imasters/CSS/Running/img/logo_metal.png" width="250" height="148" border="0" />
            </li></a>
            <a href="#" ><li class="menu_link">GALERIA</li></a>
            <a href="#" ><li class="menu_link">AULAS</li></a>
            <a href="#" ><li class="menu_link">CONTATO</li></a>
        </ul><!--/fim menu -->
    </div><!--/fim cabecalho -->
</div><!--/fim e_cabecalho -->

<div class="banner">
	<div class="box_tel">
        Contate-nos no: (11) 3692-2212
    </div>
	<img src="http://localhost/Projeto%20Imasters/CSS/Running/img/banner_academia.jpg" width="900" height="280" border="0" />
</div><!--/fim banner -->

CSS

/* Reset */
*{ padding:0; margin:0; }
/* Tag - Body com background Preto */
body{background:#000;}
/* Espaço do cabeçalho em 100% */
#e_cabecalho{
position:relative;
margin:0 auto;
width:100%;
}
/* Cabeçalho */
#cabecalho{
margin:0 auto;
width:900px;
overflow:hidden;
}
/* Menu */
.menu{width:900px; background:#333; margin:0 auto; }
.menu ul{ text-decoration:none; display:block; position:absolute;}
.menu li{ float:left; text-align:center; list-style:none; margin-bottom:5px;}
.menu_link{width:105px; height:55px; padding-top:35px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative;}
.menu_link:hover{background:#fe0000;}
/* Banner */
.banner{ width:900px; height:436px; margin-bottom:15px; margin:-55px auto; }
.box_tel{background:rgba(0,0,0,0.8); border-top:2px solid #F00000; padding:8px 15px; position:absolute; margin-left:584px; margin-top:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px;}