@font-face {
    font-family: PLUTO-SANS-COND-BOLD;
    src: url("PLUTO-SANS-COND-BOLD.OTF") format("opentype");
}
@font-face {
    font-family: PLUTO-SANS-COND-LIGHT;
    src: url("PLUTO-SANS-COND-LIGHT.OTF") format("opentype");
}
html {
	font-size: 20pt;
}
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
}
div.Salir {
    display:inline-block;
    position:absolute;
    top:15px;
    right:30px;
}
div.Salir a {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #ffffff;
}
@media screen and (max-width: 1600px) {
	html 	{font-size: 15pt;}
}
@media screen and (max-width: 1400px) {
	html 	{font-size: 12pt;}
}
@media screen and (max-width: 1200px) {
	html {	font-size: 11pt;}
}
@media screen and (max-width: 900px) {
	html	{		font-size: 9pt;	}
}
p,li {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #333333;
	max-width:80%;
}
div.ResultadoConsulta {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #333333
}
div.ContenedorTop {
	width:100%;
	position:relative;
	vertical-align:top;
	background-color:#A82362;
	background-image:url(../images/BackHeader.png);
	background-position:left top;
	background-repeat:no-repeat;
}
div.ContenedorTopVirtual {
	width:100%;
	position:relative;
	vertical-align:top;
	overflow:hidden;
}
div.Top {
	width: 90%;
	position: relative;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
}
img.imgLogoTop {
	width:10%;
	height:auto;
	min-width:100px;
	max-width:300px;
}
img.imgTopVirtual {
	width:100%;
	height:auto;
	min-width:707px;
}
img.imgLogoTopVirtual {
	width:22.59%;
	height:auto;
	top:0px;
	left:3%;
	position:absolute;
	min-width:160px;
}
div.ContenedorFooter {
	width:100%;
	position:relative;
	vertical-align:top;
	margin-top:20px;
	background-color:#A82362;
}
div.Footer {
	width: 90%;
	position: relative;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
	padding-top:10px;
	padding-bottom:10px;
}
|img.imgLogoUlp {
}
img.imgLogoGobierno {
	float:right;
}
div.ContenedorCentro {
	width:100%;
	position:relative;
	vertical-align:top;

}
div.Centro {
	width: 90%;
	position: relative;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	font-size: 0px;
}
a {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
}
p.TituloPagina {
	font-weight:bold;
	color:#004179;
	font-size:2rem;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:0.75rem;
	margin-top:0.75rem;
}
p.SubTituloPagina {
	font-weight:bold;
	color:#004179;
	font-size:1.1rem;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:1rem;
}
img.imgIdiVirutal {
	width:150px;
	height:auto;
}

/* Estilos para formularios*/
.LabelForm {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #333333;
}
.LabelFormBold {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #333333;
	font-weight:bold;
}
.LabelError {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: red;
	font-weight:bold;
}
.InputForm {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:5px;
	margin-bottom:5px;
	color:#404040;
}
.InputFormErr {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px red;
    border-top: solid 1px red;
    border-bottom: solid 1px red;
	border-left: solid 1px red;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:5px;
	margin-bottom:5px;
	color:#404040;
}
.InputMini {
	width:70px;
}
.InputChico {
	width:150px;
}
.InputAncho {
	width:300px;
}
.AnchoLibre {
	width:auto;
	max-width:600px;
}
.Boton {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:7px;
	margin-bottom:5px;
	background-color:#ffffff;
	color:#333333;
	margin-right:5px;
}
.Boton:hover {
	background-color: #A82362;
	color:#ffffff;
}
div.Botonera {
	margin-top:10px;
	display:block;
}
div.CampoForm {
	width:auto;
	display:block;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
}
select {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:4px;
	width:300px;
	margin-bottom:6px;
}
option {
    font-family: arial;
}
p.MensajeImportante {
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color:red;
	font-weight:bold;
}
div.divAdjuntos {
	display:block;
	width:300px;
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	margin-bottom:5px;
}
div.divListaAdjuntos
{
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	width: 240px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}
div.ContenedorMateriales {
    display:inline-block;
    Min-width:300px;
    vertical-align:top;
    width:calc(100% - 600px);
}
div.Materiales {
    display:block;
    vertical-align:top;
    width:100%;
}
div.AccesosLibreta {
    display:inline-block;
    width:100%;
    max-width:520px;
    margin-right:2rem;
    vertical-align:top;
}
div.AccesoLibreta {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	padding:7px;
	margin-bottom:5px;
	background-color:#ffffff;
	color:#333333;
	margin-right:5px;
    cursor:pointer;
    max-width:500px;
    position:relative;
    display:block;
}
.AccesoLibreta:hover {
	background-color: #A82362;
	color:#ffffff;
}

