/*  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;}
p {color: #4e4848;}
h2.heading {font-weight: 100; border-bottom: 1px solid; color: #558ED5;}

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

#modalOdbornaVerejnost {width: 100%; height: 100%; float: left; background-color: rgba(255,255,255,0.7); position: fixed; top: 0px; left: 0px; z-index: 5000; 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-block {box-sizing: border-box; -moz-box-sizing: border-box; float:left; width:100%;}

.ns-cnt-root {width: 100%; min-height:1140px;float:left; background-image: url("/images/background.jpg"); background-attachment: fixed; background-position: center top; background-size:100%;}
.ns-cnt-container {margin: 0 auto; width:980px; margin-top: 10px; position: relative;}

.ns-style-info {font-size: 12px;float: left;width: 100%;color: #F54602;}

.ns-stl-table {border-spacing:0; width:100%;margin: 0 0 25px 0; color: #8a8a8a;}
.ns-stl-table td {border-bottom: 1px solid; padding: 10px;border-color: #E6E6E6;}
.ns-stl-table td.desc {font-weight:900;}
.ns-stl-table th {text-align:left;border-bottom: 1px solid silver;padding: 10px;color: #558ED5;}

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

#logo {float:left; width:100%; background: #fff;}
#frameLang {position:absolute; right:20px; top:20px;}
#frameLang .ns-flo-left {float:left;width: 28px;color: #558ED5;padding: 5px;text-align: center;border: 1px solid #558ED5;font-size: 11px;}
#frameLang .ns-flo-left.active {background:#558ED5; color: #fff;}

#mainMenu {background: #F9F8F8;}
#mainMenu UL {margin:0; padding-left:0; font-size:17px;}
#mainMenu UL.level-0 {font-size: 15px;}
#mainMenu UL.level-1 {position:absolute; display:none; background:#F9F8F8; top: 48px; font-size: 14px; z-index: 1; padding: 5px 0px 5px 0px;}
#mainMenu UL LI {float:left; /*font-weight:700;*/ color: #558ED5; margin: 0 1px; padding: 0px; position: relative; text-transform: uppercase; background:#F9F8F8; list-style:none;}
#mainMenu UL.level-0 LI {border-bottom: 1px solid rgba(255, 0, 0, 0); background: #F9F8F8; border-right: 2px solid #FFF;}
#mainMenu UL.level-0 LI.last {border-right:none;}
#mainMenu UL.level-0 LI:hover {color: #F00; border-bottom-color: #F00;}
#mainMenu UL.level-1 LI:hover {border-bottom-color:rgba(255, 0, 0, 0);}
#mainMenu UL.level-0 LI A {text-decoration: none; color: inherit; padding: 14px 30px; display: block;float: left;position: relative;}
#mainMenu UL.level-1 LI {width: 100%; float: left; border-right: 0px; padding: 0px; margin: 0px;}
#mainMenu UL.level-1 LI A {text-decoration: none; color: inherit; display: block; padding: 5px 15px 5px 15px; width: 100%; float: left; text-transform: none; box-sizing: border-box;}

#mainMenu UL.level-0 LI:hover > ul {display:block;}
#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;}
#mainMenu .submenu LI {color:#fff; margin: 0; font-weight: 300; padding: 10px; border-bottom: 1px solid rgba(255, 253, 253, 0.42);}
#mainMenu .submenu LI:hover {background:#DB0000;}

#mainContent {margin:0; padding: 20px; 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 */}
#mainContent A {color: #4e4848;}
#mainContent h1 {margin: 0 0 15px 0; font-size: 25px; color: #558ED5;font-weight: 500;}
#mainContent P {line-height: 1.5; font-size: 14px;}
#mainContent P:first-of-type {margin:0;}
#mainContent .ns-cnt-left-col {float: left; width: 170px; /*background: #F0F0EE;*/}
#mainContent .ns-cnt-right-col {float: right; width: 750px; position: relative;}
/*#mainContent .ns-cnt-right-col p {text-align: justify;}*/
#mainContent .ns-cnt-right-col UL {list-style-type: square; color: #4e4848; line-height: 1.5;}

