body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #FFB72F;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #FFA500;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FF8C00;
	font-weight: bold;
	}
a:active {
	text-decoration: none;
		font-weight: bold;
	color: #176C9D;
}
.style1 {
	color: #848484;
	font-size: 10px;
	font-family: tahoma;
}
.style2 {
	color: #373737;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.style2-Bold {
	color: #373737;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.style2-Azul {
	color: #176C9D;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.style2-Azul-Bold {
	color: #176C9D;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.style3 {
	color: #FFA500;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.style4 {
	color: #176C9D;
	font-size: 11px;
	font-family: tahoma;
}
.style5 {
	color: #176c9d;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style6 {
	color: #8a8a8a;
	font-size: 10px;
	font-family: tahoma;
}
.style7 {
	color: #ffffff;
	font-size: 9px;
	font-family: tahoma;
}
.style8 {
	color: #000000;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold;
}
.style9 {
	color: #000000;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
}
.style10 {
	color: #2F2F2F;
	font-size: 18px;
	font-family: RotisSansSerif, sans-serif;
	font-weight: bold;
}
Input {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #4682B4;
	COLOR: #708090;
	padding-left: 6px;
	background: url(images/bg-txt-box-3.jpg) repeat-y left; 
  }	
  
  Input.usuario {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #4682B4;
	COLOR: #708090;
	padding-left: 6px;
	background: url(images/bg-usuario.jpg) repeat-y left; 
  }	
    Input.contrasena {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #4682B4;
	COLOR: #708090;
	padding-left: 6px;
	background: url(images/bg-contrasena.jpg) repeat-y left; 
  }	
  
		Input.OnBlur{
		background: url(images/bg-txt-box-2.jpg) repeat-y left; 
}
		Input.OnFocus{
		background-color: #F7F7F7;
      background: url(images/bg-txt-box.jpg);
      background-repeat: repeat-y;
} 




Textarea {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #4682B4;
	COLOR: #708090;
	padding-left: 6px;
	background: url(images/bg-txt-box-3.jpg) repeat-y left; 
	}

textarea.OnBlur{
		background: url(images/bg-txt-box-2.jpg) repeat-y left; 
}
textarea.OnFocus{
		background-color: #F7F7F7;
      background: url(images/bg-txt-box.jpg);
      background-repeat: repeat-y;
    }
	 
	 
Select {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	border: 1px solid #4682B4;

	}

Select.OnBlur{ background: url(images/bg-txt-box-2.jpg) repeat-y right; }

Select.OnFocus{ background: url(images/bg-txt-box.jpg) repeat-y; }
	
.hr.linea { 
height: 1px;
border: 1px dotted #ccc;
color: #cc0000;
background-color: #333333;
width: 75%;
} 
 
.cmd { 	
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #3D3D3D;
	border: 1px solid White;
	cursor: pointer;
	background: White;
	} 


