@font-face {
    font-family: 'GillSans';
    src: url('GillSans-Light.woff2') format('woff2'), /* Modern Browsers */
         url('GillSans-Light.otf') format('opentype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'GillSans';
    src: url('GillSans-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('GillSans-LightItalic.otf') format('opentype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'GillSans';
    src: url('GillSans-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('GillSans-Bold.otf') format('opentype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoHR';
    src: url('Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('Lato-Light.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoHR';
    src: url('Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('Lato-Bold.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	font-family: "LatoHR", sans-serif;
}


body, div.redbut {background-color: #004354}

#top {background:url(../el/bgnd_top.gif) repeat-x #245;color:#eb3;width:100%;overflow:auto;border-bottom: 4px solid #ffce00;margin-bottom:2px;height:48px}
#top a, #top p {color:#e7f7ff;font-size:20px}
#top a {margin:3px 10px;float:left}
#logo {width:40%;float:left;margin-top:7px}
#logo a {margin:2px 5px 0 2px}
#topiskbox {float:right;text-align:right;padding-top:2px}
div.topbox {width:40%;margin:9px 10px 0;overflow:auto}
#top p.ver {margin-top:12px;color:#ffce00;font-size:12px;overflow:auto}

#container {width: 100%;overflow: auto;box-shadow: inset 15px 15px 20px 0 px #fff}

h1 {color:#fff6ce;font-weight: bold}

div.box {background-color: #fff}
div.loginbox {width:500px;height:auto;border:2px solid #ffce00;border-left-width:15px;border-right-width:15px;margin:70px auto;
-webkit-box-shadow: 5px 5px 5px 0 #0087a8; 
box-shadow: 5px 5px 5px 0 #0087a8;
}
div.loginbox input, div.loginbox label {padding:4px 10px}
div.red {padding:6px 0;clear: both}
div.red + div.red{border-top: solid 1px #2a8fa8;}
div.red label {width:30%;min-width: 50px;text-align: right;font-size: 0.9em;float:left;padding-top: 10px}
div.red input {font-size: 1.1em;margin:3px 0}
div.rednaslov {text-align: center;background-color: #006680}
div.rednaslov h1 {font-size: 1.4em;font-weight: bold;text-transform: uppercase;color:#fff6ce;padding:7px 10px 4px}
div.redbut {text-align:center;border-top:2px solid #FFF;padding:8px 10px;width: 100%}

button {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
button:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #FFce00 100%);
	background-color:#FFce00;
}
button:active {
	position:relative;
	top:1px;
}