#registrationForm {margin-top: 20px;border-top: 1px solid #F00;padding-top: 20px;}
#registrationForm .ns-cnt-left-col {float:left; width:50%; margin-right: 55px; background: none; height: auto;}
#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;}
#registrationForm .ns-cnt-form-line input[type="text"]:focus {outline: none; box-shadow: 0 0 3px 1px #F00;}
#registrationForm .ns-cnt-form-line input[type="submit"] {background: #F00; width:100%; padding: 5px 10px; border: 1px solid #FFF; border-radius: 4px; color: #FFF;}
#registrationForm .ns-cnt-right-col {float:left; width:40%;}
#registrationForm .ns-cnt-form-line {margin: 5px 0; float: left; width: 100%;}

#microdata {top: -32px; position: absolute; color: #DDDCDC; font-size: 13px;}
#microdata A {color:#A0A0A0}

/*#catalogList A {text-decoration: none;color: #558ED5;}*/
#catalogList A:hover {text-decoration: underline;}
#catalogList .ns-cnt-block {border-bottom: 1px solid rgba(160, 160, 160, 0.22); margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;}
#catalogList .ns-cnt-block:last-of-type {border-bottom: none;}
#catalogList h2 {text-decoration: none; margin: 0; font-weight: 500;}
#catalogList h2 .date {font-size: 14px; font-weight: 100;}
#catalogList .date {color: #558ED5; margin: 0 0 10px 0;}
#catalogList .ns-style-more-info {/*background: #555555;*/background: #ccc; color: #FFF; padding: 5px 10px; float: left; margin: 5px 0px 10px 0px; font-size: 13px;}

#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 {}

#siteMap UL {list-style: square; color: #F00;}

#infoBlock {}
#infoBlock H2 {color: #FF0000; font-size:18px; font-weight:900; margin: 0 0 5px 0;}
#infoBlock .shadow, #infoBlock .shadow A {color:#a0a0a0; font-weight: 100; font-size: 19px;}
#infoBlock .ns-style-btn {padding:5px; text-align:center;font-size: 13px;margin-top: 5px; color:#fff;}
#infoBlock .city {font-size:14px; font-style: italic;}
#infoBlock A.ns-stl-flo-left {font-size: 15px; color: #558ED5; text-decoration: underline;}
#frameConference .ns-cnt-block {background: #558ED5; padding:15px; margin: 0px 0px 15px 0px;}
#frameConference .shadow {color:#fff;}
#frameConference H2 {color:#fff; text-transform:uppercase;}
#frameConference H2 A {text-decoration:underline; color:#fff;}
#frameConference .light-blue {text-align:center;background: #266FC9;}
#frameConference .light-blue H2 {margin:0 0 8px 0;}
#frameAction .ns-cnt-block {background: #F0F0EE; padding:15px; margin: 0 0 3px 0;}
#frameAction H2 A {color:#f00;}
#frameAction H2 A:HOVER {text-decoration:underline;}

#frameBanner {height: 250px; float: left;width: 100%; background: #C0C0C0; margin: 10px 0 0 0; overflow: hidden;}
#frameBanner .ns-cnt-block {position:relative;}
#frameBanner .descript {position:absolute;left: 0;right: 0;text-align: center;font-weight: 900;}

#frameBanner2 {height: 250px; float: left;width: 100%; background: #C0C0C0; margin: 10px 0 0 0; overflow: hidden;}
#frameBanner2 .ns-cnt-block {position:relative;}
#frameBanner2 .descript {position:absolute;left: 0;right: 0;text-align: center;font-weight: 900;}

#mainContent .descript p {color:inherit; font-size:20px;}

