<!DOCTYPE html>
<html>
<head>
<title>PAGINA WEB</title>
<meta charset="utf-8" />
<meta name="keywords" content="html, css, creacion paginas web" />
<meta name="description" content="Es una pagina web de muestra" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="laptop_icon.ico" />
<!-- CSS -->
<style type="text/css">
*{margin:0px; padding:0px;}
body {
background-color: #252525;
}
.Menu-Bar-Style {
font-size: 13px;
color: #FFFFFF;
font-family: "Tahoma";
text-shadow: 1px 1px #000000;
}
.Estilo1 {
color: #132335;
font-weight: bold;
}
</style>
</head>
<body>
<!-- THE PRINCIPAL DIV -->
<div style="width:777px; margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:10px;"> <!-- for Opera and Firefox -->
<div style="text-align:center"> <!-- for IE6 -->
<!-- UPPER DIV WITH SOCIAL RED ICONS -->
<div style="background:#252525; width:777px; height: 31px; float:left; padding-top: 25px; padding-bottom: 25px;">
<div align="right"><img src="img/youtube.jpg" alt="youtube" longdesc="mirenos en youtube">
<img src="img/facebook.jpg" alt="facebook" longdesc="siguenos en facebook">
<img src="img/mail.jpg" alt="mail" longdesc="contactenos">
</div>
</div>
<!-- LOGO DIV -->
<div style="background:#252525; width:225px; height: 90px; float:left;">
<img src="img/logo.jpg" alt="logo" longdesc="nuetro logo">
</div>
<!-- MENU BAR WITH BUTTONS -->
<div style="background-image: url(img/menu-red-bar.jpg); background-repeat: no; width:552px; height: 90px; float:left;">
<div class="Menu-Bar-Style" style="background:#DB3801; width:98px; height:35px; float:left; margin-top: 27px;">QUIENES <br> SOMOS</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:100px; height:35px; float:left; margin-top: 27px;">COMPRA <br> VENTA</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:104px; height:35px; float:left; margin-top: 27px;">SERVICIO <br> TECNICO</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:114px; height:35px; float:left; margin-top: 27px;">RECICLADO</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:136px; height:35px; float:left; margin-top: 27px;">COMPONENTES</div>
</div>
<!-- GALLERY DIV -->
<div style="background:#252525; width:777px; height: 450px; float:left; padding-top: 25px; padding-bottom: 25px;">
<img src="img/photo.jpg">
</div>
<!-- 1-ST CONTENT INFO DIV -->
<div style="background-image: url(img/bg-orange.jpg); background-repeat: repeat-x; width:506px; height: 348px; float:left;"></div>
<!-- SPACE BETWEEN CONTENT INFO DIV -->
<div style="background:#252525; width:7px; height: 348px; float:left;"></div>
<!-- 2-ND CONTENT INFO DIV -->
<div style="background-image: url(img/bg-red.jpg); background-repeat: repeat-x; width:264px; height: 348px; float:left;"></div>
<!-- FOOTER WITH MAP AND CONTACT FORM -->
<div style="background:#252525; width:777px; height: 25px; float:left; "></div>
<div style="background:#CCCCCC; width:777px; height: 438px; float:left;"></div>
</div>
</div>
</body>
</html>