/*@font-face {
	font-family:'grands';
	src:url('fonts/grands.eot');
	src:url('fonts/grands.eot?#iefix') format('embedded-opentype'),url('fonts/grands.svg#Grands') format('svg'),url('fonts/grands.woff') format('woff'),url('fonts/grands.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}*/

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;
}

body {
	line-height: 1;
	margin: 0;
	padding: 0px;
	font-family:grands, Tahoma, Verdana;
	font-size: 0.9em;
	color: #333;
	background-color: #fffaf5;
	min-width: 800px;
}

p {
	margin: 10px 0;
}

img {	border: 0;}


a:link, a:visited {
	color: #3cb371;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #3c7eb2;
	-webkit-transition: background-position .3s linear;
	-moz-transition: background-position .3s linear;
	-ms-transition: background-position .3s linear;
	-o-transition: background-position .3s linear;
	transition: background-position .3s linear;
}

.header {
	height: 45px;
	margin: 20px;
	color: #3cb371;
	font-size: 1.5em;
	line-height: 45px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #6a5acd;
	padding: 10px;
}

h1 {
	font-size: x-large;
}

h2 {
	font-size: large;
}

h3 {
	font-size: larger;
}

form textarea {
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	-webkit-appearance: none;
	display: block;
	border: 0;
	background: #e8e8e8;
	width: 100%;
	box-shadow: inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	line-height: 1.25em;
	padding: 0.75em 1em 0.75em 1em;
}

form input[type="text"]:focus,
	form input[type="email"]
	input[type="password"]:focus,
	form select:focus,
	form textarea:focus {
		background: #f0f0f0;
}

form textarea {
	min-height: 11em;
}

form .formerize-placeholder {
	color: #555 !important;
}

form ::-webkit-input-placeholder {
	color: #555 !important;
	line-height: 1.35em;
}

form :-moz-placeholder {
	color: #555 !important;
}

form ::-moz-placeholder {
	color: #555 !important;
}

form :-ms-input-placeholder {
	color: #555 !important;
	}

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

/* ===== MENU ===== */
.top-menu {
	background: #6a5acd;
	padding: 0 20px;
	width: 100%;
}
.top-menu li{
    list-style:none; /*Убираем маркер*/ 
    display:inline-block; /*Выстраиваем пункты в ряд*/
    background:#6a5acd; /*Цвет фона для пункта*/
    position:relative;
    color: #fffaf0; /*Цвет шрифта в пункте*/  
}
.menu-empty{
	display: block;
	padding: 15px 0px;
}
.top-menu li:hover{
    background: #8f83da /*Цвет фона при наведение на пункт*/
}
.top-menu li a{
    color: #fffaf0;/*Цвет шрифта в пункте*/
    text-decoration:none;/*Убираем подчеркивание*/ 
    display:block;
    padding: 10px 20px; 
}
.top-menu li ul{
    display:none;/*Прячем выпадающее меню*/
    position:absolute;
    padding-left:0;
    width:120px;/*Ширина выпадающего меню*/
    border-top: 1px solid #777;
}
.top-menu li:hover ul{
    display:block;/*Показываем выпадающее меню при наведение*/
    left:0px;
}

.container {
	padding: 20px;
}

.info {
	font-size: 0.8em;
	color: #666;
	text-align: center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.footer {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
}

.notify {
	border: 1px solid #ffa07a;
	border-radius: 10px;
	padding: 10px;
	background-color: #ffefd5;
	color: #a52a2a;
}

.notify_ok {
	border: 1px solid #49bd95;
	color: #276b54;
	border-radius: 10px;
	padding: 10px 10px 10px 80px;
	background-color: #dbf2ea;
	background-image: url(../img/ok.png);
	background-position: left;
	background-repeat: no-repeat;
}

.notify_no {
	border: 1px solid #ffa07a;
	border-radius: 10px;
	padding: 10px;
	background-color: #ffefd5;
	color: #a52a2a;
}

.loginblock {
	background: white;
	padding: 10px;
	margin: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
}

.simple-string {
	min-width: 50%;
}

/* ====== Частности ======= */
input[type="text"], input[type="password"] {
	padding: 10px 10px;
	margin: 10px 10px;
	border: 1px solid #999;
	border-radius: 10px;
	line-height: 1.25em;
}

input[type=button], input[type=submit], input[type=reset], button {
    background-color: #4CAF50;
    border: none;
    border-radius: 10px;
    color: white;
    padding: 14px 30px;
    text-decoration: none;
    margin: 10px;
    cursor: pointer;
    line-height: 1.25em;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover {
	background-color: #3c7eb2;
}

.headings {
	font-size: 2em;
	font-weight: 100;
	margin-bottom: 10px;
	color: #4caf50;
}

/* -------- Styles --------- */
a.coolbtn {
	padding: 10px 30px;
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #4CAF50;
	color: white;
	text-decoration: none;
}

a.coolbtn:hover {
	background-color: #3c7eb2;
	text-decoration: none;
}

.dark {
	background-color: #fff5e1;
}

td {
	padding: 10px;
}

@media screen and (max-device-aspect-ratio: 9/16) {
	input[type=button], input[type=submit], input[type=reset], a.coolbtn {
		transform: scale(3);
		margin: 20px 150px;
	}
	input[type="checkbox"] {
		transform: scale(3);
		margin: 10px 40px;
	}
	input[type="text"], select {
		transform: scale(3);
		width: 400px;
		margin: 20px 450px;
	}
	body {
		font-size: 2.8em;
	}
	#navbar {
		height: 65px;
		padding-left: 10px;
		min-width: 250px;
	}
	#navbar li a {
		width: 180px;
	}
}