@charset "utf-8";

/* GENERAL SETTINGS */
* {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
}

/* SITE SPECIFIC SETTINGS */
html, body {
	background-color:#fff;
	/*background-image:url(../img/fondo.jpg);*/
	color:#f00;
	margin:0;
	border:0;				/* This removes the border around the viewport in old versions of IE */
	
	min-width: 950px;
	max-width: 1350px;
	
}

#loginStatus {
	float: right;
	font-size:0.8em;
	font-weight:bold;
	color:#e00;
}

#top{
    /*FONDO DE TITULO*/
    /*
    background-image:url(../img/_back_6.gif);
    background-repeat:repeat-x;
    */
}

h1 {
    font-size:1.2em;
    font-weight:bold;
    color: #000; /*COLOR DE NOBRE DE SISTEMA*/
    /*background-color: #007bd3;*/
    /*padding:0.3em 0 0.3em 8.53em;*/
    padding:0.3em;
    margin: 0;
    width:100%;
}

img {
	border:0;
}

a {
	text-decoration:none;
}.ajaxLink {
	cursor: pointer;
	color: #88f;

}

#login {
    float:right;
    color:#ddd;
    padding: 0.4em;
    font-size:0.8em;
    font-weight:bold;
}


#loginState{
	color:#333;
	text-align:right;
	font-size:0.7em;
	font-weight:bold;
	/*background-color:red;*/
}

/* vertical navigation*/
ul#navVertical 
{
    float:left;
    /*width:15em;
    margin: 0; padding: 0;
    border-bottom: 0.2em solid #eef;
    font-size:0.8em;
    background-color: #ccc;*/
}
/* vertical navigation*/
/*Navegador vertical*/
/*  CONTENT  */	
#content 
{
	border-left:15em solid #eee;
	padding: 1em 1em 0.5em 1em;
	color: #333;
	font-size:0.8em;
}

#content h1{
	margin-bottom: 0.5em;
	color: #22b;
	background-color:white;
	text-align:left;
}

#content h2{
	color: #22b;
	font-size:0.9em;
	padding-left:0.8em;
	background-color:white;
	text-align:left;
}

#content h3{
	color: #008;
	padding-top:0.5em;
	font-size:0.9em;
	background-color:white;
	text-align:left;
}

#content .box {
	width:20em;
	border: 0.2em solid #bbf;
	margin: 1em;
	background-color: #ccf;
}

#content .box h1{
	color:#000;
	background-color: #88c;
}

#content .box h2{
	color:#000;
	background-color: #ccf;
}

#content .box  fieldset{
	border:1px dotted #999;
	margin: 0.2em auto;
	padding: 0.4em;	
	text-align:left;
	background-color:#ddf;
}

#content .box  fieldset:hover {
	border-color:#00c;
	background-color:#fff;
}

#content .box label{
	font-weight:bold;
	font-size:0.9em;
	text-align:left;
	width: 9em;
	display:block;
	float:left;
	clear:left;
}
#content .box input{
    width: 10em;
}


#content .box table{
	width: 95%;
	padding: 0 2%;
}

#content .box table th
{
    background-color: #99f;
}

#content .box table td
{
	padding: 0 0.2em;
}

.POA {
	margin-left:1em;
}

.tabla table
{
    border-collapse:collapse;
    margin: 0.4em;
    color:#333;
    font-size:0.9em;
    width: 95%;
}

.tabla th 
{
    color:#fff;
    background-color:#007bd3;
    padding: 0.1em 0.2em;
}

.tabla tr 
{
    color:blue;
    border: 3px dashed #783456; 
}

.tabla  td {
    padding: 0.1em 0.2em;
    vertical-align:top;
    border:1px solid #ddd;
}

.tabla tr.total {
	font-weight:bold;
	background-color:#ddd;
	font-style:italic;
}

.tabla  ul  li{
	list-style:none;
}

.tablaResumen table{
	border-collapse:collapse;
	margin: 0;
	padding: 0;
	color:#333;
	font-size:1em;
	width: 100%;
}

.tablaResumen th {
	color:#fff;
	/*background-color:#007bd3;*/
	background-image:url(../img/_back_6.gif);
	background-repeat:repeat-x;
}

.tablaResumen tr 
{
	/* border: 3px dashed #783456; */
}

.tablaResumen  td {
    padding: 0.1em 0.2em;
    vertical-align:top;
    border:1px solid #ddd;
}

.tablaResumen  tr.total {
	font-weight:bold;
	background-color:#ddd;
	font-style:italic;
}

