body {
      padding: 0px; margin: 0px; font-family: sans-serif; background: #0C81AD;
    }
    .txtIzq { text-align: left; }
    .txtCen { text-align: center; }
    .txtDer { text-align: right; }
    .txtJus { text-align: justify; }
    .cur { cursor: pointer; }
    .AnchoPag {width: 1000px; margin: 0px auto;}
    .menuTop {
      position: fixed; width: 100%;z-index: 1050;
    }
    .menuTop .nav1 {   background: rgb(36,99,167); background: linear-gradient(0deg, rgba(36,99,167,1) 0%, rgba(70,124,199,1) 100%);  color: #FFF; height: 48px; }
    .menuTop .nav1 .conten { padding: 0px;}
    .menuTop .nav1 .conten .titulo { width: 350px; display: inline-block; padding-top: 3px; }
    .menuTop .nav1 .conten .titulo strong {font-size: 17px; letter-spacing: 1px; text-shadow: 0px 0px 5px #FFF, 1px 1px 0px #333;}
    .menuTop .nav1 .conten .titulo em {font-size: 13px; display: block; letter-spacing: 1px;}
    .menuTop .nav1 .conten .icons { width: 250px; display: inline-block; float: right; text-align: right;}
    .menuTop .nav1 .conten .icons ul { margin: 0px; display: block; padding: 0px; list-style: none; }
    .menuTop .nav1 .conten .icons ul li {display: inline-block; width: 35px; color: #FFF; background:#2D83A4; text-align:center; padding: 10px 5px; }
    .menuTop .nav1 .conten .icons ul li em { font-size: 1.6em; }

    .menuTop .nav2 {  background: rgb(235,235,235);
background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(213,213,213,1) 100%); color: #000; text-align:center; height: 30px; border-bottom: 2px solid #333; box-shadow: -2px 5px 10px #333;}
    .menuTop .nav2 ul { margin: 0px; display: inline-block; padding: 0px; list-style: none; }
    .menuTop .nav2 ul li.ico {display: inline-block; color: #000; padding: 5px; }
    .menuTop .nav2 ul li.ico { padding: 3px 2px 2px 2px; float: left; margin-right: 5px; }
    .menuTop .nav2 ul li em { font-size: 1.3em; }

    /* * * * */


div.nav2::after {
  display: block;
  content: '';
  clear: both;
}

div.nav2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div.nav2 ul li {
  float: left;
  position: relative;
  margin-right: 5px;
}

div.nav2 ul li span {
  display: inline-block; color: #000; padding: 4px 4px 4px 8px;
}

div.nav2 ul li span:hover, div.nav2 ul li span:focus {
  background: #e7e9ef;
  color: #000;
}

div.nav2 ul li span:not(:only-child)::after {
  padding-left: 4px;
  content: ' ▾';
}

div.nav2 ul li ul li {
  min-width: 150px;
}

div.nav2 ul li ul li span {
  background: transparent;
  color: #4a5666;
  border-bottom: 1px solid #DDE0E7;
}

.dropdown {
  text-align: left !important;
  display: none;
  position: absolute;
  margin-top: 8px !important;
  margin-left: 0px !important;
  padding: 10px;
  background: transparent url('bg/blanco_opa.png');
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 5px;
}

.dropdown ul li {
  padding: 3px 10px 3px 5px; 
  border-left: 3px solid transparent;
  color:  rgb(36,99,167);
  display: block;
  margin: 2px 0px;
  font-size: 12px; 
  transition: .5s;
  cursor: pointer;
}
.dropdown ul li:hover, .dropdown ul li:focus {
  border-color: green;
  color: green;
  padding-left: 5px;
  padding-right: 10px;
}

.dropdown::after {
  content: '';
  position: absolute;
  left: 25px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
}

.dropdown:hover::after {
  border-bottom: 8px solid #F6F7F9;
}


#content h2 {color:#0085cc;}
#content table {border:2px solid #cfcfcf;}
#content table th {border-right:1px solid #0074B3; font-variant: small-caps; text-align: center; background-color:#0085cc; color:#fff;}
#content table td {border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

  /* anchos importantes */
  ._1i { width: 1% !important; } ._2i { width: 2% !important; } ._3i { width: 3% !important; } ._4i { width: 4% !important; } ._5i { width: 5% !important; } ._6i { width: 6% !important; } ._7i { width: 7% !important; } ._8i { width: 8% !important; } ._9i { width: 9% !important; } ._10i { width: 10% !important; } ._11i { width: 11% !important; } ._12i { width: 12% !important; } ._13i { width: 13% !important; } ._14i { width: 14% !important; } ._15i { width: 15% !important; } ._16i { width: 16% !important; } ._17i { width: 17% !important; } ._18i { width: 18% !important; } ._19i { width: 19% !important; } ._20i { width: 20% !important; } ._21i { width: 21% !important; } ._22i { width: 22% !important; } ._23i { width: 23% !important; } ._24i { width: 24% !important; } ._25i { width: 25% !important; } ._26i { width: 26% !important; } ._27i { width: 27% !important; } ._28i { width: 28% !important; } ._29i { width: 29% !important; } ._30i { width: 30% !important; } ._31i { width: 31% !important; } ._32i { width: 32% !important; } ._33i { width: 33% !important; } ._34i { width: 34% !important; } ._35i { width: 35% !important; } ._36i { width: 36% !important; } ._37i { width: 37% !important; } ._38i { width: 38% !important; } ._39i { width: 39% !important; } ._40i { width: 40% !important; } ._41i { width: 41% !important; } ._42i { width: 42% !important; } ._43i { width: 43% !important; } ._44i { width: 44% !important; } ._45i { width: 45% !important; } ._46i { width: 46% !important; } ._47i { width: 47% !important; } ._48i { width: 48% !important; } ._49i { width: 49% !important; } ._50i { width: 50% !important; } ._51i { width: 51% !important; } ._52i { width: 52% !important; } ._53i { width: 53% !important; } ._54i { width: 54% !important; } ._55i { width: 55% !important; } ._56i { width: 56% !important; } ._57i { width: 57% !important; } ._58i { width: 58% !important; } ._59i { width: 59% !important; } ._60i { width: 60% !important; } ._61i { width: 61% !important; } ._62i { width: 62% !important; } ._63i { width: 63% !important; } ._64i { width: 64% !important; } ._65i { width: 65% !important; } ._66i { width: 66% !important; } ._67i { width: 67% !important; } ._68i { width: 68% !important; } ._69i { width: 69% !important; } ._70i { width: 70% !important; } ._71i { width: 71% !important; } ._72i { width: 72% !important; } ._73i { width: 73% !important; } ._74i { width: 74% !important; } ._75i { width: 75% !important; } ._76i { width: 76% !important; } ._77i { width: 77% !important; } ._78i { width: 78% !important; } ._79i { width: 79% !important; } ._80i { width: 80% !important; } ._81i { width: 81% !important; } ._82i { width: 82% !important; } ._83i { width: 83% !important; } ._84i { width: 84% !important; } ._85i { width: 85% !important; } ._86i { width: 86% !important; } ._87i { width: 87% !important; } ._88i { width: 88% !important; } ._89i { width: 89% !important; } ._90i { width: 90% !important; } ._91i { width: 91% !important; } ._92i { width: 92% !important; } ._93i { width: 93% !important; } ._94i { width: 94% !important; } ._95i { width: 95% !important; } ._96i { width: 96% !important; } ._97i { width: 97% !important; } ._98i { width: 98.3% !important; } ._99i { width: 99.3% !important; } 
  /* anchos normales en % */ 
  ._1 { width: 1%; } ._2 { width: 2%; } ._3 { width: 3%; } ._4 { width: 4%; } ._5 { width: 5%; } ._6 { width: 6%; } ._7 { width: 7%; } ._8 { width: 8%; } ._9 { width: 9%; } ._10 { width: 10%; } ._11 { width: 11%; } ._12 { width: 12%; } ._13 { width: 13%; } ._14 { width: 14%; } ._15 { width: 15%; } ._16 { width: 16%; } ._17 { width: 17%; } ._18 { width: 18%; } ._19 { width: 19%; } ._20 { width: 20%; } ._21 { width: 21%; } ._22 { width: 22%; } ._23 { width: 23%; } ._24 { width: 24%; } ._25 { width: 25%; } ._26 { width: 26%; } ._27 { width: 27%; } ._28 { width: 28%; } ._29 { width: 29%; } ._30 { width: 30%; } ._31 { width: 31%; } ._32 { width: 32%; } ._33 { width: 33%; } ._34 { width: 34%; } ._35 { width: 35%; } ._36 { width: 36%; } ._37 { width: 37%; } ._38 { width: 38%; } ._39 { width: 39%; } ._40 { width: 40%; } ._41 { width: 41%; } ._42 { width: 42%; } ._43 { width: 43%; } ._44 { width: 44%; } ._45 { width: 45%; } ._46 { width: 46%; } ._47 { width: 47%; } ._48 { width: 48%; } ._49 { width: 49%; } ._50 { width: 50%; } ._51 { width: 51%; } ._52 { width: 52%; } ._53 { width: 53%; } ._54 { width: 54%; } ._55 { width: 55%; } ._56 { width: 56%; } ._57 { width: 57%; } ._58 { width: 58%; } ._59 { width: 59%; } ._60 { width: 60%; } ._61 { width: 61%; } ._62 { width: 62%; } ._63 { width: 63%; } ._64 { width: 64%; } ._65 { width: 65%; } ._66 { width: 66%; } ._67 { width: 67%; } ._68 { width: 68%; } ._69 { width: 69%; } ._70 { width: 70%; } ._71 { width: 71%; } ._72 { width: 72%; } ._73 { width: 73%; } ._74 { width: 74%; } ._75 { width: 75%; } ._76 { width: 76%; } ._77 { width: 77%; } ._78 { width: 78%; } ._79 { width: 79%; } ._80 { width: 80%; } ._81 { width: 81%; } ._82 { width: 82%; } ._83 { width: 83%; } ._84 { width: 84%; } ._85 { width: 85%; } ._86 { width: 86%; } ._87 { width: 87%; } ._88 { width: 88%; } ._89 { width: 89%; } ._90 { width: 90%; } ._91 { width: 91%; } ._92 { width: 92%; } ._93 { width: 93%; } ._94 { width: 94%; } ._95 { width: 95%; } ._96 { width: 96%; } ._97 { width: 97%; } ._98 { width: 98.3%; } ._99 { width: 99.3%; }
  .Link, .Enlace,a, a:active, a:visited, a:link { text-decoration: underline; cursor: pointer;}
  .NoUnder {text-decoration: none !important; cursor: pointer;}
  .cross {cursor: crosshair;}
  .subra {display: inline-block; font-style: italic; border-bottom: 1px dashed transparent; padding-bottom: 2px; }
  .LinkTitle, .EnlaceTitle { text-decoration: none; border-bottom: 1px solid transparent; cursor: pointer; }
  .InLine,.Inline {display: inline-block !important;} .InBlock {display: block !important;}
  .Upper {text-transform: uppercase;}
  .viewBorder { border: 1px solid blue; }
  .p_d {float: right;}
  .p_i {float: left;}

    .UnderInfo{ display: inline-block; cursor: help; padding-bottom: 2px;}
  .Copy:hover {cursor: crosshair;}
  .listOver { font-style: italic; text-decoration: underline;}

  /* Colores */
  .clr_Red { color: red !important; } .clr_darkRed { color: darkred !important; }
  .clr_Black { color: #000 !important; } .clr_White { color: #FFF !important; }
  .clr_Gray { color: gray !important; } .clr_Blue { color: blue !important; }
  .clr_Green { color: green !important; } .clr_Yellow { color: yellow !important; }
  .clr_lightGreen { color: lightgreen !important; } 
  .sha_Black { text-shadow: 1px 1px 0px #000 !important; } .sha_BlackWhite {text-shadow: 1px 1px 0px #333, 0px 0px 5px #FFF !important; }

  /* bg Colores */
  .bgSquares {background-image: url('bg/squares.png') !important; }
  .bgColor_Bar1 {background-color: #055F94 !important; }
  .bgColor_White {background-color: #FFF !important; }
  .bgColor_Grey { background-color: #c0c0c0 !important; }
  .bgColor_LightGreen { background-color: #669900 !important; }
  .bgColor_LiGreen { background-color: lightgreen;}
  .bgColor_DarkGreen { background-color: darkgreen !important; }
  .bgColor_Green { background-color: green !important; }
  .bgColor_DarkBlue { background-color: #2BB0D7 !important; }
  .bgColor_Blue { background-color: blue !important; }
  .bgColor_LiBlue { background-color: lightblue;}
  .bgColor_Black { background-color: #444 !important; }
  .bgColor_DarkRed { background-color: darkred !important; }
  .bgColor_Red { background-color: red !important; }
  .bgColor_LiRed { background-color: #FF6F6F !important; }
  .bgColor_DarkOrange { background-color: darkorange !important; }
  .bgColor_Orange { background-color: orange !important; }
    /* panel del estudiante */
  .bgLightGreen { background: #669900 url('bg/squares.png') !important; }
  .bgGreen { background: darkgreen url('bg/squares.png') !important; }
  .bgBlack { background: #444 url('bg/squares.png') !important; }
  .bgRed { background: darkred url('bg/squares.png') !important; }
  .bgLightRed { background: #FF6F6F url('bg/squares.png') !important; }
  .bgGrey { background: #c0c0c0 url('bg/squares.png') !important; }
  .bgWhite { background: #FFF url('bg/squares.png') !important; }
  .bgOrange { background: darkorange url('bg/squares.png') !important; }
  .bgBlue { background: #2BB0D7 url('bg/squares.png') !important; }
  .bgWhite { background: #FFF url('bg/squares.png') !important; }
  /* otros bgs*/
  
  /* colores de Reticula*/
  .bgEsp {background-color: #FFFFC4;} .bgGen {background-color: #FFF;}
  .bgOtro {background-color: #E1E1E1;} .bgCursando { background-color: #E6F7FF;}
  .bgCursado {background-color: #CCFFCC;} .bgRepite {background-color: #CCCCFF;}
  .bgEspecial {background-color: #FFB9B9;} .bgEquivalencia {background-color: #FFE6FF;}
  .bgRevalidacion {background-color: #D8B1B1;} .bgConvalidacion {background-color: #FFCC99;}


/* =========================== */

  .tarjeta { display: inline-block; margin: 10px; }
  .tarjeta .cuadro { background: #FFF; border-radius: 5px 5px 0px 0px; height: 250px; }
  .tarjeta .cuadro .titulo { background-color: #267DA1; color: #FFF; padding: 5px 5px 6px 5px; height: 21px; font-variant: small-caps; font-size: 16px; border-radius: 5px 5px 0px 0px; }
  .tarjeta .cuadro .titulo span { background-color: #000; color: #FFF; margin: -5px 5px 0px -5px; padding: 4px 5px 1px 5px; float: left; font-size: 1.4em; }
  .tarjeta .cuadro .contenido { margin: 5px; line-height: 140%; color: #222; }
  .tarjeta .pie { background-color: #073567; color: #DDD; padding: 5px; font-variant: small-caps; font-size: 12px; border-radius: 0px 0px 5px 5px; text-align: center; }

  .lateral { margin: 10px 10px 20px 10px; display: block; }
  .lateral .titulo { background-color: #267DA1; color: #FFF; padding: 8px; height: 18px; font-variant: small-caps; font-size: 14px; border-radius: 5px 0px 0px 0px; }
  .lateral .titulo span { background-color: #000; color: #FFF; margin: -8px -8px 0px 0px; padding: 6px 8px 5px 8px; float: right; font-size: 1.4em; }
  .lateral .contenido { background-color: #FFF; font-size: 11px; color: #222; padding: 5px; border-radius: 0px 0px 5px 5px; }
  .lateral .contenido ul { margin: 0px; padding: 0px; list-style: none; }
  .lateral .contenido ul li { padding: 5px; border-bottom: 1px solid #AAA; }

  /* select y checkbox */
.select-css, .pag_select {
  -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  border: 0px none; 
  border-bottom: 2px solid transparent; 
  border-radius: 0px !important; 
  outline: 0px none;
  resize: none;  
  margin: 0px; 
  font-family: Arial; 
  font-size: 12px !important;
  text-align:left;
  padding: 2px 24px 2px 4px; 
  height: 28px;
  display: inline-block; 
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    border-bottom: 2px solid #C05D0B;
    background: url('../../images/pic/c-16/down.png') right center no-repeat, linear-gradient(to bottom, #ffffff 0%,rgb(245,245,220) 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1.3em auto, 100%;
}
.select-css::-ms-expand, .pag_select::-ms-expand {
  display: none;
}
.select-css:hover, .pag_select:hover {
  border-color: #888;
}
.select-css:focus, .pag_select:focus {
  border-color: #aaa;
  color: #222; 
  outline: none;
  padding-left: 24px;
  background: url('bg/hand.png') 5px 8px no-repeat, linear-gradient(to bottom, #ffffff 0%,#E8F1C0 100%);
}
.select-css option, .pag_select option {
  font-weight:normal;
}

.classOfElementToColor:hover {background-color:red; color:black}

.select-css option[selected], .pag_select option[selected] {
    background-color: orange;
}

.select-css option, .pag_select option, .select-css optgroup, .pag_select optgroup {
    font-size: 12px;
}

/* Botones */

/* Botones Span */
  .icoPrimary, .icoSuccess, .icoDanger, .icoWarning, .icoDark {display: inline-block; color: white; padding: 2.5px; margin: 1px; border: 1px solid transparent; font-size: 15px; cursor: pointer; border-radius: 3px; text-align: center;}
  .btnPrimary, .btnSuccess, .btnDanger, .btnWarning, .btnDark {display: inline-block; color: white; padding: 4px; margin: 1px; border: 1px solid transparent; font-size: 13px; cursor: pointer; border-radius: 3px; text-align: center;}
  
  .btnPrimary, .icoPrimary {background-color: #126C98; color: white; text-shadow: 1px 1px 0px #222,0px 0px 4px #EEE;}
  .btnSuccess, .icoSuccess {background-color: #007000; color: white; text-shadow: 1px 1px 0px #222,0px 0px 4px #EEE;}
  .btnDanger, .icoDanger {background-color: #880000; color: white; text-shadow: 1px 1px 0px #222,0px 0px 4px #EEE;}
  .btnWarning,.icoWarning {background-color: #996600; color: white; text-shadow: 1px 1px 0px #222,0px 0px 4px #EEE;}
  .btnDark,.icoDark {background-color: #000; color: white; text-shadow: 1px 1px 0px #EEE,0px 0px 4px #333;}

  .btnDisabled, .btnDisabled:hover, .icoDisabled, .icoDisabled:hover   {background-color: #C0C0C0; color: gray; text-shadow: 1px 1px 0px #222,0px 0px 4px white;}

  .btnPrimary:hover, .icoPrimary:hover { background: #126C98 url('bg/lava4.png') center -5px no-repeat; border-color: #002D2D;}
  .btnSuccess:hover, .icoSuccess:hover { background: #007000 url('bg/lava4.png') center -5px no-repeat; border-color: #005000;}
  .btnDanger:hover, .icoDanger:hover { background: #880000 url('bg/lava4.png') center -5px no-repeat; border-color: #550000;}
  .btnWarning:hover,.icoWarning:hover { background: #CC8A00 url('bg/lava4.png') center -5px no-repeat; border-color: #714D00;}
  .btnDark,.icoDarkl:hover { background: #0066FF url('bg/lava4.png') center -5px no-repeat; border-color: #3399FF;}
/* * * * */

.input-text {padding:3px; font:100%/1.5 "arial", sans-serif; width: 98%;}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif; width: 98%;}
.input-submit {padding:5px; font-size:120%;}
.input-submit-02 {padding:1px; font-size:100%;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("bg/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("bg/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("bg/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("bg/ico-delete.gif") 10px 50% no-repeat;}