/* Formatos Comunes a todos los sitios */
body {
   margin-top: 0px;
   font-family: Verdana;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #545454;
}

td {
   font-family: Verdana;
   font-size: 12px;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #232323;
    text-decoration: none;
    background-color: #E0E0E0;
    border: none;
}

input {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    border: thin solid #000000;
    cursor:auto;
}

.bannercontainer {
  position: relative;
  text-align: center;
}

.tablaprincipal {
   background-image: url(../imagenes/fondo.png);
}

.fondolista1 {
    background-color: #D1D1D1;
}

.fondolista2 {
    background-color: #F5F5F5;
}

.fondolista3 {
    background-color: #7FC8FF;
}

.fondolistah1 {
    background-color: #C7D7FF;
}

.fondolistah2 {
    background-color: #D4EBFF;
}

.fondolistaadver {
    background-color: #FFDC19;
}

.fondolistarepit {
    background-color: #FF5900
}

.fondolistadest {
    background-color: #FFB7BD;
}

.fondoseparadorppal {
   background-image: url(../imagenes/cuadrado.png);
   background-repeat: repeat-x;
}

.fondoplomoppal {
   background-color: #EBE9EA;
}

.fondobotontematico {
   background-color: #EBE9EA;
}

.fondopiepagina {
   background-image: url(../imagenes/fondopiepag.gif);
   background-repeat: repeat;
   width: 1300px;
   height: 77px;
}

.fondocomunidades {
   background-color: #FFFFFF;
}

