@CHARSET "ISO-8859-1";
/*Utilizar <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> al inicio de la página*/
/************* 
HTML ELEMENTS 
**************/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}

a:ACTIVE, a:VISITED, a:LINK{
	text-decoration: none;
}

a:HOVER{
	text-decoration: underline;
}


table{
	font-size: 12px;
}

td{
	padding: 5px;
}

fieldset{
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	border-radius:6px;
	width: -moz-max-content;
}
/***************** 
FIN: HTML ELEMENTS 
******************/

/**********************
ELEMENTOS DE FORMULARIO
***********************/
.boton{
	font-weight: bold;	
	border-width: 2px;
	border-style: solid;
	padding: 3px 9px 3px 9px;
	cursor: pointer;
	border-radius: 3px;
}

.boton_invertido{
	font-weight: bold;	
	border-width: 2px;
	border-style: solid;
	padding: 3px 9px 3px 9px;
	cursor: pointer;
	border-radius: 3px;
}

.boton:HOVER, .boton_invertido:HOVER{
	box-shadow: 2px 2px 5px #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}


input[type='text'], input[type='password'], input[type='checkbox'], textarea{
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding: 3px;
}

input[type='text']:FOCUS, input[type='password']:FOCUS, textarea:FOCUS{
	border-width: 2px;
	padding: 2px;
}

input[type='text'].error{
	border-color: #C9252C;
}

select{
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	padding: 3px;
}

select:FOCUS{
	border-width: 2px;
	padding: 2px;
}

select.error{
	border-color: #C9252C;
}

/*****************************
FIN: ELEMENTOS DE FORMULARIO
*****************************/

/************** 
TABLAS DE DATOS 
***************/

.contenido{
	border-width: 1px;
	border-style: solid;
	font-size: 11px;
	border-spacing: 0px;
	border-radius:6px;
}

.cabecera{
	font-weight: bold;	
	height: 30px;
}

.linea1{
	background-color: white;
}

.linea1:HOVER{
	background-color: #CEF6F5;
}

.linea2{
	background-color: #E2E2E2;
}

.linea2:HOVER{
	background-color: #CEF6F5;
}

.linea3{
	background-color: #C2C2C2;
}

.linea4{
	background-color: #9A9999;
}

/******************** 
FIN: TABLAS DE DATOS 
*********************/

/************************* 
Caja con mensaje emergente 
**************************/
.message-box{
	border-width: 2px;
	border-style: solid;
	padding: 15px;
	float: left;
	position: absolute;
	background-color: white;
	display: none;
}

.message-box img{
	padding-left: 20px;
	cursor: pointer;
}

/****************************** 
FIN: Caja con mensaje emergente
********************************/

/* **************
CSS para pestañas 
*****************/
.hoja-seleccionada{
	border-width: 1px 1px 0px 1px;
	border-style: solid;	
	font-weight: bold;
	text-align: center;
	/*border-radius: 3px;*/
}

.hoja-deseleccionada{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	font-weight: normal;
	text-align: center;	
	/*border-radius: 3px;*/
}

.hoja-deseleccionada:HOVER{
	cursor: pointer;
}

.no-hoja{
	border-width: 0 0 1px 0;
	border-style: solid;
}

.hoja-contenido{
	border-width: 0 1px 1px 1px;
	border-style: solid; 
}
/********************* 
FIN: CSS para pestañas
*********************/

.error{
	color: #C9252C;
}

.nota{
	color: gray;
	font-size: 10px;
}

/* WAITING */
.borroso{
	text-shadow: 2px 2px 0px #777777;
}

.capaVelo{
	margin: 0px;
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	z-index: 2;
	overflow: auto;
	width: 100%;
	height: 100%;
	background: black;
	opacity: .65;
	-moz-opacity: .30;
	filter:alpha(opacity=30);
}

.capaWaiting{
	display: none;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.capaWaiting table{
	width: 100%;
	height: 100%;
}
/* FIN: WAITING*/