/* GENERAL */

body {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
}

input, select {
	padding: 4px 2px;
	border-radius: 2px;
	border: 1px solid #999;
	font-size: 12pt;
	background-color: #fafafa;
}

form {
	margin-bottom: 0;
}


input[type=checkbox] {
  transform: scale(1.5);
}

.login {
	border: 1px solid #999; 
	margin: 200px auto; 
	max-width: 300px; 
	border-radius: 4px; 
	padding:20px; 
	background-color: #eee;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

/* BARRA DE ESTADO */

.barra {
	background-color: #154368;
	width: 100%;
	height: 22px;
	color: #FFFFFF;
	padding: 6px 0;
	position: fixed;
	z-index: 999;
}

.barra-izquierda {
	width: 80%;
	display: inline-block;
	margin-left: 2%;
}

.barra-derecha {
	width: 17%;
	display: inline-block;
}

.barra-boton {
 	color: #3565B5 !important;
 	font-size: 16px;
 	padding: 2px 10px;
 	margin: 0px 8px;
 	background: #FFF;
 	border: 0;
 	transition: all 0s ease;
 	position: relative;
 	border-radius: 2px;
 	cursor: pointer;
}

.barra-boton:hover {
 	background: #ddd;
	color: #3565B5 !important;
}

/* MENÚ */

.menu {
	display: inline-block;
	width: 200px;
	background: #f0f0f0;
	text-align: center;
	vertical-align: top;
	height: 100%;
	position: fixed;
	top: 34px;
	border-right: #dedede solid 1px;
}

.menu-titulo {
	width: 100%;
	background-color: #999;
	color: #FFF;
	padding: 6px 0;
	margin: 24px 0 12px 0;
}

.menu-boton {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 4px 6px;
	background: #154368;
	border: 0;
	transition: all 0s ease;
	position: relative;
	margin: 4px;
	width: 160px;
	border-radius: 4px;
	text-align: left;
	cursor: pointer;
}

.menu-boton:hover {
	background: #999;
	color: #fff !important;
}


/* SUBMENU */

.submenu {
	width: 100%;
	background-color: #f0f0f0;
	padding: 24px;
	border-radius: 4px;
	margin-bottom: 40px;
}

.submenu-titulo {
	font-size: 14pt;
	display: inline-block;
	margin-right: 100px;
}

.submenu-boton {
  color: #3565B5 !important;
  font-size: 16px;
  font-weight: 500;
  padding: 4px 6px;
  background: #fff;
  border: solid #b3b3b3 1px;
  transition: all 0s ease;
  position: relative;
  margin: 4px;
  width: 140px;
  border-radius: 2px;
}

.submenu-boton:hover {
  background: #999;
  color: #fff !important;
}

.verde {
  background: #46a546;
  color: #FFF !important;
}

.azul {
  background: #154368;
  color: #FFF !important;
}

.rojo {
  background: #ab1f1f;
  color: #FFF !important;
}

.gris {
  background: #666;
  color: #FFF !important;
}

.submenu-controles {
	display: inline-block;
}



/* CONTENIDO */

.contenido {
	display: inline-block;
	vertical-align: top;
	left: 220px;
	top: 60px;
	position: relative;
	width: 80%;
}

.columna1 {
	width: 140px;
	display: inline-block;
	text-align: right;
	margin: 6px;
}

.bloque {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin-bottom: 40px;
	border: dotted 1px #999;
	padding: 10px;
}

.iva {
	width: 240px;
	margin-right: 20px;
}

.texto-horizontal {
	margin-right: 30px;
	display: inline-block;
}

/* TABLAS */

.fila1 {
	background-color: #85a4be;
	color: #FFF;
	margin-bottom: 10px;
	padding-top: 4px;
}

.celda {
	display: inline-block;
	margin: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.par {
	background-color: #f0f0f0;
}

.w1 {
	width: 10px;
}
.w2 {
	width: 20px;
}
.w5 {
	width: 50px;
}
.w10 {
	width: 100px;
}
.w20 {
	width: 200px;
}
.w50 {
	width: 400px;
}

.tabla-boton {
  color: #3565B5 !important;
  font-size: 12px;
  padding: 2px 4px;
  background: #fff;
  border: solid #b3b3b3 1px;
  transition: all 0s ease;
  position: relative;
  margin: 4px 0 0;
  width: 80px;
  border-radius: 2px;
}

.tabla-boton-pagina {
	width: 30px;
}

.tabla-boton:hover {
  background: #999;
  color: #fff !important;
}

/* ICONOS */

.icono {
	vertical-align: middle;
}