body{
	background-color: #EAEAEA;
	font-family: helvetica ,verdana , tahoma;
	font-size: 11pt;
	color: navy;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
#divCabecera{	
	height:80px;
	background-color: #1B5693;
	background-position: 5px -10px; 
	background-image: url('../images/logoPortal.png'); 
	background-repeat:no-repeat; 
	border:none;
	vertical-align:middle;
	text-align:center;
	-webkit-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
}
#divCabecera span{
	color:white;
	text-align:center;
	font-variant: small-caps;
	font-size: 14pt;
}
#divPie{
	background-color: #1B5693;
	height: 30px;
	-webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;	
	bottom: 0px;
	text-align:right;
	padding-right: 10px;
}
#divPie span{
	color:white;
	text-align:center;
	font-variant: small-caps;
	font-size: 8pt;
	vertical-align:bottom;
}
#divContenido{
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 450px;
	text-align: center;
}
#divLogin{
	padding-left:30%;
}
#divUser{
	right: 30px;
	float:right;
	position: relative;
	padding-top: 5px;
}
.divNavegacion{
  text-align: left;
  margin-bottom: 2em;
  padding-left: 3em;
}
.divNavegacion a{
  text-decoration: none;
}

.divNavegacion a:hover{
  text-decoration: underline;
}

.liError{
  list-style-image: url("../images/exclamation.png");
  list-style-position: outside;
  vertical-align: middle;
  padding-left: 5px;
  color: red;
  font-weight: 800;
}
input[type="text"], input[type="password"], input[type="select"], select{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted black;
	color: black;
	font-family: courier, helvetica;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	
}
textarea{
	border: 1px dotted black;
	color: black;
	font-family: courier, helvetica;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;	
}
input[type="text"]:focus, input[type="password"]:focus, input[type="select"]:focus, select:focus, textarea:focus{
	background-color:#EAEAEA;
}
.botonAzul{
	background-color: #4683B1;
	border: 1px solid silver;
}
.botonGris{
	background-color: #5B5B5B;
	border: 1px solid #292C2D;
  color: white !important;
}
button, input[type="button"], input[type="submit"], input[type="BUTTON"], input[type="SUBMIT"]{	
	-webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;	
	color: white;
	font-weight: 500;
	cursor: pointer;
}

.campoRequerido{
  border-bottom-color: red;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  
  border-top-color: red;
  border-top-style: solid;
  border-top-width: 1px;
  
  border-right-color: red;
  border-right-style: solid;
  border-right-width: 2px;
  
  border-left-color: red;
  border-left-style: solid;
  border-left-width: 1px;
  
  background-color: rgb(255,240,240);
}

.subTitulo{
  font-size: 10pt;
  color: navy;
  font-variant: small-caps;
  font-weight: 900;
}
.tablaBaseH th{
  font-size: 10pt;
  color: #1B5693;
  font-variant: small-caps;
  font-weight: 500;
  text-align: center;
  border: 1px solid #1B5693;
 /* background-color: #1B5693;*/
  
}
.tablaBaseH td{
  font-size: 8pt;
  color: black;
  font-weight: 400;
  border-bottom: 1px solid #1B5693;
}
.tablaBaseH{
  border-spacing: 0px;
  text-align: center;
}

.tablaBaseV{
  border-spacing: 0px;
  text-align: justify;
  font-size: 8pt;
  color: black;
  font-weight: 400;
}
.tablaBaseV td:first-child{
  border-spacing: 0px;
  text-align: right;
  font-weight: 900;
  color: #415693;
 /* border-left: 1px solid #1B5693;*/
}
.tablaBaseV td:last-child{
  border-spacing: 0px;
  text-align: justify;
  padding-left: 1em;
  /*border-right: 1px solid #1B5693;*/
}

/*PARA GRID*/
.display{
  color: rgb(102,102,102);
}
.display input{
  -webkit-border-radius: 4px 4px 4px 4px ;
  border-radius: 4px 4px 4px 4px ;	
  border: 1px solid black;
}
.display thead{
  color: black;
  font-family: helvetica ,verdana , tahoma;
  font-size: 10pt;
  font-weight: 900;
}
.display tbody{
  color: black;
  font-family: helvetica ,verdana , tahoma;
  font-size: 8pt;
  font-weight: 300;
}
.noWrap{
  white-space: nowrap;
}
.izquierda{
  text-align: left;
}
.gridContainer{
  padding-bottom: 80px; 
  width: 95%;
  text-align: center;
  color: rgb(102,102,102);
}
.display img{
  cursor: pointer;
}
.renglonDetalles{
  height: 150px;
  background-color: transparent;  
  border: 2px dotted rgb(102,102,102) ;
  border-top: 0;
  padding: 0;
  margin-bottom: 2em;
}
.encabezadoDetalles{
  
}
.date{
  padding-left: 0;
  width: 8em;
  cursor: pointer;
  text-align: center;
}
.display input{
  text-align: center;
  color: rgb(102,102,102);
}
b{
  font-weight: 700 !important;
}
.idSinodal{
  display: inline;
}
.cveEmp {
  border: 1px solid black !important;
  width: 80px;
  text-align: right;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#fechaCeremonia{
  border: 1px solid black !important;
  width: 110px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.buscarEmp{
  cursor: pointer;
}
.reveal-modal input[type="text"]{
  width: 250px;
}
.reveal-modal{
  text-align: left;
}
.liResultados a.elegible:link, a.elegible:visited{
  text-decoration: none;
  color: black;
  font-size: 0.8em;  
  cursor: pointer;
}
.liResultados a.elegible:hover{
  text-decoration: underline;
  color: black;
  font-size: 0.8em;
  cursor: pointer;
}
.liResultados a.noElegible{
  text-decoration: none;
  color: rgb(102,102,102);
  font-size: 0.8em;
  cursor: text;
}
.fsCabecera{
  margin-left:20%; 
  width:60%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
}