/*  NS - netsimple
    NS-CNT - Content
    NS-STYLE - Colors, Fonts, etc..
    NS-UI - User interface (buttons, form inputs atd...)
 */

HTML, BODY {padding:0;margin:0;/*font-family: 'Source Sans Pro';*/ font-family: 'Source Sans Pro', sans-serif;}
.kotva {float: left; width: 100%; height: 1px;}
a {text-decoration:none;}
fieldset {border: none; padding: 0;}
legend {font-size: 12px;}
.col-left {float: left; width: 170px;}

.dispNone {display: none;}

.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}

#bannerFrame {width: 100%; float: left;}
#mainBanner {width: 100%; float: left; height: 400px;}
#mainBanner .slide {background-position: center; background-size: cover;}

#modalOdbornaVerejnost {width: 100%; height: 100%; float: left; background-color: rgba(255,255,255,0.7); position: fixed; top: 0px; left: 0px; z-index: 3000; align-items: center; justify-content: center;}
#modalOdbornaVerejnost .inner {width: 80vw; height: auto; padding: 50px; background-color: #fff; justify-content: center; text-align: center; flex-direction: column; border-radius: 30px;}
#modalOdbornaVerejnost .inner h2 {}
#modalOdbornaVerejnost .inner .btns {width: 100%; float: left; margin: 20px 0 0 0;}
#modalOdbornaVerejnost .inner .btns a {display: inline-block; background-color: #ff0000; color: #fff; padding: 10px 30px; margin: 0 20px;}
#modalOdbornaVerejnost .inner .btns a:hover {background-color: #DB0000;}

