* {
  box-sizing:border-box;
}

body 
{
	margin: 0px;
    padding: 0px;
    background-color:#f5f5f5;
   	font-family: Tahoma;
    font-size: 14px; color: #444444;
}

h1
{
FONT-SIZE: 15px; FONT-FAMILY: Tahoma; TEXT-DECORATION: bold;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
display: inline;
}

h2
{
BACKGROUND: none; FONT-SIZE: 14px; FONT-FAMILY: Tahoma;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}
h3
{
BACKGROUND: none; FONT-SIZE: 14px; FONT-FAMILY: Tahoma;
padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
display: inline;
}

table
{
    padding:0px; margin:0px;
     border-spacing: 0px;
   border-collapse: separate;

}
.table1
{
   padding:2px; margin:2px;
   border-spacing: 2px;
   border-collapse: separate;
}
.table2
{
   padding:3px;
   border-collapse: separate;
}
.table3
{
    border-spacing:1px; background-color:#eeeeee;
}

td
{
    vertical-align:top;
    padding:0px; margin:0px;
}
.td1
{
    vertical-align:middle;
    padding:2px; margin:0px;
}

.td1sm
{
    vertical-align:middle;
    padding:2px; margin:0px;
}

.td2
{
    text-align:right;
    vertical-align:middle;
    padding:2px 2px 2px 10px;
}
.td3{vertical-align:middle;}
.td4{background-color:#ffffff; padding:2px;}
.tdvrem1
{
    padding:2px;
}
.divvrem1{background-color:#eeeeee; padding:2px; margin:10px 0px 5px 0px;}

.naslov1
{
background-image: url('/slike/xnaslov1.png');
background-repeat: repeat-y;
border-bottom:solid 1px #47CB89;
padding:2px;
overflow:auto;
}

.naslov1p
{
background-image: url('/slike/xnaslov1p.png');
background-repeat: repeat-y;
border-bottom:solid 1px #47CB89;
padding:3px;
}


.naslov2
{
padding:8px 2px 2px 2px;
border-bottom:solid 1px #47CB89;
}

.stolpec1
{
    padding:5px;
    float:left;
    width:100%;
}
.stolpec2
{
    padding:5px;
    float:left;
    width:100%;
}

.stolpec3
{
    padding:5px;
    float:left;
    width:100%;
}

.opisgorovja2{max-width:400px; margin:5px 5px 5px 15px; padding:5px; border:1px solid #dddddd; color:#777777;}
.opisgorovja3{background-color:#eeeeee; padding:3px; margin:-5px; border-bottom:solid 1px #dddddd;}
.opisgorovja{max-width:400px; margin:5px 5px 5px 15px; padding:5px; border:1px solid #dddddd; color:#777777;}
.opisgorovjamob{margin:5px; padding:5px; border:1px solid #dddddd; color:#777777; display:none;}
.opisgorovjagumb {display:none;padding: 4px 6px 4px 6px; margin:2px; background-color:#eeeeee; border:1px solid #dddddd; color:#777777; cursor:pointer; font-size:12px; text-align:center;}
.opisgorovjagumb:hover {background-color:#dddddd; border:1px solid #cccccc;}
.opisgorovjagumb:active {background-color:#dddddd; border:1px solid #bbbbbb;}
.gorovjagumb2 {padding: 4px 6px 4px 6px; margin:2px; background-color:#eeeeee; border:1px solid #dddddd; color:#777777; cursor:pointer; font-size:12px; text-align:center;}
.gorovjagumb2:hover {background-color:#dddddd; border:1px solid #cccccc;}
.gorovjagumb2:active {background-color:#dddddd; border:1px solid #bbbbbb;}
.zanimivaiskanjamob{margin:5px; padding:5px; border:1px solid #dddddd; color:#777777; display:none;}


@media screen and (max-width: 1020px) {
.opisgorovja2{max-width:100%; width:100%; margin:5px 0px 5px 0px; padding:5px; border:1px solid #dddddd; color:#777777;}
.opisgorovja3{background-color:#eeeeee; padding:3px; margin:-5px; border-bottom:solid 1px #dddddd;}

.opisgorovjagumb{display:block;}
.zanimivaiskanjamob{display:block;}
.opisgorovja{display:none;}

}

@media screen and (min-width: 950px) {
        .vs{width:50%;}

}
@media screen and (min-width: 1220px) {
        .vs{width:33.33%;}

}

.gorasiv
{
    box-shadow:0px 1px 1px;
    border-radius: 0px 0px 0px 25px;
    padding:10px;
    background-color:#dddddd;
    overflow:auto;
    clear:both;
}

.vs1
{
	background-color:#eeeeee;
	padding:0px 5px 0px 5px;
	font-size:12px;
	vertical-align:middle;
	position:relative;
	top:4px;
}
.oc1
{
	padding: 4px 4px 4px 5px;
	font-size:13px;
	cursor:pointer;
	width:140px;
}

.oc2
{
	padding: 4px 4px 4px 5px;
	font-size:13px;
	cursor:pointer;
	width:140px;
}
.oc1P{cursor:pointer;}
.oc1P:hover{padding-left:5px;cursor:pointer;}

.oc3
{
	padding: 4px 4px 4px 5px;
	font-size:13px;
	width:140px;
}
#oct{margin-left:18px; padding:5px 0px;}
#ocs{position:absolute; z-index:200; width:140px;}

.crta{height:1px; background-color:#dddddd; margin:5px 0px;}

.prvaarrow{width:20px; margin:0px 1px 0px 1px;}
.potpng {width:20px; margin:0px 1px 0px 1px;}

.slikamini {
width: 80px;
height: 54px;
float: left;
margin-top: 2px;
margin-right: 3px;
border: 0px;
}

.slikaslika {

    max-width: -moz-calc(100vw - 254px);
    max-width: -webkit-calc(100vw - 254px);
    max-width: -o-calc(100vw - 254px);
    max-width: calc(100vw - 254px);

    max-height: -moz-calc(100vh - 20px);
    max-height: -webkit-calc(100vh - 20px);
    max-height: -o-calc(100vh - 20px);
    max-height: calc(100vh - 20px);

}



.slikaspodaj {
    position:absolute;
    background-color:#85abca;
    padding:0px 5px 5px 5px;

}

.slikanazaj{vertical-align:bottom;}
.slikanazaj2{display:none;}
.slikanaprej{vertical-align:bottom;}
.slikaoglas {vertical-align:bottom;}
.slikaoglas2{vertical-align:bottom;}
.slikaoglas2x{vertical-align:bottom; margin-left:-32px;}

#map{width:100%; height:500px}
.iframez{overflow: hidden; width:100%; height:500px;}

#pavza{position:relative; height:175px; bottom:178px;}
#iprom_cp_wrapper{visibility:collapse;}
@media screen and (max-width: 548px) {
    #pavza{position:relative; height:100px; bottom:103px;}
}

@media screen and (max-width: 800px) {
    .prvaarrow{width:30px; margin:0px 12px 0px 0px;}
    .potpng{width:25px; margin:0px 8px 0px 0px;}

    .slikanazaj{display:none;}
    .slikanazaj2{display:block;}
    .slikanaprej{vertical-align:top;}
    .slikaoglas {vertical-align:top;}
    .slikaoglas2 {vertical-align:top; margin-top:82px; margin-left:-47px;}
    .slikaoglas2x {vertical-align:top; margin-top:48px; margin-left:-47px;}

    .slikaslika {

    max-width: -moz-calc(100vw - 94px);
    max-width: -webkit-calc(100vw - 94px);
    max-width: -o-calc(100vw - 94px);
    max-width: calc(100vw - 94px);

    max-height: none;
}

  #map{width:100%; height:350px}
  .iframez{overflow: hidden; width:100%; height:350px;}


}

.kameredrzava {background-image: url('/slike/xnaslov1.png'); background-repeat: repeat-y; border-bottom:solid 1px #47CB89; overflow:auto; cursor:pointer; padding:4px 4px 4px 4px;}
.kameredrzava2 {background-image: url('/slike/xnaslov1b.png'); background-repeat: repeat-y; border-bottom:solid 1px #1c4f35; overflow:auto; cursor:pointer; padding:4px 4px 4px 10px;}

.kameregorovje {background-image: url('/slike/xnaslov2.png'); background-repeat: repeat-y; border-bottom:solid 1px #5883DD; overflow:auto; cursor:pointer; padding:4px 4px 4px 10px;}
.kameregorovje2 {background-image: url('/slike/xnaslov2b.png'); background-repeat: repeat-y; border-bottom:solid 1px #5883DD; overflow:auto; cursor:pointer; padding:4px 4px 4px 10px;}

.kameregorovje
{
	cursor: pointer;
	height: 22px;
	background-image: url(/slike/xnaslov2.png);
}
.kameregorovje2
{
	cursor: pointer;
	height: 22px;
	background-image: url(/slike/xnaslov2b.png);
}

.kameravir {padding-bottom:5px;}
.kameraopis {width:768px;}
.kameraL{float:left;}
.kameraD{width:300px; min-height:100px; float:left;}

.slikakamera{max-width:100%; cursor:pointer;}
.slikakamera2{cursor:pointer;}



@media screen and (min-width: 0px) {
    .slikakamera2 {margin:0px -10px;}
.slikakamera{
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: calc(100% + 20px);

    max-width: -moz-calc(100% + 20px);
    max-width: -webkit-calc(100% + 20px);
    max-width: -o-calc(100% + 20px);
    max-width: calc(100% + 20px);

    margin-left: -moz-calc(-10px);
    margin-left: -webkit-calc(-10px);
    margin-left: -o-calc(-10px);
    margin-left: calc(-10px);

    margin-right: -moz-calc(-10px);
    margin-right: -webkit-calc(-10px);
    margin-right: -o-calc(-10px);
    margin-right: calc(-10px);

}

.kameravideo
{
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: calc(100% + 20px);

    max-width: -moz-calc(100% + 20px);
    max-width: -webkit-calc(100% + 20px);
    max-width: -o-calc(100% + 20px);
    max-width: calc(100% + 20px);

    margin-left: -moz-calc(-10px);
    margin-left: -webkit-calc(-10px);
    margin-left: -o-calc(-10px);
    margin-left: calc(-10px);

    margin-right: -moz-calc(-10px);
    margin-right: -webkit-calc(-10px);
    margin-right: -o-calc(-10px);
    margin-right: calc(-10px);
}

.kameraopis {width:100%;}
.kameraD {width:100%;}
}

@media screen and (min-width: 360px) {

.kameraopis {width:100%;}

}

@media screen and (min-width: 599px) {

.kameraopis {width:100%;}

}



@media screen and (min-width: 801px) {
.slikakamera2 {margin:0px;}

.slikakamera{margin:0px; margin-left:0px; width:100%; max-width:100%;}

.kameravideo{margin:0px; margin-left:0px; width:100%; max-width:100%;}

.kameraL{padding-right:5px;}

.kameraopis {width:376px;}
.kameraD {width:300px;}

}

@media screen and (min-width: 950px) {

.kameraopis {width:576px;}

}



@media screen and (min-width: 1350px) {
.slikakamera{max-width:700px;}

.kameraopis {width:692px;}

}
@media screen and (min-width: 1450px) {

.kameraopis {width:768px;}

}
@media screen and (min-width: 1620px) {
        .slikakamera{max-width:900px;}

}
@media screen and (min-width: 1820px) {
        .slikakamera{max-width:1050px;}

}
.tip1 {
    position: fixed;
    z-index:9999;
    padding:20px;
    max-width:250px;
    border-radius: 6px;
    border: 2px solid black;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    opacity:1;
    color:white;
    background-color:black;
  animation-name: AnimTooltip1;
  animation-duration: 2s;

}
.tip2 {
    position: fixed;
    z-index:9999;
    padding:20px;
    max-width:500px;
    border-radius: 6px;
    border: 2px solid black;
    top: 30%;
    left: 30%;
    margin-top: -50px;
    margin-left: -50px;
    opacity:1;
    color:white;
    background-color:black;
  animation-name: AnimTooltip1;
  animation-duration: 2s;

}

@keyframes AnimTooltip1 {
    0% {opacity:0;}
    100% {opacity:1;}
}

.popup3{position:fixed; z-index:9999; display:none; border:solid 1px #333333; width:500px; height:500px; background-color:#eeeeee; top:50%; left:50%; margin-top:-250px; margin-left:-250px;}
.popup2{width:500px; height:480px;}
.smesko {cursor:pointer; padding:2px;}
.sme1{vertical-align:bottom;}
.textarea {width: 373px; height: 200px}



.kamerekamera0{background-color:#f5f5f5; padding:4px;border-bottom:solid 1px #cccccc;}
.kamerekamera1{background-color:#eeeeee; padding:4px;border-bottom:solid 1px #cccccc;}
.k0{float:left; padding-right:15px; width:286px;}
.k1{float:left; padding-right:15px; width:286px;}
.k2{float:left; padding-right:15px; width:286px;}
.kz{padding-right:5px; color:#47CB89; font-weight:bold; position:relative; top:-4px; left:-4px;}
.star{cursor:pointer;}
.w250{width:250px; max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.vrk0{background-color:#eeeeee; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.vrk1{background-color:#dddddd; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.vrk0N{background-color:#FFDEAD; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.vrk1N{background-color:#ffde97; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}

.datum1 {display:block; color:#999999; font-size:11px;}
.komDatum {display:block; color:#999999; font-size:11px;}
.komBesedilo {float:left; padding-left:20px;}
.komL {text-align:left; padding:3px 2px; min-width:75px; }
.komZ {text-align:left; padding:2px 2px; display:none;}
.komS {text-align:left; width:100%; padding-left:10px; padding-right:7px;}
.komD {text-align:right;}
.komSp {text-align:left; padding:2px 2px; display:none;}

.forumvrk0{background-color:#f5f5f5; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.forumvrk1{background-color:#dddddd; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.forumvrk0N{background-color:#FFDEAD; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.forumvrk1N{background-color:#ffde97; padding:4px; border-bottom:solid 1px #777777; padding:6px 2px;}
.forumn1 {FONT-FAMILY: Tahoma; FONT-SIZE: 14px; color: #444444; padding: 3px 3px 3px 3px; font-weight: bold; border-bottom:solid 1px #47CB89;}
.forumn2 {FONT-FAMILY: Tahoma; FONT-SIZE: 14px; color: #444444; padding: 3px 3px 3px 3px; font-weight: bold; border-bottom:solid 1px #47CB89; display:table-cell;}
.forumn2Mob {FONT-FAMILY: Tahoma; FONT-SIZE: 14px; color: #444444; padding: 3px 3px 3px 3px; font-weight: bold; border-bottom:solid 1px #47CB89; display:none;}
.forumst{padding:8px 2px 8px 5px; display:table-cell;}
.forumstMob2{padding:8px 2px 8px 5px; display:none;}
.forumst2{padding:8px 2px 8px 5px; display:table-cell;}
.zavihekMini{padding:3px 6px 0px 6px;}
.zavihekMini2{padding:0px 5px 0px 5px; background-color:#16a9ee; cursor:pointer; color:#f5f5f5; border-radius: 4px 4px 0px 0px;}
.zavihekMini2:hover{background-color:#159fe0;}
.arrsiv{width:30px; cursor:pointer;}
.vrr{background-image:url('/slike/v1x.png');}
.vrr2{background-image:url('/slike/v1x.png'); background-color:#FFDEAD;}

.vrB0{background-color:#dddddd; padding:4px; background-image:url('/slike/bb0.png'); background-repeat:repeat-y; background-position-y:bottom;}
.vrB1{background-color:#dddddd; padding:4px; background-image:url('/slike/bb1.png'); background-repeat:repeat-y; background-position-y:bottom;}


.vr0B0{background-color:#f5f5f5; padding:4px; background-image:url('/slike/bb0.png'); background-repeat:repeat-y; background-position-y:bottom;}
.vr0B1{background-color:#f5f5f5; padding:4px; background-image:url('/slike/bb1.png'); background-repeat:repeat-y; background-position-y:bottom;}
.vr1B0{background-color:#eeeeee; padding:4px; background-image:url('/slike/bb0.png'); background-repeat:repeat-y; background-position-y:bottom;}
.vr1B1{background-color:#eeeeee; padding:4px; background-image:url('/slike/bb1.png'); background-repeat:repeat-y; background-position-y:bottom;}


.vr0{background-color:#f5f5f5; padding:4px;}
.vr1{background-color:#eeeeee; padding:4px;}
.vrtd{padding:4px 10px 4px 4px;}
.vrtdZ{padding:4px 10px 4px 4px; border-bottom:solid 1px #47CB89;}
.vrtdA{border-bottom:solid 1px #cccccc; padding:4px 10px 4px 4px;}
.vrtdX {
background-color:#ffffff;
color:#cccccc;
font-size:13px;
border-bottom:solid 1px #cccccc;
text-align:right;
vertical-align:bottom;
min-width:120px;
padding-left:50px;
}
.vrtdX2 {
background-color:#ffffff;
color:#47CB89;
font-size:13px;
border-bottom:solid 1px #47CB89;
text-align:right;
vertical-align:bottom;
min-width:120px;
padding-left:50px;
}
.gumb2b {padding: 2px 10px 2px 10px; margin-top:2px; background-color:#47cb89; border:1px solid #45c686; color:#ffffff; cursor:pointer; float:left; font-size:12px; width:100%; text-align:center;}
.gumb2b:hover {background-color:#45c686; border:1px solid #379d6a;}
.gumb2b:active {background-color:#43c183; border:1px solid #2b7a52;}

.gumb2bz {padding: 2px 10px 2px 10px; margin-top:2px; background-color:#dc9203; border:1px solid #b77903; color:#ffffff; cursor:pointer; float:left; font-size:12px; width:100%; text-align:center;}
.gumb2bz:hover {background-color:#d28b03; border:1px solid #ad7302;}
.gumb2bz:active {background-color:#c58303; border:1px solid #a46d02;}

.gumbsiv {padding: 4px 6px 4px 6px; margin-top:20px; margin-left:3px; background-color:#8e8e8e; border:1px solid #7b7b7b; color:#f5f5f5; cursor:pointer; font-size:12px; text-align:center;}
.gumbsiv:hover {background-color:#7b7b7b; border:1px solid #6e6e6e;}
.gumbsiv:active {background-color:#6e6e6e; border:1px solid #595959;}

.gumbsiv2 {padding: 4px 6px 4px 6px; margin-left:3px; background-color:#8e8e8e; border:1px solid #7b7b7b; color:#f5f5f5; cursor:pointer; font-size:12px; text-align:center;}
.gumbsiv2:hover {background-color:#7b7b7b; border:1px solid #6e6e6e;}
.gumbsiv2:active {background-color:#6e6e6e; border:1px solid #595959;}

.tableVP{border-spacing:1px; background-color:#cccccc;}

@media screen and (max-width: 1000px) {
    .tableVP{width:100%;}
    .komDatum {display:inline; padding-left:20px;}
    .komL {display:none;}
    .komD {display:none;}
    .komZ{display:table-cell;}
    .komSp{display:table-cell;}
    .komS{padding-left:0px;}
    .gumb2b{float:left; margin-right:3px; width:auto; margin-top:0px;}
    .gumb2bz{float:left; margin-right:3px; width:auto; margin-top:0px;}

    .forumst2{display:none;}
    .forumstMob2{display:table-cell;}
    .forumn2 {display:none;}
    .forumn2Mob {display:table-cell;}


}

@media screen and (max-width: 800px) {
    .vrtdX{display:none;}
    .vrtdX2{display:none;}

}


#glava
{
    background-repeat: repeat-x;
    background:#5883DD;
    height: 80px;
    background-image: url('/slike/robgorx.gif');
    z-index:100;
}
#glava1_desktop{
    height:80px;
    float:left;
    display:block;
}
#glava1_mobile{
    height:50px;
    float:left;
    display:none;
}
#glava2{
    float:right;
    display:none;
}
#glava22{
    float:right;
    display:none;
}
#glava3{
    float:right;
    margin-right:10px;
}
#glava4{
    float:right;
    margin-right:10px;
}
#glava5{
    float:right;
    margin-right:10px;
}




    




#gA{
float:left;
    background-color:#2eac6d;
    background-image: url(/slike/menizgorajx2.png);
    background-repeat:repeat-x;
    background-position-y:bottom;
    border-radius: 7px 7px 0px 0px;
    padding:1px 15px 0px 15px;
    height:20px;
    margin-left:10px;
    margin-top:60px;
    white-space:nowrap;
    cursor:pointer;
}
#gB{
    background-color:#2eac6d;
    background-image: url(/slike/menizgorajx2.png);
    background-repeat:repeat-x;
    background-position-y:bottom;
    border-radius: 7px 7px 0px 0px;
    padding:1px 15px 0px 15px;
    height:20px;
    margin-left:10px;
    margin-top:60px;
    white-space:nowrap;
    cursor:pointer;
}






#gM{display:none; width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/menimobile.png'); margin-top:15px; cursor:pointer;}
.h800{
    display:block;
    padding-top:2px;
    color: #cccccc; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;
}
.h800:hover {color: #f5f5f5; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}


#gMU{width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/u2_mobile.png'); margin-top:5px; cursor:pointer; border-radius: 5px 5px 5px 5px;}
#gMU:hover { background-image: url('/slike/u2_mobile.png'); background-color: rgba(69, 198, 134, 0.5);}

#gMi{width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/i2_mobile.png'); margin-top:5px; cursor:pointer; border-radius: 5px 5px 5px 5px;}
#gMi:hover { background-image: url('/slike/i2_mobile.png'); background-color: rgba(69, 198, 134, 0.5);}

@media screen and (max-width: 800px) {
#glava1_desktop{
    display:none;
}
#glava1_mobile{
    display:block;
}

#glava
{
    width:100%;
    height: 50px;
    background-image: url('/slike/RobGorxMobile.gif');
}

#gA{width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/u2_mobile.png'); margin-top:5px; cursor:pointer;  border-radius: 5px 5px 5px 5px;}
#gA:hover { background-image: url('/slike/u2_mobile.png'); background-color: rgba(69, 198, 134, 0.5);}
#gB{width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/logout2_mobile.png'); margin-top:5px; cursor:pointer; border-radius: 5px 5px 5px 5px;}
#gB:hover { background-image: url('/slike/logout2_mobile.png'); background-color: rgba(69, 198, 134, 0.5);}
#gM{width:40px; height:40px; background-color: rgba(71, 203, 137, 0.5); background-image: url('/slike/menimobile.png'); margin-top:5px; cursor:pointer; display:block;  border-radius: 5px 5px 5px 5px;}
.h800{display:none;}


}


.menizgorajA{display:block;}

.menizgoraj {
clear:both;
background-image: url('/slike/menizgoraj.gif');
background-repeat: repeat-x;
height: 30px;
}

.menizgorajM2{margin-top:5px;}
#menizgorajM {
display:none;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
clear:both;
background-image: url('/slike/menizgoraj.gif');
background-repeat: repeat-x;
height: 30px;

}

.menirastlineM2{margin-top:5px;}
#zavihkirastline {
white-space: nowrap;
clear:both;
height:25px;

}

.g1
{
    width:100%;
}

.t1 {width:70px;}
.t2 {width:70px;}


@keyframes AnimPrijava {
  0%   {height:0px;}
  100%   {height:300px;}
}
@keyframes AnimMeniLevo {
  0%   {margin-left:-180px;}
  100%   {margin-left:0px;}
}
@keyframes AnimMZ {
  0%   {height:0px;}
  100%   {height:25px;}
}

  

#DivPrijava {
    z-index:999999;
    border-radius: 0px 0px 15px 15px;
    border:2px solid #47cb89;
    padding:10px;
    margin-right: 15px;
    width:200px; background-color:#dddddd; position:absolute; display:none; right:0px; top:80px;
    animation-name: AnimPrijava;
    animation-duration: 0.5s;
}
@keyframes AnimPrijava2 {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
#DivPrijava2
{
    display:inherit;
    animation-name: AnimPrijava2;
    animation-duration: 1.0s;
}

@keyframes videoZ {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
.videoZapri{
    animation-name: videoZ;
    animation-duration: 2.0s;
}
@keyframes videoO {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.videoOdpri{
    animation-name: videoO;
    animation-duration: 2.0s;
}
#video3{height:60px; min-width:60px; background-image: url('/slike/playv3.png'); cursor:pointer; background-repeat: no-repeat; padding:23px 5px 25px 64px; width:180px;}
#video3:hover{background-image:url('/slike/playv4.png'); margin-left:3px;}


.gumb1 {padding: 7px 20px 7px 20px; background-color:#47cb89; border:1px solid #45c686; color:#ffffff; cursor:pointer; float:left;}
.gumb1:hover {background-color:#45c686; border:1px solid #379d6a;}
.gumb1:active {background-color:#43c183; border:1px solid #2b7a52;}

.gumb2 {padding: 2px 10px 2px 10px; background-color:#47cb89; border:1px solid #45c686; color:#ffffff; cursor:pointer; float:left; font-size:12px;}
.gumb2:hover {background-color:#45c686; border:1px solid #379d6a;}
.gumb2:active {background-color:#43c183; border:1px solid #2b7a52;}

.gumb2z {padding: 2px 10px 2px 10px; background-color:#dc9203; border:1px solid #b77903; color:#ffffff; cursor:pointer; float:left; font-size:12px;}
.gumb2z:hover {background-color:#d28b03; border:1px solid #ad7302;}
.gumb2z:active {background-color:#c58303; border:1px solid #a46d02;}

.gumb2y {padding: 2px 10px 2px 10px; background-color:#47c1ff; border:1px solid #1eb3ff; color:#ffffff; cursor:pointer; float:left; font-size:12px;}
.gumb2y:hover {background-color:#34bbff; border:1px solid #0badff;}
.gumb2y:active {background-color:#22b5ff; border:1px solid #00aaff;}


.gumb3 {padding: 2px 10px 2px 10px; background-color:#47cb89; border:1px solid #45c686; color:#ffffff; cursor:pointer; float:left; font-size:12px;}
.gumb3:hover {background-color:#45c686; border:1px solid #379d6a;}
.gumb3:active {background-color:#43c183; border:1px solid #2b7a52;}

.rdec {color:red;}
.hr{height:1px; background-color:#99acd6;}
.meni1{padding: 0px}

A.meni:link          {color: #f5f5f5; font-size: 14px; font-family: Tahoma; text-decoration: none; display:block; padding: 3px 2px 3px 8px; margin:0px -3px 0px -3px;}
A.meni:active        {color: #f5f5f5; font-size: 14px; font-family: Tahoma; text-decoration: none; display:block; padding: 3px 2px 3px 8px; margin:0px -3px 0px -3px;}
A.meni:visited       {color: #f5f5f5; font-size: 14px; font-family: Tahoma; text-decoration: none; display:block; padding: 3px 2px 3px 8px; margin:0px -3px 0px -3px;}
A.meni:hover         {color: #f5f5f5; background-color:#4568af; font-size: 14px; font-family: Tahoma; text-decoration: none; display:block; padding: 3px 2px 3px 8px; margin:0px -3px 0px -3px;}

A.moder:link          {color: #4567ae; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A.moder:active        {color: #4567ae; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A.moder:visited       {color: #4567ae; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A.moder:hover         {color: #4567ae; font-size: 14px; font-family: Tahoma; text-decoration: none;}

A.noga:link          {color: #eeeeee; font-size: 11px; font-family: Tahoma; text-decoration: none;}
A.noga:active        {color: #eeeeee; font-size: 11px; font-family: Tahoma; text-decoration: none;}
A.noga:visited       {color: #eeeeee; font-size: 11px; font-family: Tahoma; text-decoration: none;}
A.noga:hover         {color: #eeeeee; font-size: 11px; font-family: Tahoma; text-decoration: none;}

A.pov2:link          {color: #cccccc; font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2:active        {color: #cccccc; font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2:visited       {color: #cccccc; font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2:hover         {color: #f5f5f5; font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold;}

A.pov2G:link          {color: #cccccc; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2G:active        {color: #cccccc; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2G:visited       {color: #cccccc; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2G:hover         {color: #f5f5f5; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}

A.pov2r:link          {color: #777777; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2r:active        {color: #777777; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2r:visited       {color: #777777; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
A.pov2r:hover         {color: #333333; font-size: 12px; font-family: Tahoma; text-decoration: none; font-weight: bold;}


A.ime:link       {color: #444444; font-size: 13px; font-family: Tahoma; text-decoration: underline;}
A.ime:active       {color: #444444; font-size: 13px; font-family: Tahoma; text-decoration: underline;}
A.ime:visited       {color: #444444; font-size: 13px; font-family: Tahoma; text-decoration: underline;}
A.ime:hover       {color: #444444; font-size: 13px; font-family: Tahoma; text-decoration: underline;}


A:link       {color: #444444; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A:active       {color: #444444; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A:visited       {color: #444444; font-size: 14px; font-family: Tahoma; text-decoration: none;}
A:hover       {color: #444444; font-size: 14px; font-family: Tahoma; text-decoration: none;}



input[type=text]{width:180px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=text]:focus{border-color:#aaaaaa; outline: none;}
input[type=password]{width:180px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=password]:focus{border-color:#aaaaaa; outline: none;}

.select {width:220px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select:focus {border-color:#aaaaaa; outline: none;}
.select2 {width:98px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select2:focus {border-color:#aaaaaa; outline: none;}
.select3 {width:373px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select3:focus {border-color:#aaaaaa; outline: none;}
input[type=text].select3 {width:373px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=text].select3:focus {border-color:#aaaaaa; outline: none;}

.select4 {width:160px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select4:focus {border-color:#aaaaaa; outline: none;}
input[type=text].select4 {width:160px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=text].select4:focus {border-color:#aaaaaa; outline: none;}

.select5 {width:190px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select5:focus {border-color:#aaaaaa; outline: none;}
input[type=text].select5 {width:190px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=text].select5:focus {border-color:#aaaaaa; outline: none;}

.select6 {width:130px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
.select6:focus {border-color:#aaaaaa; outline: none;}
input[type=text].select6 {width:130px; height:30px; padding:2px 5px 2px 5px; border-radius: 5px; border-style:solid; font-size:13px;}
input[type=text].select6:focus {border-color:#aaaaaa; outline: none;}

input[type=text].iskalnik1 {width:180px; height:30px; padding:2px 5px 2px 5px; border-radius: 10px; background-color:#d4dff5; border-style:none; font-size:13px; outline: none;}
input[type=text].iskalnik1:focus {background-color:#ffffff; outline: none;}
#iskalnik3{float:left; height:80px; padding-top:35px;}
.gumbiskanje{width:30px; height:30px; background-image: url('/slike/xiskalnik2.png'); cursor:pointer; color:#777777;}
.gumbiskanje:hover{width:30px; height:30px; background-image: url('/slike/xiskalnik1.png'); cursor:pointer;}
@media screen and (max-width: 930px) {
#iskalnik3{position:absolute; height:60px; padding-top:7px; margin-left:190px;}

}


@media screen and (max-width: 800px) {
    .gumbiskanje{ background-color: rgba(69, 198, 134, 0.5); border-radius: 5px 5px 5px 5px;}
    .gumbiskanje:hover{ background-color: rgba(69, 198, 134, 0.5); border-radius: 5px 5px 5px 5px;}

    #iskalnik3{display:none; position:absolute; height:34px; padding:0px 5px 0px 5px; margin-left:0px; margin-top:80px; z-index:9999; background-color:#eeeeee;}
    input[type=text].iskalnik1 {background-color:#ffffff; outline: none; border:solid 1px #777777;width:180px; height:30px; padding:0px; border-radius: 10px; background-color:#f5f5f5;  border:solid 1px #777777; font-size:13px; outline: none;}
    input[type=text].iskalnik1:focus {background-color:#ffffff; outline: none; border:solid 1px #777777;}
    
    input[type=text]{font-size:16px;}
    input[type=password]{font-size:16px;}
    .meniZgoraj{display:none;}
    #menizgorajM{display:block;}
    .menizgorajA{display:none;}
    #glava2 {display:block;}
    #glava22 {display:block;}
    #zavihkirastline {
overflow-x: scroll;
overflow-y: hidden;

}

}



@media screen and (max-width: 860px), screen and (max-height: 500px) {
    input[type=text].select3 {
        width: 250px;
    }

    .select3 {
        width: 250px;
    }

    input[type=text].select4 {
        width: 100px;
    }

    .select4 {
        width: 100px;
    }

    input[type=text].select5 {
        width: 130px;
    }

    .select5 {
        width: 130px;
    }

    input[type=text].select6 {
        width: 70px;
    }

    .select6 {
        width: 70px;
    }

    .textarea {
        width: 250px;
        height: 150px;
    }

    .popup3 {
        width: 310px;
        height: 280px;
        margin-top: -140px;
        margin-left: -155px;
    }

    .popup2 {
        width: 310px;
        height: 255px;
    }
}
@media screen and (max-height: 280px) {
    .popup3 {
        width: 310px;
        height: 200px;
        margin-top: -100px;
        margin-left: -155px;
    }

    .popup2 {
        width: 310px;
        height: 170px;
    }

}

    .tbox1 {
        width: 180px;
        height: 30px;
        padding: 2px 5px 2px 5px;
        border-radius: 5px;
        border-style: solid;
    }

        .tbox1:focus {
            border-color: #aaaaaa;
        }

    .crosshair {
        position: absolute;
        top: 81px;
        left: 206px;
        z-index: 99;
    }

    .mapiskanje {
        width: 430px;
        height: 180px;
    }

    @media screen and (max-width: 470px) {
        .mapiskanje {
            width: 100%;
            height: 180px;
        }

        .crosshair {
            left: 50%;
        }

        .textarea {
            width: 200px;
            height: 130px;
        }

        .td1sm {
            position: relative;
            left: 0px;
        }
    }

    .fl {
        float: left;
        padding-right: 15px;
    }

    .fl1 {
        padding: 10px;
    }

    .w50 {
        width: 50px;
    }

    .share1 {
        padding: 1px 10px 1px 3px;
        white-space: nowrap;
    }

    .slikagm {
        width: 160px;
        height: 120px;
        border: 1px solid #99ACD6;
    }

    .slikagmv {
        height: 90px;
        border: 1px solid #99ACD6;
    }

    .slikagmv2 {
        height: 85px;
        border: 1px solid #99ACD6;
    }

    .s1 {
        position: relative;
        left: -160px;
        top: -3px;
        padding: 1px 4px;
        font-size: 8px;
        background-image: url('/slike/s1.png');
        color: #dddddd;
        cursor: default;
    }

    .s2 {
        position: absolute;
    }

    .panoramath {
        max-width: 100%;
    }

    .trGR {
        background-color: #ff7b7b;
    }

    .trG0 {
        background-color: #f5f5f5;
    }

    .trG1 {
        background-color: #eeeeee;
    }

    .trZ0 {
        background-color: #f5f5f5;
    }

    .trZ1 {
        background-color: #dddddd;
    }

    .tdZ {
        padding: 13px 7px 13px 7px;
        border-bottom: solid 1px #bbbbbb;
    }

    .tdZ1 {
        padding: 13px 7px 13px 7px;
        border-bottom: solid 1px #bbbbbb;
    }

    .tdG0 {
        padding: 7px 7px 7px 7px;
        border-bottom: solid 1px #47CB89;
    }

    .tdG {
        padding: 7px 7px 7px 7px;
        border-bottom: solid 1px #dddddd;
    }

    .TPoti {
        width: 100%;
        margin-top: 10px;
    }

    .g2 {
        padding: 2px;
    }

    #meniOzadje {
        display: none;
        position: fixed;
        background-color: rgba(255, 255, 255, 0.8);
        width: 100%;
        height: 100%;
    }

    #panorama {
        width: 100%;
        height: 100%;
    }

    #panorama2 {
        width: 700px;
        height: 400px;
    }

    .slikavreme7 {
        width: 50px;
    }

    @media screen and (max-width: 1350px) {
        #pan2 {
            float: left;
        }
    }

    @media screen and (max-width: 1220px) {
        .slikagm {
            width: 140px;
            height: 104px;
        }

        .slikagmv {
            height: 85px;
        }

        .slikagmv2 {
            height: 77px;
        }

        .s1 {
            position: relative;
            left: -140px;
            top: -3px;
            padding: 1px 4px;
        }
    }

    @media screen and (max-width: 1050px) {
        #pan1 {
            float: none;
            padding-right: 0px;
        }

        #pan2 {
            float: none;
        }

        #panorama2 {
            width: 100%;
        }
    }


    @media screen and (max-width: 1020px) {
        .slikagm {
            width: 110px;
            height: 82px;
        }

        .slikagmv {
            height: 77px;
        }

        .slikagmv2 {
            height: 70px;
        }

        .s1 {
            position: relative;
            left: -110px;
            top: -3px;
            padding: 1px 4px;
        }
    }

    @media screen and (max-width: 800px) {
        .slikagm {
            width: 100px;
            height: 75px;
        }

        .slikagmv {
            height: 70px;
        }

        .slikagmv2 {
            height: 65px;
        }

        .s1 {
            position: relative;
            left: -100px;
            top: -3px;
            padding: 1px 4px;
        }

        #pan1 {
            float: none;
            padding-right: 0px;
        }

        #pan2 {
            float: none;
        }

        #panorama2 {
            width: 100%;
        }
    }

    @media screen and (max-width: 339px) {
        .slikagm {
            width: 93px;
            height: 70px;
        }
    }

    @media screen and (max-width: 350px) {
        .slikavreme7 {
            width: 42px;
        }
    }


    .vrem1 {
        max-width: 100%;
    }

    #noga {
        border-top: #000000 1px solid;
        background: #5883DD;
        height: 18px;
        text-align: center;
        color: #eeeeee;
        font-size: 11px;
        clear: both;
    }

    #okvir {
        clear: both;
        max-width: 1776px;
        margin: auto;
    }

    meniZgoraj2 {
        max-width: 1776px;
        height: 30px;
        margin: auto;
    }


    .left {
        background-color: #5883DD;
        padding: 20px 3px 3px 3px;
        float: left;
        width: 160px;
    }

    .main {
        background-color: #ffffff;
        float: left;
        width: -moz-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: -o-calc(100% - 320px);
        width: calc(100% - 320px);
        max-width: 1456px;
        -webkit-box-shadow: 0px 3px 3px #777777;
        -moz-box-shadow: 0px 3px 3px #777777;
        box-shadow: 0px 3px 3px #777777;
    }

    #drobtinice {
        border-bottom: #000000 0px solid;
        background: #dddddd;
        background-image: url(/slike/drobtinice.gif);
        background-repeat: no-repeat;
        padding: 2px 2px 2px 8px;
    }

    #oglas1 {
        clear: both;
    }

    #oglas1a {
        float: left;
    }

    #oglas1b {
        display: none;
        float: left;
    }

    #oglasA {
        position: absolute;
        top: 0px;
        right: 0px;
    }


    #MeniZgorajLevo {
        float: left;
        width: 160px;
        padding-top: 5px;
    }

    @media screen and (min-width: 1776px) {
        #MeniZgorajLevo {
            margin-left: -moz-calc((100% - 1776px)/2);
            margin-left: -webkit-calc((100% - 1776px)/2);
            margin-left: -o-calc((100% - 1776px)/2);
            margin-left: calc((100% - 1776px)/2);
        }
    }


    #MeniZgorajSredina {
        float: left;
        width: -moz-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: -o-calc(100% - 320px);
        width: calc(100% - 320px);
        max-width: 1456px;
        height: 30px;
        padding-top: 5px;
    }


    #MeniZgorajZgoraj {
        padding-top: 60px;
    }

    #MeniZgorajZgorajM {
        height: 25px;
        background-color: #4467ae;
        display: none;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        clear: both;
        animation-name: AnimMZ;
        animation-duration: 0.5s;
    }


    .leftM {
        background-color: #5883DD;
        display: none;
        z-index: 300;
        padding: 7px 3px 3px 3px;
        float: none;
        position: absolute;
        top: 50px;
        left: 0px;
        width: 180px;
        animation-name: AnimMeniLevo;
        animation-duration: 0.5s;
    }

    .tableLiPov {
        border-spacing: 4px;
        border-collapse: separate;
    }

    A.gumbf1 {
        font-family: Tahoma;
        font-size: 12px;
    }

    .liPov {
        background-color: #dddddd;
        border: solid #777777 1px;
        padding: 1px 3px 1px 3px;
    }

    @media screen and (min-width: 1793px) {
        #oglas1b {
            display: block;
        }
    }

    @media screen and (min-width: 1048px) {
        #oglas1 {
            clear: both;
        }

        #oglas1a {
            width: 728px;
        }
    }

    @media screen and (max-width: 800px) {
        #MeniZgorajLevo {
            position: absolute;
            top: 50px;
            left: 5px;
            z-index: 500;
            display: none;
            animation-name: AnimMeniLevo;
            animation-duration: 0.5s;
        }

        #MeniZgorajSredina {
            width: 100%;
            display: none;
        }

        .left {
            display: none;
        }

        .meni1 {
            padding: 0px;
        }

        A.meni:link {
            color: #f5f5f5;
            font-size: 14px;
            font-family: Tahoma;
            text-decoration: none;
            display: block;
            padding: 8px 2px 8px 8px;
            margin: 0px -3px 0px -3px;
        }

        A.meni:active {
            color: #f5f5f5;
            font-size: 14px;
            font-family: Tahoma;
            text-decoration: none;
            display: block;
            padding: 8px 2px 8px 8px;
            margin: 0px -3px 0px -3px;
        }

        A.meni:visited {
            color: #f5f5f5;
            font-size: 14px;
            font-family: Tahoma;
            text-decoration: none;
            display: block;
            padding: 8px 2px 8px 8px;
            margin: 0px -3px 0px -3px;
        }

        A.meni:hover {
            color: #f5f5f5;
            background-color: #4568af;
            font-size: 14px;
            font-family: Tahoma;
            text-decoration: none;
            display: block;
            padding: 8px 2px 8px 8px;
            margin: 0px -3px 0px -3px;
        }


        .meniZgoraj2 {
            display: none;
        }

        #MeniZgorajZgoraj {
            display: none;
        }

        .tableLiPov {
            border-spacing: 6px;
            border-collapse: separate;
        }

        A.gumbf1 {
            font-size: 13px;
        }

        #oglasA {
            display: none;
        }
    }

    .MeniZgorajLevo2 {
        padding-bottom: 7px;
        padding-left: 8px;
    }

    .fixedPosition {
        position: fixed;
        overflow: hidden;
    }

    .zavihek1 {
        float: left;
        background-color: #5883dd;
        background-image: url(/slike/menizgoraj2b.png);
        background-repeat: repeat-x;
        background-position-y: bottom;
        border-radius: 7px 7px 0px 0px;
        padding: 3px 15px 0px 15px;
        height: 25px;
        margin-left: 10px;
        white-space: nowrap;
    }

    .zavihek0 {
        float: left;
        background-color: #5883dd;
        background-image: url(/slike/menizgoraj2.png);
        background-repeat: repeat-x;
        background-position-y: bottom;
        border-radius: 7px 7px 0px 0px;
        padding: 3px 15px 0px 15px;
        height: 25px;
        margin-left: 10px;
        white-space: nowrap;
    }


    .zavihekr1 {
        float: left;
        background-color: #afe0c7;
        border-radius: 7px 7px 0px 0px;
        padding: 3px 6px 0px 6px;
        height: 25px;
        margin-left: 5px;
        white-space: nowrap;
    }

    .zavihekr0 {
        float: left;
        background-color: #e0e0e0;
        border-radius: 7px 7px 0px 0px;
        padding: 3px 6px 0px 6px;
        height: 25px;
        margin-left: 5px;
        white-space: nowrap;
    }



    .zavihek0G {
        float: left;
        background-color: #2eac6d;
        background-image: url(/slike/menizgorajx2.png);
        background-repeat: repeat-x;
        background-position-y: bottom;
        border-radius: 7px 7px 0px 0px;
        padding: 1px 15px 0px 15px;
        height: 20px;
        margin-left: 10px;
        white-space: nowrap;
    }

    .w350 {
        width: 350px;
    }

    @media screen and (max-width: 360px) {
        .w350 {
            width: 100%;
        }
    }

    .main2 {
        padding: 10px;
        clear: both;
    }

    .right {
        padding: 0px;
        float: right;
        width: 160px;
    }

    #geopediawidget {
        max-width: 100%;
        width: 100%;
        height: 600px;
    }

    /* Use a media query to add a breakpoint at 800px: */
    @media screen and (max-width: 800px) {
        .main, .right {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
        }

        #geopediawidget {
            max-width: 100%;
            width: 100%;
            height: 350px;
        }


        .zavihek0 {
            float: initial;
            display: inline-block;
            vertical-align: bottom;
        }

        .zavihek1 {
            float: initial;
            display: inline-block;
            vertical-align: bottom;
        }

        .zavihek0G {
            float: initial;
            display: inline-block;
            vertical-align: bottom;
        }
    }

    .pc1 {
        opacity: 1;
        transition: opacity 0.5s;
    }

        .pc1.hide {
            opacity: 0;
        }

    #cookie_1 {
        position: fixed;
        z-index: 10;
        right: 10px;
        bottom: 10px;
        position: fixed;
        _position: absolute;
        _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    }

    #cookie_2 {
        width: 200px;
        border: solid 1px #bbbbbb;
        border-radius: 5px;
        padding: 3px;
        background-image: url(/slike/piskot_bgr.png);
    }

    .co1 {
        color: #777777;
        font-size: 12px;
        padding: 3px;
    }

    .co2 {
        padding: 5px;
        text-align: center;
        font-size: 12px;
    }

    .co3 {
        padding-left: 140px;
        font-size: 12px;
    }

    .gco1 {
        color: #777777;
        border: solid 1px #777777;
        cursor: pointer;
        padding: 2px;
        margin: 2px;
    }

        .gco1:hover {
            border: solid 1px #333333;
        }

    A.co1a {
        color: #777777;
        font-size: 11px;
    }

    .anketanaslov {
        FONT-FAMILY: Tahoma;
        FONT-SIZE: 11px;
        COLOR: #FFFFFF;
        text-align: left;
        font-weight: bold;
        margin-left: 2px;
    }

    .anketaodgovor {
        FONT-FAMILY: Tahoma;
        FONT-SIZE: 10px;
        COLOR: #f5f5f5;
        text-align: left
    }

    .anketaodgovor {
        FONT-FAMILY: Tahoma;
        FONT-SIZE: 10px;
        COLOR: #f5f5f5;
        text-align: left
    }

    .anketabesedilo2 {
        FONT-FAMILY: Tahoma;
        FONT-SIZE: 10px;
        COLOR: #f5f5f5;
        text-align: left;
        margin: 2px;
    }

    .anketaodgovor2 {
        FONT-FAMILY: Tahoma;
        FONT-SIZE: 10px;
        COLOR: #f5f5f5;
        text-align: left
    }

    .t9 {
        float: right;
    }

    .t9c {
        padding: 1px 2px 4px 6px;
        color: #aaaaaa;
        font-size: 11px;
        vertical-align: middle;
    }

    .t9a {
        background-color: #c1e8d5;
        border-bottom: solid 2px #afe4c9;
        cursor: pointer;
        padding: 3px 6px 3px 6px;
        color: #aaaaaa;
        vertical-align: middle;
    }

    .t9aa {
        cursor: pointer;
        padding: 3px 6px 5px 6px;
        color: #aaaaaa;
        vertical-align: middle;
    }

    .izbrisob {
        font-size: 12px;
        font-style: italic;
        color: #777777;
        padding-top: 10px;
    }

    .dp3 {
        padding-right: 3px;
    }


    .rumen {
        background-color: #ffe220;
        padding: 7px;
        box-shadow: 0px 1px 1px;
    }

    .divvrini {
        height: 10px;
        cursor: pointer;
    }

        .divvrini:hover {
            background-color: #dddddd;
        }

    .divvrini2 {
        height: 50px;
    }

    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tooltiptext0 {
        display: none;
    }

    .tooltiptext {
        position: fixed;
        z-index: 9999;
        padding: 20px;
        max-width: 250px;
        border-radius: 6px;
        border: 2px solid black;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        color: white;
        background-color: black;
        animation-name: AnimTooltip;
        animation-duration: 2s;
    }

    @keyframes AnimTooltip {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 1;
        }

        80% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .gm-fullscreen-control {
        display: none;
    }

    .info1 {
        position: absolute;
        min-width: 300px;
        z-index: 100;
        left: 0px;
        bottom: 0px;
        font-size: 12px;
        padding: 1px 5px;
        background: rgba(255,255,255,0.9);
        border: solid 1px #dddddd;
        display: none;
        animation-name: AnimMap1;
        animation-duration: 1s;
    }

    @keyframes AnimMap1 {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 0.9;
        }
    }

    .zapri1 {
        position: relative;
        float: right;
        cursor: pointer;
        padding-right: 10px;
    }

    .vpkn {
        font-size: 12px;
    }

    a.moder1:link {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 12px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.moder1:active {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 12px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.moder1:visited {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 12px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.moder1:hover {
        BACKGROUND: none;
        COLOR: #4567AE;
        FONT-SIZE: 12px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.siv:link {
        BACKGROUND: none;
        COLOR: #999999;
        FONT-SIZE: 10px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.siv:active {
        BACKGROUND: none;
        COLOR: #999999;
        FONT-SIZE: 10px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.siv:visited {
        BACKGROUND: none;
        COLOR: #999999;
        FONT-SIZE: 10px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    a.siv:hover {
        BACKGROUND: none;
        COLOR: #999999;
        FONT-SIZE: 10px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    .siva {
        COLOR: #999999;
        FONT-SIZE: 10px;
        FONT-FAMILY: Tahoma;
        cursor: pointer;
    }

    A.iskanjenaslov:link {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 13px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
        font-weight: bold;
    }

    A.iskanjenaslov:active {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 13px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
        font-weight: bold;
    }

    A.iskanjenaslov:visited {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 13px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
        font-weight: bold;
    }

    A.iskanjenaslov:hover {
        BACKGROUND: none;
        COLOR: #444444;
        FONT-SIZE: 13px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
        font-weight: bold;
    }

    A.iskanjeurl:link {
        BACKGROUND: none;
        COLOR: #4EC29E;
        FONT-SIZE: 11px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    A.iskanjeurl:active {
        BACKGROUND: none;
        COLOR: #4EC29E;
        FONT-SIZE: 11px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    A.iskanjeurl:visited {
        BACKGROUND: none;
        COLOR: #4EC29E;
        FONT-SIZE: 11px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }

    A.iskanjeurl:hover {
        BACKGROUND: none;
        COLOR: #4EC29E;
        FONT-SIZE: 11px;
        FONT-FAMILY: Tahoma;
        TEXT-DECORATION: none;
    }