table.tablaProg  {border-collapse:collapse;}
table.tablaProg tr,
table.tablaProg td {margin:0;padding:0;border-bottom:1px solid #777;}
table.tablaProg tr.total {background-color:#dfdfff;}

tr.trHighLight {background-color:#ddf;}
tr.trHighLight_ok {background-color:#dfd;}
tr.trHighLight_nok {background-color:#fdd;}

td.underZero {color:red;}

table.listIngresar 
{
    /*border-collapse:collapse;*/ 
    width:100%;
}
table.listIngresar tr 
{
        color: #000000;
}
table.listIngresar th 
{
	/*background-image:url(../img/_back_6.gif);
	color: #ddd;*/
        font-family: "Homer Simpson", cursive;
        background-color:#aab ;
        color: #000000;
}

table.listIngresar th.new 
{
        background-color: #FFFFFF ;
	color: #000000;
}

table.listIngresar th.eje 
{
	background-image:url(../img/_back_eje.gif);
	/*background-repeat:repeat-x;*/
	color: #ddd;
}

table.listIngresar th.obj 
{
	/*background-image:url(../img/_back_obj.gif);*/
	/*background-repeat:repeat-x;*/
        background-color: #FFFFFF ;
	color: #000000;
}

table.listIngresar th.acc 
{
	background-image:url(../img/_back_acc.gif);
	/*background-repeat:repeat-x;*/
	color: #555555;
}

table.listIngresar th.header 
{
	background-image:url(../img/_back_header.gif);
	color: #ddd;
}

table.listIngresar th.dark {
	background-image:none;
	background-color: #000;
	color: white;
	width:5em;
}

table.listIngresar th.codigo{
	width:9em;
}

table.listIngresar td 
{
    border:1px solid #ddd; 
    padding: 0.3em 0.5em; 
    vertical-align:top;
}


table.listIngresar tr.total{
	background-color:#dfdfdf;
}

table.listIngresar tr.subtotal{
	background-color:#dfdaaa;
}

table.listIngresar tr.subtotal_act{
	background-color:#003366;
        color: white;
        font-weight:bold;
        width:3em;

}

/* NO IDEA WHY THIS DOES NOT WORK ????·"·@|#|#|@#|~|@#*/
table.listIngresar td ol {
	list-style: decimal outside;
	margin-left:4em;
}

form#selectHeader {
	margin-top:-1em;
	margin-bottom:0.4em;
}

form#selectHeader fieldset.selectHeader{
	padding: 0.4em;
	border:1px solid #ccd;
	border-right:2px solid #aab;
	border-bottom:2px solid #aab;
	background-color: #eef;
	/*width:55em;*/
	width:95%;
}
form#selectHeader .oneLineSmall{
	width:12em;
	font-size:0.9em;
}

/* FORMATEAR FORMS */
#inputForm {
    margin-left: 1em;
    padding: 0;
    width: 43em;
    text-align:center;
    border:1px dotted #ccc;
    background-color:#e9e9ff;
}

#inputForm fieldset{
	border:1px dotted #999;
	margin: 0.4em auto;
	padding: 0.8em;	
	width: 41em;
	text-align:left;
	background-color:#fff;
}

#inputForm fieldset.infoBasica ,
#inputForm fieldset.infoBasicaNoHighlight 
{
	width:40em;
	margin: 0.4em auto;
	border-color:#00c;
}

#inputForm fieldset:hover {
	border:1px solid #00c;
	background-color:#ddf;
}

#inputForm fieldset.infoBasicaNoHighlight:hover{
	border:1px solid #77c;
	background-color:#ddd;
}
 
#inputForm fieldset.infoBasica input:focus, 
#inputForm fieldset.infoBasica textarea:focus {border-color: #c00;}

#inputForm legend {
	color:#333;
	font-weight:bold;
	font-style:italic;
	line-height:1.5em;
	display:block;
	background-color:white;
	padding: 0 1em;
	border: 1px dotted #00c;
	background-color:#ffd;
}

#inputForm label {
	color:#333;
	font-size:0.9em;
	font-weight:bold;
	width:14em;
	line-height:1.5em;
	display:block;
	float:left;
	clear:left;
}

#inputForm input {
	width:23em;
	border:1px solid #777;
	padding-left:0.2em;
	margin-bottom:0.6em;
	text-align:right;
}

#inputForm textarea{
	width:24em;
	border:1px solid #777;
	padding-left:0.2em;
	margin-bottom:0.6em;
	font-size:1em;
}

#inputForm select{
	border:1px solid #777;
	padding-left:0.2em;
	margin-bottom:0.6em;
}

#inputForm option:focus{
    background-color:green;
}

#inputForm .codigo {width:3.4em;}
#inputForm .nombre {width:20em; text-align:left;}
#inputForm .contactForm {width:23em; text-align:left;}
#inputForm .left {text-align:left;}
#inputForm .anio {width:4em;}
#inputForm .anioExplicacion {width:13em;border:none;font-size:0.8em;text-align:left;}
#inputForm .oneLineSmall {width:14em;}
#inputForm .oneLineNumbre {width:9em;}
#inputForm .numero {width:5.4em;}


