body
{ 
	margin:0;
	padding:0;
//*	min-width:760px; *//
	overflow:hidden;
	background: #333333;
}

h1
{
	font-family: verdana;
	font-size:24px;
	color:#fff;
	
}

h2
{
	color:#fff;
	font-family: calibri;
	font-size:20px;
}

#title, #title2 {

	text-align:center;
	padding:10px 10px 10px 10px;
	margin:10px;
	font-stretch:condensed ultra-condensed;
	width:400px;
	height:auto;
	background:#385599;
	border:#000 thick;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 5px 0 rgba(2,2,2,0.6);
}
#title2 {
	height:auto;
	padding:5px;
	margin:5px;
	background:#335090;
	font-stretch:none;
}

.boton {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	font-size:12px;
	background: #385599;
/*	padding: 2px; */
	margin: 2px; 
	border:#fff thin;
	font-stretch:condensed ultra-condensed;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px 0 rgba(2,2,2,0.6);
}

.boton:hover {
	background: #3958a0;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 3px 0 rgba(2,2,2,0.7);
	cursor: pointer;
}

ul a{
	text-decoration:underline none;
	text-decoration:none;
	text-align:center;
	color:#fff;
}
ul a:hover{
	text-decoration:none;
}

a{
	text-align:center;
	text-decoration:none;
}

a{
	text-decoration:underline none;
	text-decoration:none;
	text-align:center;
	color:#000;
}
a:hover{
	color:#000;
	text-decoration:none;
}

.legajo {
	position:fixed;
	right:50%;
}

.historial {
	position:fixed;
	left:50%;
}
.iz{ position:relative; }

ul{
	margin:0; padding:0;

	
	
}
ul.stock, ul.proveedores, ul.clientes, ul.ventas, ul.cobranzas, ul.salir{
	float:left;
	display: table;
	-mzo-display:block;
	-ms-display:block;
	-webkti-display:block;
	-o-display:block;
	z-index:999;
	border-radius:0px 0px 10px 10px;
	color:#F00;
	position:relative;	 
	width:150px;
	height:150px;
	top:-120px;
	left: 0;
	margin:0 auto;
	background:#000;
	border: thin solid black;
	box-shadow: #808080 0px 1px 3px 1px;
}
/* ul.proveedores{ }
ul.clientes{ left:310px;}
ul.ventas{ left:465px;}
ul.cobranzas{ left:619px;} */
ul.stock:before, ul.proveedores:before, ul.clientes:before, ul.ventas:before, ul.cobranzas:before , ul.salir:before{content: "STOCK";/* content: "STOCK"; */ color:#FFF; font-size:12px; font-family: 'Text Me One', sans-serif; position:relative; top:125px;}
ul.proveedores:before {content: "PROVEEDORES"; content: "PROVEEDORES";}
ul.clientes:before {content: "CLIENTES"; content: "CLIENTES";}
ul.ventas:before {content: "VENTAS"; content: "VENTAS";}
ul.cobranzas:before {content: "COBRANZAS"; content: "COBRANZAS";}
ul.salir:before {content: "SALIR"; content: "SALIR";}
ul.stock:hover, ul.proveedores:hover, ul.clientes:hover, ul.ventas:hover, ul.cobranzas:hover, ul.salir:hover { margin:0px 0px 0px 0px; background:#333; box-shadow: #808080 0px 1px 3px 1px; min-height:20px; height:auto; top:0px; overflow: auto;}
ul.stock:hover:before, ul.proveedores:hover:before, ul.clientes:hover:before, ul.ventas:hover:before, ul.cobranzas:hover:before, ul.salir:hover:before { content: " ";/*content: "\25BC"; content:"\25BC"; */height:auto;}
/* ul.menu li {margin-right: 1.5em; padding: 0; text-align: right; */ 
li{
	font-family: 'Text Me One', sans-serif;
	text-align:left;
  	list-style: none;
	text-decoration:none;
	width:140px;
	margin-left:5px;
}
li:hover{
	list-style: none;
	text-decoration:none;
	width:140px;
	background: #FFF;
	margin-left:5px;
	color:#000;
}

table{
	text-align:center; /*
	font-stretch:condensed ultra-condensed; */
	background:#fff;
	border:1px #fff solid;
	margin:10px;
	border:#fff thin;
	font-stretch:condensed ultra-condensed;
	border-radius: 5px 5px 3px 3px;
	box-shadow: 0 0 2px 0 rgba(2,2,2,0.6);
}

#ventas {
	clear:both;
}

#ventas table {
	background:#EEEEEE;
}

#ventas table tr th {
	background:#d7d7d7;
}

#ventas table tr td {
	background:#EEEEEE;
}	
	
.centrar, .centrar2{
	
	width:100%;
/*	min-width:800px; */
	margin:0 auto;
	height:auto;
	position:fixed;
}
.centrar2{
	position:fixed;
	top:50px;
	left: 0;
	
}

table th {
	margin:5px;
	border: 0px solid #fff;
	background:#fff;
	color:#000;
	
}

table tr:nth-child(even) {
	border: #ddd;
	background:#ddd;
	color:#000;
}

table tr:nth-child(odd) {
	background:#ccc;
	color:#000;
}

form table {
	top:0px;
	border:0px;
	margin:5px;
	background:#385599;
	color:#fff;
}
.resultado{
	position:relative;
	
	top:50px;
}

form table th {
	margin:5px;
	background:#385599;
	color:#fff;
}
form table td{
	background#385599;
}

.index   form {
	text-align:center;
	width:400px;
	margin:5px;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
/*	font-stretch:condensed ultra-condensed; */
	background:#385599; 
	border:#000 thick;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 5px 0 rgba(2,2,2,0.6);
}

div .index   form {
	text-align:center;
	z-index:0;
/*	width:400px; */
	margin:10px;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
/*	font-stretch:condensed ultra-condensed; */
	background:#385599; 
	border:#000 thick;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 5px 0 rgba(2,2,2,0.6);
}

.index   table {
	text-align: center;
	font-stretch:none;
}

form{
	
	height:auto;
	
	z-index:0;
	
	width:400px;
	margin:5px;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
/*	font-stretch:condensed ultra-condensed; */
	background:#385599;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);
} 
select{
	background:#FFF;
}
option{
	padding:0px;
	background: #06C;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}
input{
	width:170px;
	background:#fff;
	font-family: verdana;
	padding:5px;
} 

#usere {
	float: top ; 
	background:#eFeFeF;
/*	padding:0px 5px 5px 5px; */
/*	position: absolute;  */
/*	border:#888; */
	text-shadow:#666;
	text-decoration:none;
	height: 20px;
/* 	top:78px; */
	width:170px;
	text-align: left;
	vertical-align:center;
/*	left:100px;  */
/*	margin:10px ; */
	color: #000;
	font-family: 'Monda', serif;
	font-size:12px;
	border-radius: 2px 2px 2px 2px;
}