body {font-size: 16px;font-family: "Helvetica Neue", Arial, Helvetica, Verdana;margin: 0px;padding: 0px;color: #444;background-color:#fff}
.page {height:auto;overflow:hidden; width: 100%; background-color: #fff; margin: 0px }
#divMenu  {position:relative;width:100%;margin:0;padding:0 0 0 0; z-index:1000;background-color:#333}
#divMenu0 {position:relative;width:100%;max-width:1200px; margin:0 auto 0 auto;padding:0;}
.div1stranTiming {position:relative;width:100%;max-width:1200px; margin:0 auto 0 auto;padding:0;height:250px;}
.divOsnovni {position:relative;width:100%;max-width:1200px; margin:0px auto 0 auto;padding:0px;}
.divOsnovniNovice {position:relative;width:100%;margin:0;padding:0px;overflow:hidden;border:0px solid black;background-color:#fff;}
#FirstContainer {width: 100%; height: 250px; position: relative; overflow:hidden;margin:0 0 20px 0;padding:0;background-image:url("../pics/Uvod1.jpg"); background-position:center;}

.title1 {position:relative;width:100%;max-width:1200px; margin:0 auto 0 auto;padding:0;height:90px;}



.MainMenuHref         {text-decoration:none;color:White;}  
.MainMenuHref:visited {text-decoration:none;color:White;}  
.MainMenuHref:link    {text-decoration:none;color:White;}  
.main {padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; width:100%; min-height:600px;height:auto;overflow:hidden;}


#DivNoviceNaslovna {width:100%;height:auto;overflow:hidden;background-color:black;background-image:url("../pics/podl5.png");padding:6px 0 6px 0;margin:0 0 0 0;}

.DivNoviceNaslov    {position:relative;clear:both;width:100%;height:18px; overflow:hidden;padding:23px 6px 18px 12px;margin:0 0 1px 0;background-color:#bbb;color:Black; text-decoration:none;}
.DivNoviceNaslovAkt {position:relative;clear:both;width:100%;height:18px; overflow:hidden;padding:23px 6px 18px 12px;margin:0 0 1px 0;background-color:#666;color:Black; text-decoration:none;}
.DivNoviceNaslovH   {position:relative;float:left;width:14px;height:14px; overflow:hidden;padding:0;margin:5px;background-color:#bbb;border:1px solid black;}
.DivNoviceNaslovAktH{position:relative;float:left;width:14px;height:14px; overflow:hidden;padding:0;margin:5px;background-color:#666;border:1px solid black;}

.DivNoviceNaslov a {color:Black; text-decoration:none;}
.DivNoviceNaslovAkt a {color:Black; text-decoration:none;}


.DivNoviceVsebina   {position:relative;width:100%;height:300px; overflow:hidden;padding:0px;margin:0;display:none; background-size:cover;}
.DivNoviceVsebinaAkt{position:relative;width:100%;height:300px; overflow:hidden;padding:0px;margin:0;display:block;background-size:cover;}
.DivNoviceOpis      {position:absolute;width:100%;height:80px;bottom:0px;overflow:hidden;padding:0px;margin:0px;background-image:url("../pics/transp.png");}

.NoviceTekst1 {font-size:1.2em;font-weight:600;padding:3px 6px 0px 6px;color:White;text-shadow: 0px 0px 10px black;}
.NoviceTekst2 {font-size:1em;font-weight:normal;padding:0px 6px 0px 6px;color:White;text-shadow: 0px 0px 10px black;}

.divPrvaStranKolRez { position:relative; width:100%; max-width:1200px; text-align:center;padding:12px 0px;margin:0; overflow:hidden; background-color:#c00d0e; font-size:1em; font-weight:600; color:#ffffff}

/* prva stran boxi za koledar */
.boxK2    { position:relative; clear:both; width:100%; height: 22px; border: none; text-align:left;   overflow:hidden;background-color:#bbb;padding:7px 0 0 6px; font-size:0.85em;font-weight:600; color:#000}
.boxK3    { position:relative; clear:both; width:100%; height: 22px; border: none; text-align:left;   overflow:hidden;background-color:#fff;padding:2px 0 4px 0;border-bottom:1px solid #aaa;font-size:0.85em;font-weight:normal; font-style:normal; color:#000;}
.boxK3a   { position:relative; float:left; width:10%;  height: auto; border: none; text-align:center; overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK3b   { position:relative; float:left; width:84%;  height: auto; border: none; text-align:left;   overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK3c   { position:relative; float:left; width:6%;   height: auto; border: none; text-align:center; overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK4a   { position:relative; float:left; width:6%;   height: auto; border: none; text-align:center; overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK4b   { position:relative; float:left; width:14%;  height: auto; border: none; text-align:center; overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK4c   { position:relative; float:left; width:74%;  height: auto; border: none; text-align:left;   overflow:hidden;padding:0 0 0 0;line-height:2em;}
.boxK4d   { position:relative; float:left; width:6%;   height: auto; border: none; text-align:center; overflow:hidden;padding:0 0 0 0;line-height:2em;}

/* ABOUT */
.submenu  {position:relative; float:left;margin:3px 3px 3px 0px;padding:6px; background-color:#999}


div.MenuTekma1         {padding:0px;margin:0px;}
div.MenuTekma1 ul      {list-style: none; width: auto;}
div.MenuTekma1 ul li a, div.MenuTekma1 ul li a:visited {margin-right:3px;background-color: #ddd; border-left: 1px #444 solid; border-top: 1px #444 solid; border-right: 1px #444 solid; color: #000; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
div.MenuTekma1 ul li a:hover {background-color: #c00d0e; color: #fff; text-decoration: none;}
div.MenuTekma1 ul li a:active {background-color: #ddd; color: #fff; text-decoration: none;}


input.zaClaneDropDown {
    font-size: 1em;
    border: 0 !important;
    border-left: solid 2px #888 !important;
    background-color: #ddd;
    padding: 0px;
    cursor: pointer;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.zaClaneDropDown  {font-size:1em; border: 0 !important; border-left:solid 2px #888  !important; background-color:#ddd; padding: 0px; cursor: pointer;width:100%;float:left; box-sizing: border-box; }
select.zaClaneDropDown  {padding: 0px 24px 0px 3px; -webkit-appearance: none; -moz-appearance:none; background: url(../pics/down.png) no-repeat right #ddd; box-sizing: border-box;}
select::-ms-expand {display: none;}

.button1 {font-size:0.85em; border:solid 1px #888; background-color:#ddd; padding: 2px 3px; margin: 6px 0; cursor: pointer; float:left; }
.buttonZCteden {font-size:0.85em; background-color:#999 !important; padding: 0px 3px; margin: 6px 3px; cursor: pointer; float:left; }
.button2 {font-size:1em; background-color:#999 !important; padding: 0px 3px; margin: 6px 3px; cursor: pointer; float:left; }
.button2:hover {background-color:#666 !important;}


.borderTB_1 {border-top: solid #444 1px; border-bottom: solid #444 1px; }
.borderTB_2 {border-top: solid #3a8c35 0px; border-bottom: solid #3a8c35 8px; }


/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
@media (min-width:1200px)
{
    #divMenu1 {font-size:1.2em;width:80%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;height:46px; overflow:hidden;}
    #divMenu2 {font-size:1.2em;width:19%;margin:0px 0px 0px 0px;padding:6px 1% 6px 0px;float:none;height:34px; overflow:hidden;text-align:right;}
    .divMenu0a       {padding:12px 6px 12px 6px;color:White;float:left;position:relative;display:none;}
    .divMenu1a       {padding:12px 6px 12px 6px;color:White;float:left;position:relative;border-right: 1px #444 solid; display:block; }
    .divMenu1a:hover {padding:12px 6px 12px 6px;color:White;background-color: #9a1619;}
    .divMenu2a        {padding:6px;color:White;float:right;}
    #divMenu3 {font-size:1.2em;background-color: #c00d0e;width:100%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:none;height:auto; overflow:hidden;display:none;}
    .divMenu3a       {padding:6px;color:White;float:none;position:relative;border-top: 1px #e03132 solid;}
    .divMenu3a:hover {padding:6px;color:White;background-color: #9a1619;}

    .uvodnaSlika {width:100%; height:auto;}
    #infoI1 { color:White;    padding:12px;    text-align:center;    font-size:1.4em; }
    #infoi  {position: absolute; background-image:url("../pics/transp.png"); top:25%; z-index: 10;}
    #infoX  {position: absolute; background-image:url("../pics/transp.png"); top: 50%; right: 0px; z-index: 12;width:auto;padding:6px;overflow:hidden;}

    .linkBox1stran {width:24.4%;margin:0.3%;float:left;}
    .NaslovniText1 {font-size:1.35em;text-align:center;color:#fff;font-weight:600;}
    
    #DivNovice1         {position:relative;float:left; width:33%;height:300px;overflow:hidden;padding:0;margin:0;background-color:#ddd;display:block;}
    #DivNovice1a        {position:absolute;clear:both;width:100%;height:auto; overflow:hidden;padding:0;margin:0;background-color:#eee;display:block;}
    #DivNovice1H        {position:relative;clear:both; width:auto;height:auto;overflow:hidden;padding:0;margin:6px auto 12px auto;display:none;}
    #DivNovice2         {position:relative;float:left; width:67%;height:300px;overflow:hidden;padding:0;margin:0;}
    .divPrvaStran1      {position:relative;float:left;width:49%;height:448px;margin:24px  1% 12px 0px;overflow:hidden;}
    .divPrvaStran2      {position:relative;float:left;width:49%;height:448px;margin:24px 0px 12px 1%;overflow:hidden;}
    
    /* TEKME ZA ČLANE */
    .tekmeDiv0       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1a      {position:relative;float:left;width:3.4%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1b      {position:relative;float:left;width:13.8%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv2a      {position:relative;width:98%;margin:1%;padding:0px;background-color:#c00d0e;text-align:center;font-weight:400;color:White;overflow:hidden;}
    .tekmeDiv2b      {position:relative;width:98%;margin:1%;padding:0px;background-color:#eee;overflow:hidden;min-height:150px;}
    .tekmeDiv2c      {position:relative;width:98%;margin:1%;padding:0px;background-color:#ffcc00;overflow:hidden;min-height:150px;}
    .tekmeDiv3a      {position:relative;width:100%;margin:0;padding:0px;background-color:#bbb;color:#777;overflow:hidden;border-top:1px solid #777;border-bottom:1px solid #999;}
    .tekmeDiv3b      {position:relative;width:100%;margin:0;padding:0px;background-color:#999;color:#666;overflow:hidden;border-top:1px solid #777;border-bottom:1px solid #999;}
    .zcDiv2_0{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#ffffff;font-size:1.1em; }
    .zcDiv2_1{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#e77777;font-size:1.1em; }
    .zcDiv2_2{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#75d15c;font-size:1.1em; }
    .zcDiv2_3{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#75d15c;font-size:1.1em; }

}
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
@media (min-width:800px) and (max-width:1199px)
{
    #divMenu1 {font-size:1.2em;width:80%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;height:46px; overflow:hidden}
    #divMenu2 {font-size:1.2em;width:19%;margin:0px 0px 0px 0px;padding:0px 1% 0px 0px;float:none;height:46px; overflow:hidden;text-align:right;}
    .divMenu0a       {padding:12px 6px 12px 6px;color:White;float:left;position:relative;display:none;}
    .divMenu1a       {padding:12px 6px 12px 6px;color:White;float:left;position:relative;border-right: 1px #444 solid; display:block; }
    .divMenu1a:hover {padding:12px 6px 12px 6px;color:White;background-color: #9a1619;}
    .divMenu2a       {padding:12px 6px 12px 6px;color:White;float:right;}
    #divMenu3 {font-size:1.2em;background-color: #c00d0e;width:100%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:none;height:auto; overflow:hidden;display:none;}
    .divMenu3a       {padding:6px;color:White;float:none;position:relative;border-top: 1px #e03132 solid;}
    .divMenu3a:hover {padding:6px;color:White;background-color: #9a1619;}

    .uvodnaSlika {width:100%; height:auto;}
    #infoI1 { color:White;    padding:6px;    text-align:center;    font-size:1.4em; }
    #infoi  {position: absolute; background-image:url("../pics/transp.png"); top:25%; z-index: 10;}
    #infoX  {position: absolute; background-image:url("../pics/transp.png"); top: 50%; right: 0px; z-index: 12;width:auto;padding:6px;overflow:hidden;}

    .linkBox1stran {width:24.4%;margin:0.3%;float:left;}
    .NaslovniText1 {font-size:1.35em;text-align:center;color:#fff;font-weight:600;}
    
    #DivNovice1         {position:relative;float:left; width:33%;height:300px;overflow:hidden;padding:0;margin:0;background-color:#ddd;display:block;}
    #DivNovice1a        {position:absolute;clear:both;width:100%;height:auto; overflow:hidden;padding:0;margin:0;background-color:#eee;display:block;}
    #DivNovice1H        {position:relative;clear:both; width:auto;height:auto;overflow:hidden;padding:0;margin:6px auto 12px auto;display:none;}
    #DivNovice2         {position:relative;float:left; width:67%;height:300px;overflow:hidden;padding:0;margin:0;}
    .divPrvaStran1 {position:relative;float:left;width:49%;height:448px;margin:24px  1% 12px 0px;overflow:hidden;}
    .divPrvaStran2 {position:relative;float:left;width:49%;height:448px;margin:24px 0px 12px 1%;overflow:hidden;}

    
    /* TEKME ZA ČLANE */
    .tekmeDiv0       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1a      {position:relative;float:left;width:5.5%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1b      {position:relative;float:left;width:13.5%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv2a      {position:relative;width:98%;margin:1%;padding:0px;background-color:#c00d0e;text-align:center;font-weight:400;color:White;overflow:hidden;}
    .tekmeDiv2b      {position:relative;width:98%;margin:1%;padding:0px;background-color:#eee;overflow:hidden;min-height:150px;}
    .tekmeDiv2c      {position:relative;width:98%;margin:1%;padding:0px;background-color:#ffcc00;overflow:hidden;min-height:150px;}
    .tekmeDiv3a      {position:relative;width:100%;margin:0;padding:0px;background-color:#bbb;color:#777;overflow:hidden;border-top:1px solid #777;border-bottom:1px solid #999;}
    .zcDiv2_0{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#ffffff;font-size:1.1em; }
    .zcDiv2_1{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#e77777;font-size:1.1em; }
    .zcDiv2_2{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#75d15c;font-size:1.1em; }
    .zcDiv2_3{width:95%; color:Black; font-size:12px; margin: 2.5%; padding:2.5%; background-color:#75d15c;font-size:1.1em; }

}
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
@media (max-width:799px) and (min-width:500px)
{
    #divMenu1 {font-size:1.2em;width:50%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:left;height:34px; overflow:hidden}
    #divMenu2 {font-size:1.2em;width:49%;margin:0px 0px 0px 0px;padding:6px 1% 6px 0px;float:none;height:34px; overflow:hidden;text-align:right;}
    .divMenu0a       {padding:5px;color:White;float:left;position:relative;display:block;}
    .divMenu1a       {padding:6px;color:White;float:left;position:relative;border-right: 1px #444 solid; display:none; }
    .divMenu1a:hover {padding:6px;color:White;background-color: #9a1619;}
    .divMenu2a        {padding:6px;color:White;float:right;}
    #divMenu3 {font-size:1.2em;background-color: #c00d0e;width:100%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:none;height:auto; overflow:hidden;display:none;}
    .divMenu3a       {padding:6px;color:White;float:none;position:relative;border-top: 1px #e03132 solid;}
    .divMenu3a:hover {padding:6px;color:White;background-color: #9a1619;}

    .uvodnaSlika {width:100%; height:auto;}
    #infoI1 { color:White;    padding:6px;    text-align:center;    font-size:1.3em; }
    #infoi {position: relative; background-image:url("../pics/transp.png"); top:0px;  border-bottom:solid 1px black;}
    #infoX  {position: relative; background-image:url("../pics/transp.png"); top:85%; width:100%;padding:6px;}

    .linkBox1stran {width:48.8%;margin:0.6%;float:left;}
    .NaslovniText1 {font-size:1em;text-align:center;color:#fff;font-weight:600;}

    #DivNovice1         {position:relative;float:left; width:33%;height:300px;overflow:hidden;padding:0;margin:0;background-color:#ddd;display:none;}
    #DivNovice1a        {position:absolute;clear:both;width:100%;height:auto; overflow:hidden;padding:0;margin:0;background-color:#eee;display:none;}
    #DivNovice1H        {position:relative;clear:both; width:auto;height:auto;overflow:hidden;padding:0;margin:6px auto 12px auto;display:block;}
    #DivNovice2         {position:relative;float:left; width:100%;height:300px;overflow:hidden;padding:0;margin:0;}
    .divPrvaStran1 {position:relative;clear:both;width:100%;height:448px;margin:24px 0 12px 0;overflow:hidden;}
    .divPrvaStran2 {position:relative;clear:both;width:100%;height:448px;margin:24px 0 12px 0;overflow:hidden;}


    /* TEKME ZA ČLANE */
    .tekmeDiv0       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;display:none;}
    .tekmeDiv1       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1a      {position:relative;clear:both;width:5.5%;padding:0;margin:0;overflow:hidden;display:none;}
    .tekmeDiv1b      {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv2a      {position:relative;width:98%;margin:1%;padding:0px;background-color:#c00d0e;text-align:center;font-weight:400;color:White;overflow:hidden;}
    .tekmeDiv2b      {position:relative;width:98%;margin:1%;padding:0px;background-color:#eee;overflow:hidden;}
    .tekmeDiv2c      {position:relative;width:98%;margin:1%;padding:0px;background-color:#ffcc00;overflow:hidden;}
    .tekmeDiv3a      {position:relative;width:100%;margin:0;padding:0px;background-color:#bbb;color:#777;overflow:hidden;border-top:1px solid #777;border-bottom:1px solid #999;}
    .zcDiv2_0{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#ffffff;font-size:1.1em; }
    .zcDiv2_1{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#e77777;font-size:1.1em; }
    .zcDiv2_2{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#75d15c;font-size:1.1em; }
    .zcDiv2_3{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#75d15c;font-size:1.1em; }

}
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
@media (max-width:499px)
{
    #divMenu1 {font-size:1.2em;width:50%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:left;height:34px; overflow:hidden}
    #divMenu2 {font-size:1.2em;width:49%;margin:0px 0px 0px 0px;padding:6px 1% 6px 0px;float:none;height:34px; overflow:hidden;text-align:right;}
    .divMenu0a       {padding:5px;color:White;float:left;position:relative;display:block;}
    .divMenu1a       {padding:6px;color:White;float:left;position:relative;border-right: 1px #444 solid; display:none; }
    .divMenu1a:hover {padding:6px;color:White;background-color: #9a1619;}
    .divMenu2a        {padding:6px;color:White;float:right;}
    #divMenu3 {font-size:1.2em;background-color: #c00d0e;width:100%;margin:0px 0px 0px 0px;padding:6px 0px 6px 0px;float:none;height:auto; overflow:hidden;display:none;}
    .divMenu3a       {padding:6px;color:White;float:none;position:relative;border-top: 1px #e03132 solid;}
    .divMenu3a:hover {padding:6px;color:White;background-color: #9a1619;}

    .uvodnaSlika {display:none;}
    #infoI1 { color:White;    padding:6px;    text-align:center;    font-size:1em;}
    #infoi {position: relative; background-image:url("../pics/transp.png"); top:0px;  border-bottom:solid 1px black;}
    #infoX  {position: relative; background-image:url("../pics/transp.png"); top:85%; width:100%;padding:6px;}

    .linkBox1stran {width:48.8%;margin:0.6%;float:left;}
    .NaslovniText1 {font-size:0.85em;text-align:center;color:#fff;font-weight:600;}

    #DivNovice1         {position:relative;float:left; width:33%;height:300px;overflow:hidden;padding:0;margin:0;background-color:#ddd;display:none;}
    #DivNovice1a        {position:absolute;clear:both;width:100%;height:auto; overflow:hidden;padding:0;margin:0;background-color:#eee;display:none;}
    #DivNovice1H        {position:relative;clear:both; width:auto;height:auto;overflow:hidden;padding:0;margin:6px auto 12px auto;display:block;}
    #DivNovice2         {position:relative;float:left; width:100%;height:300px;overflow:hidden;padding:0;margin:0;}
    .divPrvaStran1 {position:relative;clear:both;width:100%;height:448px;margin:24px 0 12px 0;overflow:hidden;}
    .divPrvaStran2 {position:relative;clear:both;width:100%;height:448px;margin:24px 0 12px 0;overflow:hidden;}


    /* TEKME ZA ČLANE */
    .tekmeDiv0       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;display:none;}
    .tekmeDiv1       {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv1a      {position:relative;clear:both;width:5.5%;padding:0;margin:0;overflow:hidden;display:none;}
    .tekmeDiv1b      {position:relative;clear:both;width:100%;padding:0;margin:0;overflow:hidden;}
    .tekmeDiv2a      {position:relative;width:98%;margin:1%;padding:0px;background-color:#c00d0e;text-align:center;font-weight:400;color:White;overflow:hidden;}
    .tekmeDiv2b      {position:relative;width:98%;margin:1%;padding:0px;background-color:#eee;overflow:hidden;}
    .tekmeDiv2c      {position:relative;width:98%;margin:1%;padding:0px;background-color:#ffcc00;overflow:hidden;}
    .tekmeDiv3a      {position:relative;width:100%;margin:0;padding:0px;background-color:#bbb;color:#777;overflow:hidden;border-top:1px solid #777;border-bottom:1px solid #999;}
    .zcDiv2_0{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#ffffff;font-size:1.1em; }
    .zcDiv2_1{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#e77777;font-size:1.1em; }
    .zcDiv2_2{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#75d15c;font-size:1.1em; }
    .zcDiv2_3{width:98%; color:Black; font-size:12px; margin: 1%; padding:1%; background-color:#75d15c;font-size:1.1em; }
}









/* DEFAULTS
----------------------------------------------------------*/

a:link, a:visited { color: #c00d0e; }
a:hover { color: #c00d0e; text-decoration:underline;}
a:active { color: #034af3; }

p { margin: 3px 6px 6px 0px; text-align:justify; }


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #c00d0e; text-transform: none; font-weight: 200; margin-bottom: 0px; margin-top: 0px; }
h1 {font-size: 1.6em; font-weight: 600; padding-bottom: 0px; margin-top: 6px; margin-bottom: 0px; text-align:center; }
h2 {font-size: 1.5em; font-weight: 600; text-align:center; }
h3 {margin-top: 12px; margin-bottom: 6px; font-size: 1.2em; font-weight: 600; text-align:left; }
h4 {font-size: 1.1em; font-weight:600; }
h5, h6 {font-size: 1em; }

h2.H2white {color:white}

/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top: 0px; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}



.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { background-color:#ddd; width:auto;}
div.menu         {padding:3px;margin:3px;}
div.menu ul      {list-style: none; width: auto; }
div.menu ul li a, div.menu ul li a:visited {background-color: #ddd; border-left: 1px #fff solid; color: #000; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
div.menu ul li a:hover {background-color: #888; color: #fff; text-decoration: none;}
div.menu ul li a:active {background-color: #ddd; color: #fff; text-decoration: none;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}	
	
	
/* ------------------------------ CUSTOM - MASTER PAGE ----------------------------------------------------------*/

.banner_coookie {width:100%; height:150px; background-color:#444; color:#eeeeee;text-align:center; padding-top:3px;z-index:1100;}

.main1a   { width: 1025px; height:  90px; margin: auto;	overflow:hidden; }
.main2a   { width: 1000px; margin: auto;  background-color:White;}


.logo1    
{ 
	position:relative; 
	float:left; 
	top: 0px; 
	left:0px; 
	width:390px; 
	height:95px; 
	border: none;
}
.gumb1      { position:relative; float:left; padding-top:6px; left:0px; width:120px; height:30px; border: none; text-align:center; overflow:hidden;}
.gumb1s      { position:relative; float:left; padding-top:0px; left:0px; width:4px; height:36px; border: none; overflow:hidden;  background-image:url("../pics/s1.gif"); }
.DivMenu    { width:1000px; height:40px; padding:0px 0px 0px 0px; left:0px; top:0px; border: none;  background-image:url("../pics/p1new.gif"); }

a.GlavniMenu, a.GlavniMenu:visited
  { font-size:16px; font-weight:normal; color:#fff; text-decoration:none; text-align:center;border:0px; vertical-align:middle;}

a.GlavniMenu:hover  { color:#ffcc00}


.dtext1   { position:relative; float:left; top:2px; left:2px; width:996px;  height:18px; border: none; text-align:center; overflow:hidden;}
.dtext2   { position:relative; float:left; top:0px; left:0px; width:100%;  height:18px; text-align: right; overflow:hidden;}
.dtext1a  { margin-top:0px;font-size:11px;font-weight:normal;font-style:italic; color:Black; text-align:right;}

.divLevi  {position:relative; float:left;width:160px;height:500px;overflow:auto}
.divDesni {position:relative; float:left;width:836px;overflow:auto;padding:0;margin:0}

.divLeviZaClane  {position:relative; float:left;width:124px;height:500px;overflow:auto}
.divDesniZaClane {position:relative; float:left;width:866px;overflow:auto;padding:0;margin:0}

.divLeviAdmin  {position:relative; clear:both; left:0px; width:100%;height:auto;overflow:visible; background-color:#ddd; border-bottom:1px solid #888;}
.divDesniAdmin {position:relative; overflow:auto;width:100%;padding:6px;margin:0; background-color:White;}

.divLeviRez  {position:relative; float:left;width:90px;height:500px;overflow:auto}
.divDesniRez {position:relative; float:left;width:906px;overflow:auto;padding:0;margin:0}

.divKoledar  {position:relative; float:left;width:906px;overflow:auto;padding:0;margin-left:60px;margin-right:60px;}

.novicke     { position:relative; clear:both;}
.div_koledar { position:relative;float:left;top:0px;left:1px;width:282px;height:250px}
.div_ura     { position:relative;float:left;top:0px;left:6px;width:116px;height:116px}
.div_vreme   { position:relative;float:left;top:15px;left:1px;width:280px;height:116px}

.vreme1      {position:relative; float:left;top:0px; left:0px; width:56px; height:90px; border: none; text-align:center; overflow:hidden;}


.div_kr      { position:relative; float:left; top:22px; left:0px; width:380px; height:447px; border: none; text-align:left;   overflow:hidden;}


.RezVrsta    { position:relative; float:left; width:100%; height: 30px; border: none; text-align:left; overflow:hidden; margin:1px 0 1px 0;}
.RezboxK2    { position:relative; float:left; width:100%; height: 28px; border: none; text-align:left; overflow:hidden;background-color:#bbbbbb; padding-top:6px;padding-left:3px; font-size:16px;font-weight:bold; font-style:normal; color:#000000}
.RezboxK4a   { position:relative; float:left; left:0px; width:5%;  height: 24px; border: none; text-align:center; overflow:hidden;background-color:#eeeeee;padding:6px 0px 3px 0px;font-size:16px;font-weight:normal; font-style:normal; color:#000000;}
.RezboxK4b   { position:relative; float:left; left:0px; width:10%; height: 24px; border: none; text-align:center; overflow:hidden;background-color:#eeeeee;padding:6px 0px 3px 0px;font-size:16px;font-weight:normal; font-style:normal; color:#000000;}
.RezboxK4c   { position:relative; float:left; left:0px; width:80%; height: 24px; border: none; text-align:left;   overflow:hidden;background-color:#eeeeee;padding:6px 0px 3px 0px;font-size:16px;font-weight:normal; font-style:normal; color:#000000;white-space:nowrap;}
.RezboxK4d   { position:relative; float:left; left:0px; width:5%;  height: 24px; border: none; text-align:center; overflow:hidden;background-color:#eeeeee;padding:6px 0px 3px 0px;font-size:16px;font-weight:normal; font-style:normal; color:#000000;}



.boxF     { position:relative; top:22px; left:25px; width:205px; height:423px; overflow:hidden;}
.boxF1    { position:relative; top:0px; left:0px; width:203px; height:80px;    overflow:hidden;}


.main_zgornji  {position:relative; float:none;overflow:hidden;}
.div_kol_rez_li {position:relative; float:none;overflow:hidden;}

.img1     {border:0}
.img2     {border:0; width:2px; height:2px}
.img3     {border:1px solid black; margin:10px;}

.povezave {width:100%; margin:auto; text-align:center;}

.oTimingu {margin-left: auto;margin-right: auto;}
.oTimingu td {vertical-align:top;}

.TableForm1 
{
    margin-left:auto;
    margin-right:auto;
    border: solid 1px black;
    background-color:#eeeeee;
    padding:6px;
}
.TableForm1 td
{
    padding:3px;
}

.LabelErr {color:Red;}

.TableZaClane
{
    margin-left:auto;
    margin-right:auto;
    padding:6px;
    font-size:11px;
}
.TableZaClane th
{
    background-color:#c00d0e;
    border: solid #c00d0e 1px;
    text-align:center;
    font-weight:600;
    color:White;
}
.TableZaClane td
{
    border:solid #cccccc 1px;
    color: #aaaaaa;
    vertical-align:top;
    padding:0px;
    page-break-inside:avoid;
}

.TableKolPrint    {    margin-left:auto;    margin-right:auto;    padding:6px;    font-size:10px;}
.TableKolPrint th {    background-color:#c00d0e;    border: solid #c00d0e 1px;    text-align:center;    font-weight:600;    color:White;}
.TableKolPrint td {    border:solid #cccccc 1px;    color: #aaaaaa;    vertical-align:top;    padding:0px; height:50px;}

.KolPrintDiv0    {    text-align:center;    width:30px;    height:60px;}
.KolPrintDiv1    {    background-color:#ffffff;    color:#cccccc;    width:130px;}
.KolPrintDiv1a   {    background-color:#cccccc;    color:black;      width:130px;}

.KolPrintDiv2_1  {border: solid black 1px; width:120px; color:Black; font-size:10px; margin: 2px; padding:2px; background-color:#eeeeee; }
.KolPrintDiv2_2  {border: solid black 1px; width:120px; color:Black; font-size:10px; margin: 2px; padding:2px; background-color:#73bddf; }
.KolPrintDiv2_3  {border: solid black 1px; width:120px; color:Black; font-size:10px; margin: 2px; padding:2px; background-color:#ffd65c; }
.KolPrintDiv2_4  {border: solid black 1px; width:120px; color:Black; font-size:10px; margin: 2px; padding:2px; background-color:#6bdc73; }



.KolPrintDiv2_9  {border: solid black 1px; width:120px; color:Black; font-size:10px; margin: 2px; padding:2px; background-color:#f05b72; }


.tdZCnow
{
    background-color:#ffcc00;
}

.zcDiv0
{
    text-align:center;
    width:30px;
    height:60px;
}
.zcDiv1
{
    background-color:#dddddd;
    color:#999900;
    width:114px;
}

.zcDiv3
{
    width:100%;
    text-align:right;
    color:#888888;
}
.zcDiv4
{
    width:100%;
    text-align:center;
}
.zcDiv5
{
    text-align:center;
    font-weight:600;
}

.hrf1          {color:Black; text-decoration:none; }

.galerija1
{
    font-weight:bolder;
    margin:6px 0px 0px 0px;
}
.galerija2
{
    font-weight:normal;
    margin:0px 0px 0px 18px;
}
.galerija3
{
    margin-left:auto;
    margin-right:auto;
}
.galerija3 td
{
    background-color:#dddddd;
    padding:6px;
    text-align:center;
    vertical-align:middle;
}
.galerija4
{
    text-align:center;
}
.slikaG
{
    border: solid 1px black;
}

.kolo
{
    margin:0 0 0 0;
}

.tableTekma
{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    padding:6px;
    font-size:11px;
    background-color:#eeeeee;
    margin-top:3px;
}


.slikaPlav img 
{
    margin:3px 0 0 0;
    border:0;
    padding:0;
}

.PreformatedTXT
{
    background-color:#eeeeee;
}




/* ------------------------------ REZULTATI CC -----------------------------------------------------------------*/
.RezCCSeznamDisc
{
    margin-left:auto;
    margin-right:auto;
}
.RezCCSeznamDisc th 
{
    background-color:#cccccc;
    padding:6px 3px;
    font-weight:600;
}
.RezCCSeznamDisc td
{
    background-color:#eeeeee;       
    padding:6px 3px;
}

.RezCCSeznamDisc1 {
    margin-left: 0;
    margin-right: 0;
    width:100%;
}

    .RezCCSeznamDisc1 th {
        background-color: #cccccc;
        padding: 6px 3px;
        font-weight: 600;
    }

    .RezCCSeznamDisc1 td {
        background-color: #eeeeee;
        padding: 6px 3px;
    }

/* ------------------------------ REZULTATI ATLETIKA ----------------------------------------------------------*/
.RezAtlSeznamDisc
{
    margin-left:auto;
    margin-right:auto;
}
.RezAtlSeznamDisc th 
{
    background-color:#cccccc;
    padding:3px;
    font-weight:600;
}
.RezAtlSeznamDisc td
{
    background-color:#eeeeee;       
    padding:3px;
}
.RezAtl           { width:550px; }
.RezAtl th        { background-color:#cccccc; padding:3px; font-weight:600; }
.RezAtl td        { background-color:#eeeeee; padding:3px 6px 3px 6px; }
.RezAtlFinale     { width:550px; }
.RezAtlFinale th  { background-color:#a80a0c; padding:3px; font-weight:600; color:white}
.RezAtlFinale td  { background-color:#debfb3; padding:3px 6px 3px 6px; }

.AtlRezNaslov
{
    font-weight:600;
    margin-top:12px;
    margin-bottom:3px;
}

.CCRezNaslov
{
    font-weight:600;
    margin-top:12px;
    margin-bottom:3px;
    text-align:center;
}
.tdCenter
{
    text-align:center;
}



.WhiteTable
{
    margin-left:auto;
    margin-right:auto;
}
.WhiteTable th 
{
    padding:3px;
    font-weight:600;
}
.WhiteTable td
{
    padding:3px;
}

.boxSpace { position:relative; clear:both; width:100%; height: 1px; border: none; }

        iframe {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: none;
        }

.IframeRez {
    width: 100%;
    max-width: 100%;
    height: 694px !important;
    overflow: scroll !important;
    border: none;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}

.iframePlavanje {
    width: 100%;
    max-width:100%;
    height: 600px;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
    border: 1px solid black;
}

.iframe-holder {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

    .iframe-holder iframe {
        height: 100%;
        width: 100%;
    }




.divCezCeloStran {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-image: url("../pics/transp.png");
    background-size: cover;
    z-index: 1200;
}

.bg-siv1 {background-color:$eeeeee}
.bg-siv2 {background-color:$dddddd}
.bg-siv3 {background-color:$cccccc}

.p-6 {padding:6px}


.pad1 {
    padding-top:    6px !important;
    padding-bottom: 6px !important;
}