body {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 10pt;
   color: #000;
   text-decoration: none;
   background-color: #fff;
   /*
background-image: url(/page_bg.gif);
background-repeat: no-repeat;
background-attachment: fixed;
*/
}

#header {
   height: 54px;
   top: 0;
   right: 0;
   bottom: auto;
   left: 0;
   border-top: 2px solid #CCCCCC;
   border-bottom: 3px solid #CCCCCC;
   color: #fff;
   background-color: #0066cc; 
}

#content {
   margin: 0 0 0 18em;
   background-color: transparent;
   padding: 0 40px 0 0;
}

#menu {
   float: left;
   clear: left;
   width: 16em;
   margin: 4px;
   border: 2px solid #cccccc;
   padding: 0px;
   background-color: #0066cc;
   color: #111;
}

#formulario {
   color: #111;
   background-color: #cccccc;
}

/* ---------- formulario ----------- */

#formulario A:LINK, #formulario A:VISITED {
   text-decoration: none;
   color: #0000ff;
   background-color: #cccccc;
}
#formulario A:HOVER, #formulario A:ACTIVE {
   color: #cc0000;
   background-color: #cccccc;
}
#formulario h1 {
   font-weight: bold;
   font-size: 12pt;
   color: #0000cc;
   background-color: transparent;
}
#formulario h2 {
   font-weight: bold;
   font-size: 11pt;
   color: #0000cc;
   background-color: transparent;
}
#formulario table {
   border: 0;
}


/* ---------- content (el main) ----------- */
#content p {
   background-color: transparent;
}
#content A:LINK, #content A:VISITED {
   color: #ffffff;
   text-decoration: none;
}
#content A:HOVER, #content A:ACTIVE {
   color: #bbbbbb;
   text-decoration: none;
}
#content A.b:LINK, #content A.b:VISITED {
   color: #0000ff;
}
#content A.b:HOVER, #content A.b:ACTIVE {
   color: #aaaaaa;
}
#content h1 {
   font-weight: bold;
   font-size: 12pt;
   color: #040889;
   background-color: transparent;
}
#content h2 {
   font-weight: bold;
   font-size: 11pt;
   color: #0000cc;
   background-color: transparent;
}

/* ---------- menu lateral ----------- */
#menu a:link, a:visited {
   color: #ffffff;
   margin: 0;
   padding: 2px 5px 1px 5px;
   display: block;
   text-decoration: none;
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #cccccc;
}

#menu a:hover, #menu .subm a:hover, #menu .ssubm a:hover {
   background-color: #0099ff;
} 

#menu a:active, #menu .subm a:active, #menu .ssubm a:active {
   background-color: #0011ff;
} 

#menu .google a:hover {
   background-color: #ffffff;
} 

#menu .google a:active {
   background-color: #ffffff;
} 

#menu .subm a {
   padding: 1px 15px 1px 18px;
   margin: 0 0 0 10px;
   background: url(/a.gif) no-repeat center left;
   border: 0;
}

#menu .ssubm a {
   padding: 1px 10px 1px 18px;
   margin: 0 0 0 20px;
   background: url(/a.gif) no-repeat center left;
   border: 0;
}

/* no funciona con IE   
#menu .subm a:before { 
  display: inline;
  content: "\3E\A0";
}
#menu .ssubm a:before { 
  display: inline;
  content: "\A0\3E\3E\A0";
}
*/

#menu .top {
   font-weight: bold;
   color: #040889;
}

#menu .top a {
   color: #040889;
   border: 2px solid #cccccc;
   padding: 3px 5px;
   margin: -2px -2px 0px -2px; 
   /* margin: -2px; */
   background-color: #efefef;
}

#menu .top a:hover, #menu .top a:active {
   background-color: #aaaaaa;
}
#menu .liq a { /* hack para solo titulos */
  margin: -2px -2px -2px -2px; 
}

/* ---------- folletos ----------- */
#folleto {
   float: right;
   clear: right;
   margin: 4px;
   border: 2px solid #cccccc;
   padding: 0px;
   background-color: #0066cc;
}
#folleto A:LINK, #folleto A:VISITED {
   color: #ffffff;
   margin: 0;
   padding: 2px 5px 1px 5px;
   display: block;
   text-decoration: none;
}

#folleto A:HOVER, #folleto A:ACTIVE {
   background-color: #0099ff;
}


/* ---------- header ----------- */
#header ul {
   margin: 0;
   padding: 10px 0 0 13px;
   margin-left: auto;
   padding-right: 15px;
   margin-top: -48px;
   float: right;
}

#header ul li {
   float:right;
   list-style-type:none;
}

#header ul a {
   display:block;
   float:left;
   /*
   border-top: 1px solid #efefef;
   border-right: 1px solid #efefef;
   border-bottom: 1px solid #aaaaaa;
   border-left: 1px solid #aaaaaa;
   */
   padding: 4px 8px;
   text-decoration: none;
   margin: 0 0 0 5px;
   color: #dddddd;
   font-size: 13px;
   font-weight: bold;
   background: url(b.gif) repeat-x scroll 0;
}

#header ul a:hover, #header ul a.current {
   color: #ffffff;
   background-color: transparent;
   /*
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
   */
   background: url(bb.gif) repeat-x scroll 0;
}
#header img {
   margin: 0;
   padding: 0;
   border-width: 0;
}