body      { background:#DDD; font:1em/1.5 "arial", sans-serif; }

a:link    { text-decoration:none; color: blue; } /* Link no visitado*/

a:visited { text-decoration:none; color: blue; } /*Link visitado*/

a:active  { text-decoration:none; color: blue; } /*Link activo*/

a:hover   { text-decoration:underline; color: red; } /*Mause sobre el link*/

input { 
	/* font-size: 11pt; */
	border-radius: 5px; 
	padding: 3px; 
	background-color: #F0F0F0;
}

select { font-size: 11pt; }

#todo{
	margin:0 auto; 
	border-color:#FFF; border-width:medium; border-style:solid;
	width:1100px; font:"Courier New", Courier, monospace;
	text-align:center; 
	font-size: 11pt;
}

#encabezado{
	height: 100px;
	color: #FFF;
	font-weight: bold;
	background-color: #661c0e;  /* #CC071E */
	background-image: url(../images/Logo_UNA_blanco.png);
	background-repeat: no-repeat;
	background-position: 50% 5%;   
}

#title_enca { 
	padding-top: 55px; 
	font-size: x-large;
}


#subt_enca { 
	text-decoration:none; 
	padding-top: 2px;
	font-size: medium; 
}

#titulo{
	color: #FFF;
	height: 28px;
	font-size: large;
	background-color: #5d7359;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 8px;
}

#trabajo{ 
	text-align: left; 
	padding-top: 15px;
	background-color: #E5E5E5;  /* #e0d697; */
	vertical-align: top;
}

#foto{ width: 80px; height: 100px; }

#mensaje {
	width:1012px;
	color:#900; 
	font-size:14px;
	text-align:center; 
	background-repeat: no-repeat;
	background-position: 1px center;
	position:relative;
	background-color: #E5E5E5;
	display: none;
	padding: 1px;
}

#mensaje1 {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  /* bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#mensaje1.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2s;
  animation: fadein 0.5s, fadeout 0.5s 2s;
}

.tablas { padding-left: 15px; }

.tablas td { 
	/*border: solid 1px black; */
	height: 34px;
}

.barraMenu { 
	text-align: left; 
	height: 23px;
}

.barraMenu a.botonMenu {
	font-family: sans-serif, Verdana, Arial;
	font-size: 11pt;
	color: white;
	background-color: #556975;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	text-decoration: none;
}

.barraMenu a.botonMenu:hover  { 
	background-color: #E7ECE7; 
	color: black; 
	font-weight: bold;  /* 637D4D */ 
}

.botones {
    background-color: #5d7359; /* Green 5d7359 */
    border: none;
    color: white;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12pt;
    transition-duration: 0.4s;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 2px;
}

.botones:hover {
    background-color: #09AA2F ; 
    color: white;
}

.borde_blanco { padding-left: 10px; padding-right: 10px; padding-bottom: 6px; border:1px solid #fff; }

.td_borde { padding-left: 5px; padding-right: 5px; border:1px solid #fff; }

.celda_1 { border-bottom:1px solid #fff; border-right:1px solid #fff; } 

.celda_1b { border-bottom:1px solid #fff; border-right:3px double #fff; } 

.celda_2 { border-bottom:1px solid #fff; } 

.celda_3 { border-right:1px solid #fff; }

.celda_3b { border-right:3px double #fff; }

.celda_titulo { border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; }

.celda_si { border-top:1px solid #fff; border-bottom:1px solid #fff; }

.celda_no { border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; }

.tabs { height:24px; float: left; border-color: #FFF; border-width:medium; border-style:solid; padding-left:3px; padding-right:3px;}

.tabs a:link { color: #000; text-decoration: none; }

.tabs a:active { color: #FFF; }

.tabs a:visited { color: #000; }

.tabs a:hover { color: #FFF; background-color: #5d7359;}

#menu2  { background-color: #CCC; }

#td_bancoP { width:210px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_docuP { width:170px; padding-left:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_montoP { width:145px; padding-left:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_fechaP { width:140px; padding-left:5px; border-bottom:1px solid #fff; } 

#td_codigoC { width:70px; border-bottom:1px solid #fff; border-right:1px solid #fff; }

#td_materiaC { width:330px; padding-left:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_profesorC { width:150px; padding-left:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_creditosC { width:40px; padding-left:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_trimC { width:40px; padding-left:5px; padding-right:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_yearC { width:25px; padding-left:5px; padding-right:5px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_notaC { width:25px; text-align:right; padding-left:5px; padding-right:5px; border-bottom:1px solid #fff;} 

#ponderado { text-align:right; padding-left:5px; padding-right:5px; border-bottom:1px solid #fff; font-weight:bold; } 

#td_acuerdoT { width:160px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_fechaT { width:140px; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#td_descT { width:450px; padding-left:5px; border-bottom:1px solid #fff; } 

#td_clave { width:70px; border-bottom:1px solid #fff; border-right:1px solid #fff; }
