body, html, table {
margin: 0px; padding: 0px; font-family: Open Sans, sans-serif; font-size: 12px; font-weight : 400; color: #0e1419; line-height: 22px;}


body { background: #e8e8e8 url("../images/background.jpg") no-repeat center top; background-size: 100%; text-align: center;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 24px; font-family: Open Sans, sans-serif; line-height: 25px; color: #141b2d;  font-weight: 700; text-align: left;}
h2 strong, h3 strong {font-weight: 900;}
h1 {font-size: 30px; line-height: 25px; text-transform: uppercase; color: #141b2d; font-weight: 900;}
h2 {padding-top: 10px; padding-bottom: 5px;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: left;}
a img {border: 0px solid; display: inline-block;}
a {text-decoration: none; color: #141b2d;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 0px 0 10px 0px;}
ul li { margin: 0; padding: 0; line-height: 18px;}

.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.skrejt {display: none;}
.error {color: red;}
.clear {width: 100%; clear: both;}
.nowrap {white-space: nowrap;}
.btn {background: rgba(255,255,255,0.6); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #041c59; padding: 6px 22px; font-weight: 500; font-size: 13px; line-height: 22px; display: inline-block;}
.btn:hover {background: #041c59; color: #fff;}
.spacing {letter-spacing: -1px;}
.bordered {border: 1px solid #e3e3e3; box-sizing: border-box;}
.heading {float: left; background: #9b9b9b; width: 100%; display: block; padding: 0 0 0 23px; box-sizing: border-box; min-height: 47px;}
.headingA {float: left; background: #9b9b9b; width: 100%; display: block; padding: 0 0 0 23px; box-sizing: border-box;}
.border {border-bottom: 1px solid #e3e3e3;}
.bottom {border-top: 1px solid #e3e3e3;}
    .heading:not(.bottom) a {float: right; width: 50px; height: 47px; line-height: 47px; text-align: center; color: #fff; background: #d00c32; font-size: 17px; margin-top: 1px;}
    .heading:not(.bottom) a:hover {background: #fff; color: #000;}
    .heading h1, .heading h3, .headingA h1, .headingA h3, .heading.bottom a {font-size: 15px; color: #ebf3f7; text-transform: uppercase; padding: 11px 0;}
    .heading h3, .headingA h3, .heading.bottom a { float: left; }
    .heading.bottom a {font-size: 12px; font-weight: 700;}
        .heading.bottom a i {padding-left: 10px;}
        .heading.bottom.back {text-align: left !important;} 
        .heading.bottom.back a {font-size: 12px;}
        .heading.bottom.back a i {padding: 0 10px 0 0; }
    .image.left {position: relative;}
    .image.left img {display: block;}
    .image.left span {position: absolute; left: 260px; bottom: 40px; color: #fff; font-size: 19px; font-weight: 700;} 
        .image.left span h1 {font-size: 35px; font-weight: 900; color: #fff; letter-spacing: -1px; text-transform: none; padding-bottom: 15px; line-height: 35px;}

  

.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left;}
.site2 {background: #fff;}
.wrapper {position: relative; margin: 0px auto; max-width: 1160px; display: inline-block; text-align: left; min-width: 1160px; margin: 0; vertical-align:top; box-sizing: border-box;}
.wrapper.extra, .wrapper.margin {margin: 16px 0;}
    .wrapper>.center {width: 100%; display: block;}
            .wrapper.extra .text {background: #fff; padding: 24px 20px; float: left; width: 100%; box-sizing: border-box;}
            .wrapper.extra .text.map {padding: 0;}
            .wrapper.extra .text.galerka {padding: 22px 15px;}
                .wrapper.extra .text iframe {width: 100%; height: 350px;}

    #top {min-height: 158px; background: #181818 url("../images/back-top.png") repeat-x center bottom; overflow: visible;}
        #logo {float: left; width: 177px; height: 148px; text-align: center; background: #ffffff; -webkit-box-shadow: 0px -45px 60px -10px rgba(0,0,0,0.54); -moz-box-shadow: 0px -45px 60px -10px rgba(0,0,0,0.54); box-shadow: 0px -45px 60px -10px rgba(0,0,0,0.54);}
            .logo {position: relative; margin: 0px auto; display: inline-block;}
                .logo strong {display: none;}
                .logo img {display: block;}
        #top .menu-link {float: left; width: 55px; height: 55px; margin: 50px 0 0 70px; background: url("../images/menu.png") no-repeat; background-size: 100%; display: none;}                
                
        #topmenu {float: right; min-height: 40px; line-height: 40px;}
            #langs {float: left;}
            #topmenu a, #topmenu b {float: left; height: 40px; padding: 0 20px; border-left: 1px solid #2a2a2a; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600;}
            #topmenu a.lang {padding: 0; width: 41px; margin-left: 1px; background: #2f2f2f;}
            #topmenu a.lang.active, #topmenu a:hover {background: #d00c32; text-decoration: none;}
                #topmenu a img {margin-top: 13px; display: block;}

        #menu {float: right; margin: 0; margin: 35px 0 0 0;}
            #menu ul, #menu ul li {margin: 0; padding: 0; float: left; height: 56px; }
                #menu ul li {position: relative;}
                #menu ul li:after {content: " "; height: 56px; width: 1px; float: left; background: url("../images/li.png") no-repeat left center;}
                #menu ul li a {float: left; padding: 0px 25px; height: 56px; line-height: 56px; font-size: 13px; color: #1f5832; text-transform: uppercase; font-weight: 600;}
                #menu ul li a.active, #menu ul li a:hover {text-decoration: underline;}
                    #menu ul li ul {display: none; position: absolute; z-index: 1; top: 55px; left: -1px;}
                        #menu ul li ul li {background: #ffffff; white-space: nowrap; float: none; border-top: 1px solid #8fae9c; border-right: 1px solid #8fae9c;}
                        #menu ul li ul li {border-left: 4px solid #8fae9c;}
                        #menu ul li ul li:hover {border-left: 4px solid #d00c32;}
                        #menu ul li ul li:last-child {border-bottom: 4px solid #8fae9c;}
                        #menu ul li ul li:after {display: none;}
                    #menu ul li:hover ul {display: block;}
 
                @media all and (max-width: 1160px) {
                    #top {overflow: visible;}
                    .wrapper { width: 100%; margin: 0; min-width: 280px;}
                        #logo {width: 130px; height: 140px;}
                        #menu {display: none; z-index: 5;}
                            #menu.active {display: block; background: rgba(255,255,255,0.9); float: none; position: absolute; left: 130px; top: 70px; padding: 10px 0; /*max-width: 190px;*/}
                                #menu ul li:after {display: none;}
                                #menu ul {float: none; height: auto;}
                                #menu ul li {display: block; margin: 10px; padding: 0; float: none; height: auto; border: none;}
                                    #menu ul li a {float: none; display: block; height: auto; line-height: 18px;}
                                    #menu ul li ul {display: block; position: relative; top: auto; padding-top: 5px; font-size: 12px;} 
                                        #menu ul li ul li {border: none; height: auto; margin: 0; padding: 3px 0 3px 20px;}
                                        #menu ul li ul li:hover {border-left: none;}
                                        #menu ul li ul li:last-child {border-bottom: none;}
                                            #menu ul li ul li a {font-size: 11px; height: auto; line-height: auto; text-transform: none;}
                                #menu a:hover {border: none;}
                            #top .menu-link {display: block;}
                            #topmenu b {display: none;}
                            .image.left.bordered img {width: 100%;}
                }
 
               @media all and (max-width: 500px) {
                    body {background: #ffffff;}
                        #top {background: none;}
                        #top .wrapper {text-align: center;}
                        #top .menu-link {display: inline-block; float: none; margin-top: 48px;}
                        #slider_right>a, #slider_right>a img {width: 100%; display: block;}
                        #topmenu {background-color: #181818;}
                }
 
                @media all and (max-width: 400px) {
                            #topmenu>a:nth-of-type(1), #topmenu>a:nth-of-type(2) {display: none;}
                }             
 

    #crumbs {color: #383838; padding: 15px 0 15px 20px; box-sizing: border-box;}
        #crumbs a {color: #383838; font-weight: 700;}
        #crumbs i {padding: 0 5px; font-size: 7px;}
        
    #content {width: 100%; background: #fff; border-top: 1px solid #e3e3e3; overflow: visible;}
        .turnaje {box-sizing: border-box; padding: 10px 10px 25px 10px;}
        .turnaje table {border-collapse:collapse; width: 100%;border: 1px solid #d3d3d3; text-align: left; font-size: 13px;}
            .turnaje td, .turnaje th {border: 1px solid #d3d3d3; border-left: none; border-right: none; padding: 10px 0 10px 5px; vertical-align: middle;}
            .turnaje table tr.country_flags {background: #f1f1f1;}
            .turnaje td {height: 55px;}
            .turnaje.players td {height: 30px;}
            .turnaje th {background: #a3a3a3; font-size: 15px; font-weight: 700; color: #fff; text-transform: uppercase; }
            .turnaje th:first-of-type,.turnaje td:first-of-type {padding-left: 15px;}
            .turnaje img {display: inline-block; vertical-align: middle; margin-right: 25px;}
            .turnaje h2 img {vertical-align: bottom;}
            .turnaje strong {font-size: 16px;}
            .turnaje td:nth-of-type(4) {text-align: center;}
            .turnaje a {font-weight: 600;}
            .turnaje a.grey {background: #b4b4b5; color: #fff; padding: 10px 15px; font-weight: 700; margin-left: 35px; white-space: nowrap;}
                .turnaje a.grey i {padding-left: 10px;}
                
                @media all and (max-width: 1160px) {
                    .turnaje {padding: 0;}
                    .turnaje table {border-collapse:collapse; width: 100%;border: none;}
                    .turnaje td {display: block; height: auto; border: none; padding: 5px;}
                    .turnaje.players th {width: 50%; display: table-cell; padding: 10px 23px;}
                    .turnaje.players th:nth-of-type(4) {text-align: right;}
                    .turnaje.players th:nth-of-type(2), .turnaje.players th:nth-of-type(3), .turnaje.players th:nth-of-type(5) {display: none;}
                    .turnaje.players td {height: auto; padding: 0;}
                    .turnaje.players td:nth-of-type(2), .turnaje.players td:nth-of-type(3) {float: left;}
                    .turnaje.players td:nth-of-type(2) {width: 30px;}
                    .turnaje.players td:nth-of-type(5) {display: none;}
                    .turnaje.players td:nth-of-type(4) {text-align: right !important;}
                    .turnaje.players td:nth-of-type(4) img {position: relative; top: -11px;}
                    .turnaje.players td:nth-of-type(3):before {content: " "; margin: 5px 12px 0 12px; float: left; width: 1px; height: 15px; border-left: 1px solid #d3d3d3;}
                    .turnaje tr {margin: 0px 0 10px 0; display: block; border: 1px solid #d3d3d3;}
                    .turnaje.players td:nth-of-type(3) img {margin-right: 8px;}
                    .turnaje.players tr {margin: 0; padding: 10px 23px; border: none; border-bottom: 1px solid #d3d3d3;}
                    .turnaje.players tr:first-of-type {border: none; display: table; width: 100%;}
                    .turnaje a.grey {margin: 0 15px; display: inline-block;}
                }                  
                
        #content>.image {width: 347px; display: table-cell; vertical-align: top;}
            #content>.image img {display: table-cell;}
        #thumbs {display: table; width: 100%;border-collapse:collapse; --background: #050709;}
            #thumbs a {display: table-cell; vertical-align: top;border: 1px solid #2a3638; padding: 0; margin: 0; float: left;}
                #thumbs a img {width: 100%; display: block;}
        #content>.text {display: table-cell; vertical-align: top; padding: 28px 37px; text-align: left; width: 70%;}
        #content.formular>.text{padding: 28px; width: 100%;}
        #content>.text.detail { font-size: 13px;}
            #content>.text hr.hr {width: 57px; height: 3px; display: block; background: #162129; border: none; outline: none; margin: 0; padding: 0;}
            #content>.text h1 {font-size: 34px; letter-spacing: -1px; margin: 20px 0; line-height: 36px;}
            #content span.datum {    background: #b4b4b5; padding: 3px 8px; color: #fff; font-weight: 700;}
            #content>.text a {text-decoration: underline;}
            #content>.text a:hover {text-decoration: none;}
            table.hriste {width: 100%; border-collapse: collapse;}
                table.hriste th {font-size: 15px; color: #fff; background: #a3a3a3; text-align: center; text-transform: uppercase; padding: 11px 0;}
                table.hriste td {font-size: 14px; text-align: center; font-weight: 600; padding: 16px 0;}
                table.hriste td, table.hriste th {border: 1px solid #d3d3d3;}
        #leftmenu {display: table-cell; width: 200px; padding: 55px 0 20px 20px; text-align: left; position: relative; line-height: 18px; float: left;}
            #leftmenu .obr {position: absolute; top: -150px; width: 193px; height: 183px; border: 1px solid #d2d2d2; text-align: center; background: #fff;}
                #leftmenu .obr img {display: inline-block;position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); max-width: 180px; max-height: 170px;}
            #leftmenu>span {float: left; width: 23px;}
                #leftmenu>span img {display: block;}
            #leftmenu hr {display: block; width: 100%; border: 0; outline: 0; padding: 0; margin: 0; background: #d2d2d1; height: 1px; margin: 6px 0;}
            #leftmenu hr.high {height: 4px; margin: 14px 0;}
            #leftmenu>strong {display: block;    line-height: 16px;}
            #leftmenu a.leftmenu {display: table; text-transform: uppercase; width: 100%; font-size: 13px; line-height: 18px; padding: 6px 0;}
            #leftmenu a:hover {text-decoration: none;}
                    #leftmenu a.leftmenu span {position: relative; display: table-cell; padding-left: 18px; vertical-align: middle; font-weight: 700;}
                    #leftmenu a.leftmenu i {width: 47px; padding: 13px 0px; text-align: center; background: #b4b4b5; font-size: 17px; color: #fff; display: table-cell;}
                    #leftmenu a.leftmenu:hover i {background: #d00c32;}
                    
        .text.prehled {text-align: center;}
            .text.prehled div {float: left; width: 177px; margin: 0 4px 0 5px; text-align: center; position: relative;}
            .text.prehled hr {display: block; float: left; width: 1108px; height: 1px; background: #d2d2d1; border: 0; outline: 0; padding: 0; margin: 0; clear: both; margin: 20px 0 20px 5px;}
            .text.prehled span {display: table-cell; width: 175px; height: 175px; border: 1px solid #dcdcdc; text-align: center; vertical-align: middle}
                .text.prehled span img {display: block; position: relative; margin: 0px auto; padding: 0;}
            .text.prehled strong {text-align: center; display: block; font-size: 14px; padding-bottom: 10px;}
            .text.prehled b {display: block; font-size: 13px; padding-left: 7px; font-weight: 400;}
            .text.prehled b:first-of-type {padding-top: 7px;}
            .text.prehled .flg {position: absolute !important; left: 41px; top: 174px;}
            
        .text.galerka {text-align: center}
            .text.galerka a {float: left; margin: 5px 5px 6px 6px; border: 1px solid #dadada; padding: 3px;}
                .text.galerka a img {display: block; width: 142px; height: 112px;}
            
                @media all and (max-width: 1160px) {
                    .text.prehled hr {display: none;}
                    .text.prehled div {display: inline-block; float: none; margin: 10px 5px;}
                    .text.galerka a {float: none; display: inline-block;}
                }             

                @media all and (max-width: 700px) {
                    #content>.text, #content>.image {display: block;}
                    #content>.text, #content.formular>.text {width: 96%; padding: 2%;}
                    #leftmenu {float: none;}
                    #leftmenu .obr {width: 85px; height: 80px; top: -70px;}
                        #leftmenu .obr img {max-width: 75px; max-height: 70px; }
                        .image.left span {position: absolute; left: 160px; bottom: 20px; color: #fff; font-size: 14px; font-weight: 700;} 
                            .image.left span h1 {font-size: 25px; line-height: 25px;}
                    .site {overflow: visible;}
                } 
            
                @media all and (max-width: 500px) {
                        #leftmenu .obr {/*display: none;*/ position: relative; top: -20px;}
                        .image.left span {position: relative; left: 10px; bottom: 0; margin: 10px; color: #fff; font-size: 14px; font-weight: 700;} 
                            .image.left span h1 {font-size: 25px; line-height: 25px;}
                }             
            
                @media all and (max-width: 300px) {
                    #content>.image {width: 300px;}
                }             

    #slider {float: left; max-width: 900px; width: 100%;}
    .podstrana #slider {max-width: 896px; border-left: none; border-bottom: none; border-top: none;}
        #slider img {width: 100%; height: auto; display: block;}
        #slider a {display: block;}
        #slider .text {position: absolute; bottom: 30px; left: 30px; text-align: left; text-transform: uppercase;}
            #slider h2 {font-size: 15px; color: #fff; font-weight: 300; text-transform: uppercase; background: rgba(22, 33, 41, 0.8); padding: 14px 17px;}
                #slider h2 strong {font-weight: 900; font-size: 38px; display: block; margin: 0 0 13px 0; line-height: 38px;}
                #slider h2 sup {font-size: 24px;}
            #slider .date, #slider .text b {float: left; font-size: 13px; padding: 13px 17px; background: #d00c32; color: #fff; font-weight: 600;}
            #slider .text b {background: none; margin-left: 4px;}
            #slider a:hover b {text-decoration: underline;}
                #slider .text b i {padding-left: 5px;}
        #slider ul, #slider2 ul {padding: 0;}
        #slider .bx-wrapper {margin: 0px auto;}
        #slider .bx-wrapper .bx-pager {padding: 8px 11px; width: auto; bottom: 0; right: 0; background: rgba(30, 37, 24, 0.8);}
        #slider .bx-wrapper .bx-pager.bx-default-pager a {float: left; width: 10px; height: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 5px 0; box-sizing: border-box; border: 1px solid rgba(178, 178, 178, 0.5); background: rgba(30, 37, 24, 0.5);}
        #slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #d00c32; border: none;}
        #slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: block;}
        
        #slider_right {text-align: center;}
        #slider_right a {position: relative; text-align: left;}
            #slider_right a.jak i {position: absolute; width: 41px; height: 37px; line-height: 37px; background: #d00c32; font-size: 17px; color: #fff; text-align: center; left: 24px; top: 0;}
            #slider_right a span {position: absolute; bottom: 25px; left: 24px; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 700;}
            #slider_right a.vyhody span {top: 98px; line-height: 28px; width: 165px; left: 18px;}
                #slider_right a span strong {font-size: 22px; display: block; font-weight: 900;}
                #slider_right a.vyhody span strong {font-size: 30px;}
                #slider_right a.vyhody b {position: absolute; bottom: 15px; left: 24px; font-size: 12px; color: #fff; text-transform: uppercase;}
        #slider_right a img {display: block; border-left: 1px solid #162129; border-bottom: 1px solid #162129;}
        .podstrana #slider_right a img { border-right: 2px solid #374143;}
        #slider_right a {display: inline-block; vertical-align: top;}
        #slider_right a.login {height: 44px; line-height: 44px; width: 260px; box-sizing: border-box; border-left: 1px solid #162129; font-size: 12px; color: #fff; text-transform: uppercase; background: #162129;}
        .podstrana #slider_right a.login {width: 262px;}
            #slider_right a.login i {float: left; width: 47px; height: 44px; line-height: 44px; background: #d00c32; text-align: center; font-size: 18px; margin-right: 20px;}

    #slider2 {margin: 21px 0 28px 0;}
        #slider2 ul {}
        #slider2 ul li {background: #fff;height: 117px; min-width: 370px;}
            #slider2 .text {margin: 14px 0; border-left: 1px solid #cccccc; min-height: 89px; padding: 0 0 0 28px; color: #0e1419; min-width: 350px; overflow: visible;}
                #slider2 .text span {float: left; position: relative; width: 80px; height: 89px; margin: 0 10px 0 0;}
                #slider2 .text img {position:absolute; max-width: 110px; max-height: 89px; top:0; bottom:0; margin:auto;}
                #slider2 .text strong {font-size: 22px; font-weight: 900; text-transform: uppercase; display: block; min-height: 42px; line-height: 22px;}
                    #slider2 .text strong sup {font-size: 12px;}
                        #slider2 .text a i {padding-left: 10px;}
                #slider2 .text a {background: #b4b4b5; padding: 4px 11px; color: #fff; float: left;  text-transform: uppercase; font-size: 11px; font-weight: 600;}
            #slider2 .bx-wrapper .bx-controls-direction a { text-indent: initial; top: 0; height: 117px; width: 50px; color: #fff; text-align: center; font-size: 24px; margin: 0; line-height: 117px;}
            #slider2 .bx-wrapper .bx-prev {left: -48px; background: #d00c32;}
            #slider2 .bx-wrapper .bx-next {right: -48px; background: #d00c32;}

                @media all and (max-width: 1160px) {
                    #slider {width: 100%; max-width: none;}
                    #slider2 {margin: 0;}
                        #slider2 .bx-wrapper .bx-controls-direction a {width: 35px;}
                        #slider2 .bx-wrapper .bx-prev {left: 0px; font-size: 16px; width: 35px;}
                        #slider2 .bx-wrapper .bx-next {right: 0px;}
                        #slider2 .text {padding-left: 40px;}
                        #slider .text {bottom: 5px;}
                    #slider_right a.jak, #slider_right a.vyhody {display: none;}
                }  
            
                @media all and (max-width: 600px){
                    #slider .text { width: 96%; padding: 2%; padding-bottom: 30px; left: auto; top: auto; position: relative; float: left;}
                    #slider h2 strong {font-size: 20px; margin: 0;}
                    #slider .bx-wrapper .bx-pager .bx-pager-item, #slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; margin: 0 2px;}
                    .text iframe {width: 100%;}
                }  
            
                @media all and (max-width: 500px){
                    #slider_right a.jak, #slider_right a.vyhody {display: inline-block;}
                }              

    #aktuality{}
        .article {float: left; width: 50%; box-sizing: border-box; border-top: 1px solid #9b9b9b; height: 270px;}
            .article .image {display: table-cell; vertical-align: middle; text-align: center; width: 215px; background: #fff; border-right: 1px solid #9b9b9b; line-height: 0; height: 260px;}
                .article .image img {display: inline-block;}
            .article .text {display: table-cell; vertical-align: top; padding: 18px 30px 0 30px; background: #fff; border-right: 1px solid #9b9b9b; position: relative;}
                .article .text span {background: #b4b4b5; padding: 2px 11px; color: #fff; display: inline-block;  text-transform: uppercase; font-size: 11px; font-weight: 600;}
                .article .text strong, .blok .text strong { display: block; font-size: 22px; text-transform: uppercase; padding: 15px 0; font-weight: 900;}
                .article .text strong a {color: #0e1419;}
                .article .text hr, .blok .text hr {width: 57px; height: 3px; display: block; background: #162129; border: none; outline: none; margin: 0; padding: 0;}
                .article .text p, .blok .text p {margin: 10px 0 0 0; line-height: 20px;}
                .article .text a.arrow {width: 41px; height: 37px; line-height: 37px; text-align: center; background: #b4b4b5; color: #fff; font-size: 13px; float: right; position: absolute; right: 0px; bottom: 0px;}
                .article .text a.arrow:hover {background: #d00c32;}

    #blocks {display: table; width: 100%; margin-top: 25px; background: #fff;}
        .blok {display: table-cell; width: 33%; vertical-align: top; /*background: #fff;*/ border-left: 1px solid #d4d7d7;}
        .blok:first-of-type {border: none;}
            .blok .heading {padding-left: 27px;}
            .blok:nth-of-type(1) .heading a, .blok:nth-of-type(2) .heading a {position: relative; right: -1px; border-top: 1px solid #9b9b9b; margin: 0;}
            .blok .text { padding: 25px 30px; float: left; width: 100%; box-sizing: border-box;}
            .blok .image {display: table-cell; vertical-align: middle; text-align: center; padding: 25px 0 25px 30px;}
            .blok:nth-of-type(1) .text {float: none; display: table-cell; vertical-align: top;}
                .blok .text table {width: 100%; border-collapse: separate; border-spacing: 0px 2px;}
                    .blok .text td {border-bottom: 1px solid #ebf3f7; padding-top: 2px; text-transform: uppercase; font-weight: 600;}
                    .blok .text td:nth-of-type(1) {width: 41px; line-height: 37px; background: #e4e4e4; text-align: center; color: #191919;}
                    .blok .text td:nth-of-type(2) {color: #0e1419; font-weight: 700; padding-left: 23px;}
                    .blok .text td:nth-of-type(3) {text-align: right; color: #969696;}
                    .blok .text td a {display: block;}
                    
                @media all and (max-width: 1160px) {
                    #blocks {margin: 0;}    
                    .article, .blok {display: block; width: 100%; height: auto;}
                }  
            
                @media all and (max-width: 500px) {
                    .article .image, .article .text {display: block; width: auto;}
                    .article .text {padding-bottom: 20px;}
                    .article .image {height: auto; padding-top: 10px;}
                }              
                    
    #partneri {margin-top: 24px;}
        #partneri .text {background: #fff; float: left; width: 100%; box-sizing: border-box; padding: 13px 25px; text-align: center;}
            #partneri .text>strong, #partneri .text>div {display: inline-block; vertical-align: top;}
            #partneri .text>strong {height: 80px; line-height: 80px; font-size: 15px; color: #191919; text-transform: uppercase; padding-right: 20px; white-space: nowrap;}
            #partneri span {float: left; padding: 0 20px;}
                #partneri span a, #loga span a {display: table-cell; vertical-align: middle; height: 80px;}
                    #partneri span a img, #loga span a img {position: relative; display: block;}
                    
    #info {border-left: none; border-right: none; border-bottom: none; margin-top: 26px; background: #050709 url("../images/info.png") repeat-x center top; color: #c9c9c9; padding-bottom: 10px; overflow: visible;}
        #info .wrapper {text-align: center;}
        #info a { color: #c9c9c9;}
    .tab {display: table-cell; padding: 0 24px; text-align: left;}
        .tab h3 {display: block; font-size: 15px; color: #ebf3f7; text-transform: uppercase; padding: 14px 0; margin-bottom: 25px; white-space: nowrap;}
        .tab ul {padding: 0; text-transform: uppercase; padding-left: 3px;}
            .tab ul li {padding: 3px 0;}
            .tab ul li i {color: #d00c32; font-size: 9px; padding-right: 10px; }
        .tab .image {display: table-cell; vertical-align: middle; text-align: left; width: 160px;}
            .tab .image img {display: block;}
            .tab .image.center img {display: inline-block; margin-bottom: 20px;}
            .tab .image.partneri a {display: table-cell; padding-right: 25px;}
            .tab h4 {color: #fff; font-size: 14px; text-transform: uppercase; display: block; white-space: nowrap; margin: 30px 0 10px 0;}
            .tab span {float: left; width: 1px; height: 34px; background: #373738;}
            .tab .soc {float: left; margin: 6px 23px 0 0;}
            .tab .soc:nth-of-type(2){margin: 6px 23px 0 23px;}
            .tab .soc:nth-of-type(3){margin: 6px 0 0 23px;}
        .tab .text {display: table-cell; vertical-align: top;}
        .tab.info {width: 38%;}
        #info .top {display: inline-block; width: 51px; height: 44px; line-height: 44px; background: #d00c32; color: #5e5e5e; font-size: 23px; text-align: center; position: relative; bottom: -11px; z-index: 1; border-bottom: none;}
        
    #loga {border-left: none; border-right: none; padding: 32px 0;}
        #loga .image {/*height: 80px;*/}
        #loga span {display: inline-block; padding: 0 15px;}

    #footer {color: #c9c9c9; padding: 17px 0; background: #050709;border-top: 1px solid #1c2426;}
        #footer .wrapper { text-align: center;}
        #footer a {color: #d00c32; font-weight: 700;}
        #footer span {display: inline; padding: 0 10px;}


                @media all and (max-width: 1160px) {
                    #partneri , #info {margin: 0;}
                    #partneri span {float: none; display: inline-block;}
                    .tab {display: inline-block; vertical-align: top; text-align: center;}
                    .tab h3 {text-align: center;}
                    .tab ul li {text-align: center;}
                    .tab .image.partneri a {padding: 0 20px;}
                    .tab .soc {float: none; display: inline-block; margin: 0px auto;}
                    .tab span {display: none;}
                    #partneri .text>strong {display: none;}
                    .tab.info {width: auto;}
                    #info .top {margin-left: -25px; display: block; left: 50%;}
                    #footer .wrapper {width: 96%; padding: 0 2%;}
                    #loga .image span {position: relative; left: auto; bottom: auto; color: #fff;}
                }  
            
        .formular h2 {background: #f3f3f3; border: 1px solid #ebebeb; font-size: 15px; line-height: 20px; padding: 9px 28px;}
        .formular td input[type=text], .formular td input[type=password], .formular td select {float: left; padding: 0 10px; width: 240px; border: 1px solid #d2d2d2; height: 35px; outline: none; box-sizing: border-box; margin: 0 40px 0 0;}
        .formular td textarea {font-family: Open Sans, sans-serif; float: left; padding: 10px 10px; border: 1px solid #d2d2d2; outline: none;  box-sizing: border-box; margin: 0 40px 0 0; max-width: 280px;}
        .formular td i {margin-left: -40px; display: inline-table;}
        .formular .submit, .formular .reset {margin-right: 8px; margin-top: 15px; height: 50px; line-height: 50px; float: left; box-sizing: border-box; color: rgb(255, 255, 255); font-size: 15px; text-transform: uppercase; font-weight: bold; cursor: pointer; padding: 0px 47px 0 24px; border: none; outline: none; background: #d00c32 url("../images/right.png") no-repeat right 16px top 16px;}
        .formular .submit:hover {background-color: #000;}
        .formular .reset { background: #b6b6b6 url("../images/reset.png") no-repeat right 16px top 16px;}
        .formular .reset:hover {background-color: #868686;}
        
                @media all and (max-width: 700px) {
                    .formular td {display: block; width: 100%;}
                    .formular td i {margin-left: 0px; display: inline-table; float: left; clear: left;}
                }          
            
            
.mobil > a {
  color: white;
}
.paging {
  text-align: center;
}
.news-img {
	margin: 10px;
}
.news-header {
	font-size: 16px;
	font-weight: bold;
}
.news-line {
	border-top: 1px solid lightgray;	
}
.colored a {
    color: #ecb81a !important;
    font-weight: bold;
}
.linkDetail a {
    color: #ecb81a;
    font-weight: bold;
}
#middle table.colored th:nth-child(1)  {
    border-radius: 4px 0px 0px 4px;
}
#middle table.colored th:nth-last-child(1)  {
    border-radius: 0px 4px 4px 0px;
}
#middle table.colored td:nth-child(1)  {
    border-radius: 2px 0px 0px 2px;
}
#middle table.colored td:nth-last-child(1)  {
    border-radius: 0px 4px 4px 0px;
}
.heading.bottom {
  color: #383838;
  float: left;
  font-size: 15px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
}
.heading.bottom a {
  color: #383838;
  font-size: 15px;
  padding: 11px 0;
  text-transform: uppercase;
  float: none;
}
.imageheight.bordered {
  display: table-cell;
  height: 325px;
  vertical-align: middle;
  width: 347px;
}
.text h3 {
  font-size: 16px;
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 10px;
}
.text ul {
  list-style: initial;
  padding-left: 20px;
}
.text p {
  margin-bottom: 5px;
  margin-top: 5px;
}
.heading p, .headingA p {
  color: white;
  margin-top: 0;
}
.headingA a {
  color: #d00c32;
}

                @media all and (max-width: 600px) {
                     #message_holder #error .top {background: #c10e08;}
                     #message_holder #error .bottom, #message_holder #valid .bottom {display: none;}
                     #message_holder {width: auto;}
                     #message_holder table td {display: block !important; color: #fff !important;}
                     #message_holder #error .top .close, #message_holder #valid .top .close {top: -20px; left: 0;}
                     
                     #message_holder #valid .top {background: #fff;}
                }   
.cert-item {
  padding-top: 5px;
	float: left;
	width: 100px;
	text-align: center;
}
.cert-item .tdDescription {
  font-size: 10px;
}
.cert-item .img-middle {
   display: initial;
   text-align: center;
}
.cert-item .img-middle-cen {
   vertical-align: middle;
}
.cert-item .img-middle img {
}
.result-filter {
	background-color: #e8ecee;
}
.result-filter-left {
	float: left;
}
.result-filter-right {
	float: right;
}
.result-filter-item {
	display: inline-block;
	padding: 5px;
}
.result-filter-item span {
	font-size: 13px;
	color: #151515;
	font-weight: bold;
	margin: 0 5px;
}
.result-filter-item select {
	font-size: 13px;
	color: #151515;
	padding: 10px 20px 10px 10px;
	margin: 0 5px;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid #151515;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.result-filter-item input[type="text"] {
	border: 1px solid #151515;
	margin: 7px 0;
	padding: 10px;
	font-size: 13px;
	font-weight: 500;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.result-filter-item .submit, .result-filter-item .reset {
	margin-right: 8px;
	/* margin-top: 15px; */
	height: 45px;
	line-height: 45px;
	float: left;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 47px 0 20px;
	border: none;
	outline: none;
	background: #d00c32 url("../images/right.png") no-repeat right 16px top 16px;
}
.result-filter-item .submit:hover {background-color: #000;}
.result-filter-item .reset { background: #b6b6b6 url("../images/reset.png") no-repeat right 16px top 16px;}
.result-filter-item .reset:hover {background-color: #868686;}