#inputForm .highlight
{
	margin-bottom:0.2em;
	padding-left:0.4em;
	padding-top:0.4em;
}

#inputForm .highlight:hover
{
	background-color:#ffc;
}

#inputForm .form-button,
#content .form-button
{
	margin-top:0.5em;
	width:9.3em;
        height:2.1em;
	font-weight:bold;
	text-align:center;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
}

#inputForm .form-button-grb,
#content .form-button-grb
{
    margin-top:0.5em;
    width:9.3em;
    height:2.1em;
    font-weight:bold;
    text-align:center;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    /*background-image:url(../img/grabar01.png);*/
    cursor: pointer;
    color:#fff;
}

#inputForm .form-button-cnc,
#content .form-button-cnc
{
    margin-top:0.5em;
    width:9.3em;
    height:2.1em;
    font-weight:bold;
    text-align:center;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    /*background-image:url(../img/cancelar01.png);*/
    cursor:pointer;
    color:#fff;
}

#inputForm .form-button-normal,
#content .form-button-normal
{
    margin-top:0.5em;
    width:9.3em;
    height:2em;
    font-weight:bold;
    text-align:center;
    border-right:2px solid #000;
    border-bottom:2px solid #000;
    cursor: pointer;
    color:#fff;
}

#inputForm .form-button-grid,
#content .form-button-grid
{
    /*margin-top:0.5em;*/
    width:9.3em;
    height:1.5em;
    font-weight:bold;
    text-align:center;
    /*border-right:2px solid #000;*/
    /*border-bottom:2px solid #000;*/
    cursor: pointer;
    color:#fff;
}

#content li {
	list-style:none;
}

#content table li {
	padding-left:2em;
	list-style:none;
}

#content li input{
	width:1.5em;
}

textarea#sqlArea {
	background-color: white;
	border:thin solid #333;
	width:80%;
	font-size:0.9em;
}

.clearer {
  clear:both;
  margin:0;
	padding:0;
} 

/* FORMATEAR CLASIFICADOR */
#clasificador
{
	display:block;
	font-size:0.8em;
	border:3px solid blue;
}


/* BOTTOM */
#pageBottom {
    clear:both;
    background-color: #eee;
    padding-top:0.4em;
    color: #aaa;
    font-size:0.6em;
    font-style:italic;
    text-align:center;
}

#cssPopup {
	display:none;
	position:fixed; top:7em; left:15em;
	padding: 0.5em;
	width:55em;
	border:2px solid #888;
	border-right:3px solid #000;
	border-bottom:3px solid #000;
	background-color:#ffa;
}

#cssPopup h1{
	background-color:transparent;
}

#cssPopup td{
	background-color:white;
}

/*Lenin*/
#titulo1{
	color:#000000;
	font-size:15px;
        font-family: "Homer Simpson", cursive;
        font-weight: bold;
	border-left:solid 1px  #aaaaaa;
	border-top:solid 1px  #aaaaaa;
	border-bottom:solid 1px  #000000;
	border-right:solid 1px  #000000;
	/*padding-top:0.4em;*/
	background-color: #DBE4F2;
	text-align:center;
	border-left:10em  ;
	/*margin-bottom:0.6em;*/
        /*background: linear-gradient(top, black, white);*/
}

#subtitulo{
	color:#000000;
	font-size:16px;
        font-family: "Homer Simpson", cursive;
        font-weight: bold;
	border-left:solid 1px  #aaaaaa;
	border-top:solid 1px  #aaaaaa;
	border-bottom:solid 1px  #000000;
	border-right:solid 1px  #000000;
	/*padding-top:0.4em;*/
	background-color: #92ACD3;
	/*background-color: #FFFF99;*/
	text-align:center;
	font-weight:bold;
	/*margin-bottom:0.6em;*/
}

#vinculacion{
	color:#0000AA;
	font-size:16px;
	border-left:solid 2px  #aaaaaa;
	border-top:solid 1px  #aaaaaa;
	border-bottom:solid 1px  #000000;
	border-right:solid 1px  #000000;
	
	padding-left:1em;
	background-color: #BBBBBB;
	/*background-color: #FFFF99;*/
	text-align:left;
	font-weight:bold;
	/*margin-bottom:0.6em;*/
	margin-left:0.8em;
	margin-right:4em;
}

#EtiquetaAzul{
	color:#ffffff;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	background-color: #0000aa;
	font:bold;
	text-align:left;
}

#EtiquetaTotal{
	color:#000000;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	background-color: #AAAAAA;
	font:bold;
	text-align:right;
}

#GridRows{
	color:#000000;
	font-size:12px;
	vertical-align:top;
	/*border:solid 1px;*/
	/*padding-top:0.4em;*/
	/*background-color: #000000;*/
	text-align:left;
}

