A               { text-decoration: none; color: #24598A; }
A:link          { color: #24598A; }
A:visited       { color: #24598A; }
A:active        { color: #24598A; }
A:hover         { color: #24598A; text-decoration: underline;}

a img {
   border: none;
}

ul {
   margin-left: 20px;
}

html {
   margin: 0px;
   padding: 0px;
   text-align: justify;
}

BODY {
   background: #F1F1F1;
   font-family: Trebuchet MS;
   font-size: 11px;
   color: #4C4C4C;
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   line-height: 15px;
}

p {
}

b, strong {
   color: #000000;
   font-weight: bolder;
}

input, textarea, select {
   background: #f0f0f0;
   border: 0px;
   border-bottom: 1px solid #45768B;
   font-size: 11px;
   font-family: Trebuchet MS;
}

.boton {
   height: 20px;
   border-width:1px;
   border-style:solid;
   border-color:#cdcdcd;
   background-color:#9CB2C0;
   font-family: Tahoma;
   color: #ffffff;
   font-weight: Bold;
   font-size: 11px;
}

div#lienzo {
   width: 850px;
   height: 100%;
   padding: 0px;
   margin: 0px auto 0px auto;
   background-image: url('img/back.gif');
   background-repeat: repeat-x;
   background-color: #ffffff;
   z-index: 0;
}

div#contenedor {
   width: 800px;
   height: 100%;
   margin: 0px auto 0px auto;
   z-index: 0;
}

div#header {
   padding-top: 8px;
}

div#header .fecha {
   color: #b2b2b2;
   font-size: 10px;
   margin-bottom: 5px;
}

div#header A { font-size: 11px; color: #79bde9; }
div#header A:link { color: #79bde9; }
div#header A:visited { color: #79bde9; }
div#header A:active { color: #ffffff; }
div#header A:hover { color: #ffffff; text-decoration: none; }

div#mainContent {
   display: block;
   position: relative;
   width: 780px;
   min-height: 675px;
   z-index: 1;
   margin-left: 10px;
}

div#menu {
   position: absolute;
   margin-left: -10px;
   z-index: 3;
}

div#nombreSeccion {
   float: right;
   position: relative;
   text-align: center;
   vertical-align: middle;
   width: 150px;
   height: 150px;
   font-family: Myriad, Trebuchet Ms;
}

div#nombreSeccion table {
   width: 100%;
   height: 100%;
}

div#nombreSeccion h1 {
   font-size: 20px;
   color: #ffffff;
   text-align: center;
   line-height: 23px;
}

div#subMenuHeader {
   float: left;
   position: absolute;
   text-align: right;
   margin-left: 467px;
   width: 145px;
   height: 150px;
   color: white;
   font-family: Myriad, Trebuchet Ms;
}

div#subMenuHeader table {
   width: 100%;
   height: 100%;
}

div#subMenuHeader a, div#subMenuHeader a:visited, div#subMenuHeader a:link  {
   font-size: 12px;
   width: 100%;
   height: 18px;
   padding-top: 3px;
   display: block;
   text-align: right;
   border-top: 1px dotted #B2B2B2;
   color: #999999;
   font-weight: bold;
}

div#subMenuHeader a:hover, div#subMenuHeader a:active, div#subMenuHeader a.on {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#bloqueContenidoSmallCM {
   position: absolute;
   margin-top: 160px;
   margin-right: 0px;
   margin-left: 480px;
   width: 305px;
}

div#bloqueContenidoSmall {
   position: absolute;
   margin-top: 160px;
   margin-right: 0px;
   margin-left: 490px;
   width: 285px;
   min-height: 310px;
}

div#bloqueContenidoSmallContainer {
   position: absolute;
}

div#bloqueContenidoBig {
   position: relative;
   margin-right: 0px;
   margin-top: 10px;
   margin-left: 160px;
   width: 625px;
   min-height: 500px;
   background: white;
}

div#bloqueContenidoBig img {
   margin: 10px;
   margin-top: 0px;
}

div#bloqueContenidoBigNoScroll {
   position: relative;
   margin-right: 0px;
   margin-left: 150px;
   width: 625px;
   background: white;
}

div#bloqueContenidoBigNoScrollContainer {
   position: absolute;
   width: 610px;
   margin-left: 16px;
}

div#bloqueContenidoBigMutuas {
   position: absolute;
   margin-top: 170px;
   margin-right: 0px;
   margin-left: 170px;
   width: 600px;
   height: 450px;
   overflow: hidden;
}


div#bloqueContenidoBigContainer {
   position: absolute;
   width: 610px;
   margin-left: 16px;
}

/********* SCROLLS **************/
#divScrollUp{
  position:absolute;
  left:760px;
  top:475px;
  z-index:1;
  text-align: right;
}

#divScrollDown{
  position:absolute;
  left:760px;
  top:488px;
  z-index:1;
  text-align: right;
}

#divScrollUpBig{
  position:absolute;
  left:780px;
  top:615px;
  z-index:1;
  text-align: right;
}

#divScrollDownBig{
  position:absolute;
  left:780px;
  top:628px;
  z-index:1;
  text-align: right;
}

/******** FIN SCROLLS ***********/

h2 {
   font-size: 13px;
   font-weight: bold;
   color: #24598A;
}

.tipoh2 {
   font-size: 13px;
   font-weight: bold;
   color: #24598A;
   margin-bottom: 5px;
}

.tipoh2-nomargin {
   font-size: 13px;
   font-weight: bold;
   color: #24598A;
}



.fecha {
   color: #909090;
}

.importante {
   width: 500px;
   margin: 20px auto 20px auto;
   padding: 10px;
   border: 1px solid #808080;
   background: #f0f0f0;
   text-align: center;
}

div#separaFooter {
   width: 850px;
   height: 11px;
   padding: 0px;
   margin: 0px auto 0px auto;
   background-image: url('/test/img/footer.gif');
   background-repeat: repeat-x;
   z-index: 0;
}

div#footer {
   text-align: right;
   width: 850px;
   padding: 0px;
   margin: 0px auto 0px auto;
   background-color: #ffffff;
   z-index: 0;
   padding-top: 4px;
}

div#footer A { font-size: 10px; color: #bcbcbc; margin-right: 15px; }
div#footer A:link { color: #bcbcbc; }
div#footer A:visited { color: #bcbcbc; }
div#footer A:active { color: #bcbcbc; }
div#footer A:hover { color: #676767; text-decoration: none; }