<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>primera web de prueba</title>
<style type="text/css">
<!--
div::after,
.clearfix::after,
.clear::after
{
clear: both;
visibility: hidden;
content: " ";
display: block;
}
*
{ margin: 0px;
padding: 0px;
}
body
{
background: #2e8bbc;
}
#apDiv1 {
position:absolute;
width:200px;
height:99px;
z-index:1;
}
#apDiv2 {
position:absolute;
width:143px;
height:32px;
z-index:1;
left: 9px;
top: 195px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
body {
background-image: url(photoshop/fondo-portal.jpg);
}
#apDiv3 {
position:absolute;
width:150px;
height:67px;
z-index:1;
top: 36px;
left: 1148px;
}
#apDiv4 {
position:absolute;
width:106px;
height:78px;
z-index:2;
left: 694px;
top: 30px;
}
#apDiv5 {
position:absolute;
width:147px;
height:70px;
z-index:3;
left: 804px;
top: 30px;
}
#apDiv6 {
position:absolute;
width:174px;
height:60px;
z-index:4;
left: 962px;
top: 30px;
}
#apDiv7 {
position:absolute;
width:200px;
height:115px;
z-index:5;
}
#apDiv8 {
position:absolute;
width:328px;
height:202px;
z-index:5;
left: 376px;
top: 550px;
}
#apDiv9 {
position:absolute;
width:328px;
height:202px;
z-index:6;
left: 110px;
top: 489px;
}
#apDiv10 {
position:absolute;
width:328px;
height:202px;
z-index:7;
left: 422px;
top: 2px;
}
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
.Estilo4 {font-weight: bold}
.Estilo9 {font-style: italic; font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; }
.Estilo10 {color: #FF0000}
.Estilo12 {font-size: 12px}
.Estilo13 {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 22px;
}
.Estilo15 {color: #FFFFFF}
.Estilo16 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
font-style: italic;
}
-->
</style>
</head>
<body>
<table width="1300" height="85" border="0" bordercolor="#212121">
<tr bordercolor="#FFFFFF" bgcolor="#212121">
<th width="27" scope="col"> </th>
<th width="309" scope="col"><img src="photoshop/cuadrados1.jpg" width="309" height="67" /></th>
<th width="71" scope="col"> </th>
<th width="272" bordercolor="#212121" bgcolor="#212121" scope="col"><span class="Estilo4"></span></th>
<th width="62" scope="col"><p> </p>
<p>INICIO</p></th>
<th width="10" scope="col"> </th>
<th width="143" scope="col"><p> </p>
<p><a href="Quienes Somos.html">QUIENES SOMOS</a></p></th>
<th width="10" scope="col"> </th>
<th width="96" scope="col"><p> </p>
<p><a href="Servicios.html">SERVICIOS</a></p></th>
<th width="10" scope="col"> </th>
<th width="94" scope="col"><p> </p>
<p><a href="Portafolio.html">PORTAFOLIO</a></p></th>
<th width="10" scope="col"> </th>
<th width="104" bgcolor="#212121" scope="col"><p> </p>
<p><strong><a href="Contacto.html">CONTACTO</a></strong></p></th>
</tr>
</table>
<table width="1400" border="0">
<tr>
<th width="1394" height="422" align="left" valign="top" scope="col"><div align="left"><img src="photoshop/grafiti1.jpg" width="1350" height="400" /></div></th>
</tr>
</table>