﻿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;
}
@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 {
	font-family:"Roboto Mono,Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	color: #333333;
	max-width:80%;
}
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;
}
.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;
}

.clearfix {
  overflow: auto;
}
@media screen and (max-width: 1000px) {
	div.Top 	{
		width: 95%;
	}
	div.Centro {
		width: 95%;
	}
	div.Footer 	{
		width:95%;
	}
}
@media screen and (max-width: 600px) {
	img.imgLogoUlp {
		width:93px;
		height:auto
	}
	img.imgLogoGobierno {
		width:96px;
		height:auto
	}
	img.imgIdiVirutal {
		width:120px;
	}
}
