html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

	
	
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
	{
	display: block;
	}

	

/*html 
	{
	background:  url("../img/admin.jpg" );
	no-repeat;
	background-size: 100%;
	}

.htmlTitle 
	{
	background: none;
	}



body 
	{
	line-height: 1;
	}
*/

ol, ul 
	{
	list-style: none;
	}

blockquote, q 
	{
	quotes: none;
	}

blockquote:before, blockquote:after, q:before, q:after 
	{
	content: '';
	content: none;
	}

table 
	{
	border-collapse: collapse;
	border-spacing: 0;
	}

body, .login-submit, .login-submit:before, .login-submit:after 
	{
	background: #373737 url("../img/bg.png") 0 0 repeat;
	}

body 
	{

	font: 24px/48px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #040404;
	/*
	background: #f3f2f3;
	color: #000000;
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size: 12px;
	*/
	}

.bodyAdmin
	{
	/*background: url("../img/admin.jpg" ) no-repeat;
	background-size: cover;	
	background-size: 100%;	
	height:100%;*/
	}

.bodyAdmin_ana
	{
	background: url("../img/ana_admin.jpg" ) no-repeat;
	/*background-size: cover;	
	background-size: 100%;	*/
	height:100%;
	}
	/* 
#container {
            background: #FFFFFF;
            margin: 30px auto;
            width: 100%;
            height: 20%;
}


#header {
            background: #838283;
            height: 200px;
            width: 900px;
}
 
#navigation {
            background: #a2a2a2;
            width: 900px;
            height: 20px;
}
*/ 
#menu {
            background: #373737 url("../img/bg.png") 0 0 repeat;
            float: left;
            width: 20%;
            height: 100%;
}
 
#content_simple {

			background-size: cover;
			background-color: white;
            float: right;
             width: 78%;
            height: 100%;
			padding-left: 1%;
			font-size: 16;
			line-height: 1.5;
			font-family: 'Times New Roman';
			
}
#content_admin {
            background: url("../img/admin.jpg" );
			background-size: cover;
            float: right;
             width: 80%;
            height: 100%;
}

#content_analyst {
            background: url("../img/ana_admin.jpg" );
			background-size: cover;
            float: right;
             width: 80%;
            height: 100%;
}

#content_operator {
            background: url("../img/ope_admin.jpg" );
			background-size: cover;
            float: right;
             width: 80%;
            height: 100%;
}

#content_warehouser {
            background: url("../img/war_admin.jpg" );
			background-size: cover;
            float: right;
             width: 80%;
            height: 100%;
}

#content_accountant {
            background: url("../img/acc_admin.jpg" );
			background-size: cover;
            float: right;
             width: 80%;
            height: 100%;
}
 /*
#clear {
            clear:both;
}
 
#footer {
            background: #838283;
            height: 180px;
            width: 900px;
}
*/