.ns-cnt-root {width: 100%; min-height:1140px;float:left; background-image: url("/images/background2.jpg"); background-attachment: fixed; background-position: center top; }
.ns-cnt-container {margin: 0 auto; width:980px; margin-top: 30px;}
  .ns-cnt-container .ns-cnt-block {box-sizing: border-box; -moz-box-sizing: border-box; float:left; width:100%;}
  .ns-cnt-container #logo {float:left; width:100%; background: #fff;}
  .ns-cnt-container #mainMenu {padding: 35px; background: #fff;}
  .ns-cnt-container #mainMenu UL LI {font-weight:700; color: #ff0000; margin: 0 14px; border-bottom: 1px solid; position: relative; text-transform: uppercase; font-size: 17px;}
  .ns-cnt-container #mainMenu UL LI A {text-decoration: none; color: inherit;}
  .ns-cnt-container #mainMenu UL LI.first {margin-left: 0px;}
  .ns-cnt-container #mainMenu UL LI.last {margin-right: 0px;}
  .ns-cnt-container #mainMenu UL LI:hover > .submenu {display:block;}
  .ns-cnt-container #mainMenu .submenu {display:none; position: absolute; /*width: 128px;*/ background: #FF0000; z-index: 10; left: -19px; padding-left: 0; box-shadow: 0 0 6px -1px black; font-size: 14px;}
  .ns-cnt-container #mainMenu .submenu LI {color:#fff; margin: 0; font-weight: 300; padding: 10px; border-bottom: 1px solid rgba(255, 253, 253, 0.42);}
  .ns-cnt-container #mainMenu .submenu LI:hover {background:#DB0000;}

  img.antispam {width: 150px; margin: 15px 0 0 0;}

  .ns-cnt-container #mainContent {margin:0; padding: 35px; min-height:327px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 85%, rgba(255,255,255,0.9) 88%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(255,255,255,1)), color-stop(88%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 85%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 85%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 85%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 85%,rgba(255,255,255,0.9) 88%,rgba(255,255,255,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */}
  .ns-cnt-container #mainContent A {color: #4e4848;}
  .ns-cnt-container #mainContent h1 {margin: 0 0 15px 0; font-size: 25px; color: #4e4848;font-weight: 500;}
  .ns-cnt-container #mainContent P {color: #4e4848; line-height:24px; font-size: 18px;}
  .ns-cnt-container #mainContent P:first-of-type {margin:0;}
  .ns-cnt-container #mainContent .ns-cnt-left-col {float: left; width: 170px; background: #F0F0EE;}
  .ns-cnt-container #mainContent .ns-cnt-right-col {float: right; width: 700px; position: relative;}
  .ns-cnt-container #mainContent .ns-cnt-right-col p {text-align: justify;}
  .ns-cnt-container #mainContent .ns-cnt-right-col UL {list-style-type: square; color: #a0a0a0; line-height: 1.5;}
  /*.ns-cnt-container #mainContent .ns-cnt-right-col #registrationForm .ns-cnt-form-line {text-align: none; }*/
  #registrationForm {margin-top: 20px;border-top: 1px solid #F00;padding-top: 20px;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-left-col {float:left; width:50%; margin-right: 55px; background: none; height: auto;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-form-line input[type="text"] {padding: 9px; width: 100%; border: 1px solid #E7E7E7; box-sizing: border-box; -moz-box-sizing: border-box;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-form-line input[type="text"]:focus {outline: none; box-shadow: 0 0 3px 1px #F00;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-form-line input[type="submit"] {background: #F00; width:100%; padding: 5px 10px; border: 1px solid #FFF; border-radius: 4px; color: #FFF;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-right-col {float:left; width:40%;}
  .ns-cnt-container #mainContent #registrationForm .ns-cnt-form-line {margin: 5px 0; float: left; width: 100%;}
  .ns-cnt-container #mainContent #microdata {top: -32px; position: absolute; color: #4e4848; font-size: 13px;}
  .ns-cnt-container #mainContent #microdata A {color:#4e4848}
    .ns-cnt-container #mainContent #aktualityList A {text-decoration: none;color: #F00;}
    .ns-cnt-container #mainContent #aktualityList A:hover {text-decoration: underline;}
    .ns-cnt-container #mainContent #aktualityList .ns-cnt-block {border-bottom: 1px solid rgba(160, 160, 160, 0.22);}
    .ns-cnt-container #mainContent #aktualityList .ns-cnt-block:last-of-type {border-bottom: none;}
    .ns-cnt-container #mainContent #aktualityList h3 {text-decoration: none; margin: 0;}
    .ns-cnt-container #mainContent #aktualityList .date {color: #F00; margin: 0 0 10px 0;}
    .ns-cnt-container #mainContent #aktualityList .ns-style-more-info {background: #555555; color: #FFF; padding: 2px 5px; border-radius: 2px;float: right;margin: 5px;}
    .ns-cnt-container #mainContent #aktualityList .ns-style-more-info A {color: #fff;}
    .ns-cnt-container #mainContent #siteMap UL {list-style: square; color: #F00;}

  .ns-cnt-container .conf {padding:15px; margin: 10px 0 0 0;}
  .ns-cnt-container .conf H2 {color: #FF0000; font-size:18px; font-weight:900; margin-top: 0;}
  .ns-cnt-container .conf .shadow, .ns-cnt-container .conf .shadow A {color:#a0a0a0; font-weight: 100; font-size: 19px;}

  #frameBanner {height:250px; margin: 10px 0;}

  .ns-cnt-container #aktualityLine {background: rgba(0, 0, 0, 0.8); border-top: 2px solid #ff0000; padding: 35px;}
  .ns-cnt-container #aktualityLine .ns-style-more-info {right: 0px; color: #FF0000;}
  .ns-cnt-container #aktualityLine .ns-style-more-info A {color:#FF0000;}
  .ns-cnt-container #aktualityLine H2 A {color: #ff0000; margin: 0 0 15px 0; text-decoration: none;}
   .ns-cnt-container #aktualityLine H2 A:hover {text-decoration: underline;}
  .ns-cnt-container #aktualityLine H3 {color: #fff; font-size:14px; margin: 0;}
  .ns-cnt-container #aktualityLine H3:before {content:"> ";color:#ff0000; position:absolute; left:0;}
  .ns-cnt-container #aktualityLine P {color:#fff; font-size: 14px; float: left; /*text-indent: 137px;*/ text-align: justify;}
  .ns-cnt-container #aktualityLine DIV P:first-of-type {margin-top:0;}
  .ns-cnt-container #aktualityLine .date {color:#ff0000; float:left; width:100%; margin:0 0 10px 0;}
  .ns-cnt-container #aktualityLine .ns-cnt-left-col {float:left; width: 30%; position: relative;}
  .ns-cnt-container #aktualityLine .ns-cnt-middle-col {float: left; width: 30%; position: relative; margin: 0 12px;}
  .ns-cnt-container #aktualityLine .ns-cnt-right-col {float:left; width: 30%; position: relative;}
  .ns-cnt-container #aktualityLine .ns-cnt-left-col, .ns-cnt-container #aktualityLine .ns-cnt-middle-col, .ns-cnt-container #aktualityLine .ns-cnt-right-col {padding-left: 20px;}

  .ns-cnt-container #footer {margin: 30px 0; background: rgba(255, 255, 255, 0.8); padding:35px; font-size:13px; color: #595959;}
  .ns-cnt-container #footer A {color: #4e4848;}
  .ns-cnt-container #footer .ns-cnt-left-col {float: left; width: 287px;}
  .ns-cnt-container #footer .ns-cnt-right-col {float: right; margin-top: 14px;}
  .ns-cnt-container #footer .ns-cnt-right-col p {width: 430px; margin: 0;}

.ns-cnt-container .clanekFrame {width: 660px; border-top: 3px #f0f0ee solid; padding: 10px 20px 10px 20px; margin: 0px 0px 10px 0px; float: left; background-color: #fff;}
.ns-cnt-container .clanekFrame IMG {float: left; border: 2px #f0f0ee solid; margin: 0px 15px 0px 0px;}
.ns-cnt-container .clanekFrame P {font-size: 12px;}
.ns-cnt-container .clanekFrame H2 A {font-size: 22px;}
.ns-cnt-container .clanekFrame H2 {font-size: 12px; font-weight: bold; color: #9e9e9e; margin: 5px 0px 10px 0px;}
.ns-cnt-container .clanekFrame P A {color: #d65d85;}  

.ns-style-ul-inline {list-style: none; display: inline; padding:0; margin:0;}
.ns-style-ul-inline LI {display: inline-block;}
.ns-style-ul-block {list-style: none; display: block;}
.ns-style-ul-block LI {display: block;}
.ns-style-hidden {position: absolute; visibility: hidden;}
.ns-style-a-heading {text-decoration: none; color:#FFF;}
.ns-style-a-heading:hover {text-decoration: underline;}
.ns-style-micro-delimeter {color: #ff0000;}
.ns-style-micro-f-delimeter {margin-right: 10px;}
.ns-style-micro-o-delimeter{width: 126px; float: left;}
.ns-style-radio-label {background-image: url(/images/check_not.png); background-repeat: no-repeat;position: absolute;width: 20px;height: 20px;}
.ns-style-select-label {background: #F00; position: absolute; width: 100%; height: 22px; border-radius: 4px;padding: 2px 4px;color: white; font-weight: 300; border: 1px solid #CC0A0A; z-index: 1;}
.ns-style-select-label:after {content: "\25BC"; position: absolute; right: 2px; top: 5px; color: #FFF; border-radius: 3px; font-size: 12px;padding: 1px 1px;}
.ns-style-select-container {position: absolute; max-height: 250px; overflow-y: scroll;  top: 26px; border-radius: 0 0 4px 4px; background: #F00; z-index: 2; width: 115px;box-shadow:0 3px 8px -1px;}
.ns-style-select-container ul {padding-left: 0;margin: 0;}
.ns-style-select-container ul li {margin: 0; padding: 5px 0 5px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: white; font-weight: 300; cursor: pointer;}
.ns-style-select-container ul li:hover {background: #DB0000;}
.ns-style-select-container::-webkit-scrollbar {width: 8px;}
.ns-style-select-container::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.24); height: 40px;}
.ns-style-select-container::-webkit-scrollbar-track-piece {background: rgba(202, 202, 202, 0.28);}
.ns-style-result-error {color: #F00;}
.ns-style-result-success {color:#14C914;}
.ns-style-form-caption {color: #4e4848;}
.ns-style-info {font-size: 12px;float: left;width: 100%;color: #8DC1E4;}
.ns-style-info-big {color: #8DC1E4;font-weight: 900;}
.ns-style-form-group {border-bottom: 1px solid #C0C0C0; padding-bottom: 10px;}
.ns-style-form-group-both {border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; padding: 5px 0;}
.ns-style-btn {padding: 10px; background: #F00;border-radius: 5px;border: 1px solid #D81919;color: white;text-decoration: none; margin-top: 20px;}
.ns-style-btn:hover {background:#DB0000;}

.ns-cnt-checkbox-wrap {position: relative;width: 250px;}
.ns-cnt-select-wrap {float: left; position: relative; width: 30%; margin: 10px 13px;}
.ns-cnt-select-wrap:first-of-type{margin: 10px 5px 10px 0;}
.ns-cnt-select-wrap:last-of-type{margin: 10px 0 10px 4px;}

#organizators .ns-cnt-block {margin:10px 0;}
#organizators .ns-img-wrap {float: left; height: 150px; width:150px;margin: 0 15px 15px 0;}
#organizators .ns-img-wrap img {width:100%;}
#organizators .ns-name {}
#organizators .ns-name h2 {margin: 0 0 15px 0;font-size: 20px;}
#organizators .ns-descript {}