Documento CSS
<style type="text/css">#imagen2
{
width: 10px;
height: 700px;
margin-top:0;
margin-bottom:0%;
margin-right:11%;
margin-left:88%;
background-repeat: repeat-y;
background-image: url(../imgs/fond/linea.png);
}
#global
{position:absolute;
width: 100%;
height:100%;
margin-right:%;
margin-left:%;
margin-top:none;
margin-bottom:none;
background-position: 88%;
}
#encabezado
{position:absolute;
top:11%;
height:40%;
left:48%;
text-align:right;
padding-top:0%;
width: 45%;
}
#encabezado h1
{font-family:"Courier New", Courier, monospace;line-height: 27px;
font-size: 200%;font-weight: bolder;
}
#encabezado2
{font-family: "Courier New", Courier, monospace;
line-height: 16px;
word-spacing: -10px;
font-weight: bolder;letter-spacing: 2px
}
#encabezado2 h2
{position:absolute; text-align:right;
left:74%;top:16%;float:right;
width: 18%;letter-spacing: 2px;}
#imagen
{
background-position: left;
display:block;
position:absolute;
top:4%;
left:0%;
width:300px;
height:100px;
background-image: url(../imgs/fond/opac.png);
}
#menu ul
{position:absolute;
top:16.5%;
left:6%;
width:80%;
height:20%
}
#menu li
{
display: inline;list-style:none;
margin-right: 1px;
margin-left:0px;
font-size:7.5pt;
color: White;
background-color: Black;
padding-left:0.5%;
padding-right:1%;
padding-top:0.5%;
padding-bottom:0.5%;
font-stretch: narrower;
text-align: left;
}
#submenu ul
{ margin-bottom: 40%;position:absolute;top:25%;float:right;height:100%;
left:69%;text-align: left;padding-top:5px;width: 18%;
padding-bottom:4px;}
#submenu li{
font-family: "Courier New", Courier, monospace;
list-style:none;
display: block;
margin-top: 2px;
margin-bottom: 2px;
font-size:9pt;
color: White;
background-color: Black;
padding-left:5px;
padding-right:13px;
padding-top:5px;
padding-bottom:5px;
font-stretch: narrower;
text-align: right;}
#subtitulo{position:absolute;top: 27%;left:10%;
}
#subtitulo h1
{
font-family: "Courier New", Courier, monospace;
font-size: 19pt;line-height: -1px;
}
#subtitulo2
{ position:absolute;top:33%;left:10%;
}
#subtitulo2 h2{
font-family: "Courier New", Courier, monospace;
font-size: 13pt;}
#contenido
{font-family: "Courier New", Courier, monospace;font-size: 9pt;
line-height: -1px;top: 45%;position:absolute;left:10%;width:50%;height:60%
}
#pie ul
{list-style:none;top max:200% 400%;left:5%;width:100%;height:20%; margin-top:10%
}
#pie li{
display:inline;list-style:none;width:60%;height:20%;
font: 7pt "Courier New", Courier, monospace;
padding-left:1%;
padding-left:1%;
border-left: solid Gray;
letter-spacing: 1%;
}
#mail
{
font-family: "Courier New", Courier, monospace;
font-size: 9pt; position:absolute;left:100%;top max:200% 400%;
font-weight: bolder;height:20%;}
a:link { color: #FFEF95; text-decoration: none} /* for unvisited links */
a:visited { color: #FFEF95; text-decoration: none } /* for visited links */
a:active { color: #F1E998; text-decoration: none } /* when link is clicked */
a:hover { color:#F1E998; text-decoration: none } /* when mouse is over link */
a.plain { text-decoration: none }
</style>