div.AccesoInscripcion {
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;	
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;	
    border-right: solid 1px #0a2d57;
    border-top: solid 1px #0a2d57;
    border-bottom: solid 1px #0a2d57;
	border-left: solid 1px #0a2d57;
	font-family:"Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.95rem;
	padding-right:5px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
	background-color:#0a2d57;
	color:#ffffff;
	margin-right:3px;
    cursor:pointer;
    display:inline-block;
    position:absolute;
    top:2px;
    right:0px;
}
.AccesoInscripcion:hover {
	background-color: #f59c0a;
    border-right: solid 1px #f59c0a;
    border-top: solid 1px #f59c0a;
    border-bottom: solid 1px #f59c0a;
	border-left: solid 1px #f59c0a;
	color:#000000;
}

.clearfix {
  overflow: auto;
}
table.Libreta {
    width:60%;
    max-width:1733px;
}
table.Libreta td {
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
}
table.LibretaInt {
    width:95%;
    border-collapse:collapse;
}
table.LibretaInt th.Encabezado {
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
    text-align:left;
    border-collapse:collapse;
    font-size:1rem;
    color:#b3b3b3;
    font-family: "PLUTO-SANS-COND-LIGHT","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
table.LibretaInt td.Encabezado {
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
    font-size:1rem;
    color:#b3b3b3;
    font-family: "PLUTO-SANS-COND-BOLD","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
table.LibretaInt th.EncabezadoAzul {
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
    font-size:1rem;
    background-color:#0a2d57;
    color:#ffffff;
    font-family: "PLUTO-SANS-COND-BOLD","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    text-align:left;
}
table.LibretaInt th.EncabezadoGris {
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
    font-size:1rem;
    background-color:#ededed;
    color:#0a2d57;
    font-family: "PLUTO-SANS-COND-BOLD","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    text-align:left;
}
table.LibretaInt td.Normal {
    border-right: solid 1px #b3b3b3;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #b3b3b3;
	border-left: solid 1px #b3b3b3;
    font-size:1rem;
    background-color:#ffffff;
    color:#0a2d57;
    font-family: "PLUTO-SANS-COND-BOLD","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    text-align:left;
}
table.LibretaInt td.Nota {
    padding-right:1rem;
    text-align:right;
}
table.LibretaInt td.NotaRoja {
    padding-right:1rem;
    text-align:right;
    color:red;
}
table.LibretaInt th.Left {
    border-right: none;
}
table.LibretaInt th.Right {
    border-left: none;
    padding-left:0px;
    padding-right:1rem;
    text-align:right;
}
table.LibretaInt th.Light {
    font-family: "PLUTO-SANS-COND-LIGHT","Roboto Mono","Helvetica Neue",Helvetica,Arial,sans-serif;
}

table.LibretaInt td.Separador {
    font-size:0.8rem;
}
img.imgProp {
    width:100%;
    height:auto;
}
@media screen and (max-width: 1000px) {
	div.Top 	{
		width: 95%;
	}
	div.Centro {
		width: 95%;
	}
	div.Footer 	{
		width:95%;
	}
    table.Libreta {
        width:80%;
    }
}
@media screen and (max-width: 600px) {
	img.imgLogoUlp {
		width:93px;
		height:auto
	}
	img.imgLogoGobierno {
		width:96px;
		height:auto
	}
	img.imgIdiVirutal {
		width:120px;
	}
    table.Libreta {
        width:100%;
    }
}

@media screen and (max-width: 350px) {
    table.LibretaInt th.Encabezado {
        font-size:0.85rem;
    }
    table.LibretaInt td.Encabezado {
        font-size:0.85rem;
    }
    table.LibretaInt th.EncabezadoAzul {
        font-size:0.85rem;
    }
    table.LibretaInt th.EncabezadoGris {
        font-size:0.85rem;
    }
    table.LibretaInt td.Normal {
        font-size:0.85rem;
    }
}