@charset "utf-8";
/* CSS Document// <meta http-equiv="Refresh" content="0; URL=<?Php $_SERVER ['SERVER_NAME']; ?>/cedurecreo/apps/index.php" />	 */

  #divInfo{
	
	color:green;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}


#apDivListaValAsp{
	z-index:0;
	width:auto;
	height:400px;
	overflow:auto;
	border-spacing:0px;
	
}
#DivLista{
     width:auto;
	height:400px;
	overflow:auto;
	border-spacing:0px;
}

#DivListaC{
	
	width:auto;
	height:50px;
	overflow:auto;
	border-spacing:0px;
	
}

#DivContenido{
	
	width:100%;
	height:550px;
	overflow:auto;
	border-spacing:0px;
	
}


#TblPrincipal{
	
	width:100%;
	border-spacing:0px;
	
}

#TblPrincipal2{
	
	width:100%;
	border-spacing:0px;
	
}

#TblBarraHerramientas{
	
	height:42px;
	width:100%;

}

#apDivVentana {
	position:absolute;
	left:273px;
	top:149px;
	width:267px;
	height:114px;
	z-index:2;
	visibility:hidden;	
}

#TblVentana{
	
	border:#76ADC5 2px solid;
	width:600px;
	height:200px;
	background-color:#F4F4F4;
	background-image:url(../graficos/interfaz/bgventana.png);
	background-position:bottom;
	background-repeat:rsepeat-x;
	
}

#apDivContentPp {
	position:absolute;
	top:30px;
	width:546px;
	height:241px;
	background-image:url(../graficos/bgcontent.png);
	z-index:1;
	visibility:visible;
}


.labelNomApe{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	
}
.lblerror{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#FF0000;
	
	
	
}
.lblNota{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	color:#000000;
	
	
	
}
.lblalert{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#FFFFFF;
	
	
	
}

.labelEditPerfil{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:500;
	color:#d3d0d0;
	text-shadow:#999;
	cursor:pointer;
	
}
.txtaviso{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:500;
	color:#039;
	text-shadow:#999;
	
	
}

.tdClassMnuOpciones{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#09C;
	border:#00B8E8 none 1px;
	
	
	}
.tdClassMnuOpciones:hover{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#339;
	border:#00B8E8 none 1px;
	cursor:pointer;
	text-shadow:1px 1px #fff;
	background-position:70px -76px; background-color:#FFF;
	 
	
}

.classSalir{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#F00;
	border:#00B8E8 none 1px;
	
	
	}
.classSalir:hover{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#C00;
	border:#00B8E8 none 1px;
	cursor:pointer;
	text-shadow:1px 1px #fff;
	background-position:70px -76px; background-color:#FFF;
	 
	
}
.tdClassMnu{
	
	font:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	color:#FFF;

}

.tdClassMnu:hover{
	
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	background:url(../graficos/mnuover.png) repeat-x;
	cursor:pointer;
	
}

.tdClassMnuOpcionesAnular{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#900;
	border:#ED6767 solid 1px;
	background-color:#FBDFDF;
	
}

.tdClassMnuOpcionesAnular:hover{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border:#ED6767 solid 1px;
	background-color:#F5ABAB;
	cursor:pointer;
	
}


/* ESTILOS PARA FORMULARIOS */

.headerForm{
	
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:30px;
	
}
.headerLista{
	
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	background:url(imgs/bar_origina.png) repeat-x;
	color:#222;
	
}

.headerCampo{
	
	color:#036; 
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	width:auto;
	
}
.divInfo{
	
	color:green;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}
.InfoMax{
	
	color:gray;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}

.headerseg{
	
	color:#FF0000; 
	font-size:10px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	width:auto;
	
}


.headerComponente{
	
	color:#FFFFFF; 
	font-size:10px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	width:auto;
	
}
.headerListados{
	
	color:#000; 
	background-color:#8DD2F0;
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	
}

