html,body {
	height:100%;
	font-family:"Arial Narrow";
	margin:0;
	font-size:15px;
	background-color:#e5e5e5;
}

body {
	position:relative;
	min-width:1250px;
	min-height:800px;
}

a {
	text-decoration:none;
	color:#cf0372;
}

a:hover {
	text-decoration:underline;
}

a img{
	border:none;
}
table,tr,td{
	background-color:#FFF;
	padding:5px;
}

#usuario {
	position:absolute;
	left:467px;
	top:330px;
	width:315px;
	height:32px;
}
#usuario input{
	height:32px;
	border:none;
	font-size: 24px;
}
#contrasena {
	position:absolute;
	left:467px;
	top:446px;
	width:315px;
	height:32px;
}
#contrasena input{
	height:32px;
	border:none;
	font-size: 24px;
}
#boton_login {
	position:absolute;
	left:572px;
	top:553px;
	width:52px;
	height:24px;
}
#boton_login input{
	font-size:24px;
}

#contenedor {
	position:absolute;
	height:800px;
	width:1250px;
	top:0;
	left:50%;
	margin-left:-625px;
	z-index:0;
}
#logo {
	position:absolute;
	left:43px;
	top:49px;
	width:185px;
	height:100px;
}
#menu {
	position:absolute;
	right:40px;
	top:85px;
	width:900px;
	height:24px;
	color:#cf0372;
	font-size:18px;
	text-align:right;
	font-weight:bold;
}
#menu a{
	color:#cf0372;
}
#iconos {
	position:absolute;
	left:1045px;
	top:12px;
	width:170px;
	height:30px;
	text-align:right;
}

#pie{
	position:absolute;
	left:20px;
	top:775px;
	height:45px;
	width:1230px;
}

#pie a{
	color:#cf0372;
}

#area_trabajo{
	position:absolute;
	height:655px;
	width:1200px;
	top:115px;
	left:25px;
	overflow:auto;
	background-color:#FFF;
}
#capa_login{
	position:absolute;
	height:70px;
	width:190px;
	top:390px;
	left:470px;
	z-index:1;
}
#capa_login input{
	border:none;
}
#capa_login table,tr,td{
	background-color:none;
    padding:5px;
}

#capa_home{
	position:absolute;
	height:500px;
	width:340px;
	top:350px;
	left:330px;
	z-index:1;
}

#capa_home table,tr,td{
	background-color:transparent;
}
.titulos_columnas{
	font-weight:bold;
	border-style:solid;
	border-width:thin;
}
.CamposTablas{
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
}
.CamposTablasGris{
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	background-color:#E1E1E1;
}
.CamposTablasRojo{
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	background-color:#F00;
}
.CamposTablasVerde{
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	background-color:#0F0;
}
.FinalTablas{
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
}
.requeridos{
	font-size:13px;
	color:#F00;
}
.TituloTablas{
	font-weight:bold;
	font-size:14px;
}
#cabecera_factura {
	position:absolute;
	left:25px;
	top:120px;
	width:1200px;
	height:88px;
}
#cuerpo_factura {
	position:absolute;
	left:25px;
	top:407px;
	width:1200px;
	height:322px;
	background-color: #FFF;
	overflow:auto;
}
#pie_factura {
	position:absolute;
	left:25px;
	top:727px;
	width:1200px;
	height:36px;
}
#cabecera_hyg {
	position:absolute;
	left:25px;
	top:120px;
	width:1200px;
	height:88px;
}
#cuerpo_hyg {
	position:absolute;
	left:25px;
	top:200px;
	width:1200px;
	height:525px;
	background-color: #FFF;
}
#pie_hyg {
	position:absolute;
	left:25px;
	top:725px;
	width:1200px;
	height:36px;
}

/*Calendario*/
.capacalendario{
 width: 219px;
 position: absolute;
 display: none;
 background-color: #fff;
}
.capacalendarioborde{
 padding: 3px;
 border: 1px solid #ddd;
}
.diassemana{
 overflow: hidden;
 background: #339;
 margin: 3px 0;
 clear: both;
}
.diasmes{
 overflow: hidden;
}
.diassemana span, .diasmes span{
 margin: 3px;
 width: 25px;
 display: block;
 float: left;
 text-align: center;
 height: 1.5em;
 line-height: 1.5em;
 font-size: 0.875em;
}
.diassemana span{
 text-transform: uppercase;
 color: #fff;
 font-weight: bold;
 height: 1.8em;
 line-height: 1.8em;
}
.diasmes span{
 background: #ddd;
 cursor: pointer;
}
.diasmes span.diainvalido{
 background: #aaa;
 cursor: default;
}
.diasmes span.domingo{
 color: #c00;
}
.capacalendario span.primero{
 margin-left:0 !important;
}
.capacalendario span.ultimo{
 margin-right:0 !important;
}

a.botoncal{
 margin-left: 5px;
 background: transparent url(/img/calendario.png) no-repeat;
}
a.botoncal span{
 display: inline-table;
 width: 16px;
 height: 16px;
}
a.botonmessiguiente{
 float: right;
 background: transparent url(/img/105.png) no-repeat;
 margin: 5px 5px 0 5px;
}
a.botonmessiguiente span, a.botonmesanterior span, a.botoncambiaano span{
 display: inline-table;
 width: 10px;
 height: 10px;
}
a.botonmesanterior{
 float: left;
 background: transparent url(/img/106.png) no-repeat;
 margin: 5px 5px 0 5px;
}
a.botoncambiaano{
 background: transparent url(/img/193.png) no-repeat;
 margin: 5px 5px 0 5px;
 font-size: 0.8em;
}
.textomesano{
 background-color: #dfd;
 overflow: hidden;
 padding: 2px;
 font-size: 0.8em;
 font-weight: bold;
 text-align: center
}
.mesyano{
 margin-top: 3px;
}
.visualmesano{
 display: inline;
}
.capacerrar{
 background-color: #ddf;
 overflow: hidden;
 padding: 2px;
 font-size: 0.5em;
}
a.calencerrar{
 float: right;
 background: transparent url(/img/101.png) no-repeat;
 margin: 2px 5px 0 5px;
}
a.calencerrar span{
 display: inline-table;
 width: 10px;
 height: 10px;
}
.capaselanos{
 width: 50px;
 display: none;
 font-size: 0.8em;
 text-align: center;
 position: absolute;
 background-color: #fff;
 border: 1px solid #ddd;
}
.capaselanos a{
 display: block;
 text-decoration: none;
 border-bottom: 1px solid #ddd;
 padding: 2px 0;
}
.capaselanos a.seleccionado{
 background-color: #eef;
 font-weight: bold;
}
.capaselanos a.ultimo{
 border: 0;
}

.error {
	color:#F00;

}
.oculto{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