/*АККОРДЕОН*/
			.topnav {
						margin: 0px auto;
						min-width: 100px;						
						max-width: 500px;
						max-height: 620px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						border: 1px solid rgba(0, 0, 0, 0.7);
						box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
						overflow: hidden;
						font: normal 14px Helvetica, Arial, sans-serif;
					}

			ul.topnav {
						list-style: none;
						margin: 0;
						padding:0;
						text-align:center;
					  }

			ul.topnav li {
						 }
						 
			ul.topnav li a {
								display: block;	
								outline: 0;	
								padding: .7em 1em;	
								text-decoration: none;	
								color:#C9C9C9;	
								font-weight: normal;	
								text-shadow: 1px 1px 3px #111;	
								background: #330;
								border-bottom: 1px solid #222;
								background-image:-webkit-linear-gradient(#444, #333);
								background-image:-moz-linear-gradient(#444, #333);
								background-image:-ms-linear-gradient(#444, #333);
								background-image:linear-gradient(#444, #333);
							}
			ul.topnav li a:hover {
									background-color: none;
									color: white;
								 }
			ul.topnav ul {
							display: none;
							margin: 0;
							padding: 0;
						 }
			ul.topnav ul li {
								clear: both;
								margin: 0;
								padding: 0;
							}
			ul.topnav ul li a {
								display: block;	
								font-size: 12px;
								display: block;
								padding: .7em 1em;
								background: #686868;
								color: #c9c9c9;
							  }
							  
			ul.topnav ul li a:hover {
									}
			ul.topnav ul ul li a {
									display: block;	
									font-size: 12px;
									display: block;
									padding: .7em 1em;
									background: #A9A9A9;
									color: #000000;
									text-shadow: none;
								 }
			ul.topnav ul ul li a:hover {
									   }
			ul.topnav span {
							 float: right;
							}
							


							
/*це стосується заміни посилань формами у акордеоні*/							
			ul.topnav li form {
								display: block;	
								outline: 0;	
								/*padding: .7em 1em;*/	
								text-decoration: none;	
								color:#C9C9C9;	
								font-weight: normal;	
								text-shadow: 1px 1px 3px #111;	
								background: #330;
								border-bottom: 1px solid #222;
								background-image:-webkit-linear-gradient(#444, #333);
								background-image:-moz-linear-gradient(#444, #333);
								background-image:-ms-linear-gradient(#444, #333);
								background-image:linear-gradient(#444, #333);
								cursor:pointer;
							}
			ul.topnav li form:hover {
									background-color: none;
									color: white;
								 }

			ul.topnav ul li form {
								display: block;	
								font-size: 12px;
								display: block;
								/*padding: .7em 1em;*/
								background: #686868;
								color: #c9c9c9;
							  }
							  
			ul.topnav ul li form:hover {
									}
			ul.topnav ul ul li form {
									display: block;	
									font-size: 12px;
									display: block;
									/*padding: .7em 1em;*/
									background: #A9A9A9;
									color: #000000;
									text-shadow: none;
								 }
			ul.topnav ul ul li form:hover {
									   }
								 
										/*input*/

/*//////////////////*/

			ul.topnav li form input {
								display: block;	
								outline: 0;	
								/*padding: .7em 1em;*/	
								text-decoration: none;	
								color:#C9C9C9;	
								font-weight: normal;	
								/*text-shadow: 1px 1px 3px #111;*/	
								background: #330;
								/*border-bottom: 1px solid #222;*/
								background-image:-webkit-linear-gradient(#444, #333);
								background-image:-moz-linear-gradient(#444, #333);
								background-image:-ms-linear-gradient(#444, #333);
								background-image:linear-gradient(#444, #333);
								cursor:pointer;
							}
			ul.topnav li form input:hover {
									background-color: none;
									color: white;
								 }

			ul.topnav ul li form input {
								display: block;	
								font-size: 12px;
								display: block;
								/*padding: .7em 1em;*/
								background: #686868;
								color: #c9c9c9;
							  }
							  
			ul.topnav ul li form input:hover {
									}
			ul.topnav ul ul li form input {
									display: block;	
									font-size: 12px;
									display: block;
									/*padding: .7em 1em;*/
									background: #A9A9A9;
									color: #000000;
									text-shadow: none;
								 }
			ul.topnav ul ul li form input:hover {
									   }
								 
										/*input*/										
input1 
	{
	/*padding: 0 10px;
	width: 300px;
	height: 40px;
	color: #bbb;
	text-shadow: 1px 1px 1px black;
	background: rgba(0, 0, 0, 0;
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);*/
	}										

							
/*a 
	{
	color: #00a1d2;
	text-decoration: none;
	}
*/
a:hover 
	{
	text-decoration: underline;
	}

.buttonA {
	font: normal 14px Helvetica, Arial, sans-serif;
	  text-decoration: none;
	  background-color: #404040;
	  color: #D3D3D3;
	  padding: 2px 6px 2px 6px;
	  border-top: 1px solid #CCCCCC;
	  border-right: 1px solid #CCCCCC;
	  border-bottom: 1px solid #333333;
	  border-left: 1px solid #CCCCCC;
	  cursor:pointer;
	}

	
.login 
	{
	position: relative;
	margin: 200px auto;
	width: 400px;
	padding-right: 32px;
	font-weight: 300;
	color: #a8a7a8;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	}
.login p 
	{
	margin: 0 0 10px;
	}

input, button, label 
	{
	font-family: 'Times New Roman', Arial, sans-serif;/*'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-size: 15px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
input[type=text], input[type=password] 
	{
	padding: 0 10px;
	width: 300px;
	height: 40px;
	color: #bbb;
	text-shadow: 1px 1px 1px black;
	background: rgba(0, 0, 0, 0.16);
	border: 0;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	}
input[type=text]:focus, input[type=password]:focus 
	{
	color: white;
	background: rgba(0, 0, 0, 0.1);
	outline: 0;
	}


	
label 
	{
	float: left;
	width: 100px;
	line-height: 40px;
	padding-right: 10px;
	font-weight: 100;
	text-align: right;
	letter-spacing: 1px;
	}

.forgot-password 
	{
	padding-left: 100px;
	font-size: 13px;
	font-weight: 100;
	letter-spacing: 1px;
	}

.login-submit 
	{
	position: absolute;
	top: 12px;
	right: 0;
	width: 48px;
	height: 48px;
	padding: 8px;
	border-radius: 32px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
	}
.login-submit:before, .login-submit:after 
	{
	content: '';
	z-index: 1;
	position: absolute;
	}
.login-submit:before 
	{
	top: 28px;
	left: -4px;
	width: 4px;
	height: 10px;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
	}
.login-submit:after 
	{
	top: -4px;
	bottom: -4px;
	right: -4px;
	width: 36px;
	}

.login-button 
	{
	position: relative;
	z-index: 2;
	width: 48px;
	height: 48px;
	padding: 0 0 48px;
	/* Fix wrong positioning in Firefox 9 & older (bug 450418) */
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	border: 0;
	border-radius: 24px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
	/* Must use another pseudo element for the gradient background because Webkit */
	/* clips the background incorrectly inside elements with a border-radius.     */
	}
.login-button:before 
	{
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	background: #00a2d3;
	border-radius: 24px;
	background-image: -webkit-linear-gradient(top, #00a2d3, #0d7796);
	background-image: -moz-linear-gradient(top, #00a2d3, #0d7796);
	background-image: -o-linear-gradient(top, #00a2d3, #0d7796);
	background-image: linear-gradient(to bottom, #00a2d3, #0d7796);
	-webkit-box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
	box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
	}
.login-button:active:before 
	{
	background: #0591ba;
	background-image: -webkit-linear-gradient(top, #0591ba, #00a2d3);
	background-image: -moz-linear-gradient(top, #0591ba, #00a2d3);
	background-image: -o-linear-gradient(top, #0591ba, #00a2d3);
	background-image: linear-gradient(to bottom, #0591ba, #00a2d3);
	}
.login-button:after 
	{
	content: '';
	position: absolute;
	top: 15px;
	left: 12px;
	width: 25px;
	height: 19px;
	background: url("../img/arrow.png") 0 0 no-repeat;
	}

::-moz-focus-inner 
	{
	border: 0;
	padding: 0;
	}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] 
	{
	line-height: 40px;
	background: #282828;
	}
.lt-ie9 .login-submit 
	{
	position: absolute;
	top: 12px;
	right: -28px;
	padding: 4px;
	}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after 
	{
	display: none;
	}
.lt-ie9 .login-button 
	{
	line-height: 48px;
	}
.lt-ie9 .about 
	{
	background: #313131;
	}

/* Стили бара vladmaxi, можно удалить */
.vladmaxi-top
	{
	line-height: 24px;
	font-size: 11px;
	background: #eee;
	text-transform: uppercase;
	z-index: 9999;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	font-family: calibri;
	font-size: 13px;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
	}
@-webkit-keyframes slideOut
	{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
	}

.vladmaxi-top a
	{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
	}
.vladmaxi-top a:hover
	{
	background: #fff;
	}
.vladmaxi-top span.right
	{
	float: right;
	}
.vladmaxi-top span.right a
	{
	float: left;
	display: block;
	}