@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,400italic,700,700italic);

/** Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) http://cssreset.com */

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-family: "Roboto Slab", serif; /*vertical-align: baseline;*/ }



/* HTML5 display-role reset for older browsers */

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



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;*/ border: 1px solid #ddd; }



td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; font-size: 14px; color: #222; padding: 2px 0; }

td:last-child { border-right: 0; }



/**** variables ****/

/**** Basic ****/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }



.clearfix { display: inline-block; }



* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



html[xmlns] .clearfix { display: block; }



* html .clearfix { height: 1%; }



body.login { font-family: 'Istok Web', sans-serif; background: #7CA37C; }



body { font-family: 'Istok Web', sans-serif; background: url("images/pattern1.png"); }



* { margin: 0; padding: 0; outline: 0; }



a { color: #3e89af; text-decoration: none; -webkit-transition: color 1s; transition: color 1s; }

a:hover { color: white; }



fieldset { border: 1px solid #888; padding: 15px; margin-bottom: 20px; }

fieldset label { display: block; margin-top: -10px; }



legend { color: #dddddd; padding: 0 5px; font-size: 20px; }



.mts { margin-top: 10px; }



.mt { margin-top: 20px; }



.mtvl { margin-top: 70px; }



.mbs { margin-bottom: 10px; }



.mb { margin-bottom: 20px; }



.mr { margin-right: 20px; }



.ml { margin-left: 20px; }



.left { float: left; }



.right { float: right; }



.radius { border-radius: 5px; }



.text-center { text-align: center; }



.text-right { text-align: right; }



.justify { text-align: justify; }



.full { width: 100%; }



.half { width: 48%; }



hr { clear: both; width: 100%; border-top: 1px solid #ddd; border-bottom: none; border-left: none; border-right: none; margin-bottom: 20px; }



.line20 { line-height: 20px; }



.line25 { line-height: 25px; }



p { color: #3b3e3a; font-size: 14px; line-height: 20px; margin-bottom: 10px; }



p.error { width: 100%; text-align: center; color: white; background: #7CA37C;
 padding: 5px 10px; border-radius: 10px; border: 1px solid #114F11; }



.sprite-1 { background-position: 0 0; }



.sprite-2 { background-position: -128px 0; }



.sprite-3 { background-position: -256px 0; }



.sprite-4 { background-position: -384px 0; }



.sprite-5 { background-position: -512px 0; }



/***   header   ***/

nav { width: 100%; background: url("images/pattern.png") repeat-x; }

nav ul { width: 1050px; margin: 0 auto; }

nav ul ul { display: block; width: 180px; background: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 6px; position: absolute; top: 48px; left: 0; z-index: 999; display: none; }

nav ul ul:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; position: absolute; top: -10px; left: 15px; }

nav li { display: block; float: left; position: relative; font-size: 14px; }

nav li li { width: 100%; border-bottom: 1px solid #eee; }

nav li li:last-child { border-bottom: none; }

nav li li:hover { background: #3e89af; }

nav li li a { display: block; color: #3e89af; -webkit-transition: none; transition: none; }

nav li li a:hover { color: #FFF; }

nav a { display: block; padding: 10px 12px; color: #ccc; }

nav .fa-sort-asc { margin-top: -3px; float: right; }



header { width: 100%; padding: 20px 0; }

header hgroup { width: 980px; margin: 0 auto; }

header .logo1 { float: left; }

header .right { text-align: right; }

header button { margin-top: 20px; }



header.login { width: 100%; padding: 0; }

header.login hgroup { width: 980px; margin: 30px auto 40px auto; text-align: center; }



.admin-box { width: 400px; margin: 0 auto; background: black; background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 8px; position: relative; z-index: 9; box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2), 0 0 6px rgba(0, 0, 0, 0.3); }

.admin-box form { width: 100%; }

.admin-box input[type="text"], .admin-box input[type="password"] { width: 100%; background: #1c1c1c; padding: 6px 10px; border: 1px solid #434343; margin-bottom: 10px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); border: none; border-radius: 8px; box-shadow: inset 0 0 0 black, 0 0 1px rgba(255, 255, 255, 0.1); margin-bottom: 15px; padding: 10px; color: #7CA37C; }

.admin-box label { display: block; width: 100%; color: #fff; margin-bottom: 10px; }

.admin-box h1 { color: #ccc; margin: 0 0 30px 0; padding: 0; font-size: 26px; text-align: center; }

.admin-box button { display: block; background: #ccc; background: -webkit-linear-gradient(top, #cccccc, #999999); background: -moz-linear-gradient(top, #cccccc, #999999); background: -o-linear-gradient(top, #cccccc, #999999); background: -ms-linear-gradient(top, #cccccc, #999999); background: linear-gradient(top, #cccccc, #999999); border: none; border-radius: 6px; padding: 6px 20px; float: right; cursor: pointer; }

.admin-box button:hover { background: #999999; background: -webkit-linear-gradient(bottom, #cccccc, #999999); background: -moz-linear-gradient(bottom, #cccccc, #999999); background: -o-linear-gradient(bottom, #cccccc, #999999); background: -ms-linear-gradient(bottom, #cccccc, #999999); background: linear-gradient(bottom, #cccccc, #999999); }



.box { width: 980px; margin: 50px auto 0 auto; background: #caccca; background: rgba(0, 0, 0, 0.1); border: 1px solid #b0b3b0; border: 1px solid rgba(0, 0, 0, 0.3); padding: 20px; position: relative; }

.box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.box h1 { background: url("images/pattern.png"); padding: 10px; color: #f1f1f1; text-transform: uppercase; position: absolute; top: -36px; left: -1px; }

.box .icons { float: left; margin-right: 24px; cursor: pointer; }

.box .icons img { margin-bottom: 10px; border: 1px solid #9eb5bb; border-radius: 6px; -webkit-transition: all 1s; transition: all 1s; }

.box .icons img:hover { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }

.box a { display: block; text-align: center; color: #666; }



footer.login { width: 100%; height: 171px; background: url("images/buildings.png") repeat-x; position: absolute; bottom: 0px; left: 0; }



footer { width: 100%; background: url("images/pattern.png") repeat-x; margin-top: 30px; }

footer p { width: 980px; margin: 0 auto; padding: 5px 0; color: #aaa; text-align: center; }



/*** Forms ***/

button { padding: 4px 10px; background: #333333; background: -webkit-linear-gradient(top, #333333, #1a1a1a); background: -moz-linear-gradient(top, #333333, #1a1a1a); background: -o-linear-gradient(top, #333333, #1a1a1a); background: -ms-linear-gradient(top, #333333, #1a1a1a); background: linear-gradient(top, #333333, #1a1a1a); border: 1px solid #1a1a1a; -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5); cursor: pointer; color: white; border-radius: 5px; }

button:hover { background: black; background: -webkit-linear-gradient(bottom, #333333, #1a1a1a); background: -moz-linear-gradient(bottom, #333333, #1a1a1a); background: -o-linear-gradient(bottom, #333333, #1a1a1a); background: -ms-linear-gradient(bottom, #333333, #1a1a1a); background: linear-gradient(bottom, #333333, #1a1a1a); }

.forgot{
	float:right;
	margin-top: -25px;
	color:#FFF;
}
.forgot:hover{color:#000; }
.login1{
	float:left;
	color:#FFF;
}
.login1:hover{color:#000; }