/* CSS Document */
*{
	box-sizing: content-box;
	margin: 0;
	padding: 0;
}
/*Etiquetas de uso general*/
body
{
	background: linear-gradient(180deg, rgba(4,110,150,1) 0%, rgba(23,85,129,1) 48%, hsl(244, 75%, 21%) 100%);
	background-repeat: no-repeat;
	background-color:#120d5c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D5656;
}

p{
	padding: 5px;
}

a:link{
	color:#FFFFFF;
}

input[type="text"],
input[type="password"]
{
	text-align:center;
}

input[type="button"],
input[type="reset"],
input[type="submit"]
{
	background-color:#5499C7;
	border:none;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	min-width:80px;
	min-height:25px;
	border-radius:5px;
	margin:2px;
	padding: 5px;
	text-transform: uppercase;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover
{
	background-color:#85C1E9;
}

h1
{
	font-size:14px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul, li
{
	margin-left:1px;
}

td 
{
	font-size:12px;
	padding: 2px;
}

th 
{
	font-size:14px;
	text-align:center;
	padding-top:2px;
	padding-bottom:4px;
	background-color:#FBFCFC;
	color:#333333;
}

caption 
{
	font-weight:1000;
	font-size:14px;
}

/*Configuraciones de los contenedores*/
#principal
{
	width:1000px;
	min-height:200px;
	background-color:#b0b4bb;
	/* indico que no tenga margen superior ni inferior (0) y que el margen derecho e  izquierdo sea automatico , por lo cual centra el contenido*/
	margin:0 auto;
	border-radius:15px;
}
#header
{
	background-color:#44526C;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1000px;
	height:100px;
	color:#FFFFFF;
	font-size:36px;
	font-weight:bold;
	border-radius: 6px 6px 0 0;
	margin-top: 40px;;
}
#header>span
{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}

#menuTop>a:link,#menuTop>a:visited,#menuTop>a:hover
{
	text-decoration:none;
	font-weight:bold;
	padding: 0px 10px 10px 10px;
	color:#FFFFFF;
}

#menuTop>a:hover
{
	color:#FFCC00;
}


#menuTop
{
	background-color:#5499C7;
	max-width:1000px;
	margin:0;
	padding: 10px;
	display:block;
	text-align: center;
	font-size:12px;

}

#menuDerecha
{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    float:left;
    width:200px;
    height:auto;
}

#menuDerecha h1
{
	font-size:12px;
	margin:0;
	padding:5px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;;
	border-bottom:#000000 solid 1px;
	border-top:#000000 solid 1px;
}

#menuDerecha ul, li
{
	padding-bottom:2px;
	display:block;
	color:#333333;
	font-size:11px;
}

#menuDerecha ul li a:link, ul li a:hover, ul li a:visited
{
	text-decoration:none;
	font-size:11px;
	border:none;
}
#menuDerecha ul li a:hover
{
	color: #57595f;
}

/*Formato del contenido ppal*/
#central
{
	width:790px;
	float:right;
	background-color:#FBFCFC;
	text-align:justify;
	min-height:450px;
	padding: 5px;
}

#central h1{color:#333333; font-size:16px; padding:3px; display:block;}
#central p{margin: 0px; padding: 5px 10px 5px 10px;}


/*Formato del pie de pagina*/
#footer 
{
	background-color:#44526C;
	max-width:1000px;
	height:32px;
	float:none;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 6px 6px;
}

#footer p { 
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	border:none;
	font-size:11px;
}

.clear
{
	clear:both;
}

.listaCentrada 
{
	text-align:left;
	font-weight:bold;
}

.estilotextarea {
	width:98%;
	height:100px;
	border: 2px solid #990000;
	margin: 2px;
} 

.estilotextareainforme {
	width:500px;
	height:50px;
	border: 2px solid #CCCCCC;
} 

.estiloBienvenida
{
	font-weight:700;
	color:#330000;
}

.celdaTablaImpar
{
background-color:#FFFFFF;
color:#333333;
font-weight:700;
}

.celdaTablaparPar
{
	background-color:#CCCCCC;
	color:#333333;
	font-weight:700;
}

/*Estilos usados para las pesta�as */
table.tabs {
	border-collapse: separate;
	border-spacing: 0;
	background-color: transparent;
	font-size: 0.9em;
	}
th.tabck {
	border: white solid 1px;
	border-bottom: 0;
	border-radius: 0.5em 0.5em 0 0;
	background-color: transparent;
	padding: 0.3em;
	text-align: center;
	cursor: pointer;
	}
th.tabcks {
	border: 0;
	border-bottom: white solid 1px;
	}
th.tabcks:first-child {
	border-left: gray solid 1px;
	}
th.tabcks:last-child {
	border-right: gray solid 1px;
	}
table.tabs tr:first-child th.tabcks {
	border-left: none;
	border-right: none;
	}
table.tabs[data-filas] th.tabck {
	box-shadow: 0 -0.15em 0.1em 0 white;
	}
table.tabs td {
	border: gray solid 1px;
	border-top: 0;
	}
tr.filadiv {
	background-color: rgb(235, 235, 225);
	}
/* El ancho y alto de los div.tabdiv se configuran
en cada aplicaci�n */
div.tabdiv {
	background-color: rgb(235, 235, 225);
	border: 0;
	padding: 0.5em;
	overflow: auto;
	display: none;
	width: 100%;
	height: auto;
	}  

/* Anchos y altos para varios contenedores en la misma p�gina.
Esta parte se particulariza para cada contenedor. (IE8 necesita
!important) */
td#tab-0 > div {
	/*width: 20em!important;*/
	width: auto!important;
	/*height: 10em!important;*/
	height: auto!important;
}