.tituloprincipal {
    font-family: Verdana;
    color: #525252;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.piedepagina {
    font-family: Verdana;
    color: #000000;
    font-size: 8px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.titulo {
    font-family: Verdana;
    color: #545454;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.titulochico {
    font-family: Verdana;
    color: #545454;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
}

.titulomuychico {
    font-family: Verdana;
    color: #545454;
    font-size: 8px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
}

.subtitulo {
    font-family: Verdana;
    color: #545454;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitulocie {
    font-family: Verdana;
    background-color: #FFFF00;
    color: #545454;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtituloinfp {
    font-family: Verdana;
    color: #545454;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitulochico {
    font-family: Verdana;
    color: #545454;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitdomingo {
    font-family: Verdana;
    color: #FF0000;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitferiado {
    font-family: Verdana;
    color: #FF8F17;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitnohabil {
    font-family: Verdana;
    color: #1466FF;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitvacaciones {
    font-family: Verdana;
    color: #00FF00;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtitclases {
    font-family: Verdana;
    color: #DE00FF;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
    text-decoration: none;
}

.subtitulodestacado {
    font-family: Verdana;
    color: #383838;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-size: 16px;
}

.detalle {
    font-family: Verdana;
    color: #262626;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border: 1px solid #E1E1E1;
    height: 20px;
}

.detallepointer {
    font-family: Verdana;
    color: #262626;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border: 1px solid #E1E1E1;
    height: 20px;
    cursor: pointer;
}

.detalleboleta {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detalleinfp {
    font-family: Verdana;
    color: #262626;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detallecertanual {
    font-family: Verdana;
    color: #262626;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detallepequeno {
    font-family: Verdana;
    color: #262626;
    font-size: 8px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border: 1px solid #E1E1E1;
    height: 20px;
}

.detallerojo {
    font-family: Verdana;
    color: #FF0000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detallerojomapanotas {
    font-family: Verdana;
    color: #FF0000;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detalleactanota {
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    width:30px;
}

.detalleactanotarojo {
    font-family: Verdana;
    color: #FF0000;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    width:30px;
}

.detalleactablanco {
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    width:20px;
}

.detalleactablanco2 {
    font-family: Verdana;
    color: #FFFFFF;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    width:40px;
}

.detallepub {
    font-family: Verdana;
    color: #262626;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border: 1px solid #E1E1E1;
    height: 20px;
}

.detallepublink {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
}

.detallepublinknorm {
    font-family: Verdana;
    color: #000000;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
}

.detallebloquepop {
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    border: 1px solid #E1E1E1;
    height: 20px;
}

.detalleappsbold {
    font-family: Verdana;
    color: #151515;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.detalleappssup {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.detalleappssubmn {
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: underline;
}

.detalledestacado {
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.detallegrandebold {
    font-family: Verdana;
    color: #000000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.detallepubnormal {
    font-family: Verdana;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.detallenotas {
    font-family: Verdana;
    color: #545454;
    font-size: 8px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.espacio {
    line-height:3px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.delete {
    font-family: Verdana;
    color: #080808;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    padding-top: 10px;
    padding-bottom: 0px;
}

.error {
    font-family: Verdana;
    color: #59BFFF;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

td#boton {
   background-color: #C0C0C0;
}

.boton {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #FFFFFF;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   background-color: #0080FF;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 4px;
   padding-right: 4px;
   text-align:center;
}

.botonvolver {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #FFFFFF;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   background-color: #0080FF;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 4px;
   padding-right: 4px;
   text-align:center;
   width: 50px;
   height: 11px;
}

.lineabotones {
   background-color: #A3D1FF;
}

.botonnotas {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #E1E1E1;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   border-width: 1px;
   border-color: #000000;
   border-spacing: 0px;
   background-color: #767676;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
   text-align:center;
}

.botonimgizq {
   background-image: url(../imagenes/flechaizquierda.gif); /* 16px x 16px */
   background-color: transparent; /* make the button transparent */
   background-repeat: no-repeat;  /* make the background image appear only once */
   background-position: 0px 0px;  /* equivalent to 'top left' */
   height: 25px;
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #00009B;
   cursor: pointer;
   font-weight: bold;
   border-style: none;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:center;
}

.botonimgder {
   background-image: url(../imagenes/flechaderecha.gif); /* 16px x 16px */
   background-color: transparent; /* make the button transparent */
   background-repeat: no-repeat;  /* make the background image appear only once */
   background-position: 70px 0px;  /* equivalent to 'top left' */
   height: 25px;
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #00009B;
   cursor: pointer;
   font-weight: bold;
   border-style: none;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:center;
}

.botonchico {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #E1E1E1;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   border-width: 1px;
   border-color: #000000;
   border-spacing: 0px;
   background-color: #767676;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 2px;
   padding-right: 2px;
   text-align:center;
}

.botonnumerico {
   font-family: Verdana;
   color: #545454;
   font-size: 12px;
   cursor: pointer;
   font-weight: bold;
   border-style: none;
   background-color: #FFFFFF;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align:center;
   font-style: normal;
   line-height: normal;
   font-variant: normal;
}

.botonrojo {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #E1E1E1;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   border-width: 1px;
   border-color: #000000;
   background-color: #FF0000;
   margin-top: 2px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   padding-right: 0px;
   text-align:center;
}

.botonazul {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   color: #E1E1E1;
   cursor: pointer;
   font-weight: bold;
   border-style: ridge;
   border-width: 1px;
   border-color: #000000;
   background-color: #0000FF;
   margin-top: 2px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   padding-right: 0px;
   text-align:center;
}

.botonoculto {
   visibility: hidden;
   border-style: none;
   background-color: transparent;
}

.clasificar {
    font-family: Verdana;
    color: #606060;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.detallechico {
    font-family: Verdana;
    color: #252525;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border: 1px solid #E1E1E1;
    height: 20px;
}

.detallechicorojo {
    font-family: Verdana;
    color: #FF0000;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
}

.destacado {
    font-family: Verdana;
    color: #222222;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.subtituloplomo {
    font-family: Verdana;
    color: #4C4C4C;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: underline;
}

.botontexto {
    font-family: Verdana;
    color: #4C4C4C;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: underline;
    cursor: pointer;
}

.botontextonot {
    font-family: Verdana;
    color: #4C4C4C;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    cursor: pointer;
}

.botontextonotap {
    font-family: Verdana;
    color: #4C4C4C;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    cursor: pointer;
}

.inputcentral {
    font-family: Verdana;
    color: #4C4C4C;
    margin-left: 0px;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    vertical-align:middle;
}

.imgborde01 {
   padding: 10px;
}

.inputtitvar {
    font-family: Verdana;
    color: #545454;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor: auto;
    text-align: left;
}

.textosportada {
    font-family: Verdana;
    color: #6F6F6F;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.textoschicosportada {
    font-family: Verdana;
    color: #6F6F6F;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.inputsinmarcoresp {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FF0000;
    text-decoration: none;
    background-color: transparent;
    border: none;
    text-align: left;
    width: 100%;
}

.inputsinmarco {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align: right;
}

.inputsinmarcocentr {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align: center;
}

.inputsinmarcolf {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align: left;
}

.inputsinmarcoleft {
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align:left;
}

.inputsinmarcodest {
    font-family: Verdana;
    font-size: 30px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FF8000;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align:left;
}

.inputsinmarcochico1 {
    margin: 0;
    padding: 0px;
    font: normal 10px Verdana, Helvetica, sans-serif;
    text-align: left;
    border: 0;
    outline: none;
    width: 100%;
    background-color: #D1D1D1;
}

.inputsinmarcochico1rt {
    padding-right: 10px;
    font: normal 10px Verdana, Helvetica, sans-serif;
    text-align: right;
    border: 0;
    outline: none;
    width: 100%;
    background-color: transparent;
}

.inputsinmarcochico2 {
    margin: 0;
    padding: 0px;
    font: normal 10px Verdana, Helvetica, sans-serif;
    text-align: left;
    border: 0;
    outline: none;
    width: 100%;
    background-color: #F5F5F5;
}

.inputsinmarcochicorojo1 {
    margin: 0;
    padding: 0;
    padding: 0px;
    font: normal 10px Verdana, Helvetica, sans-serif;
    text-align: left;
    border: 0;
    outline: none;
    width: 100%;
    color: #FF0000;
    font-weight: bold;
    background-color: #D1D1D1;
}

.inputsinmarcochicorojo2 {
    margin: 0;
    padding: 0;
    padding: 0px;
    font: normal 10px Verdana, Helvetica, sans-serif;
    text-align: left;
    border: 0;
    outline: none;
    width: 100%;
    color: #FF0000;
    font-weight: bold;
    background-color: #F5F5F5;
}

.tdinputsinmargen1  {
    padding: 0px;
    text-align: left;
    border-color: #666;
    border-style: solid;
    border-width: 0 1px 1px 0;
    background-color: #D1D1D1;
}

.tdinputsinmargen2  {
    padding: 0px;
    text-align: left;
    border-color: #666;
    border-style: solid;
    border-width: 0 1px 1px 0;
    background-color: #F5F5F5;
}

.tablainputsm {
    margin: 0;
    padding: 0;
    border-color:#666;
    border-style:solid;
    border-width:1px 0 0 1px;
    margin: 1px auto;
}

.subtitulotabla {
    border-width: 0 1px 1px 0;
    font-family: Verdana;
    color: #545454;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
    padding: 0px;
    text-align: center;
    margin: 0;
    border-color: #666;
    border-style: solid;
}

.detalletabla {
    border-width: 0 1px 1px 0;
    font-family: Verdana;
    color: #262626;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    border-color: #666;
    border-style: solid;
}

.backsincolor {
    background-color: transparent;
}

.checkbox {
    font-family: Verdana;
    font-size: 8px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #909090;
    text-decoration: none;
    background-color: transparent;
    border: none;
    margin: 0 auto;
    cursor:auto;
    text-align: center;
}

TR.seleccionable {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #000000;
    BORDER-WIDTH:medium;
    BACKGROUND-COLOR: #DEDEDE;
}

TR.seleccionable2 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #000000;
    BORDER-WIDTH:medium;
    BACKGROUND-COLOR: #C0C0C0;
}

TR.seleccionada {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #6A6A6A;
    BACKGROUND-COLOR: #57AEFF;
}

form{
   padding-left:5px;
}

.funcioneshome {
   color: #4B4B4B;
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-decoration: none;
   cursor: pointer;
}

.ptcnimagenes {
   color: #4B4B4B;
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-decoration: none;
}

.ptcnimageneslink {
   color: #4B4B4B;
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-decoration: none;
   cursor: pointer;
}

.inputrojo {
   color: #FF0000;
}

/* Formatos Particulares del Sitio */

.titindexint {
   font-style: normal;
   line-height: normal;
   font-variant: normal;
   vertical-align:top;
}

.titindexinttext {
   font-family: Verdana;
   color: #E2E2E2;
   font-weight:bold;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-variant: normal;
   vertical-align:top;
   text-align:right;
}

.titindexintano {
   font-family: Verdana;
   color: #96CEFF;
   font-weight:bold;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-variant: normal;
   vertical-align:bottom;
   text-align:right;
}

.subtituloinfpriv {
   color: #05388B;
   font-weight:normal;
   font-size: 12px;
   font-style: normal;
   font-family: Tahoma;
}

.botoningresarareaprivada {
   background-image:url(../imagenes/botoningresarareaprivada.png);
   background-repeat:  no-repeat;
   background-color: transparent;
   border: 0px;
   color: #FFFFFF;
   font-weight:normal;
   width: 90px;
   height: 27px;
   font-size: 12px;
   font-style: normal;
   font-family: Tahoma;
   text-align: center;
   cursor:pointer;
}


.botonindex1off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: normal;
   font-family: Verdana;
}

.botonindex1on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: normal;
   font-family: Verdana;
}

.botonindex2off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex2on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex3off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex3on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex4off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex4on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex5off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex5on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex6off {
   background-image:url(../imagenes/botonindexoff.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.botonindex6on {
   background-image:url(../imagenes/botonindexon.png);
   color: #797979;
   font-weight:bold;
   width: 96px;
   font-size: 12px;
   font-style: italic;
   font-family: Verdana;
   cursor:pointer;
}

.titulonoticiasprincipal {
    font-family: Verdana;
    color: #000000;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.titulonoticiasmarquesina {
    font-family: Verdana;
    color: #333333;
    font-size: 17px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.marquesinatr {
   background-image:url(../imagenes/fondonotdestacadas.png);
   height:30px;
}

#marquesinadiv {
   position: relative;
   margin-top: 10px;
   height: 30px;
}

.marquesina {
   height:30px;
}

.marquesinaa {
   color: #000000;
   font-weight:normal;
   font-size: 12px;
   font-style: normal;
   font-family: Verdana;
   height:30px;
   text-decoration: none;
   cursor:pointer;
}


html>body .obj {
   display: inline;
   vertical-align: bottom;
}

.canv {
   -ms-writing-mode: tb-rl;
}

.vertical-text-mozilla {
   -webkit-writing-mode: sideways-lr;
   -moz-writing-mode: sideways-lr;
   -ms-writing-mode: sideways-lr;
   writing-mode: sideways-lr; /* new syntax */
   color: #000000;
   font-size: 10px;
   vertical-align: bottom;
}

.td-vertical-text-ie-chr {
    vertical-align: bottom;
    padding: 0px;
}

.span-vertical-text-ie-chr {
   display: inline-block;
   overflow: hidden;
   width: 1.0em;
   line-height: 1.0em;
}

.span-vertical-text-ie-chr span {
   display: inline-block;
   white-space: nowrap;
   -webkit-transform: translate(0,100%) rotate(-90deg);
   -moz-transform: translate(0,100%) rotate(-90deg);
   /*-ms-transform: translate(0,100%) rotate(-90deg);*/
   -o-transform: translate(0,100%) rotate(-90deg);
   transform: translate(0,100%) rotate(-90deg);
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   -o-transform-origin: 0 0;
   transform-origin: 0 0;
   -ms-transform: rotate(-90deg);/*IE9: shim*/
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/*IE8: shim*/
}

.span-vertical-text-ie-chr span:after {
   content: '';
   float: left;
   margin-top: 100%;
}

.marcomensajepop {
   background-color: #F4F4F4;
   border: 1px solid #CCC;
   width: 200px;
   padding: 5px;
   display:none;
   position:absolute;
}

.marcomensajepopanotpla {
   background-color: #F4F4F4;
   border: 1px solid #CCC;
   width: 730px;
   padding: 5px;
   display:none;
   position:absolute;
   text-align:left;
}

.inputasistenciacolornegro {
   color: #000000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.inputasistenciacolorrojo {
   color: #FF0000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.inputasistenciacolornaranjo {
   color: #FF8000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.inputasistenciacolorazul {
   color: #0000FF;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;

}

.inputasistenciacolornegrolb {
   color: #000000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: none;
}

.inputasistenciacolorrojolb {
   color: #FF0000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: none;
}

.inputasistenciacolornaranjolb {
   color: #FF8000;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: none;
}

.inputasistenciacolorazullb {
   color: #0000FF;
   font-weight: bold;
   text-align: center;
   width: 16px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   border: none;
}

.subtituloasistnegro {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtituloasistrojo {
    font-family: Verdana;
    color: #FF0000;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtituloasistnaranjo {
    font-family: Verdana;
    color: #FF8000;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

.subtituloasistazul {
    font-family: Verdana;
    color: #0000FF;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-variant: normal;
}

table.notasalumnos {
   border-collapse: collapse;
   border-spacing: 0px;
   border-style: solid;
   border-color: #C6C6C6;
   border-width: 1px;
}

table.notasalumnos td {
   border-spacing: 0px;
   border-style: solid;
   border-color: #C6C6C6;
   border-width: 1px;
   padding: 0px;
}

.textareaerror {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #59BFFF;
    text-decoration: none;
    background-color: transparent;
    border: none;
    text-align: justify;
    width: 230px;
    height: 80px;
    resize: none;
    overflow: hidden;
}

.textarealf {
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor:auto;
    text-align: left;
    resize: none;
}

.titulobienvenida {
    font-family: Georgia;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #59BFFF;
    text-decoration: none;
}

.textobienvenida {
    font-family: Georgia;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #59BFFF;
    text-decoration: none;

}

/* Formatos para Gantt de Planificaciones */
.celdasemanas {
   background-color: transparent;
   border: 1px solid #000000;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   line-height: normal;
   font-variant: normal;
}

.celdaclasestransp {
   background-color: transparent;
   border: 1px solid #000000;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 9px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
}

.celdaclasesplomo {
   background-color: #BCBCBC;
   border: 1px solid #000000;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 9px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
}

.celdaclasesverde {
   background-color: #BBFFB1;
   border: 1px solid #000000;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 9px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
}

.celdaclasesrojo {
   background-color: #FFB4A8;
   border: 1px solid #000000;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 9px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
}

.celdaclaseslink {
   color: #545454;
   font-family: Verdana;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-decoration: none;
}

.celdaprogres {
   border: none;
   text-align:center;
   font-family: Verdana;
   color: #545454;
   font-size: 9px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
}

.celdaobjetivos {
   background-color: transparent;
   border: 1px solid #000000;
   text-align:justify;
   font-family: Verdana;
   color: #545454;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
   font-variant: normal;
   padding-right: 3px;
   padding-left: 2px;
}

/* Formato para mantener el encabezado fijo en el cuerpo de interno del sistema */

.header {
  padding: 0px;
  background: #FFFFFF;
  text-align: center;
}

.sticky {
  position: fixed;
  top: 0;
}

.sticky {
  padding-top: 0px;
}