/*
Hoja de Estilos Postgrado de Medicina
*/
@import url('https://fonts.googleapis.com/css?family=yanone-kaffeesatz+Web');
// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 200 to 700

.yanone-kaffeesatz-<uniquifier> {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
	background-color: #FAFAFA;
}

a:link { font-family:Arial, Helvetica, sans-serif; 	font-size: 12px; text-decoration: none; color: #000066; }

a:visited { font-family:Arial, Helvetica, sans-serif; 	font-size: 12px;  text-decoration: none; color: #000066; }

a:hover, a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0FA6DD;
}

a.menuli:link { font-family:Arial, Helvetica, sans-serif; font-weight:bold;	font-size: 12px; text-decoration: none; color: #999999; }
a.menuli:visited { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px;  color: #999999; }
a.menuli:hover, a.menuli:active { font-family:Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; font-size: 12px;  color: #0FA6DD; }

a.titulo:link {
	color: #0FA6DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none; color: #0FA6DD;
}
a.titulo:visited {
	color: #0FA6DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none; color: #0FA6DD;
}
a.titulo:hover, a.titulo:active {
	color: #0FA6DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none; color: #00BBFF;
}

a.menu:link {
	color: #000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}
a.menu:visited {
	color: #000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}
a.menu:hover, a.titulo:active {
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}

a.menu2:link {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}
a.menu2:visited {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}
a.menu2:hover, a.titulo:active {
	color: #36A9E1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}

.form {
clear: none;
float: none;
border-style: none;
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
}

.amarillo { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none; color: #FFFF84; }
.celeste  { font-family:Arial; font-size: 35px; font-weight:normal; margin-bottom: 0px; margin-top: 10px; color: #0FA6DD; }
.celeste30  { font-family:Arial; font-size: 30px; font-weight:normal; margin-bottom: 0px; margin-top: 10px; color: #0FA6DD; }
.celestep { font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; margin-bottom: 0px; margin-top: 10px; color: #000066; }
.celeste14 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal; margin-bottom: 0px; margin-top: 10px; color: #0FA6DD; }
.celeste12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin-bottom: 0px; margin-top: 10px; color: #0FA6DD; }
.gris14 {font-family:Arial; font-size: 14px; font-weight:normal; text-decoration: none; padding-top: 0px; text-align: left; color: #666666;}
.gris22 {font-family:Arial; font-size: 22px; font-weight:normal; text-decoration: none; padding-top: 0px; text-align: left; color: #666666;}
.gris12 {font-family:Arial; font-size: 12px; font-weight:normal; text-decoration: none; padding-top: 0px; text-align: left; color: #333333;}
.gris12f {font-family:Arial; font-size: 12px; font-weight:bold; text-decoration: none; padding-top: 0px; text-align: left; color: #333333;}
.gris10 {font-family:Arial; font-size: 10px; font-weight:normal; text-decoration: none; padding-top: 0px; color: #666666;}
.gris8 {font-family:Arial; font-size: 8px; font-weight:normal; text-decoration: none; padding-top: 0px; color: #666666;}
.grisf {font-family:Arial; font-size: 12px; font-weight:bold; text-decoration: none; padding-top: 0px; text-align: left; color: #999999;}
.blanco20 { font-family:Arial; font-size: 20px; font-weight:normal; margin-bottom: 0px; margin-top: 10px; color: #FFFFFF; }
.blancof16 { font-family:Arial; font-size: 16px; font-weight:bold; margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; }
.blanco16 { font-family:Arial; font-size: 16px; font-weight:normal; margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; }
.blancof14 { font-family:Arial; font-size: 14px; font-weight:bold; margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; }
.blanco14 { font-family:Arial; font-size: 14px; font-weight:normal; margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; }
.blancof12 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; padding-top: 0px; padding-bottom:0; text-align: left; color: #FFFFFF;}
.blanco12 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; padding-top: 0px; padding-bottom:0; text-align: left; color: #FFFFFF;}
.azul {font-family:Arial, Helvetica, sans-serif; font-size: 1.2rem; font-weight:bold; color: #2B426B;}
.azul10 {font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; padding-top: 0px; padding-bottom:0; text-align: left; color: #2B426B;}
.azul2 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; padding-top: 0px; padding-bottom:0; text-align: left; color: #2B426B;}
.azul4 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding-top: 0px; padding-bottom:0; text-align: left; color: #2B426B;}
.negro10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color: #000000; }
.negro11 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #000000; }
.negro11f { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000000; }
.negro12 { font-family:Arial; font-size: 12px; font-weight:normal; color: #000000; }
.negro12f { font-family:Arial; font-size: 12px; font-weight:bold; color: #000000; }
.negro14 { font-family:Arial; font-size: 14px; font-weight:normal; color: #000000; }
.negro14f { font-family:Arial; font-size: 14px; font-weight:bold; color: #000000; }
.negrom { font-family:Arial; font-size: 1.2rem; font-weight:bold; color: #000000; }
.negro22 { font-family:Arial; font-size: 22px; font-weight:bold; color: #000000; }
.rojo12 {font-family:Arial; font-size: 12px; font-weight:normal; text-decoration: none; padding-top: 0px; text-align: left; color: #FF0000;}
.rojo22 {font-family:Arial; font-size: 22px; font-weight:normal; text-decoration: none; padding-top: 0px; text-align: left; color: #FF0000;}

.cargando {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../g/cargandog.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

transparente{
	opacity: 0.9;
	text-align: center;
}

menuapli{
	width: 100%;
}
/* Slideshow jquery */

#menu {
	/* width:804px; */
	height:28px;
	border:0px;
	margin:0 auto; /* centra el contenedor */
	margin-top:0px;
	margin-left:25px;
	padding:0px;
	background-color:#B0B2B0;
}

pie {
	/*width:1004px;*/
	height:110px;
	border:0px;
	margin:0 auto; /* centra el contenedor */
	background-color: #545454;
	bottom: 0;
  	padding: 13px 0 4px;
    position: fixed;
    width: 100%;
    z-index: 500;
	/*background-image:url(../g/pie001.jpg);
	background-size:cover;*/
}

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablenotas tbody td {
	padding: 3px;
}

.grid-item:nth-child(2n){
	background-color: #1A83B5;
}
.grid-item:nth-child(2n+1){
	background-color: #37A8E0;
}
.grid{
	padding: 1rem;
	margin: 0 auto;
	width:90%;
}
.grid-item{
	padding: 1rem;
	border-radius:1rem;
	display: inline-block;
}
.grid{
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: .5rem;
}

.table-fixed{
  width: 100%;
 /* background-color: #f3f3f3;*/
  tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
    }
  thead,tbody,tr,td,th{
    display:block;
  }
  tbody{
    td{
      float:left;
    }
  }
  thead {
    tr{
      th{
        float:left;
       /*background-color: #f39c12;
       border-color:#e67e22;*/
      }
    }
  }
}

#capsLock {
    background-color: #444444;
    background-image:         linear-gradient(#666666, #333333);
    background-image:    -moz-linear-gradient(#666666, #333333);
    background-image: -webkit-linear-gradient(#666666, #333333);
    background-image:      -o-linear-gradient(#666666, #333333);
    border: 0.083em solid #000000;
    border-radius: 0.666em;
    color: #FFFFFF;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    padding: 0.666em;
}

#led {
    border-radius: 0.333em;
    display: block;
    float: right;
    height: 0.666em;
    margin-left: 1.333em;
    width: 0.666em;
}

#capsLock .off {
    background-color: #333333;
}

#capsLock .on {
    background-color: #C0FF80;
    box-shadow: 0 0 0.1875em #FFFFFF;
}