@font-face { font-family: 'pragmatica_font'; src: url('img/font/pragmatica.eot'); src: url('img/font/pragmatica.eot?#iefix') format('embedded-opentype'), url('img/font/pragmatica.woff') format('woff'), url('img/font/pragmatica.ttf') format('truetype'); font-weight: normal; font-style: normal; }
html { background: #eeffee; -moz-box-shadow: inset 0px 0px 80px #88cc88, inset 0px 0px 80px #88cc88; -webkit-box-shadow: inset 0px 0px 80px #88cc88, inset 0px 0px 80px #88cc88; box-shadow: inset 0px 0px 80px #88cc88, inset 0px 0px 80px #88cc88; font-family: pragmatica_font; }

@media only screen and (max-width: 599px) {
.logo { display: block; width: 100%; height: 50px; background: #0c7e00 url(img/logo2.png) repeat-x top left; margin-bottom: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); }
.logotxt { position: absolute; width: 100%; text-align: center; margin: 0px; padding: 0px; font-family: pragmatica_font; font-size: 20px; color: #ff4444; font-weight: normal; }
}
@media only screen and (min-width: 600px) {
.logo { display: block; width: 100%; height: 70px; background: #0c7e00 url(img/logo1.png) repeat-x top left; margin-bottom: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); }
.logotxt { position: absolute; width: 100%; text-align: center; margin: 0px; padding: 40px 0px 0px 0px; font-family: pragmatica_font; font-size: 20px; color: #eeffee; font-weight: normal; }
}
@media only screen and (min-width: 1300px) {
.logo { display: block; width: 100%; height: 90px; background: #0c7e00 url(img/logo.png) repeat-x top left; margin-bottom: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); }
.logotxt { position: absolute; width: 100%; text-align: center; margin: 0px; padding: 60px 0px 0px 0px; font-family: pragmatica_font; font-size: 24px; color: #eeffee; font-weight: normal; }
}

.tialo { max-width:2000px; margin:auto }

h1 { font-family: pragmatica_font; font-size: 36px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }
h2 { font-family: pragmatica_font; font-size: 30px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }
h3 { font-family: pragmatica_font; font-size: 24px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }
h4 { font-family: pragmatica_font; font-size: 20px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }
h5 { font-family: pragmatica_font; font-size: 18px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }
h6 { font-family: pragmatica_font; font-size: 16px; color: #003300; font-weight: normal; padding: 0px; margin: 0px; }

* { box-sizing: border-box; }
[class*="col-"] { float: left; padding: 7px; }
[class*="col-"] { width: 100%; }
@media only screen and (min-width: 600px) {
.col-m-1 { width: 25%; }
.col-m-2 { width: 75%; }
.col-m-3 { width: 50%; }
.col-m-4 { width: 25%; }
.col-m-5 { width: 33.33%; }
.col-m-6 { width: 10%; }
.col-m-7 { width: 17.5%; }
.col-m-8 { width: 7.5%; }
.col-m-9 { width: 100%; }
}
@media only screen and (min-width: 1300px) {
.col-1 { width: 20%; }
.col-2 { width: 60%; }
.col-3 { width: 50%; }
.col-4 { width: 25%; }
.col-5 { width: 33.33%; }
.col-6 { width: 10%; }
.col-7 { width: 17.5%; }
.col-8 { width: 7.5%; }
.col-9 { width: 100%; }
}

[class*="sol-"] { float: left; padding: 0px; }
[class*="sol-"] { width: 100%; }
@media only screen and (min-width: 600px) {
.sol-m-5 { width: 32.5%; }
.sol-m-51 { width: 1.25%; }
.sol-m-9 { width: 100%; }
}
@media only screen and (min-width: 1300px) {
.sol-5 { width: 32.5%; }
.sol-51 { width: 0%; }
.sol-9 { width: 100%; }
}

[class*="dol-"] { float: left; padding: 7px; }
[class*="dol-"] { width: 100%; }
@media only screen and (min-width: 600px) {
.dol-m-1 { width: 50%; }
.dol-m-2 { width: 50%; }
.dol-m-9 { width: 100%; }
}
@media only screen and (min-width: 1300px) {
.dol-1 { width: 50%; }
.dol-2 { width: 33.33%; }
.dol-9 { width: 100%; }
}

@media screen and (max-width:599px) {
.lolo { display: none; }
.bolo { display: block; }
}
@media screen and (min-width: 600px) {
.lolo { display: block; }
.bolo { display: none; }
}

.kartinka100 { width: 100%; height: 150px; }

.tmenu { display: inline-block; width: 100%; background: #0c7e00 url(img/slujebni/fon.png) repeat-x top right; }
ul.topmenu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.topmenu li { float: left; }
ul.topmenu li div { display: inline-block; color: #ffffff; text-align: center; padding: 5px 15px 5px 15px; text-decoration: none; transition: 0.3s; font-size: 20px; font-family: pragmatica_font; border: 1px solid #0c7e00; border-radius: 3px; }
ul.topmenu li a { display: inline-block; color: #ffffff; text-align: center; padding: 5px 15px 5px 15px; text-decoration: none; transition: 0.3s; font-size: 20px; font-family: pragmatica_font; border: 1px solid #0c7e00; border-radius: 3px; }
ul.topmenu li a:hover { background: #ffffff; color: #003300; cursor: pointer; transition: all 0.3s ease; border: 1px solid #003300; border-radius: 3px; }
ul.topmenu li a.active { background: #ffffff; color: #003300; cursor: pointer; transition: all 0.3s ease; border: 1px solid #003300; border-radius: 3px; }
ul.topmenu li.icon { display: none; }
@media screen and (max-width:599px) {
ul.topmenu li:not(:first-child) { display: none; }
ul.topmenu li.icon { float: right; display: inline-block; }
ul.topmenu.resp { position: relative; }
ul.topmenu.resp li.icon { position: absolute; right: 0; top: 0; }
ul.topmenu.resp li { float: none; display: inline; }
ul.topmenu.resp li a { display: block; text-align: left; }
}

.migam { -webkit-animation: cc 1s linear 1s infinite alternate; animation: cc 1s linear 1s infinite alternate; color: #ff0000; font-size: 20px; }
@-webkit-keyframes cc { 0% { color: #ff0000; } 50% { color: #660000; } 100% { color: #ff0000; } }
@keyframes cc{ 0% { color: #ff0000; } 50% { color: #660000; } 100% { color: #ff0000; } }

.lmenu { font-family: pragmatica_font; font-size: 24px; font-weight: bold; padding: 2px 5px 2px 15px; background: #0c7e00 url(img/slujebni/fon.png) repeat-x top right; color: #ffffff; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); }
.menu { background-color: #eeeeee; }
.menu ul { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0; font-family: pragmatica_font; font-size: 20px; color: #003300; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); }
.menu li { font-family: pragmatica_font; font-size: 20px; padding: 2px 5px 2px 15px; margin: 0px; color: #003300; }
.menu li a { font-family: pragmatica_font; font-size: 20px; text-decoration: none; color: #003300; }
.menu li:hover { background: rgba(12,126,0,0.50); color: #003300; cursor: pointer; }
.menu li.active { background: rgba(12,126,0,0.50); color: #003300; cursor: pointer; }

.reklama { display: inline-block; width: 100%; font-family: pragmatica_font; font-size: 20px; color: #003300; text-decoration: none; padding: 10px; margin: 0px 0px 10px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 3px rgba(12,126,0,0.50), 0 1px 2px rgba(12,126,0,0.50); background-color: #eeeeee; }

.dulu, .dulu p { font-family: pragmatica_font; font-size: 16px; color: #003300; text-decoration: none; }
.dulu ul { font-family: pragmatica_font; font-size: 16px; color: #003300; text-decoration: none; }
.dulu li { font-family: pragmatica_font; font-size: 16px; color: #003300; }
.dulu li a, .dulu p a { font-family: pragmatica_font; font-size: 16px; text-decoration: none; color: #003300; }
.dulu li a:hover, .dulu p a:hover { cursor: pointer; color: #006600; }
.dulu li.active, .dulu li a.active { cursor: pointer; color: #006600; }

.naidolu { width: 100%; font-family: pragmatica_font; color: #006600; font-size: 16px; text-align: center; }
.naidolu a { font-family: pragmatica_font; font-size: 16px; color: #006600; text-decoration: none; }
.naidolu a:hover { cursor: pointer; color: #003300; }

.topright { display: block; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; }
.botright { display: block; position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; }