html { background-color: #ffffff; }
body { margin:0; width: 100%; }
@font-face { font-family: 'pragmatica_font'; src: url('font/pragmatica.eot'); src: url('font/pragmatica.eot?#iefix') format('embedded-opentype'), url('font/pragmatica.woff') format('woff'), url('font/pragmatica.ttf') format('truetype'); font-weight: normal; font-style: normal; }
ul.topmenu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.topmenu li { float: left; }
ul.topmenu li a { display: inline-block; color: #ffffff; text-align: center; padding: 10px 10px; text-decoration: none; transition: 0.3s; font-size: 16px; font-family: pragmatica_font; border: 1px solid #86b8b1; border-radius: 2px; }
ul.topmenu li a:hover {  background: #44877e; cursor: pointer; transition: all 0.3s ease; border: 1px solid #44877e; border-radius: 2px; }
ul.topmenu li a.active {  background: #44877e; cursor: pointer; transition: all 0.3s ease; border: 1px solid #44877e; border-radius: 2px; }

ul.topmenu li.icon { display: none; }
@media screen and (max-width:580px) {
ul.topmenu li:not(:first-child) { display: none; }
ul.topmenu li.icon { float: right; display: inline-block; }
}
@media screen and (max-width:580px) {
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; }
}
ul.dmenu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.dmenu li { float: left; }
ul.dmenu li a { display: inline-block; color: #658b86; text-align: center; padding: 10px 10px; text-decoration: none; transition: 0.3s; font-size: 16px; font-family: pragmatica_font; border: 0px; }
ul.dmenu li a:hover {  background: #44877e; cursor: pointer; transition: all 0.3s ease; color: #ffffff; }
.centr { text-align: center; }
.topl { padding-left: 16px; float: left; margin: 5px; padding: 15px; max-width: 666px; max-height: 163px; border: none; }
.toptxt { float: left; margin: 5px; padding: 15px; max-width: 400px; height: 120px; border: none; text-align: left; font-size: 24px; font-family: pragmatica_font; color: #333333; }
.logoimg { max-width: 100%; height: auto; border: none; cursor: pointer; }
.nachimg { width: 100%; height: auto; border: none; }
.podr { display: inline-block; }
.podrm { display: inline-block; width: 100%; background: #86b8b1; }
.podrmj { display: inline-block; width: 100%; height: 1px; background: #658b86; }
.podrmjne { display: inline-block; width: 100%; height: 1px; background: none; }
.podrmjne1 { display: inline-block; width: 100%; height: 20px; background: none; }
.podrmjne2 { display: inline-block; width: 100%; height: 10px; background: none; }
.podrmv { display: inline-block; width: 100%; height: 10px; background: none; }
.piccen { padding: 0px; width: 100%; }
.dolu { float: left; max-width: 1200px; margin: 5px; padding: 15px; border: none; text-align: center; font-size: 12px; font-family: pragmatica_font; color: #333333; }
.zann { float: left; max-width: 1200px; margin: 5px; padding: 15px; border: none; text-align: justify; font-size: 20px; font-family: pragmatica_font; color: #333333; }
.podd { float: left; margin: 5px; padding: 15px; width: 260px; height: 196px; border: 1px solid #eeeeee; text-align: justify; font-size: 14px; font-family: pragmatica_font; color: #333333; }
.poddv { float: left; margin: 5px; padding: 15px; width: 196px; height: 260px; border: 1px solid #eeeeee; text-align: justify; font-size: 14px; font-family: pragmatica_font; color: #333333; }
.podds { float: left; margin: 5px; padding: 15px; width: 350px; height: 350px; border: 1px solid #eeeeee; text-align: justify; font-size: 14px; font-family: pragmatica_font; color: #333333; }
.poddss { float: left; margin: 5px; padding: 15px; width: 350px; height: 300px; border: 1px solid #eeeeee; text-align: justify; font-size: 14px; font-family: pragmatica_font; color: #333333; }
.con_input { width: 336px; height: 20px; border: 1px solid #86b8b1; font-size: 15px; font-family: pragmatica_font; color: #333333; }
.con_tekst { width: 336px; height: 200px; border: 1px solid #86b8b1; font-size: 15px; font-family: pragmatica_font; color: #333333; }
.con_buton { width: 100px; height: 30px; border: 1px solid #86b8b1; font-size: 15px; font-family: pragmatica_font; color: #333333; cursor: pointer; }
#tablica1 { width: 100%; max-width: 800px; border-collapse: collapse; font-size: 15px; font-family: pragmatica_font; color: #333333; }
#tablica1 td { border: 1px solid #658b86; padding: 3px 7px 2px 7px; }

.slidero { width: 100%; position: relative; padding: 0; }
.slider { max-width: 100%; position: relative; margin: auto; }
.mslides { display: none; }
.tochk { height: 15px; width: 15px; margin: 0; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; z-index: 10; }
.krt { vertical-align: middle; width: 100%; border: 1px solid #553300; }
.active { background-color: #717171; }
.mgl { -webkit-animation-name: mgl; -webkit-animation-duration: 1.5s; animation-name: mgl; animation-duration: 1.5s; }
.tuchk { text-align:center; margin-top: -20px; position: relative; }
@-webkit-keyframes mgl { from { opacity: .4 } to{opacity: 1 } }
@keyframes mgl { from { opacity: .4 } to { opacity: 1 } }
@media only screen and (max-width: 799px) { .tochk { height: 10px; width: 10px; } }