#mytable {
	width: 800px;
	padding: 0;
	margin-left:auto;margin-right:auto;
}

.tabla{
	font: normal 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #777;
	border-collapse: collapse;
	border : 0px;
	margin:20px;
	width: 95% !important;
}
.tabla .nopadding{padding: 0}

caption {
	padding: 0 0 5px 0;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

label {
	padding: 0 0 5px 0;
	text-align: left;
	font: .1.0em/1.2em "Trebuchet MS", Tahoma, Arial, sans-serif;
}

th {
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 3px 3px 6px;
	background: #eee no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: none;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #ccc;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #ccc;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
tr.normalListados {
line-height:0px; 
}
tr.titulo {
color:#666666;
}
tr.alterna {
background: #666666;
}
.select_combo { color: #4f6b72;width: 150px;font-size: 12px;}
.table>tbody>tr>td>.select_combo {width: 100px !important}
.valInst {border: 1px solid #eee; background-color:#eee; padding:10px;border-radius: 10px;}
.valInst li{display: inline;list-style: none;}
input,select {
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:solid 1px #999;font-size: 12px;padding: 2px 4px 2px 6px;-moz-box-shadow: 0px 1px 0px #777;-webkit-box-shadow: 0px 1px 0px #777;
	}
.inputbig{font-size: 16px;color:#f00}
.cuadro {
font: .7em/1.2em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #666;
background: #fff;
text-align: left;
padding: 5px;
border: 1px  solid #ddd;
border-collapse: collapse;
}

.cuadro_rojo {
font: .9em/1.2em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #666;
background: #fff;
text-align: left;
padding: 5px;
border: 1px  solid #FF0000;
border-collapse: collapse;
}

.fondo_rojo {
color: #fff !important;
background: #f00 !important;
padding: 15px;
border-radius: 10px;
}

textarea{
color: #4f6b72;
background: #fff;
text-align: left;
padding: 1px;
border: 1px  solid #ddd;
font-size: 14px;
}

.topinforme{
  position: absolute;
  top: 50px;
  left:25px;
  z-index:1;
  right:0;
}
.informe{
	position:relative;
  top: 150px;
  left:0;
  z-index:1;
  padding-bottom:140px;
  right:0;
}
.w3-example {
    background-color: #f1f1f1;
    padding: 0.01em 16px;
    margin: 2px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.cursoslistado {padding: 1px 0 10px 0 !important}
.cursoslistado a{color: #ccc}
.cursoslistado a:hover{color: #f00}
.cursoslistado:hover{font-size:12px;color: #333; font-weight: bold}
.etiquetanomb {font-weight: bold;}
.green {color: green}
.red {color: red}
.white {color: white}

.big td {font-size: 11px;padding: 5px}
span.small {font-size: 8px;}
span.big {font-size: 14px;}
.descinstitucion{max-width:150px;font-size: 9px}

@media(min-width:992px) {
.modal-lg{width: 90%!important}
}
@media(min-width:562px) and @media(max-width:992px) {
.modal-lg{width: 100%!important}
.modal-dialog {width: 100% !important}
}