/* Divs de alineación */
div.izquierda {
	width: 49%;
	margin: 20px 0 30px 0;
	float: left;
	clear: left;
	text-align: center
}
div.derecha {
	width: 49%;
	margin: 20px 0 30px 0;
	float: left;
	text-align: center
}
/* General links */
	a.box-link:link, a.box-link:visited, input.box-link {
		display: block;
		margin: 10px auto;
		height: 40px;
		font-weight: bold;
		font-size: 15pt;
		line-height: 40px;
		text-align: center;
		border-bottom: 0
	}
	/* Clickeando */
		a.box-link:active, input.box-link:active {
			background-position: 0 -40px;
			line-height: 43px;
			text-indent: 3px
		}
		a.negro-210:active, a.negro-160:active, a.negro-110:active {color: #999}
		a.azul-210:active, a.azul-160:active, a.azul-110:active {color: #98e8fc}
		a.verde-210:active, a.verde-160:active, a.verde-110:active {color: #dff178}
		a.amarillo-210:active, a.amarillo-160:active, a.amarillo-110:active {color: #ffec82}
/* Tamaños */
/* 210x40 */
	.negro-210:link, .negro-210:visited {
		width: 210px;
		background: #000 url('negro-210x40.jpg') no-repeat top left;
		color: #fff
	}
	.azul-210:link, .azul-210:visited {
		width: 210px;
		background: #09c url('azul-210x40.jpg') no-repeat top left;
		color: #fff
	}
	.verde-210:link, .verde-210:visited {
		width: 210px;
		background: #81b638 url('verde-210x40.jpg') no-repeat top left;
		color: #fff
	}
	.amarillo-210:link, .amarillo-210:visited {
		width: 210px;
		background: #e6a800 url('amarillo-210x40.jpg') no-repeat top left;
		color: #fff
	}
/* 160x40 */
	.negro-160:link, .negro-160:visited {
		width: 160px;
		background: #000 url('negro-160x40.jpg') no-repeat top left;
		color: #fff
	}
	.azul-160:link, .azul-160:visited {
		width: 160px;
		background: #09c url('azul-160x40.jpg') no-repeat top left;
		color: #fff
	}
	.verde-160:link, .verde-160:visited {
		width: 160px;
		background: #81b638 url('verde-160x40.jpg') no-repeat top left;
		color: #fff
	}
	.amarillo-160:link, .amarillo-160:visited {
		width: 160px;
		background: #e6a800 url('amarillo-160x40.jpg') no-repeat top left;
		color: #fff
	}
/* 110x40 */
	.negro-110:link, .negro-110:visited {
		width: 110px;
		background: #000 url('negro-110x40.jpg') no-repeat top left;
		color: #fff
	}
	.azul-110:link, .azul-110:visited {
		width: 110px;
		background: #09c url('azul-110x40.jpg') no-repeat top left;
		color: #fff
	}
	.verde-110:link, .verde-110:visited {
		width: 110px;
		background: #81b638 url('verde-110x40.jpg') no-repeat top left;
		color: #fff
	}
	.amarillo-110:link, .amarillo-110:visited {
		width: 110px;
		background: #e6a800 url('amarillo-110x40.jpg') no-repeat top left;
		color: #fff;
		cursor: inherit;
	}
		.amarillo-110-back:link, .amarillo-110-back:visited {
		width: 110px;
		background: #e6a800 url(images/amarillo-110x40-back.png) no-repeat top left;
		color: #fff;
		cursor: inherit;
	}
/* Formularios */
/* General */
	input.box-link, button.box-link {
		display: block;
		margin: 10px auto;
		border: 0;
		height: 40px;
		font-weight: normal;
		font-size: 15pt;
		line-height: 40px;
		text-align: center;
		color: #fff;
		border-bottom: 0
	}
	/* Clickeando */
		input.box-link:active, button.box-link:active {
			background-position: 0 -40px;
			line-height: 43px;
			text-indent: 3px
		}
		input.negro-210:active, input.negro-160:active, input.negro-110:active,
		button.negro-210:active, button.negro-160:active, button.negro-110:active
		{color: #999}
		input.azul-210:active, input.azul-160:active, input.azul-110:active,
		button.azul-210:active, button.azul-160:active, button.azul-110:active
		{color: #98e8fc}
		input.verde-210:active, input.verde-160:active, input.verde-110:active,
		button.verde-210:active, button.verde-160:active, button.verde-110:active
		{color: #dff178}
		input.amarillo-210:active, input.amarillo-160:active, input.amarillo-110:active,
		button.amarillo-210:active, button.amarillo-160:active, button.amarillo-110:active
		{color: #ffec82}
/* 210x40 */
	
	input.amarillo-210, button.amarillo-210 {
		width: 210px;
		background: #e6a800 url('amarillo-210x40.jpg') no-repeat top left;
		color: #fff
	}
/* 160x40 */

	input.amarillo-160, button.amarillo-160 {
		width: 160 px;
		background: #e6a800 url(images/amarillo-160x40.png) no-repeat top left;
		color: #fff;
		border: 0px none;
		padding-top: 8px;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 11px;
		font: bold 12px;
		text-align: center;
		
		}
		
/* 110x40 */

	input.amarillo-110, button.amarillo-110 {
		width: 110px;
		background: #e6a800 url(images/amarillo-110x40.png) no-repeat top left;
		color: #fff;
		border: 0px none;
		padding-top: 8px;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 11px;
		font: bold 12px;
		text-align: center;
		cursor: pointer;
		}
		/* 110x40-back */

	input.amarillo-110-back, button.amarillo-110-back {
		width: 110px;
		background: #e6a800 url(images/amarillo-110x40-back.png) no-repeat top left;
		color: #fff;
		border: 0px none;
		padding-top: 8px;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 11px;
		font: bold 12px;
		text-align: center;
		cursor: pointer;
		}
		
/* 110x40 */

	input.amarillo-90, button.amarillo-90 {
		width: 90px;
		background: #e6a800 url(images/amarillo-90x40.png) no-repeat top left;
		color: #fff;
		border: 0px none;
		padding-top: 8px;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 11px;
		font: bold 12px;
		text-align: center;
		cursor: pointer;
		}
		/* 90x40-back */

	input.amarillo-90-back, button.amarillo-90-back {
		width: 90px;
		background: #e6a800 url(images/amarillo-90x40-back.png) no-repeat top left;
		color: #fff;
		border: 0px none;
		padding-top: 8px;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 11px;
		font: bold 12px;
		text-align: center;
		cursor: pointer;
		}
		.table1 {
	border: 1px solid #4682B4
}

		.table2 {
	border: 2px dotted #4682B4;
}
.caja {     width: 450px; 
    background-image: url(images/tabla-450-centro.jpg); 
    background-repeat: repeat-y; 
} 

.cajaarriba { 
    background-image: url(images/tabla-450-arriba.jpg); 
    background-position: bottom; 
    background-repeat: no-repeat; 
} 
.cajatitulo { 
	color: #176C9D;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
    background-image: url(images/tabla-fondo-titulo.jpg); 
    background-position: top; 
    background-repeat: no-repeat; 
    padding: 5px 5px 5px 5px;
	padding-left: 7px;
	 }
	 
.cajaabajo { 
    background-image: url(images/tabla-450-abajo.jpg); 
    background-position: top; 
    background-repeat: no-repeat; 
    padding: 15px 15px 15px 15px;
    } 
 
 
 .cajaderecha { 
 	width: 286px;   
    background-image: url(images/caja_derecha.png); 
    background-repeat: repeat-y;
    background-position: bottom;
	 height: 50px;
	table-layout: auto;
	padding-left: 23px;
	} 

.cajaderechaarriba { 
    background-image: url(images/caja_derecha_arriba.png); 
	 background-position: top; 
    background-repeat: no-repeat; 
	 height: 10px;
} 

	 
.cajaderechaabajo { 
    background-image: url(images/caja_derecha_abajo.png); 
    background-position: top; 
    background-repeat: no-repeat; 
	 height: 13px;

} 
 