.trColor1{
	
	color:#000; 
	font-weight:bold; 
	font-size:10px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColor1:hover{
	
	background-color:#FFCC33; 
	/*background:url(../graficos/mnuover.png);*/
	font-weight:bold; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColor2{
	
	/*font-weight:bold; */
	font-size:10px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColor2:hover{
	
   background-color:#FFCC33; 
	/*background:url(../graficos/mnuover.png);*/
	font-weight:bold; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColorInactivo{

	background-color:#CCC; 
	/*font-weight:bold; */
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif;

}
.tdGrupo{

	background-color:#CCC; 
	/*font-weight:bold; */
	font-size:10px; 
	font-family:Verdana, Geneva, sans-serif;

}

.inputTxt{
	
	border:#D2D6D9 2px solid;
	width:100%;
	height:23px;
	background-color:#FFF;
	text-transform:uppercase;
	
}

.inputTxt:focus{
	
	border:#D2D6D9 1px solid;
	width:100%;
	height:23px;
	background-color:#ffffcc;
	
}
.inputText{
	
	border:#D2D6D9 2px solid;
	width:100%;
	height:23px;
	background-color:#FFF;
	text-transform:capitalize;
	text-align:center;
	
}

.inputText:focus{
	
	border:#D2D6D9 1px solid;
	width:100%;
	height:23px;
	background-color:#ffffcc;
	
}

.inputTxtCert{
	
	border:none;
	width:100%;
	height:23px;
	background-color:#FFFFCC;
	
	
}

.inputTxtCert:hover{
	
	border: none;
	width:100%;
	height:23px;
	background-color:#FFCC66;
	cursor:pointer;
	
}

.inputTxtCert:focus{
	
	border:#D2D6D9 1px solid;
	width:100%;
	height:23px;
	background-color:#FFFFCC;
	
}

.inputBtn{
	
	background-image:url(../graficos/btngris.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	color:#000;
	font-weight:bold;
	text-align:center;
	width:143px;
	height:36px;
	
}

.inputBtn:hover{
	
	background-image:url(../graficos/btnazul.png);
	background-repeat:no-repeat;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:143px;
	height:36px;
	cursor:pointer;
	
}

#apDivHistoryColeg{
	
	height:200px;
	overflow:auto;

}

.txtBuscaUsuario{

	background-image:url(../graficos/txt_ico_buscar.png); 
	background-repeat:no-repeat;
	background-color:#FFF;
	border:#D2D6D9 1px solid;
	
	padding: 0px 15px 0px 32px;
	cursor:text;
	
	height:21px; 
	width:200px;

}
.btnclass {
  
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
	cursor:pointer;
}.btnclass:hover {
	background-color:#fff6af;
}.btnclass:active {
	position:relative;
	top:1px;
}
#overlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
z-index: 999;
background-image: url('/graficos/overlay.gif');
}
#master {
clear: both;
padding-bottom: 1em;
}
.close {
cursor:pointer;
float: right;
}

.txtArea{
	
	width:100%;height:100px;border: 1px solid  ;resize: none;font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;
	
}

.txtArea:focus{
	
	width:100%;height:100px;border: 1px solid #990000;resize: none;font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;
	resize: none;
	
}
.button {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   font: bold 30px Sans-Serif;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
}

.button:hover, .button:focus {
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}

.button:active {
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}

.MenuCita{
	
	font:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	color:#FFF;
	
	background-color:#3399CC;
	
	cursor:pointer;

}

.MenuCita:hover{
	
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFF99;
	background-color:#0099FF;
	
	cursor:pointer;
	
}

.btnclass2 {
  
	-moz-box-shadow:inset 0px 1px 0px 0px #0099FF;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0099FF;
	box-shadow:inset 0px 1px 0px 0px #0099FF;
	background-color:#0099CC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0099FF;
	display:inline-block;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
	cursor:pointer;
}.btnclass2:hover {
	background-color:#0076CC;
}.btnclass2:active {
	position:relative;
	top:1px;
}

.inputList{
	
	border:#D2D6D9 1px solid;
	width:100%;
	height:23px;
	background-color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bolder;
	
}

.inputList:focus{
	
	border:#D2D6D9 1px solid;
	width:100%;
	height:23px;
	background-color:#ffffcc;
	font-size:12px;
	font-weight:bolder;
	
}
/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

.table {font: 100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

.table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

.table a:visited {color: #777;}

.table a:hover {color: #000;}  

.table caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

.table thead th {background: #3A4856; padding: 5px 5px; color: #fff; text-align: left; font-weight: normal;}

.table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

.table tbody {border-bottom: 1px solid #EAECEE;}
                      
.table tbody td, table tbody th {padding: 5px; background: url("td_back.gif") repeat-x; text-align: left; font-size:12px;}

.table tbody tr {background: #F3F5F7;}

.table tbody tr.odd {background: #F0F2F4;}

.table tbody  tr:hover {background: #EAECEE; color: #111;}

.table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}

.trColorIn{
	
	color:#000; 
	font-weight:bold; 
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColorIn:hover{
	
	background:#FFFFCC; color: #111; 
	font-weight:bold; 
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColorOut{
	
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;

}

.trColorOut:hover{
	
   background:#FFFFCC; color: #111;
	font-weight:bold; 
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif;

}
.contenedor{
	width:99%;
	height:60px;
	background-color:#39C;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	color:#FFF;
	font-weight:bolder;
	display: flex;
    justify-content: center;
    flex-direction: row;
	text-shadow: black 0.1em 0.1em 0.2em;
	padding-left:10px;
	margin-bottom:15px;
	box-shadow: 2px 2px 10px #666; 

}

.contenedor > div{
	width:33%;
	background-color:#700
}
.dvCont{
	background-color:#EEE;
	padding-left:5px;
	padding-bottom:20px;
	padding-right:10px;
	border:none;
	height:auto;
	
	
	
}
.dvContP{
	background-color:#555;
	color:#FFF;
	padding-left:10px;
	margin-bottom:5px;
	padding-right:10px;
	border:none;
	height:30px;
	vertical-align:middle;
	font-family:"Arial Black", Gadget, sans-serif;
	justify-content: center;
	flex-direction: column;
    align-content: center;
    flex-direction: column;

}
.TxtNew{
	width:100%;
	height:25px;
	background-color:transparent;
	text-transform:capitalize;
	font-size:14px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#444;
}

.TxtNew:focus{
	width:100%;
	height:25px;
	background-color:#ffffcc;
	text-transform:capitalize;
	font-size:14px;

}

.select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 400px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css option {
 font-weight:normal;
}


/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

.tablaNew {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
width: 100%;
cursor:pointer; 

}
.tablaNew tr th {
padding: 5px;
font-size: 16px;
background-color: #83aec0;

color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: “Trebuchet MS”, Arial;
text-transform: uppercase;
}
.tablaNew tbody tr {background: #F3F5F7;}

.tablaNew tbody tr.odd {background: #F0F2F4;}

.tablaNew tbody  tr:hover {background: #EAECEE; color: #111;}

<!-------------------input check------------------------------------->

.demo input[type="checkbox"] {
	display: none;
}
.demo input[type="checkbox"] + label span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(imag/checkbox-uncheck.png);
	background-size: cover;
	cursor: pointer;
}
.demo input[type="checkbox"]:checked + label span {
	background: url(imag/checkbox-check.png);
	background-size: cover;
}

.ChkNew{
	width:25px;
	height:25px;
	background-color:transparent;
	font-size:12px;
	color:#F00;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#444;
}

.ChkNew:checked{
	
	width:25px;
	height:25px;
	background-color:#ffffcc;
	color:#F00;
	font-size:12px;

}




.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  font:Tahoma, Geneva, sans-serif;
  text-align: left;
  border-collapse: collapse;
}
.blueTable td, blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
  font:Tahoma, Geneva, sans-serif;
}
.blueTable tbody td {
  font-size: 13px;
}
.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
  
}
.blueTable thead th {
  font-size: 16px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  border-left: 2px solid '#D0E4F';
  padding: 5px;
  
}
.blueTable thead th:first-child {
  border-left: none;
}

.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.blueTable tfoot td {
  font-size: 14px;
}
.blueTable tfoot .links {
  text-align: right;
}
.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
 
}
.blueTable tfoot .links a:hover {
  display: inline-block;
  background:#A00;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
 
}
.blueTable tfoot .links a:active {
  display: inline-block;
  background:#A00;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
 
}
.hCampo{
	
	color:#B00; 
	font-size:16px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	height:20px;
	width:auto;
	
}