/* Global Styles */

body {
	background-image:url(Imagenes/back_celeste.jpg);
/*	background-color: #09F;*/
	background-attachment:fixed;
	text-align: center;
	
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px 30px;
  min-height: calc(100vh - 200px);
	
}

.login__container {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid white;
  border-radius: 40px;
  padding: 40px 60px 40px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
	box-shadow: 5px 3px 3px rgb(102,102,102); 	
}



.login__container--form {
  display: flex;
  flex-direction: column;
  justify-content: center;	
  margin-bottom: 20px;
}

.login__container--form  label {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
	width: 240px;
	padding: 0px 20px;
}

.login__container--form  div {
  display: flex;
  justify-content: center;
  margin-top: 20px;
	
}


td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

a {
	color: #FF6600;
	font-weight:bold;
	text-decoration:none;
	}

a:hover {
	color:#F97B4A;
/*	color:#4248AD; */
	
	text-decoration:none;

}
img:hover {
	
		box-shadow: 5px 3px 3px rgb(102,102,102);
}


/* ID Styles */
#navigation  {
	border-radius: 10px 10px;
	overflow: hidden;
	box-shadow:  5px 5px 3px rgb(102,102,102);		
}


#navigation td {
	background: #F89330;
	border-bottom: 2px solid #C0DFFD;  /* el color de la linea de abajo del menu */
	
}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366; /* color del texto del menu */
	background-color: #F89330;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
}
	
#navigation a:hover {
	color:#FF6600;
	text-align: left;
	background-color: #ffffff;
	background-image: url(Imagenes/itpo.gif);
	background-repeat: no-repeat;
	background-position: 8px 45%;
}
	
.header {
	background-image: url(Imagenes/bgheader.gif);
	background-repeat: repeat-x;
	width: 98%;
	align: center;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
}

.header tr .header img {
	text-align: center;
}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:normal;
	line-height:30px;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	}
	
h1 {
	color: #09F;
	font-size: 28px;
	font-weight: bolder;
}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
/*	color: #FF9933; */
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}

/* #FF944C */
#enviar  { 
	background-color: #FF944C;
	
}

#mostrar, #mostrarProc { 
	background-color: #FF944C;
	
}

#ocultar, #ocultarProc  { 
	background-color: #FF944C;
	
}

/* Class Styles */


.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	/*color:#003366;*/  
	line-height:20px;
	margin-top:0px;
	}
	
.tablageneral {
	width: 98%;
	height: 80%;
	align: center;
		overflow: hidden;
}

.tablaformulario {
	
	position: relative;
}

.footer {
	clear: both;
	position: fixed;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	background-image: url(Imagenes/bgfooter.gif);
	background-repeat: repeat-x;
	bottom: 0;
	text-align: center;
	vertical-align:text-bottom;
	width: 98%;
	height: 30px;
		border-radius: 15px 15px 15px 15px;
}
		
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
/*	color: #003366; */
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
tr.foo:hover {
	background-color:#0FF;
}

input:focus, select:focus{
	background-color:#F5D44A;
	padding-left:  5px;
/*	background-color: rgb(255,204,153); */
	box-shadow: 5px 3px 3px rgb(102,102,102);
	outline: none;
	
}

input:hover {
/*	background-color: rgb(255,204,153); */
	box-shadow: 5px 3px 3px rgb(102,102,102);
	
}



input, select, textarea, text, img, button {
	border-radius: 10px 10px 5px 5px;
	
}

input#number {
    width: 3em;
}

input:invalid {
 background-color: red;	
  box-shadow: 0 0 5px 1px red;
}

input:disabled {
	font-weight:bold;
  background-color: lightgrey;	
  
}

table {
	background-image:url(Imagenes/back_celeste.jpg);
	border-left:solid;
	border-top:solid;
	border-radius: 15px 15px 15px 15px;
	border-left-color:#F8f4f4;
	border-top-color:#F8F4F4;
    box-shadow:  5px 5px 3px rgb(102,102,102);	
	cellspacing: 6px;
	}

/* agregados para divs */
.Table  {
	background-image:url(Imagenes/back42.jpg);
            display: table;
			text-align:center;
		/*	border-color:#0DB8F5; */
			border-radius: 10px;
			border-style:outset;
			margin-left:auto;
			margin-right:auto;
			box-shadow:  5px 5px 3px rgb(102,102,102);
			
        }

.Title  {
            display: table-caption;
            text-align: center;
            font-weight: bold;
            font-size: larger;
        }

.Heading {
            display: table-row;
            font-weight: bold;
            text-align: center;
         }

.Row    {
            display: table-row;
			font-weight:normal;
        }
		
.Row:hover {
			background-color:#0FF;
 		 }		

.Cell   {
            display: table-cell;
            border: solid;
			border-width: 1px;
          
            padding-left: 5px;
            padding-right: 5px;
        }