﻿body {
  color: Black;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: medium;
  background: white; /*#fffaea*/
  margin: 0px;
  padding: 0px;
}

.barraH {
  background-color: #005363;
  color: white;
  font-size: 1em;
  height: 30px;
  margin-bottom: 10px;
  padding: 5px;
  width: 100%; /*background: url(Img/topbg.png);*/
}

.barraDiv {
  display: inline;
  height: auto;
  width: auto;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  /*border-bottom:solid 4px #bed57e;*/
}

  .barraDiv a {
    color: White;
    font-weight: bold;
    text-decoration: none;
  }

    .barraDiv a:hover {
      color: #bed57e;
    }


.boton {
  background: green;
  color: white;
  padding: 12px !important;
  border: none;
  border-radius: 4px !important;
  cursor: pointer;
  text-decoration: none;
}

  .boton:hover {
    background-color: darkgreen !important;
  }

.colorVerde {
  background-color: #005363;
  color: White;
}

.cuadro1 {
  height: auto;
  margin-top: 10px;
  padding: 5px;
  width: auto;
}

.cuadro2 { /*border-bottom: 2px solid #084B08; border-left: 1px solid #084B08; border-right: 2px solid #084B08; border-top: 1px solid #084B08;*/
  border-bottom: 2px solid #a0a0a0;
  border-left: 2px solid white;
  border-right: 2px solid #a0a0a0;
  border-top: 2px solid white;
  background-color: #F8FCF7;
  height: auto;
  margin-top: 8px;
  padding: 4px;
  width: auto;
  font-size: small;
}

  .cuadro2 ul {
    list-style: none inside;
    padding-left: 0px;
  }

    .cuadro2 ul a {
      color: #084B08;
      text-decoration: none;
      font-size: medium;
    }

      .cuadro2 ul a:hover {
        color: #cc0000;
      }

.cuadroGris {
  border-bottom: 2px solid #a0a0a0;
  border-left: 2px solid white;
  border-right: 2px solid #a0a0a0;
  border-top: 2px solid white;
  background-color: #f0f0f0;
  height: auto;
  padding: 4px;
  width: auto;
  font-size: small;
}

  .cuadroGris ul {
    list-style: none inside;
    padding-left: 0px;
  }

    .cuadroGris ul a {
      color: #404040;
      text-decoration: none;
      font-size: small;
    }

      .cuadroGris ul a:hover {
        color: #cc0000;
      }

.cuerpo1 {
  width: auto;
  margin: 10px 4px auto 4px;
}




.GridViewStyle {
  border-bottom: 3px solid #a0a0a0;
  border-left: 3px solid white;
  border-right: 3px solid #a0a0a0;
  border-top: 3px solid white;
  caption-side: top;
  /* background-color: #fff; border: solid 1px #525252; margin: 5px 0 10px 0; width: 100%; */
}

/*.GridViewFooterStyle { background-color: #397249; color: White; }*/

.GridViewHeaderStyle {
  background-color: #00556699;
  color: White;
}

  .GridViewHeaderStyle th {
    border: 0px solid red;
    padding: 2px 4px;
    /* background: #424242 url(grd_head.png) repeat-x top; color: #fff; font-size: 0.9em; */
  }

/*.GridViewPagerStyle { background-color: #284775; color: #FFFFFF; }
.GridViewPagerStyle table { margin: 0 auto 0 auto; }*/

.GridViewRowStyle {
  background-color: #f0f0f0;
  color: #222222;
}

.GridViewAlternatingRowStyle {
  background-color: #FFFFFF;
  color: #222222;
}

  .GridViewRowStyle td, .GridViewAlternatingRowStyle td {
    border: 0px solid white; /*color: #717171;*/
    padding: 2px 4px;
  }

/*.GridViewSelectedRowStyle { background-color: red; color: #333333; font-weight: bold; } */

.cabecera {
  background-color: white;
  height: 60px;
  width: 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1.8em; /*font-weight: bold;*/
  padding: 0px 0 0px 0px;
  margin: 0px;
  /*background-color: #005363*/;
}


.pie {
  height: auto;
  width: 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  color: white;
  font-size: xx-small;
  padding: 5px 0 5px 10px;
  margin: 0px;
  background-color: #005363;
}

/*
.tabla{display:table; border-spacing:2px;}
.fila{display:table-row;}
.celda_titulo{display:table-cell; color:White; background:#397249; padding: 2px 4px 2px 4px; font-weight:bold;}
.celda_dato{display:table-cell; color:#397249; background:#F8FCF7; padding: 0 4px 0 4px;}
.celda2{background:white; color:green; display:table-cell; padding:0 4px 0 4px;}
*/

.titulo1 {
  height: auto;
  width: auto;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  color: #397249;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0;
}
