body {background: #003366 url('images/fondoespecial.png') center center fixed; color:#000000; font:12px Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom: 20px; overflow: hidden}

input, select, textarea {border:1px solid #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif}

p {text-align: justify}

td {font-size: 9pt; font-family: Arial, Helvetica, sans-serif}

a {color: #0000FF; text-decoration: none}
a:hover {color: #FF0000}

button {background: transparent url('images/goldbutton.png') center center no-repeat; width: 100px; height: 24px; font: bold 14px/24px Verdana, Geneva, sans-serif; color: black; border-width: 0px; margin: 0 10px 0 10px;}

table.blanca td {color: white}
th {background: #003366 url('images/grad20.gif'); color: #FFCC00; font: bold 8pt Arial, Helvetica, sans-serif; height: 20px; padding-left: 5px; padding-right: 5px; text-align: center;}

caption {font: bold 10px/20px Verdana, Geneva, sans-serif; color: red;}

#header {position: absolute; top: 20px; left: 40px; right: 40px; height: 120px; background: white url('images/center.gif') center center; z-index: 3}
#headerleft {position: absolute; top: 20px; left: 20px; width: 20px; height: 120px; background: url('images/left.gif') top left no-repeat; z-index: 3}
#headerright {position: absolute; top: 20px; right: 20px; width: 20px; height: 120px; background: url('images/right.gif') top left no-repeat; z-index: 3}
#headerbottom {position: absolute; top: 120px; left: 20px; right: 20px; height: 20px; background: white; z-index: 1}

#logo {position: absolute; top: 20px; left: 25px; width: 100px; height: 120px; z-index: 5}
#solucion {position: absolute; top: 35px; left: 130px; right: 40px; height: 55px; text-align: center; z-index: 5}
#servidores {position: absolute; top: 20px; right: 54px; width: 153px; height: 90px; background: transparent url('images/servidores.gif') center center no-repeat; z-index: 4;}

#menubarleft {position: absolute; top: 106px; left: 130px; width: 20px; height: 30px; background: url('images/goldleft1.gif') center left no-repeat; z-index: 5}
#menubar {position: absolute; top: 106px; left: 150px; right: 50px; height: 30px; background: url('images/goldcenter0.gif') 0 -30px repeat-x; z-index: 5; text-align: center;}
#menubar a {background: url('images/goldcenter0.gif') 0 -30px repeat-x; color: #ffffff; padding-left: 7px; padding-right: 7px; font: bold italic 10pt/30px Arial, Helvetica, sans-serif; display: block; float: left; letter-spacing: 1px;}
#menubar a:hover {background: url('images/goldcenter0.gif') 0 0 repeat-x; color: #ffcc00;}
#menubarright {position: absolute; top: 106px; right: 30px; width: 20px; height: 30px; background: url('images/goldright1.gif') center right no-repeat; z-index: 5}

#contenido {position: absolute; top: 140px; left: 20px; right: 20px; bottom: 40px; overflow: auto; padding: 0 10px 10px 10px; z-index: 2}

#fondo {position: absolute; top: 140px; left: 20px; right: 20px; bottom: 40px; overflow: auto; background: white url('images/back.png') bottom center repeat-x; padding: 20px; z-index: 1}

#bottomleft {position: absolute; left: 20px; bottom: 20px; width: 20px; height: 20px; background: url('images/bottomleft.png') top left no-repeat}
#bottom {position: absolute; left: 40px; bottom: 20px; right: 40px; height: 20px; background: url('images/bottom.png') center center; text-align: center; font: 10px/20px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#bottom a {color: white;}
#bottom a:hover {color: #FFCC00}
#bottomright {position: absolute; right: 20px; bottom: 20px; width: 20px; height: 20px; background: url('images/bottomright.png') top left no-repeat}

.titulo1 {background: #000040 url('images/centersm.gif') center center repeat-x; font: bold italic 24px/32px "Times New Roman", Times, serif; text-align: center; color: #FFCC00;}
.titulo2 {color: #000080; font: bold italic 20px/24px Arial, Helvetica, sans-serif; text-align: center; text-decoration: underline;}
.titulo3 {font-size: 18px; font-weight: bold; text-align: center}
h6 {font: 9pt Arial, Helvetica, sans-serif; text-align: center}
.bordeada {background: white; border:1px solid #0099FF;}
.nav20 {background: #003366 url('images/grad20.gif'); color: #FFCC00; font: bold 8pt/20px Arial, Helvetica, sans-serif; height: 20px; padding-left: 5px; padding-right: 5px; text-align: center;}
.nav20 a {color: #ffcc00;}
.nav20 a:hover {color: #fff;}
.red{font: bold 9pt Arial, Helvetica, sans-serif; color: #FF0000}
.gris {font: bold 12pt Arial, Helvetica, sans-serif; text-decoration: underline}

.goldtl {background: transparent url('images/goldtlsm.gif') bottom right no-repeat; width: 20px; height: 20px;}
.goldtr {background: transparent url('images/goldtrsm.gif') bottom left no-repeat; width: 20px; height: 20px;}
.goldbl {background: transparent url('images/goldblsm.gif') center center no-repeat; width: 20px; height: 20px;}
.goldbr {background: transparent url('images/goldbrsm.gif') center center no-repeat; width: 20px; height: 20px;}
.goldleft {background: transparent url('images/goldleftsm.png') right center repeat-y; width: 20px;}
.goldcenter {background-color: #576590; color: #000000; padding: 5px;}
.goldcenter a {color: #FFFFFF; font-weight: bold;}
.goldcenter a:hover {color: #FFCC00;}
.goldright {background: transparent url('images/goldrightsm.png') left center repeat-y; width: 20px;}
.goldtop {background: transparent url('images/goldtopsm.png') bottom center repeat-x; height: 20px;}
.goldbottom {background: transparent url('images/goldbottomsm.png') top center repeat-x; height: 20px;}
.goldhdrleft {background: transparent url('images/goldhdrleftsm.gif') center center no-repeat; width: 10px; height: 30px;}
.goldhdrcenter {background: transparent url('images/goldhdrcentersm.gif') center center repeat-x; height: 30px; text-align: center; font: bold italic 14px/28px Arial, Helvetica, sans-serif; padding-top: 2px; color: #ffffff; text-transform: uppercase;}
.goldhdrcenter a {color: #ffffff;}
.goldhdrcenter a:hover {color: #ffcc00;}
.goldhdrright {background: transparent url('images/goldhdrrightsm.gif') center center no-repeat; width: 10px; height: 30px;}
.goldcontent {background: #576590; text-align: center;}
.goldcontent a {color: #000; font-style: italic; font-weight: bold;}
.goldcontent a.destacado {font: 18pt Impact, Helvetica, sans-serif; color: #fff;}
.goldcontent a.muydestacado {font: italic 24pt Impact, Helvetica, sans-serif; color: #fff; letter-spacing: 2px;}