:root {
	--color-primary: #3574b7;
	--color-secondary: #e8b000;
	--color-text: #ffe;
	--color-bg: #010101;
	/* --color-primary: #98261c;
	--color-secondary: #193159;
	--color-text: #00323b;
	--color-bg: #ffe; */
}

/* #145693 */ 
/* #e8b000 */

*{margin:0em;padding:0em;border:0px;color: var(--color-text)}
  body{background:black;}  
 .back{width:100%;height:100%;background-image:url(_upp.png);background-repeat:repeat-y;background-position:top center}
 .line{height:30px;}
 .head{position:relative;margin:0px auto;background-repeat:no-repeat;background-position:top center;}

 .head2{position:relative;width:1041px;height:335px;margin:0px auto;background-repeat:no-repeat;background-position:top center; background-image:url(header4b.png); z-index:3;}

 .header{position:relative;width:1041px;z-index: 1;margin:0em auto}
 /* 2021 -> .header-druzina {position: relative; top: 210px; margin:auto; font: bold 2.0em 'Titillium Web', sans-serif;  color: white; z-index: 999; height: 25px;  width: 615px; padding-left: 0px; text-align: center; left: -192px; font-variant-caps: all-small-caps;*/
 .header-druzina {position: relative;top: 170px; margin: auto; font: bold 1.4em "Georama", sans-serif; color: #e6ae35; z-index: 999;height: 15px;width: 250px; padding-left: 0px; text-align: center;
                  left: 250px;font-variant-caps: all-small-caps; opacity: 0.99;}
 .header-druzina-admin {position: relative; top: 118px; margin:auto; font: bold 1.3em "Georama", sans-serif;  color: #0b8e36; z-index: 999; height: 25px; width: 615px; text-align: left; left: 0px;}
 .header-druzina-admin a:link, .header-druzina-admin a:active, .header-druzina-admin a:visited {font: bold 1.0em 'Titillium Web', sans-serif;  color: white;}
 .header-druzina-admin a:hover {color: white;}

 .header-druzina a:link, .header-druzina a:visited, .header-druzina a:active, .header-druzina a:hover {color: white;} 

 .header-druzina-dr {position: relative; top: 264px; margin:auto; font: bold 1em "Georama", sans-serif;  color: #693c10; z-index: 999; height: 25px; width: 220px; padding-left: 40px;}
 /*.header-body {position: relative; top: 193px; left: 144px; font: 1.25em 'Raleway', sans-serif;  color: #693c10; z-index: 2; height: 25px; width: 89px; text-align: center; font-weight:700;}*/
 /* 2021 -> .header-body {position: relative; top: 87px; left: 567px; font: 6.00em 'Titillium web', sans-serif; font-weight: normal; color: #ffffff; z-index: 2; height: 25px;width: 300px; text-align: center; font-weight: 700; letter-spacing: -3px;}*/
 .header-body {position: relative;top: 180px;left: 250px; font: 3.2em "Georama", sans-serif; font-weight: normal; color: #e6ae35; z-index: 2; height: 25px; width: 300px; text-align: center; font-weight: 700; letter-spacing: -1px; margin:auto;
    /*-webkit-transform: rotate(1deg); text-shadow: -1px -2px 0 var(--color-text), 2px -2px 0 var(--color-text), -2px 2px 0 var(--color-text), 2px 2px 0 var(--color-text);*/ /*transform: perspective(9cm) rotateX(-17deg) rotateY(52deg);*/}
 .header-body-2 {position: relative; top: 212px; left: 326px; font: 1.0em 'Raleway', sans-serif;;  color: #693c10; z-index: 999; height: 25px; width: 40px; text-align: center;}
 .header-body-stromy {background-image: url(header4c.png); position: absolute; height:110px; width: 430px; z-index:999; top: 210px; left: 576px;}


 .info{height:30px;width:800px;color:#093D5A;font-size:9pt;font-weight:bold;line-height:26px;text-align:right;}
 .contentbg-login{background-repeat:repeat-y;background-position:top center; padding-top:320px;}
 .contentbg{background-repeat:repeat-y;background-position:top center; padding-top:270px;}
 .content-head{background-image:url(content-head.png);height:25px;background-repeat:no-repeat;background-position:top center; opacity:1;filter:alpha(opacity=1);}
 .content-foot{background-image:url(content-foot.png);height:420px;background-repeat:no-repeat;background-position:top center; opacity:1;filter:alpha(opacity=1);}
 .content{background-color: var(--color-bg);border-radius: 2em;border: 3px solid; border-color: var(--color-primary);min-height: 100vh;}
 .lcontent{float:left;width:12.6em;padding:1em 0em 0em 2em;min-height:30em;background-position:top left;background-repeat:no-repeat;background-image:url(_lcon.png)}
 .rcontent{float:right;width:44.5em;padding:2em 1em 0em 1em;background-position:top right;background-repeat:no-repeat;background-image:url(_rcon.png)}
 .clear{clear:both}
 .footer{height:800px; background-position:center; background-repeat:no-repeat; background-position:top; background-image:url(footer.png); text-align: center; margin-top:-400px;}
 .ftext{line-height:30px;text-align:center;color:var(--color-text);font-size:10pt;padding-top:3px;}
 .neaktivne{opacity:0.25;filter:alpha(opacity=25);}

a:link{text-decoration:none;color:var(--color-text);font-weight:bold;transition:color 2s;-moz-transition:color 2s;-webkit-transition:color 2s;-o-transition:color 2s;}
a:visited{text-decoration:none;color:var(--color-text);font-weight:bold;}
a:hover{color:var(--color-primary);transition:color 0s;-moz-transition:color 0s;-webkit-transition:color 0s;-o-transition:color 0s;}
a:active{color:var(--color-primary);}

 .lt{position:absolute;width:101px;bottom:0px;height:150px;left:-100px;background-image:url(ldw.png)}
 .rt{position:absolute;width:101px;bottom:0px;height:150px;right:-100px;background-image:url(rdw.png)}

  b{color:var(--color-secondary); font-weight: 600; /*background-color: #011727; padding-left: 6px; padding-right: 6px;*/}


  h1{font-size:24pt;color:var(--color-text);font-family: "Georama", sans-serif; font-variant-caps: all-small-caps; font-weight:800;}
  h2{font-size:16pt;color:var(--color-primary);font-weight: bold;font-family: "Georama", sans-serif; letter-spacing: -0.5px; font-weight:800;} 
  h3{font-size:34pt;color:var(--color-primary);font-family: "Georama", sans-serif; font-variant-caps: all-small-caps; font-weight:800;} 
  h4{font-size:18pt;color:var(--color-text);padding:0.8em 0em 0.0em 0.1em; font-family: "Georama", sans-serif; font-weight:700;}

 /*.text{font-size:10pt; border-left:2px dotted var(--color-text);padding:0.1em 0.6em;margin:0em 1.1em 0.7em 0.2em}*/
 .text {font-size: 1.0em;border-left: 2px dotted var(--color-primary);padding: 0.1em 0.6em;margin: 0em 1.1em 0.7em 0.2em;font-family: "Georama", sans-serif;font-weight: 400;line-height: 1.40em;}
 .text b {font-family: "Georama", sans-serif;font-weight: 700;}
 .text a:link {font-family: "Georama", sans-serif;font-weight: 700;}
 .text_w{font-size:10pt; border-left:2px dotted var(--color-primary);padding:0.1em 0.6em;margin:0em 0em 0.7em 0.2em;}
 .note{font-size:10pt; border-left:2px dotted #e6ae35;padding:0.1em 1.3em;margin:0em 0em 0.6em 0.2em;font-family: "Georama", sans-serif;}

 .ev{font-size:0.9em; border-left:2px dotted var(--color-text);padding:0.1em 0.5em;} 
 .aev{font-size:0.9em; border-left:2px dotted var(--color-primary);padding:0.1em 0.5em;}
 .c{margin-top:0.7em;font-family: "Georama", sans-serif; color: var(--color-text);}
 .c span {color: var(--color-primary); font-weight:600; font-size: 1.05em;}

 .menu{padding:30px 0px 30px 6px; font-family: "Georama", sans-serif; font-size:10pt !important;}
 .menu a:link {font-family: "Georama", sans-serif; font-size: 16px; padding-left: 3px;}
 .title{padding:0.5em;border-bottom:0px;background-position:bottom;background-repeat:no-repeat}
 .box{padding:0.5em;margin-bottom:0.5em}

 .img{border:1px solid #f5edbe;padding:4px;background-color:#f3bb33}

 #rr {display:none}

 input {color:var(--color-text); font-weight:bold; font-family: "Courier New"; padding: 6px; border: solid 1px var(--color-text); background: var(--color-primary); transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition:2s;}
 input:hover {color:var(--color-secondary); font-weight:bold; font-family: "Courier New"; padding: 6px; border: solid 1px var(--color-secondary); background: var(--color-primary); transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}

 textarea {color:#a10; font-family: "Courier New"; padding: 4px; border: solid 1px #820;}
 .tdtd, .tdtd a:link {font-family: "Georama"; font-size: 12px; text-align: center; color: #6e1e0e;}
 .tdtd b, .tdtd a:link b {font-family: "Georama"; font-size: 13px; text-align: center; color: #6e1e0e; font-weight:800;}

/* ----------------- GRAPHICS DATA LIMIT COUNTER ----------------- */
.counter-bg {
	background: transparent url("counter1.png") 0px 0px no-repeat;
	background-position-y: center;
	width: 316px;
	height: 60px; 
	margin-right: 0px;
}
.counter-active {
	background: transparent url("counter2.png") 0px 0px no-repeat;
	background-position-y: center;
	height: 60px; 
	float: left;
}
.counter-todo {
	background: transparent url("counter3.png") no-repeat;
	background-position-y: center;
	height: 60px; 
	float: left;
}
.counter-center1 {
	background: transparent url("counter-center.png") no-repeat;
	width: 65px;
	height: 60px; 
	background-position: center;
}
.counter-center2 {
	background: transparent url("counter-center1.png") no-repeat;
	width: 64px;
	height: 60px; 
	background-position: center;
}
.counter-percento {
	font-family: "Georama", sans-serif; font-size: 1.5em; color: var(--color-primary); font-weight: 700;
	/*background: transparent url("counter-percento.png") 0px 0px no-repeat;*/
	width: 94px;
	height: 60px; 
	text-align: center;
}
.rebricek1 {font: Verdana, 'Trebuchet MS', Arial, Sans-serif; font-size: 0.95em; color: var(--color-text);}
.rebricek1 span {font-family: "Georama", sans-serif; font-size: 0.8em; color: var(--color-text); line-height: 1em; font-weight:400;}
.rebricek2 {font: bold 1em Verdana, 'Trebuchet MS', Arial, Sans-serif; font-size: 1.2em; color: #1cb5b2;}
.druzina_foto {text-align: right; padding: 35px 30px 20px 20px; width: 370px; float: right;}

#haluz { margin-left: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
#haluz:hover {transform: rotate(1deg); -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); -moz-transform: rotate(1deg); }