#pager .ns-style-more-info {/*background: #555555;*/background: #ccc; color: #FFF; padding: 5px 10px; float: left; margin: 5px 0px 10px 0px; font-size: 13px; margin:0 2px;}
#pager .ns-style-more-info.active {background:#558ED5;}

#form A {background: #CCC; color: #FFF; padding: 5px 10px; float: left; margin: 5px 0px 10px 0px; font-size: 13px; margin: 0 5px 0 0;}
#form A:HOVER {background:#558ED5;}

#aktualityLine {background: rgba(0, 0, 0, 0.8); border-top: 2px solid #558ED5; padding: 25px;}
#aktualityLine .ns-style-more-info {right: 0px; color: #FF0000; margin: 0px;}
#aktualityLine .ns-style-more-info A {color:#FF0000; /* color:#558ED5; */}
#aktualityLine .ns-style-more-info A:HOVER {text-decoration: underline;}
#aktualityLine H2 {margin: 0px 0px 10px 0px; font-weight: 500; font-size: 26px;}
#aktualityLine H2 A {color: #ff0000; margin: 0 0 15px 0; text-decoration: none;}
#aktualityLine H2 A:hover {text-decoration: underline;}
#aktualityLine H3 {margin:0; font-weight: 700;}
#aktualityLine H3 A {color: #fff; font-size:18px; margin: 0;}
#aktualityLine H3 A:HOVER {text-decoration: underline;}
/*#aktualityLine H3:before {content:url('/images/arrow.png');color:#ff0000; position:absolute; left: -10px;top: 5px;}*/
#aktualityLine P {color:#fff; font-size: 14px; float: left; /*text-indent: 137px;*/ text-align: justify; margin: 0px 0px 8px 0px;}
#aktualityLine DIV P:first-of-type {margin-top:0;}
#aktualityLine .date {color:#ff0000; float:left; width:100%; margin:0 0 10px 0; font-size: 13px;}
#aktualityLine .ns-cnt-left-col {float:left; width: 283px; position: relative; margin: 0px 30px 0px 0px;}
#aktualityLine .ns-cnt-middle-col {float: left; width: 30%; position: relative; margin: 0 12px;}
#aktualityLine .ns-cnt-right-col {float:left; width: 30%; position: relative;}
#aktualityLine .ns-cnt-left-col, #aktualityLine .ns-cnt-middle-col, #aktualityLine .ns-cnt-right-col {}
#aktualityLine .last {margin-right: 0px;}

#footer {margin: 30px 0; background: rgba(255, 255, 255, 0.8); padding:25px; font-size:13px; color: #595959;}
#footer A {color: #000;}
#footer A:HOVER {text-decoration: underline;}
#footer P {color:#000;}
#footer .ns-cnt-left-col {float: left; width: 287px;}
#footer .ns-cnt-right-col {float: right; margin-top: 14px;}
#footer .ns-cnt-right-col p {width: 530px; margin: 0; text-align: right;}

.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: #A0A0A0;}
.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;}*/

#invoicePaper {float: left; margin: 4px 5px 0px 0px;}
.ns-style-form-caption {color: #545454; font-size: 14px;}

.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;}

/** Forms */
.formLine {width: 100%; margin: 5px 0; float: left;}
.formRow {float: left; width: 130px;font-size: 14px;color: #558ED5; margin: 0 0 3px 0;}
.formLine input, .formLine textarea {margin:0; padding: 5px;}
.formLine .formInput, .formLine .formTextarea {width:250px; border: 1px solid #ccc; color: #555; background-color: #f7f7f7;}
.formLine .formTextarea {height:100px;}
.formLine .formInput.bgRed {background: #FCE5E5; border: 1px solid #F00;}
.errorMsg {color:#f00;}

/** Forms - registrace na akci */
#actionRegistrationForm {}
#actionRegistrationForm .formLine {width:50%;}

.photoFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}
.photoFrame IMG {float: left; margin: 20px 0px;}