/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
    box-sizing: border-box;
	padding: 0;
}

body {
	background: #D5E0F4;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #677BB4;
}

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    padding: 10px;
    /* height: 350px; Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.left {
  width: 49%;
}

.right {
    float: right;
	width: 49%;
}

ul {
	margin-left: 3em;
}

ol {
	margin-left: 3em;
	font-weight:bold;
	color: #DFFFDF;
}

/* Logo */
div#logo {
	margin-left: 15px;
	width: 97%;
	padding: 0.7em 0.7em 0 0.7em;
	background: url(../images/fondo-azul.jpg) repeat; 
	border-bottom-color: #0066CC;
	border-bottom-style: double;
	position: fixed;
	z-index: 10;
}

#logo .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 2px 0px;
	color: #FFFFFF;
}

#logo .imgizq {
	position:relative;
	float: left;
	margin-left: 5px;
}

#logo .imgder {
	position:relative;
	float: right;
	margin-right: 5px;
}
/* LINEA, no renglón de tabla  */
hr.encabe
{
	border-bottom: 2px dotted #713816;
	margin: 2px 0px 1px 4px;
}

div.clear  { clear: both; } 

/* Welcome */
#welnombre {
	float: left;
	width:60%;  
	padding-top: 2px;  
	padding-left: 8px;  
	text-align: left;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}
#welfecha {
	float: right;
	width:28%; 
	padding-top: 2px;  
	padding-right: 8px;  
	text-align: right;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

#content {
	position: absolute;
	top: 95px; 
	width:97%;
	margin: 0px 17px;
	z-index: 0;
}

/* Menu */
div.menuh {
	position: -webkit-sticky;
	top: 105px;
	height: 25px;
	width:100%;
	float: left;
	margin: 0 auto;
/*	background: url(../images/fondo-azul.jpg) repeat;   */
	font-size: 0.9em;
	border-bottom: 2px dotted #713816;
	background-color: #94C7FE;
}

.menuh a {
	display: block;
	float: left;
	padding: 3px 3px 3px 14px; 
	text-decoration: none;
	font-weight: bold;
	color:#FFFFFF;
}

.menuh a:hover {
	color:#FFFFFF;
	background-color:#3EFF8B; /*decoración para el evento hover (mouse encima)*/
	position: static;
}

.menuh a:active {
	color:#0099FF;
	background-color:#FFFFFF; /*decoración para el evento hover (mouse encima)*/
}

/* Content > Example */
#example {
	font-size: 0.9em;
}

#example label ,
.row label 
{
	margin-bottom: 3px;
	padding-left: 5px;
	float:left;
	width:18%;
	text-align:left;
	font-weight:bold;
	color: #DFFFDF;
}

#example input ,
.row input 
{
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	margin-bottom: 2px;
	padding: 1px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.9em;
}

#example ul {
	font-weight: bold;
/*	font-size: 1.1em;  */
}

#example li {
	font-weight: normal;
	font-size: 0.9em;
    text-align: left;
}

#example select{
	font-family: "Courier New", Courier, monospace;
	color: black;
	height: 23px;
	vertical-align: top;
} 

.button {
	background-color:#F5F5F5;
	padding:6px 10px;
	font-weight:bold;
	color:#444;
	text-decoration:none; 
	border:1px solid #888;
}

.fcolorGreen {
	color: #009F40;
	font-size: 0.9em; 
}

.fcolorYellow {
	color: #FFFF00;
	font-size: 0.9em; 
}

.fcolorRed {
	color: Red;
	font-size: 0.9em; 
}

.fcolorWhite {
	color: White;
	font-size: 0.9em; 
}

#links {
}

li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	background-color:#6699CC; /*algo de color*/
	color:#FFFFFF; /*mas*/
	font-weight:bold; /*decoración*/
	border-right: 1px dotted #713816;
}

li a:hover {
	background-color:#84FFB5; /*decoración para el evento hover (mouse encima)*/
	position: static;
}

.autofill-box {
    z-index: 100;
    padding: 1px;
	background-color: #e5e5e5;
    border: 1px dotted #000;
    text-align: left;
    font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.autofill-box li {
	padding: 2px 7px;
}

.autofill-box .selection {
    background: #AAF;
    color: #FFF;
}