#TextoNumerico {
	width:7em;
	font-size:12px;
	text-align:right;
	
	/*background-color: #0000aa;*/
	/*border:1px solid #777;*/
	/*padding-left:0.2em;*/
	/*margin-bottom:0.6em;*/
	
}

#LblLabel{
	color:#000000;
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}


/*  CONTENT2  */	
#content2 
{
	border-left:0em solid #eee;
	padding: 1em 1em 0.5em 1em;
	color: #333;
	font-size:0.8em;
}

#content2 h1{
	margin-bottom: 0.5em;
	color: #22b;
	background-color:white;
	text-align:left;
}

#content2 h2{
	color: #22b;
	font-size:0.9em;
	padding-left:0.8em;
	background-color:white;
	text-align:left;
}

#content2 h3{
	color: #008;
	padding-top:0.5em;
	font-size:0.9em;
	background-color:white;
	text-align:left;
}

#content2 .box {
	width:20em;
	border: 0.2em solid #bbf;
	margin: 1em;
	background-color: #ccf;
}

#content2 .box h1{
	color:#000;
	background-color: #88c;
}

#content2 .box h2{
	color:#000;
	background-color: #ccf;
}

#content2 .box  fieldset{
	border:1px dotted #999;
	margin: 0.2em auto;
	padding: 0.4em;	
	text-align:left;
	background-color:#ddf;
}

#content2 .box  fieldset:hover {
	border-color:#00c;
	background-color:#fff;
}

#content2 .box label{
	font-weight:bold;
	font-size:0.9em;
	text-align:left;
	width: 9em;
	display:block;
	float:left;
	clear:left;
}
#content2 .box input{
    width: 10em;
}


#content2 .box table{
	width: 95%;
	padding: 0 2%;
}

#content2 .box table th{
	background-color: #99f;
}

#content2 .box table td{
	padding: 0 0.2em;
}

/*RELOJ ASISTENCIA*/

.breadcrumb {
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,0);
}

#content {
    margin-bottom: 0px;
}

.adsbygoogle {
    margin-bottom: 0px;
}

.footer a {
    color: rgba(255,255,255,.5);
    text-decoration: none;
}

.date {
    font-size: 28px;
}

.clock {
    font-size: 24px;
}


/*PAGINA DE INICIO*/
h11{
  font-size:56px;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;
}

h11 span{
  color:#2fa68e;
}

p1{
  font-size:19px;
  color:white;
  margin-top:50px;
}

/* Start page */
.start-page{
  position:relative;
  width:100%;
  height:580px;
  background:url('../img/background/start-page.jpg') 0px 0px fixed;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:580px;
  background:rgba(0,0,0,0.7);
}


.start-page .content{
  position:relative;
  width:900px;
  margin:0 auto;
  height:580px;
}

.start-page .content .text{
  position:absolute;
  text-align:center;
  margin:auto;
  top:0; 
  left:0; 
  bottom:0; 
  right:0;
  width:500px;
  height:320px;
}

.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:50px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.menu-content .logo {
   color:white;
   background:#2f363e;
   font-weight:700;
   font-size:30px;
   width:100%;
   line-height:90px;
   float:left;
   list-style: none;
   text-align:center;
 }

/* inicio de sesion */
.inicio-sesion{
  position:relative;
  width:900px;
  margin:0 auto;
  margin-bottom:10px;

}

.inicio-sesion h1{
  font-size:36px;
  color:black;
  text-align:center;
  margin-top:50px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;

}

input{
  width:420px;
  height:30px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
}

.boton-grid{
  height:30px;
  background:#23282d;
  border:0;
  font-weight:bold;
  line-height:0px;
  padding-left:35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:12px;
  margin-bottom:0px;
  cursor:pointer;
}

input.checkbox{
  width:300px;
  height:15px;
  background:#23282d;
  border:0;
  color:white;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
  cursor:pointer;
}

button{
  width:320px;
  height:45px;
  background:#23282d;
  border:3;
  color:white;
  font-weight:bold;
  line-height:40px;
  padding-left:35px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:17px;
  margin-bottom:10px;
  cursor:pointer;
}

 button.normal{
  width:10em;
  height:30px;
  border:5;
  color:white;
  font-weight:bold;
  line-height:0px;
  padding-left:0px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius: 10px;
  font-family: serif, sans-serif;
  font-size:15px;
  cursor:pointer;
}

button.boton-salir{
  width:8.2em;
  height:35px;
  color:white;
  font-weight:bold;
  font-size:15px;
  cursor:pointer;
}





/* Footer */
.footer{
  position:relative;
  width:100%;
  height:90px;
  background:#23282d;

}


.footer .margin .copyright{
  width:420px;
  margin:0 auto;
  text-align:right;
  float:left;
  line-height:90px;
  padding-right:25px;
  color:#5f666e;
}