@font-face {
	 font-family: 'cinnamon cake';
	 src: url('cinnamon cake.ttf');
	 font-weight: normal;
	 font-style: normal;
	}
	html
		{
		height: 100%;
	}
	
	/* Zero default margin & padding around common elements */
	body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, ul, ol, li, p
		{
		margin: 0;
		border: none;
		padding: 0;
		}
	
	body
		{
		height: 100%;
		background-color: #333333;
		background-image: url(images/bg.gif);
		background-position: 0% 0;
		color: rgb(0,0,0);
		line-height: 1.5;
		font-family: "cinnamon cake";
		font-size: 14px;
		font-weight:bold;
		text-align: center;
		overflow:auto;
		}
	
	a:link
		{
		color: #003399;
		}
	
	a:visited
		{
		color: #B266B2;
		}
	
	a:hover
		{
		text-decoration: none;
		}
		
	
	/* PAGE CONTAINERS ---------------------------------------------------------- */
	
	#page
		{
		width: 1200px;
		w\idth: 1164px;
		min-height: 100%;
		margin: 20px auto;
		margin-bottom: 10px !important;
		padding: 0 27px;
		background-image: url(images/page4.png);
		background-repeat: repeat-y;
		text-align: left;
		}
	
	* html #page
		{
		height: 100%;
		}
	
	/* HEADER ------------------------------------------------------------------- */
	
	#header
		{
		height: 90px;
		background: rgb(255,255,255); /* Old browsers */

		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
		
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


		border-bottom: 3px #000 solid;
		}
	
	#hoja
		{
		list-style: none;
		padding: 0 27px;
		margin: 0;
		left:-27px;
		width: 1220px;
		height: 22px;
		background: url(images/hoja.png) no-repeat;
		position:relative;
	
		}
	
	#logo {
		padding-left: 330px;
		
		
		}	
	#nav {
			text-align: right;
			padding: 0 25px;
			
		}
	#breadCrumb{
		 	margin-top: 1.5em;
			padding-left: 50px;
			font-size:1.2em;
		}
	
	/* MENU --------------------------------------------------------------------- */
	
	#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 765px;
	height: 120px;
	/*background: url(images/menu-bg.png) no-repeat;*/
	position: relative;
	}
	#menu span {
		display: none;
		position: absolute;
	}
	#menu a {
		display: block;
		text-indent: -900%;
		position: absolute;
		outline: none;
	}
	#menu a:hover {
		background-position: left bottom;
	}
	#menu a:hover span{
		display: block;
	}
	#menu .home {
		width: 144px;
		height: 58px;
		background: url(images/home.png) no-repeat;
		left: 26px;
		top: 42px;
	}
	#menu .home span {
		width: 86px;
		height: 14px;
		background: url(images/home-over.png) no-repeat;
		left: 28px;
		top: -20px;
	}
	#menu .home1 {
		width: 144px;
		height: 58px;
		background: url(images/home.png) no-repeat;
		left: 180px;
		top: 42px;
	}
	#menu .home1 span {
		width: 86px;
		height: 14px;
		background: url(images/home-over.png) no-repeat;
		left: 28px;
		top: -20px;
	}
	
	
	#menu .volver {
		width: 144px;
		height: 58px;
		background: url(images/volver.png) no-repeat;
		left: 180px;
		top: 39px;
	}
	#menu .volver span {
		width: 131px;
		height: 51px;
		background: url(images/volver-over.png) no-repeat;
		left: 16px;
		top: -20px;
	}
	
	#menu .volver1 {
		width: 144px;
		height: 58px;
		background: url(images/volver.png) no-repeat;
		left: 26px;
		top: 39px;
	}
	#menu .volver1 span {
		width: 131px;
		height: 51px;
		background: url(images/volver-over.png) no-repeat;
		left: 16px;
		top: -20px;
	}
	#menu .logout {
		width: 144px;
		height: 58px;
		background: url(images/logout.png) no-repeat;
		left: 980px;
		top: 33px;
	}
	
	#menu .logout span {
		width: 131px;
		height: 51px;
		background: url(images/logout-over.png) no-repeat;
		left: 26px;
		top: -10px;
	}
	
	#menu .cliente {
		width: 131px;
		height: 51px;
		background: url(images/cliente.png) no-repeat;
		left: 250px;
		top: 260px;
	}
	#menu .cliente span {
		width: 150px;
		height: 12px;
		background: url(images/cliente-over.png) no-repeat;
		left: 7px;
		top: 54px;
	}
	
	#menu .factura {
		width: 190px;
		height: 51px;
		background: url(images/factura.png) no-repeat;
		left: 460px;
		top: 300px;
	}
	#menu .factura span {
		width: 170px;
		height: 12px;
		background: url(images/factura-over.png) no-repeat;
		left: 35px;
		top: -15px;
	}
	
	
	
	#menu .venta-diaria {
		width: 190px;
		height: 51px;
		background: url(images/venta_diaria.png) no-repeat;
		left: 720px;
		top: 260px;
	}
	
	#menu .venta-diaria span {
		width: 170px;
		height: 12px;
		background: url(images/venta_diaria-over.png) no-repeat;
		left: 10px;
		top: 54px;
	}
	
	#menu .precio_combustible {
		width: 190px;
		height: 51px;
		background: url(images/precio_combustible.png) no-repeat;
		left: 330px;
		top: 260px;
	}
	#menu .precio_combustible span {
		width: 170px;
		height: 12px;
		background: url(images/precio_combustible-over.png) no-repeat;
		left: 10px;
		top: 54px;
	}
	
	#menu .precio_impuesto {
		width: 190px;
		height: 51px;
		background: url(images/precio_impuesto.png) no-repeat;
		left: 640px;
		top: 260px;
	}
	#menu .precio_impuesto span {
		width: 170px;
		height: 12px;
		background: url(images/precio_impuesto-over.png) no-repeat;
		left: 10px;
		top: 54px;
	}
	
	#menu1 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 50px;
	/*background: url(images/menu-bg.png) no-repeat;*/
	position: relative;
	}
	#menu1 span {
		display: none;
		position: absolute;
	}
	#menu1 a {
		display: block;
		text-indent: -900%;
		position: absolute;
		outline: none;
	}
	#menu1 a:hover {
		background-position: left bottom;
	}
	#menu1 a:hover span{
		display: block;
	}
	#menu1 .agregar_cliente {
		width: 190px;
		height: 50px;
		background: url(images/agregar_cliente.png) no-repeat;
		left: 0px;
		top: 0px;
	}
	#menu1 .agregar_cliente span {
		width: 170px;
		height: 13px;
		background: url(images/agregar_cliente-over.png) no-repeat;
		left: 50px;
		
	}
	
	#menu1 .agregar_venta_diaria {
		width: 190px;
		height: 50px;
		background: url(images/agregar_venta_diaria.png) no-repeat;
		left: 0px;
		top: 0px;
	}
	#menu1 .agregar_venta_diaria span {
		width: 170px;
		height: 13px;
		background: url(images/agregar_venta_diaria-over.png) no-repeat;
		left: 35px;
		
	}
	
	#menu1 .agregar_combustible {
		width: 190px;
		height: 50px;
		background: url(images/agregar_combustible.png) no-repeat;
		left: 0px;
		top: 0px;
	}
	#menu1 .agregar_combustible span {
		width: 170px;
		height: 12px;
		background: url(images/agregar_combustible-over.png) no-repeat;
		left: 50px;
	
	}

	#menu1 .agregar_impuesto {
		width: 190px;
		height: 50px;
		background: url(images/agregar_impuesto.png) no-repeat;
		left: 0px;
		top: 0px;
	}
	#menu1 .agregar_impuesto span {
		width: 170px;
		height: 12px;
		background: url(images/agregar_impuesto-over.png) no-repeat;
		left: 30px;
	
	}

	#search {
		 padding-left:280px;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	#content
		{
		padding: 0 100px;
		padding-bottom: 70px;
		}
	
	p
		{
		font-size:1.1em;
		margin-top: 1.5em;
		}
	
	form
		{
		margin-top: 1.5em;
		}
	
	
	
	#requerido{
		text-align:right;
	
	}
	
		
	.clear{
		clear:both;
		}
	
	input.locked { 
			background: rgba(51,204,255,0.1) url(images/locked.png) !important;
			background-size: 15px 15px !important;
			background-repeat: no-repeat !important;
			background-position: 190px 5px !important;
	}
	
	.negativo {
		color:#DD0000 !important;
	
	}
	.positivo {
		color: rgb(0,136,0) !important;
	
	}
	
	.funcionario {
		position: absolute;
		left: 700px;
		width: 400px;
		font-size: 16px !important;
	}

		
	.totales-resumen {
		width: 430px !important;
		text-align: right;
	}