/*body { background-image: url(../img/back-body.png); background-repeat: repeat-x; font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif; }*/
*:focus {
    outline: 0 !important;
}

body { font-family: 'Roboto',Arial,sans-serif; font-size: 16px; background-color: #F7F7F7; color: #2D2D2D; padding: 0 0 40px 0; }
body.kratkebody, body.text { font-family: 'Roboto',Arial,sans-serif; font-size: 14px; background-image: none; background-color: #FFF; padding: 10px; }

body.homepage { font-family: 'Roboto',Arial,sans-serif; overflow-x: hidden; }
h1, h2, h3, h4, h5 { font-family: aglet-sans, Arial, sans-serif; font-weight: 700;}
h1 { font-size: 25px; font-family: aglet-sans, Arial, sans-serif; font-weight: 700;
    color:  #333333;
    font-size: 40px;
    font-weight: bold;
    padding: 0;
    margin: 40px 0 5px 0;

 }
h2 { font-size: 18pt; font-family: aglet-sans, Arial, sans-serif; font-weight: 700; color: #333399; margin: 15px 0 22px 0; }
h2.rub { margin: 0px 0px 5px 0px; font-size: 17pt; font-weight: normal;  }
h2.rub a { color: #283859; border-bottom: 1px solid #ACBCD3; display: block; width: 100%; padding: 10px 25px; background-image: url(../img/back-h2rub2.png); background-position: left; background-repeat: no-repeat; text-decoration: none; }
h2.rub a.collapsed { color: #283859; border-bottom: 1px solid #ACBCD3; display: block; width: 100%; padding: 10px 25px; background-image: url(../img/back-h2rub.png); background-position: left; background-repeat: no-repeat; text-decoration: none; }
h2.rub-104 a { background-image: url(../img/back-h2rub2-a.png); }
h2.rub-104 a.collapsed { background-image: url(../img/back-h2rub-a.png); }
h2.rub-199 a { background-image: url(../img/back-h2rub2-b.png); }
h2.rub-199 a.collapsed { background-image: url(../img/back-h2rub-b.png); }
h2.rub-148 a { background-image: url(../img/back-h2rub2-c.png); }
h2.rub-148 a.collapsed { background-image: url(../img/back-h2rub-c.png); }
h2.rub-149 a { background-image: url(../img/back-h2rub2-d.png); }
h2.rub-149 a.collapsed { background-image: url(../img/back-h2rub-d.png); }
h2.rub-260 a { background-image: url(../img/back-h2rub2-e.png); }
h2.rub-260 a.collapsed { background-image: url(../img/back-h2rub-e.png); }

h2.h2info {  }
h2.h2kursy { margin: 5px 0 5px 0; }

.btn {
  border-radius: 3px;
  padding: 4px;
  line-height: 0.5;
}

.modal-dialog {
  width: 90% !important;
  padding-top: 50px !important;
  padding-bottom: 30px;
  max-width: 600px;
}

.stooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.stooltip .stooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  left: -125px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.stooltip:hover .stooltiptext {
  visibility: visible;
}

h3 { font-size: 18pt; font-family: aglet-sans, Arial, sans-serif; font-weight: 700; color: #283758; }
.souv h3 { font-size: 14px; font-weight: normal; margin-top: 5px; }
h3.rub { margin: 0px 0px 5px 3px; font-size: 17pt; font-weight: normal;  }
h3.rub a { color: #283859; display: block; width: 100%; padding: 5px 25px; background-image: url(../img/back-h3rub2.png); background-position: left; background-repeat: no-repeat; text-decoration: none; }
h3.rub a.collapsed { color: #283859; display: block; width: 100%; padding: 5px 25px; background-image: url(../img/back-h3rub.png); background-position: left; background-repeat: no-repeat; text-decoration: none; }
h3.rub-104 a { background-image: url(../img/back-h2rub2-a.png); }
h3.rub-104 a.collapsed { background-image: url(../img/back-h2rub-a.png); }
h3.rub-199 a { background-image: url(../img/back-h2rub2-b.png); }
h3.rub-199 a.collapsed { background-image: url(../img/back-h2rub-b.png); }
h3.rub-148 a { background-image: url(../img/back-h2rub2-c.png); }
h3.rub-148 a.collapsed { background-image: url(../img/back-h2rub-c.png); }
h3.rub-149 a { background-image: url(../img/back-h2rub2-d.png); }
h3.rub-149 a.collapsed { background-image: url(../img/back-h2rub-d.png); }
h3.rub-260 a { background-image: url(../img/back-h2rub2-e.png); }
h3.rub-260 a.collapsed { background-image: url(../img/back-h2rub-e.png); }

h2 span.new, h3 span.new, p span.new, span.new { display: inline; font-size: 90%; font-weight: normal; color: #FFFFFF; background-color: #CB301E; border-top: 0px solid #CB301E; }

.panel-group {
  border: 0px !important;
}
.panel {
  border: 0px !important; margin: 0px; padding: 0px; background-color: transparent !important; box-shadow: none !important;
}
.panel-heading {
  border: 0px !important; margin: 0px; padding: 0px;  background-color: transparent !important;
}
.panel-body {
  border: 0px !important; margin: 0px; background-color: transparent !important; padding: 15px 0px 15px 15px;
}

.subpanel {
  /*background-color: #eaeaea !important; border: 0px !important; border-radius: 0px !important;*/
  background-color: #ffffff !important; border: 0px !important; border-radius: 0px !important;
}
.subpanel > .panel-heading {
  background-color: #ffffff !important; border: 0px !important; border-radius: 0px !important;
}
.subpanel > .panel-body {
  /*background-color: #eaeaea !important; border: 0px !important; padding: 0px 0px 10px 15px;*/
  background-color: #ffffff !important; border: 0px !important; padding: 0px 0px 10px 15px;
}

.oddil { color:  #303030; font-size: 24px; border-bottom: 1px solid #303030; margin: 20px 0 20px; padding: 0 0 10px; }
.oddilod { color:  #303030; font-size: 24px; border-bottom: 1px solid #303030; margin: 50px 0 20px; padding: 0 0 10px; }

a { color: #003399; }
a:link, a:hover, a:visited { color: #003399; }
a:hover { text-decoration: underline; }

.container { padding: 0px 10px 0px 0px; background-color: transparent; }
.container-crm { max-width: 100% !important; }

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/*.kompas { padding: 0px 0px 5px 2px; margin-top: -10px; position: relative; z-index: 9; color:  #8b899d; font-size: 13px; }*/
.kompas { padding: 0px 0px 12px 15px; margin-top: -7px; position: relative; z-index: 0; color:  #8b899d; font-size: 13px; }
.kompas a { color: #8b899d; text-decoration: underline; }

.banner-hp {
  background-image: url(../imgarchiv/banner01_1260x550.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 50px;
}

.banner-text {
  color: #FFFFFF !important;
  padding: 70px 0 70px 90px;
}

.banner-text h2 {
  color: #FFFFFF !important;
  font-size: 50px;
  line-height: 60px;

}

.banner-text p {
  color: #FFFFFF !important;
  font-size: 25px;
  line-height: 35px;

}

.banner-button {
  background-color: #D20F19;
  color: #FFFFFF !important;
  padding: 0;
  border-radius: 6px;
  display: inline-block;
}

.banner-button a {
  color: #FFFFFF !important;
  padding: 9px 20px 8px 20px;
  font-size: 16px !important;
  line-height: 23px;
}

.banner-hp-2 {
  padding: 40px 15px;
}

.banner-hp-2 p {
  margin: 0;
}

.text-hp {
  padding: 4px 60px;
}

.banner-cenik {
  padding: 10px 50px 0px 50px;
}

.box-info {
  margin: 5px 30px 20px 30px;
}

.box-cenik {
  background-color: #FFFFFF;
  border: 1px solid #ABABAB;
  border-radius: 5px;
  box-shadow: 0 0 3px 3px #D6D6D6;
  height: 380px;
  text-align: center;
  margin-bottom: 40px;
}

.box-tarif {
  color: #D20F19 !important;
  border-bottom: 3px solid #D20F19;
  font-family: aglet-sans, Arial, sans-serif;
  height: 90px;
}

.box-tarif-c {
  vertical-align: middle;
  display: table-cell;
  height: 90px;
  width: 400px;
  margin: 0 auto;
}

.box-tarif h3 {
  color: #D20F19 !important;
  margin: 0px;
}

.box-popis {
  height: 220px;
}

.box-popis p {
  margin: 10px 0 0 0;
  display: block;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #E6E6E6;
}

.box-popis p:last-child {
  border-bottom: 0px;
}

.box-cena {
  color: #FFFFFF !important;
  background-color: #000000;
  border-radius: 0 0 5px 5px;
  padding: 12px 0;
  height: 70px;
}

.box-cena span {
  font-family: aglet-sans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}


@media (min-width: 1020px) {
  .container { width: 100%; max-width: 1180px; }
}

.hornilista { overflow: visible; }
.hornilista p { margin: 0px; padding: 0px; }
.hornilista p a.logo { clear: left; display: block; height: 85px; z-index: 0; margin: 20px 0px 0px 0px; padding: 0px; background-image: url(../img/back-logo2.png?v=2); background-size: contain; background-position: top left; background-repeat: no-repeat; }
.hornilista p span { margin: 0px; position: relative; top: -1000px; }

.kosiklista { height: 50px; overflow: visible; z-index: 0; margin: 0px; }
.kosik { float: right; color: #ffffff; font-size: 13px; font-weight: 400; margin: 0px; }

.obsah { display: block; float: left; background-image: url(../img/back-obsah.png); background-position: left; background-repeat: no-repeat; padding: 6px 15px 0px 30px; }
.obsah a { font-weight: bold; color: #FFFFFF; }

.registrace { display: block; float: left; width: 163px; height: 41px; background-image: url(../img/back-registrace.png); background-repeat: no-repeat; padding: 9px 0px 0px 0px; text-align: center; }
.registrace a { font-size: 14px; font-weight: 400; color: #FFFFFF; }

.kosik a.mail { display: block; float: left; width: 48px; height: 30px; background-image: url(../img/back-btnmail.png); background-repeat: no-repeat; }
.kosik a.mail span { position: relative; top: -1000px; }



/* navbar */

.brand {
  padding: 0 !important;
  max-height: 100px;
  margin: 13px 0;
  display: block;
}

.tiraz-heslo {
  color: #FFFFFF;
  font-size: 23pt;
  margin: 0;
  /*text-transform: lowercase;*/
  text-align: right;
}

.tiraz-text {
  color: #707070;
  font-size: 12px;
  margin: 20px 30px 0 30px;
  text-align: center;
}

.tiraz-text a {
  color: #FFFFFF !important;
  text-decoration: underline;
}

.tiraz-text-right {
  font-size: 12px;
  margin: 20px 30px 0 30px;
  text-align: right;
}

.tiraz-text2 {
  font-size: 15pt;
  margin: 12px 15px 0 0;
  text-transform: lowercase;
  text-align: right;
  display: inline-block;
}

.tiraz-text a {
  text-decoration: underline;
}

a.tiraz {
  display: inline-block;
  margin-left: 10px;
  text-transform: lowercase;
  text-decoration: none;
  color: #9A9A9A;
  border-bottom: 1px solid #333333
}


.navigace {
  background-color: transparent !important;
  border: 0 !important;
  margin: 0px;
  padding: 0px 20px 0 30px;
  width: 100%;
}

.navigace li {
  list-style: none;
  float: left;
  text-align: right;
  border-radius: 4px;
  background-color: transparent;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.navigace li:last-child {
  float: right;
  background-color: #D20F19;
}


.navigace li.activeli {
}

.navigace li a {
  font-size: 16px;
  line-height: 37px;
  font-weight: normal;
  padding: 9px 20px 8px 0px;
  margin-top: 0px;
  color: #FFFFFF !important;
}

.navigace li:last-child a {
  padding: 9px 20px 8px 20px;
  color: #ffffff !important;
}


.navigace .activeli a {
  color: #FFA500 !important;
}


@media (max-width: 480px) {

.brand {
  display: block;
  text-align: center;
}

.navigace {
  padding: 0px 5px 0 15px;
}

.navigace li a {
  padding: 9px 15px 8px 0px;
}

.banner-hp {
  background-image: url(../imgarchiv/banner01_780x530.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 50px;
}

.banner-text {
  color: #FFFFFF !important;
  padding: 70px 0 70px 30px;
}

.banner-button a {
  line-height: 40px;
}

.box-info {
  margin: 15px;
}

.banner-cenik {
  padding: 0;
}

.text-hp {
  padding: 20px 10px;
}

}



/* carousel */
.carousel-control { display: none; }
.carousel-indicators {
    bottom: -45px;
}
.carousel-indicators li {
    background-color: #ABBCD2;
    border-color: #ABBCD2;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 4px;
    text-indent: -999px;
    width: 15px;
}
.carousel-indicators li.active {
    background-color: #333333;
    border-color: #333333;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 4px;
    text-indent: -999px;
    width: 15px;
}

/* hlava rubriky */

.con-rubhlava {
  padding: 0;
}

.con-rubhlava h1 {
  color: #FFFFFF;
  font-size: 60pt;
  font-weight: bold;
  margin: 0px 0 0 10px;
  position: relative;
  top: -14px;
}

.con-rubhlava p {
  color: #FFFFFF;
  font-size: 18pt;
  font-weight: normal;
  line-height: 18pt;
  margin: 0 0 25px 10px;
}

.con-rubhlava img {
  float: left;
  position: relative;
  top: 10px;
}

/* infoservis */

.hp-i-box1-right a {
  font-size: 20pt;
  color: #396294;
}

.hp-i-box1-right p {
  font-size: 12pt;
  margin: 0 !important;
  line-height: 14pt;
}

.hp-i-box1-right .inform {
  font-size: 11pt !important;
  color: #97AEC9 !important;
  font-style: italic !important;
  margin: 8px 0 !important;
}

.hp-i-box1-bot {
  line-height: 14pt !important;
}

.hp-img-box {
  min-height: 115px;
}

.hp-i-box1-bot img {
  border-bottom: 0px !important;
  margin-bottom: 10px;
}


.hp-i-box1-bot a {
  font-size: 11pt !important;
  line-height: 13pt !important;
  color: #396294;
}

.hp-i-box1-bot .inform {
  font-size: 10pt !important;
  color: #97AEC9 !important;
  font-style: italic !important;
  margin: 4px 0 !important;
}

.hp-i-box3 {
  padding-top: 10px;
  text-align: right;
}

@media (min-width: 992px) {

.box-info {
  min-height: 550px;
  margin-bottom: 20px;
}

.box-info a {
display: inline-block;
text-decoration: none;
}

.box-info a:hover {
text-decoration: underline;
}

.panel-body a {
  border-bottom: 0;
}

.hp-i-box1 {
  min-height: 270px;
}

.hp-i-box2 {
  min-height: 250px;
}

.hp-i-box3 {
  min-height: 55px;
}


}

/* vypis clanku */

.vypis-i-box {
  padding: 20px 0 10px 0;
  border-bottom: 1px solid #E2E2E2;
}

.vypis-i-box-right a {
  font-size: 17pt;
  color: #396294;
}

.vypis-i-box-right p {
  font-size: 12pt;
  margin: 0 !important;
  line-height: 14pt;
}

.vypis-i-box-right .inform {
  font-size: 11pt !important;
  color: #CD8785 !important;
  font-style: italic !important;
  margin: 0 0 8px 0 !important;
}

.vypis-i-box-right .podtitul {
  margin: 8px 0 8px 0 !important;
  color: #333333 !important;
}


/* kalendar */

.box-akce {
  overflow: hidden;
  background-color: #003399;
  padding: 15px 10px 0px 10px;
  font-size: 10pt;
  margin-bottom: 20px;
}

@media (min-width: 992px) {

.box-akce {
  /*min-height: 640px;*/
  margin-bottom: 20px;
}

}

.hp-kalbox {
  clear: both;
}


.hp-datum {
  display: block;
  float: left;
  background-color: #C92F24;
  color: #0B4A8E;
  font-weight: bold;
  font-size: 11pt;
  padding: 9px 5px 5px 5px;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 10px;
}

.hp-dnes {
  display: block;
  float: left;
  background-color: #C92F24;
  color: #0B4A8E;
  font-weight: bold;
  font-size: 11pt;
  padding: 20px 5px 5px 5px;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 10px;
}

.hp-kaltext {
  display: block;
  float: left;
  font-size: 90%;
  padding: 0px 0px 0px 10px;
  text-align: left;
  width: 185px;
  color: #FFFFFF;
  font-style: italic;
}

.hp-kaltext a, .hp-kaltext a:visited, .hp-kaltext a:hover   {
  color: #FFFFFF;
  font-style: normal;
}


.hp-kalcara {
  clear: both;
  border-bottom: 1px dotted #A7B9DC;
  margin: 10px 0;
  padding-top: 10px;
}

.container-menumax {
  padding: 0;
  position: fixed;
  height: 60px;
  min-height: 60px;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 99;
  display: block;
}


.container-silvermax {
  width: 100%;
  background-color: #F7F7F7;
  padding: 0;
  margin-top: 34px;
}

.container-blackmax {
  width: 100%;
  background-color: #19171C;
  padding: 0;
}

.container-whitemax {
  background-color: #FFFFFF;
  padding: 0;
  box-shadow: 0 1px 7px 0 #808080
}


/* kursy */
.container-kursymax {
  background-color: #4481FF;
  padding: 0;
}

.box-kursy {
  text-align: left;
  background-color: #4481FF;
  color: #FFFFFF;
  margin: 0;
  padding: 10px 10px;
}

.box-kursy a {
  color: #FFFFFF;
}

/* proc */

.container-menumax-proc {
  background-color: #9BB3D0;
  margin-bottom: 32px;
  padding: 0;
}

.container-menumax-proc img {
  border: 0;
}

.container-menumax-proc p {
  font-size: 95%;
  line-height: 120%;
}

.container-menumax-proc ul {
  margin: 0 0 0 22px;
}

.container-menumax-proc li {
  list-style-image: url(../img/li.gif);
}

.btn-vice {
  background-color: #C92F24;
  border-bottom: 3px solid #C92F24;
  color: #FFFFFF;
  width: 165px;
  height: 42px;
}

.btn-vice:hover {
  background-color: #9C241C;
  border-bottom: 3px solid #C92F24;
  color: #FFFFFF;
}

.btn-odsad {
  margin: 15px 0 70px 0;
}

/* zona */

.zona {
  background-color: #F1F1F1;
  margin-top: 30px;
}

.zona h2 {
  margin: 25px 20px 0px 20px;
}

.zona p {
  margin: 0px 20px 5px 20px;
  color: #333399;
  font-size: 90%;
}

.jeuser {
  padding: 20px 0px 0px 0px;
}

.jeuser h2 {
  margin: 0px 0px 0px 20px;
}


.pro-form-1 {
  background-image: url(../img/form-login-1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 243px;
  height: 72px;
  margin-right: 10px;
}

.pro-form-1 input {
  width: 193px;
  height: 44px;
  margin: 27px 0 0 49px;
  display: inline;
  background-color: transparent;
  border: 0;
}

.pro-form-2 {
  background-image: url(../img/form-login-2.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 243px;
  height: 72px;
}

.pro-form-2 input {
  width: 193px;
  height: 44px;
  margin: 27px 0 0 49px;
  display: inline;
  background-color: transparent;
  border: 0;
}

.pro-img {
  display: none;
}

.pro-but {
  text-align: left;
  padding: 10px 0 0 0px;
}

.btn-login {
  background-color: #9BB2CC;
  border-bottom: 3px solid #859FC0;
  color: #FFFFFF;
  width: 165px;
  height: 42px;
}

.btn-login:hover {
  background-color: #859FC0;
  border-bottom: 3px solid #859FC0;
  color: #FFFFFF;
}

.btn-str {
  background-color: #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  width: 32px;
  height: 32px;
  margin: 20px 5px 20px 5px;
  font-size: 105%;
  line-height: 1;
  text-align: center;
  padding: 6px 0;
}

.btn-str:hover {
  background-color: #333333;
  border-bottom: 3px solid #333333;
  color: #0B4A8E;
}

.btn-str-active {
  background-color: #333333;
  border-bottom: 3px solid #333333;
  color: #0B4A8E;
  font-weight: bold;
  width: 32px;
  height: 32px;
  margin: 20px 5px 20px 5px;
  font-size: 105%;
  line-height: 1;
  text-align: center;
  padding: 6px 0;
}

.btn-str-active:hover {
  background-color: #C92F24;
  border-bottom: 3px solid #C92F24;
  color: #0B4A8E;
}

/* napiste */

.napiste {
  padding: 10px;
  margin: 20px 0 0 0;
  background-color: #003399;
}

.napiste h2 {
  font-weight: bold;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0px 0 9px 0;
}




@media (max-width: 459px) {

    .pro-form-kontrol {
        margin-left: 0 !important;
    }

    .pro-form-n {
      padding: 20px 5px 0 0 !important;

    }

    .pro-form-n input {
      border: 1px solid #FFFFFF;
      border-radius: 5px;
      font-size: 14px;
      height: 40px;
      margin: 5px 0 0px 0px;
      padding: 5px 10px;
      max-width: 400px;
      width: 100%;
    }

    .pro-form-n input.inp-captcha {
      width: 194px;
      height: 39px;
      margin: 0 0 20px 0;
      display: inline;
      background-color: transparent;
      border-top: 0px;
      border-left: 1px solid #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF;
      border-radius: 5px;
      position: relative;
      top: -5px;
    }

    .pro-form-n textarea {
      border: 1px solid #FFFFFF;
      border-radius: 5px;
      font-size: 14px;
      height: 146px;
      margin: 5px 0 0px 0px;
      padding: 5px 10px;
      max-width: 400px;
      width: 100%;
    }

    .pro-form-n img.captch {
      width: 194px;
      height: 39px;
      margin: 5px 0 0 0;
      border-left: 1px solid #FFFFFF;
      border-top: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF;
      border-radius: 5px;
    }

    .btn-refresh {
      background-image: url(../img/form-napiste-reload.png);
      background-position: center center;
      background-repeat: no-repeat;
      height: 36px;
      left: -3px;
      margin: 0;
      position: relative;
      top: -47px;
      width: 39px;
      background-color: transparent;
      border: 0;
    }

    .btn-refresh:hover, .btn-refresh:focus  {
      background-color: transparent;
      border: 0;
    }

    .pro-form-n .btn-vice {
      left: 0px;
      position: relative;
      top: -15px;
    }

}

@media (min-width: 460px) {

    .pro-form-n {
      /*background-image: url(../img/form-napiste.gif);*/
      background-position: top left;
      background-repeat: no-repeat;
      width: 540px;
      height: 410px;
      margin-right: 10px;
      padding: 20px 0 0 0;

    }

    .pro-form-n input {
      color: #FFFFFF;
      width: 320px;
      height: 40px;
      margin: 0 0 11px 0;
      display: inline;
      background-color: transparent;
      border: 1px solid #FFFFFF;
      border-radius: 10px;
    }

    .pro-form-n input.inp-captcha {
      width: 165px;
      height: 40px;
      margin: 10px 5px 15px 0;
      display: inline-block;
      background-color: transparent;
      border: 1px solid #FFFFFF;
      border-radius: 10px;
    }

    .pro-form-n textarea {
      color: #FFFFFF;
      width: 320px;
      height: 146px;
      margin: 4px 0 14px 0;
      display: inline;
      background-color: transparent;
      border: 1px solid #FFFFFF;
      border-radius: 10px;
    }

    .pro-form-n img.captch {
      width: 165px;
      height: 40px;
      margin: 0 5px 0 0;
      display: inline;
      border: 1px solid #FFFFFF;
      border-radius: 10px;
    }

    .btn-refresh {
      background-image: url(../img/form-napiste-reload2.png);
      background-size: cover;
      height: 30px;
      margin: 0;
      position: relative;
      top: -2px;
      width: 30px;
      background-color: transparent;
      border: 0;
    }

    .btn-refresh:hover, .btn-refresh:focus  {
      background-color: transparent;
      border: 0;
    }

    .pro-form-n .btn-vice {
      position: relative;
    }

}


.pro-adresa {
  padding: 20px 0 0 0;
}

.p-adresa1 {
  display: block;
  background-image: url(../img/adresa1.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 15px 30px;
  font-size: 110%;
  line-height: 115%;
  color: #fff;
  margin-top: 15px;
}

.p-adresa1 span {
  font-size: 80%;
  line-height: 100%;
  color: #FFFFFF;
}


.p-adresa2 {
  display: block;
  background-image: url(../img/adresa2.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 5px 30px;
  font-size: 130%;
  line-height: 75%;
  color: #fff;
}

.p-adresa3 {
  display: block;
  background-image: url(../img/adresa3.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 10px 30px;
  font-size: 130%;
  line-height: 75%;
  color: #fff;
}

.p-adresa1 a {
  color: #fff;
  text-decoration: underline;
}

.p-adresa4 {
  display: block;
  padding: 0 0 0 30px;
  font-size: 90%;
  line-height: 125%;
  color: #777777;
}

/* pozadi cele */

.container-menumax-back {
  background-color: #000000;
  background-image: url(../img/back-veze2.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* napiste */

.container-menumax-napiste {
  color: #FFFFFF;
  margin-bottom: 0;
  margin-top: 15px;
  padding: 0;
}

.container-menumax-napiste h2 {
  color: #FFFFFF;
}

/* kontakt */

.container-menumax-kontakt {
  /*background-color: #000000;*/
  color: #FFFFFF;
  margin-bottom: 0;
  padding: 0;
}

.kontakt { font-size: 12px; font-weight: 400; padding: 0 0 25px 0; }

.col-kontakt-1 h3 {
  color: #FFFFFF;
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0 10px 0;
}

.col-kontakt-1 p {
  font-size: 120%;
  line-height: 140%;
  color: #99CCFF;
}

.col-kontakt-1 p.tel {
  font-size: 140%;
  line-height: 120%;
}

.col-kontakt-1 p.tel span {
  display: inline-block;
  width: 60px;
  font-size: 80%;
  line-height: 120%;
}

.col-kontakt-1 a {
  color: #99CCFF;
  text-decoration: none;
}

.col-kontakt-1 a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.col-kontakt-2 h3 {
  color: #FFFFFF;
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0 10px 0;
}

.col-kontakt-2 p {
  font-size: 120%;
  line-height: 140%;
  color: #99CCFF;
}

.col-kontakt-2 ul {
  margin: 0 0 0 14px;
}

.col-kontakt-2 li {
  list-style-image: url(../img/li-kon.gif);
  margin-bottom: 3px;
}

.col-kontakt-2 a {
  color: #99CCFF;
  text-decoration: none;
}

.col-kontakt-2 a:hover {
  text-decoration: underline;
}

.col-kontakt-3 h3 {
  color: #FFFFFF;
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0 10px 0;
}

.col-kontakt-3 p {
  font-size: 120%;
  line-height: 140%;
  color: #99CCFF;
}

.col-kontakt-3 ul {
  margin: 0 0 0 14px;
}

.col-kontakt-3 li {
  list-style-image: url(../img/li-kon.gif);
  margin-bottom: 3px;
}

.col-kontakt-3 a {
  color: #99CCFF;
  text-decoration: none;
}

.col-kontakt-3 a:hover {
  text-decoration: underline;
}

/* pata */

.container-menumax-pata {
  /*background-color: #000000;*/
  color: #FFFFFF;
  border-bottom: 20px solid #FFFFFF;
}

.copy { min-height: 40px; color: #FFFFFF; font-size: 12px; font-weight: 400; padding: 14px 0 0 5px; border-top: 1px dotted #999999; }
.copy a { color: #B8C5D6; text-decoration: underline; }


@media (min-width: 600px) {
    .col-md-6 { width: 50%; float: left; }
}



@media (max-width: 800px) {
.btn-search {
    margin-right: -1px !important;
  }
.hlavni {
    width: 100%;
    padding-left: 16px;
   }
.souv {
    width: 100%;
    padding-left: 16px;
   }

.top, .humenurbox {
 display: none !important;
 }
.mr0 {
 display: block !important;
 background-image: url(../img/back-temabut.png);
 width: 179px;
 height: 56px;
 margin: 9px 0px 0px 7px !important;
 }
a.top_link {
 color:  #262626;
 font-size: 14px;
 font-weight: 400;
 display: table-cell !important;
 vertical-align: middle;
 height: 56px;
 width: 175px;
 padding: 0px 0px 0px 28px !important;
  }

@media (max-width: 1019px) {
.top, .humenurbox {
 display: none !important;
 }
}
@media (min-width: 1020px) {
.top {
 display: block !important;
 background-image: url(../img/back-temabut.png);
 width: 179px;
 height: 56px;
 margin: 9px 0px 0px 7px !important;
  }
.tema-active {
 background-image: url(../img/back-temabuta.png);
}
.tema-active a {
 background-color: transparent !important;
 color: #FFFFFF !important;
}
.mr0, .mr0 a {
 display: none !important;
 }
.dalsid {
 background-image: url(../img/back-temabutdalsi.png); background-position: top right; background-repeat: no-repeat;
 width: 63px;
 height: 56px;
 margin: 9px 0px 0px 7px !important;
  }
.dalsi {
 background-image: url(../img/back-temabutdalsi2.png); background-position: top right; background-repeat: no-repeat;
 width: 63px;
 height: 56px;
 margin: 9px 0px 0px 7px !important;
  }
li.dalsid a:hover, li.dalsi a:hover {
 text-decoration: none !important;
  }
li.dalsid a:focus, li.dalsi a:focus {
 background-color: transparent !important;
  }
.dalsid a span, .dalsi a span {
 color: transparent;
  }
a.top_link {
 color:  #262626;
 font-size: 14px;
 font-weight: 400;
 display: table-cell !important;
 vertical-align: middle;
 height: 56px;
 width: 175px;
 padding: 0px 5px 0px 28px !important;
  }
.vis {
 visibility: hidden;
  }
.humenurbox {
 background-color: #95959F;
 display: block !important;
 visibility: hidden;
 position: absolute;
 z-index: 9;
 margin-top: -54px;
 padding-bottom: 10px;
 height: auto;
 min-width: 940px;
 margin-right: 75px;
 }
 }
@media (min-width: 992px) {
  .hlavni {
    padding-right: 15px;
   }
  .ucet {
    padding-right: 15px;
    padding-top: 9px;
   }
}
@media (min-width: 1020px) {
  .hlavni {
    width: 100%;
    max-width: 771px;
    padding-right: 30px;
    padding-top: 9px;
   }
  .hlavnic {
    width: 100%;
    padding: 0 5px 20px 5px;
   }
  .ucet {
    padding-right: 15px;
    padding-top: 9px;
   }
}


.sekcetop {
    margin: 0px 0px 20px 0px;
    padding: 0px 20px 10px 20px;
   }

.sekcetop ul, .sekcetop ol {
    margin-left: 15px;
   }

.sekcetop #text ul {
    margin-left: 15px;
   }

.sekcetop ul li {
    list-style-image: url(../img/back-li.png);
   }

.fotorama {
    width: 100%;
}


.sekce {
    border-bottom: 0px solid #303030;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
   }

.sekce .column {
    padding: 0px;
   }
h1.nadpis-sekce, h2.nadpis-sekce {
    color:  #333333;
    font-size: 40px;
    font-weight: bold;
    padding: 0;
    margin: 40px 0 30px 0;
   }
h3.nazevpub {
 clear: both;
 font-size: 16px;
 font-weight: 400;
 margin: 0px 0px 15px 0px;
 min-height: 60px;
 }
h3 a { color:  #6674aa; text-decoration: underline; }

.podtitul {
    color:  #396394;
    font-size: 18pt;
    line-height: 23pt;
    font-weight: normal;
    font-family: 'Roboto',Arial,sans-serif;
    padding: 0;
    margin: 0 0 15px 0;
}

.clanek p {
    font-size: 13pt;
    line-height: 18pt;
    font-weight: normal;
    font-family: 'Roboto',Arial,sans-serif;
}

.img-clanek {
  max-height: 100%;
  max-width: 100%;
  display: block;
  height: auto;
  margin-bottom: 15px;
}

ul, ol {
  margin-bottom: 10px;
  margin-top: 0;
  margin-left: 15px;
}

li {
  font-size: 10px;
  line-height: 18pt;
  font-family: 'Roboto',Arial,sans-serif;
}

.publik {
 padding: 28px 19px 0px 19px;
 min-height: 300px;
 }
.publikcena {
 padding: 0px 0px 5px 19px;
 }
.publikcena .cena {
 padding: 0px 19px 0px 0px;
 }
.sekcetop .publikcena .cena {
 padding: 0px 15px 0px 0px !important;
 }
@media (min-width: 616px) {
.p1 {
 margin-right: -15px;
 }
.p2 {
 margin-left: -15px;
 }
}
.seda {
 background-color:  #f3f3f3;
 }
.obal {
 margin: 0px 15px 10px 0px;
 }
.obal-b {
 margin: 0px 15px 10px 0px;
 border: 1px solid #ABABAB
 }
.obal0 {
 margin: 7px 25px 20px 5px;
 }
.obal0-b {
 margin: 7px 25px 20px 0px;
 border: 1px solid #ABABAB
 }

 .cena {
 color:  #a40233;
 font-size: 18px;
 font-weight: 700;
 text-align: right;
 }
 .cena span {
   color:  #303030;
   font-size: 14px;
   font-weight: 400;
 }

.for-btn {
 background-color:  #f3f3f3;
 height: 39px;
 margin: 17px 15px 25px 15px;
 padding: 0px !important;
 width: auto;
 }
.btn-dalsipub {
 width: 150px;
 height: 39px;
 padding-top: 9px;
 padding-right: 23px;
 border-radius: 0px;
 float: right;
 background-image: url(../img/back-btndalsi.png); background-repeat: no-repeat;
 color: #FFFFFF !important;
 text-transform: uppercase;
 }
.btn-dalsipub:hover {
 color: #FFFFFF;
 }
.btn-koupit {
 width: 81px;
 height: 31px;
 padding-top: 5px;
 border-radius: 0px;
 float: right;
 background-image: url(../img/back-btnkoupit.png); background-repeat: no-repeat;
 color: #FFFFFF !important;
 text-transform: uppercase;
 margin-left: 20px;
 position: relative;
 top: -2px;
 }
.btn-koupit:hover {
 color: #FFFFFF;
 }

.souv {
 margin-bottom: 20px;
 width: 100%;
 }

@media (min-width: 1020px) {
  .souv {
    max-width: 259px;
    padding-left: 5px;
    margin-left: -30px;
    margin-top: -75px;
   }

   .souv img {
     border: 1px solid #333399;
   }

}

.souv .stin {
 padding-bottom: 19px;
 background-image: url(../img/back-souv.png); background-position: center bottom; background-repeat: no-repeat;
 }

.rejstrik {
 width: auto;
 height: 54px;
 background-image: url(../img/back-btnrejstrik2.png); background-position: right; background-repeat: no-repeat;
 padding-left: 0px;
 padding-right: 0px;
 margin-left: 15px;
 margin-right: 15px;
 }
.rejstrik p {
 margin: 0px;
 }
.btn-rejstrik {
 width: 100%;
 height: 54px;
 padding-top: 15px;
 border-radius: 0px;
 float: left;
 background-image: url(../img/back-btnrejstrik1.png); background-repeat: no-repeat;
 color: #FFFFFF !important;
 position: relative;
 text-align: left;
 padding-left: 90px;
 border: 0px;
 }
.btn-rejstrik:hover {
 color: #FFFFFF;
 }

.tmavy {
 width: auto;
 background-color: #4e4d5a;
 padding-left: 0px;
 padding-right: 0px;
 margin-left: 15px;
 margin-right: 15px;
 color:  #dddbeb;
 font-size: 14px;
 line-height: 125%;
 font-weight: 400;
 padding: 0px 0px 15px 0px;
 }
.tmavy h3 {
 margin: 0px;
 color:  #ffffff;
 font-size: 22px;
 font-weight: 700;
 }
.tmavy a { color: #ffffff; text-decoration: underline; margin-top: 18px; display: block; }
.zpravodaj h3 {
 background-color: #6A6A78;
 background-image: url(../img/back-zpravodaj.png); background-position: top left; background-repeat: no-repeat;
 border-bottom: 1px solid #6A6A7B
 display: block;
 height: 58px;
 width: 100%;
 padding: 18px 0px 0px 62px;
 }
.zpravodaj p {
 margin: 10px 10px 0px 10px;
 text-align: center;
 }
.zpravodaj form {
    text-align: center;
    width: 220px;
    border: 0px solid !important;
    background-image: none;
    margin: 15px auto 0px auto;
}
.zpravodaj input {
 width: 177px;
 height: 38px;
 border: 1px solid #8B012A;
 padding: 5px 10px;
 margin: 0px 3px 0px 0px;
 border-radius: 0px;
 font-size: 15px;
 float: left;
   }
.zpravodaj .btn-subscribe {
 background-image: url(../img/back-btnsubscribe.png); background-repeat: no-repeat;
 width: 40px;
 height: 40px;
 border: 0px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 border-radius: 0px;
 color: transparent;
   }
.vice-subs { display: inline-block; white-space: nowrap; margin: 0px !important; }
.vice-subs a { color: #ffffff; text-decoration: underline; margin-top: 10px; display: block; padding-left: 22px; margin-bottom: 10px; background-image: url(../img/back-vicesubs.png); background-position: top left; background-repeat: no-repeat; }

.zpravodaj2 h3 {
 background-color: #6A6A78;
 background-image: url(../img/back-zpravodaj2.png); background-position: top left; background-repeat: no-repeat;
 border-bottom: 1px solid #6A6A7B
 display: block;
 height: 58px;
 width: 100%;
 padding: 18px 0px 0px 62px;
 }
.zpravodaj2 p {
 margin: 10px 15px 0px 15px;
 }
.zpravodaj2 ul {
 margin: 5px 15px 0px 26px;
 }
.zpravodaj2 .for-btn {
 height: 58px;
 background-color: transparent;
 }
.zpravodaj2 .for-btn a {
 text-decoration: none;
 }

 .svetly {
 width: auto;
 padding-left: 0px;
 padding-right: 0px;
 margin-left: 15px;
 margin-right: 15px;
 font-size: 14px;
 line-height: 125%;
 font-weight: 400;
 padding: 0px 0px 10px 0px;
 }
.svetly h3 {
    border-left: 13px solid #303030;
    color: #303030;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 5px 20px;
 }
.svetly p {
 margin: 4px 10px 0px 10px;
 }
.svetly a { color:  #6674aa; text-decoration: underline; margin-top: 18px; display: block; }
.vice a { color:  #a40233; text-decoration: underline; margin-top: 18px; display: block; float: right; padding-right: 20px; margin-bottom: 45px; background-image: url(../img/back-vice.png); background-position: top right; background-repeat: no-repeat; }

@media (min-width: 1008px) {
.container-max { min-height: 235px; }
}

.pata {
    min-height: 20px;
    color:  #424242;
    font-size: 13px;
    line-height: 130%;
    background-color: #eaeaea;
    margin: 0px 0px 0px 0px;
  }
.pata H5 {
    color:  #9E9E9E;
    font-size: 18px;
    margin: 10px 0px 10px 0px ;
  }
.pata a { color: #424242 !important; text-decoration: underline; }
.pata:last-child { text-align: right !important; }


@media (min-width: 1008px) {
    .patabox { background-image: url(../img/back-pata.png); background-position: top; background-repeat: repeat-x; min-height: 194px; display: inline; margin: 0px; padding: 0px; }
    .box { background-position: top right; background-repeat: no-repeat; padding: 3px 5px !important;  }
    .lastbox { text-align: right !important; }
    .mapa { padding-top: 8px; }

}

#texto p {
  margin-left: 140px;
  margin-right: 15px;
}
}
@media (max-width: 616px) {
#texto p {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
}


#texto p.end {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #838195;
}

.plochasocial { text-align: right; margin-top: -16px; width: 300px; float: right; }
.odsadit { margin-top: 25px !important; }
.plochazpet { text-align: left; margin-top: 22px; width: 300px; float: left; }
.plochazpetcl { text-align: left; margin: 25px 0 70px 0; width: 300px; float: left; }

.popis { display: block; line-height: 120%; font-size: 100%; margin: 0px 0px 15px 0px; width: 90px; float: left; }
.popiss { display: block; line-height: 120%; font-size: 100%; margin: 0px 0px 15px 0px; }
p.prilohy { display: block; line-height: 100%; font-size: 90%; margin: 5px 0px 15px 0px; padding-top: 2px; !important }
p.perex { display: block; line-height: 120%; margin: 5px 0px 5px 100px; float: inherit; }
p.perex2 { line-height: 120%; margin: 0px 0px 30px 0px; }
p.ikona { display: block; min-height: 56px; _height: 56px; line-height: 120%; font-size: 100%; margin: 35px 0px 3px 0px; padding: 15px 0px 0px 85px; clear: both; }
p.ikona a { color: #D6202B; text-decoration: none !important; }


.pokracuj a { color:  #a40233; text-decoration: underline; margin-top: 0px; margin-right: 15px; display: block; text-align: right; clear: both; padding-right: 20px; margin-bottom: 30px; background-image: url(../img/back-vice.png); background-position: top right; background-repeat: no-repeat; }

.doc, .ocx { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.xls, .lsx { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.ppt, .ptx { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.pps, .psx { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.csv { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.pdf { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.zip { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.txt { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.rtf { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.mp3 { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.jpg { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.gif { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.bmp { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }
.png { background-image: url(../prilohyarchiv/download_56x56.png); background-position: top left; background-repeat: no-repeat; }

.tac { clear: both; text-align: right !important; padding: 5px 0px; }
.taceshop { clear: both; text-align: center !important; margin-top: 10px; background-color: #DBDBDB; padding: 10px 0px; }
.tac a, .taceshop a {  }

.naklad { font-size: 12px; font-style: italic; margin: 3px 0px 0px 0px; }

.vypis { border-left: 15px solid #FFFFFF; border-right: 15px solid #FFFFFF; }
.vypis .obal, .vypis .obal-b { width: 83px; height: auto; margin: 10px 0px; }
.vypis h3 { margin: 8px 0px 5px 0px; min-height: 10px; }
.vypis .col-md-8 { padding: 0px; }
.vypis .cena { display: block; overflow: visible; width: 110px; font-size: 15px; margin: 68px 0px 0px 0px; line-height: 200%; float: right; }
.vypis .cena .cass { display: block; font-size: 15px; line-height: 125%; padding-bottom: 10px; margin-top: -35px; }
.vypis .bezo { display: block; overflow: visible; width: 110px; font-size: 15px; margin: 0px 0px 10px 0px; line-height: 200%; float: right; }


@media (max-width: 616px) {
.vypis .col-md-8 { padding: 0px 15px; }
.vypis .cena { display: block; overflow: visible; font-size: 15px; margin: 0px 0px 5px 0px; line-height: 200%; float: right; }
.vypis .cena .cass { display: block; font-size: 15px; line-height: 125%; padding-bottom: 10px; margin-top: -10px; }
}

.nove-roh { display: block; width: 90px; height: 90px; background-image: url(../img/novinka.png); background-repeat: no-repeat; float: right; color: transparent; }
.bude-roh { display: block; width: 90px; height: 90px; background-image: url(../img/bude.png); background-repeat: no-repeat; float: right; color: transparent; }

#text img { border: 1px solid #95959F; }

.castka { color: #303030; }
.castkatab { margin-bottom: 5px; }
.castkatab td { vertical-align: text-top; }
.cislocastka { width: 35px; }

/* text zakon */
#plochatxt		{ padding: 5 10 10 10; margin: 0 190 0 0; }
#plochacast		{ padding: 5 10 10 10; }
#uz 		{ height: 100%; border-top: 1px solid #FADE73; margin: 15 0 5 0; padding: 10 0 10 0; }
#uzbo 		{ margin: 5 0 5 0; padding: 0 0 10 0; }
#uzbo TABLE   { margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0 }
#uzbo TD   { margin: 0px; padding: 0px; border-collapse: collapse; vertical-align: text-top; border-spacing: 0 }
#uzbos 		{ border-top: 3px solid #FADE73; margin: 10 0 5 0; padding: 10 0 10 0; }
#uzbos TABLE   { margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0 }
#uzbos TD   { margin: 0px; padding: 0px; border-collapse: collapse; vertical-align: text-top; border-spacing: 0 }
#uzo		{ width: 500px; height: 200px; margin: 5px 0px 5px 0; overflow: auto; z-index: 5; border: 1px solid silver; padding: 1em; background-color: #FFF;  font-style: italic; font-family: Arial,sans-serif; font-size: 1.1em; }
#rejstriko		{ background-color: #FFF;  font-style: italic; font-family: Arial,sans-serif; font-size: 1.1em; }

H1.castka     { margin: 2 0 2 0; font-family: Arial,Sans Serif,Geneva,Helvetica; color: #D83523; font-size: x-small; font-weight: bold; padding-top: 0; padding-bottom: 0; margin-top: 14; margin-bottom: 14;}
H1.predpis  { margin: 10px 0px 2px 0px; color: #303030; font-size: 150%; font-weight: normal; text-align: center; font-style: normal; line-height: 1.4; }
H1.ucinnostpredpisu  { margin: 2px 0px 2px 0px; color: #303030; font-size: 100%; font-weight: normal; text-align: center; font-style: normal; line-height: 1.4; }
H1.popispredpisu  { margin: 2px 0px 20px 0px; color: #303030; font-size: 100%; font-weight: normal; text-align: center; font-style: normal; line-height: 1.4; }
H1.paragraf  { margin: 12px 0px 5px 0px; color: #006B00; font-size: 100%; font-weight : normal; text-align : center; font-style : normal; line-height: 1.4; }
H1.paragraftucny  { margin: 15px 0px 10px 0px; color: #006B00; font-size: 100%; font-weight: bold; text-align: center; font-style: normal; line-height: 1.4; }
P.tucne  { font-weight : bold; font-style : normal; text-align : justify; }
P.kurziva  { font-family: Arial,Sans Serif,Geneva,Arial,Helvetica; font-size: xx-small; font-weight: normal; font-style: italic; text-align: justify; }
P.normal  { font-weight: normal; font-style: normal; text-align: justify; }
P.normalodsazene  { margin: 8 0 8 0; font-weight : normal; font-style : normal; text-align : justify; text-indent: 2em; }
P.normalcenter  { font-weight : normal; font-style : normal; text-align : center; }
P.normalcentertucny  { font-weight : bold; font-style : normal; text-align : center; }
a.strom { color: #4D4267; text-decoration: underline; cursor: hand; margin: 0px; padding: 0px; }
a.strom:hover      { color: #D83523; text-decoration: underline; }
.odkaz { color: #4D4267; font-size: 100%; background-color: #FADE73; }
a.htx { color: #4D4267; text-decoration: underline; cursor: hand; }
a.htx:hover      { color: #D83523; text-decoration: underline; }
ul.analyza     { margin: 0 0 10 -10; text-align: left; }
.analyza li    { margin: 0 0 4 -10; text-align: left; }
.tsiroka { width: 65%; }

.boxodkaz { visibility: hidden; clear: both; position: absolute; z-index: 20; display: block; width: 220px; color: #585858; background-color:#FFFFCC; padding: 3px; margin: 5px; border: 1px solid gray; }
#vystup2 { visibility: hidden; clear: both; position: absolute; z-index: 18; display: block; width: 600px; color: #585858; background-color:#FFFFCC; padding: 0px; margin: 5px; border: 4px solid #fff; }
.hlavav { background-color: #FADE73; height: 20px; padding: 5px 10px 5px 10px ; margin: 0px; border-left: 1px solid gray; border-top: 1px solid gray; border-right: 1px solid gray; }
.hlavav2 { background-color: #FADE73; height: 20px; padding: 5px 10px 5px 10px ; margin: 0px; border: 1px solid gray; }
.telov { padding: 5px 10px 5px 10px; margin: 0px; border-left: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; }
.telom { padding: 5px 10px 5px 10px; margin: 0px; border: 1px solid gray; background-color:#FFFFCC; cursor: wait }
.levy { display: block; float: left; clear: left; }
.levy2 { display: block; float: left; clear: left; font-weight: bold; color: #343434; margin-right: 5px; }
.pravy { display: block; float: right; clear: right; text-align: right; }
.pravy2 { display: block; float: right; text-align: right; margin-top: -13px; }
.nadpisp { text-align: left; font-weight: bold; margin-bottom: 5px; color: #343434 }
.interval { text-align: left; }

#uz P, #uzbo P     { text-indent: 2em; }
#uz P.center, #uzbo P.center     { text-indent: 0em; font-family: Verdana,Arial,MS Sans Serif,Geneva,Helvetica; margin: 15 0 5 0; color : green; font-size: x-small; font-weight: bold; text-align: center; font-style: normal; }
#uz P.center2, #uzbo P.center2     { text-indent: 0em; font-family: Verdana,Arial,MS Sans Serif,Geneva,Helvetica; margin: 15 0 5 0; color : #272727; font-size: x-small; font-weight: bold; text-align: center; font-style: normal; }

#uz DIV.center, #uzbo DIV.center     { text-indent: 0em; font-family: Verdana,Arial,MS Sans Serif,Geneva,Helvetica; margin: 15 0 5 0; color : green; font-size: x-small; font-weight: bold; text-align: center; font-style: normal; }
#uz DIV.center P, #uzbo DIV.center P     { text-indent: 0em; font-family: Verdana,Arial,MS Sans Serif,Geneva,Helvetica; margin: 15 0 5 0; color : green; font-size: x-small; font-weight: bold; text-align: center; font-style: normal; }
#uz P.right, #uzbo P.right     { text-align: right; }
#uz TD P, #uzbo TD P     { text-indent: 0em; }

#plochatxt      {  text-indent: 0; }
#plochatxt p     { text-indent: 0; margin: 2px 0px 5px 0px; }
#plochatxt i     { }
#plochatxt LI P.normalodsazene { text-indent: 0px; margin: 0px; }
#plochatxt TD P.normalodsazene { text-indent: 0px; margin: 0px; }
#plochatxt UL  { font-style : normal; font-weight : normal; text-align : justify; margin-left: 25px; margin-right: 15px; }
#plochatxt DT  { font-weight : normal; font-style : normal; }
#plochatxt DD  { font-weight : normal; font-style : normal; text-align: justify; }
#plochatxt TABLE  { vertical-align: text-top; font-weight: normal; font-style: normal; }
#plochatxt TD  { vertical-align : text-top; font-weight : normal; font-style : normal; padding: 2, 2, 2, 2; }
#plochatxt SUP { font-size: 100%; margin-top: 10; }
#plochatxt IMG { margin: 5px; border: 0px; }
#uzo IMG { margin: 0px; border: 0px; }

#predpis H1  { font-variant: normal; }
#predpis hr  { width: 35%; height: 0px; color: #585858; border-top: 1px solid #757575; margin: 0px 0px 5px 0px; text-align: left; }
#predpis TABLE  { vertical-align: text-top; font-weight: normal; font-style: normal; margin: 0px 0px 10px 0px; }
#predpis TD  { vertical-align: text-top; font-weight: normal; font-style: normal; padding: 3px 8px 0px 0px; min-width: 2em; }
#predpis TD P.normalodsazene { text-indent: 0px; margin: 0px; }


#plochacast TABLE { margin-right: 10; vertical-align : text-top; font-weight: normal; font-style: normal; }
#plochacast TD  { vertical-align : text-top; font-weight : normal; font-style : normal; padding: 0, 10, 5, 0; }
#plochauzka TABLE { margin-right: 10; vertical-align : text-top; font-weight: normal; font-style: normal; }
#plochauzka TD  { vertical-align : text-top; font-weight : normal; font-style : normal; padding: 0, 10, 5, 0; }

.ram1 { display: block; margin: 0px; padding: 0px; }
.ram2 { display: block; margin: 0px; padding: 0px; }
.ram3 { display: none; margin: 0px; padding: 0px; }
.ram4 { display: none; margin: 0px; padding: 0px; }
.ram5 { display: none; margin: 0px; padding: 0px; }
.ram6 { display: none; margin: 0px; padding: 0px; }
.ram7 { display: none; margin: 0px; padding: 0px; }
.ram8 { display: none; margin: 0px; padding: 0px; }
.ram9 { display: none; margin: 0px; padding: 0px; }
.lvl1 { display: block; margin: 0px; padding: 5px 5px 2px 5px;  }
.lvl2 { display: block; margin: 0px; padding: 3px 5px 2px 24px; }
.lvl3 { display: block; margin: 0px; padding: 3px 5px 2px 37px; }
.lvl4 { display: block; margin: 0px; padding: 3px 5px 2px 50px; }
.lvl5 { display: block; margin: 0px; padding: 3px 5px 2px 63px; }
.lvl6 { display: block; margin: 0px; padding: 3px 5px 2px 76px; }
.lvl7 { display: block; margin: 0px; padding: 3px 5px 2px 89px; }
.lvl8 { display: block; margin: 0px; padding: 3px 5px 2px 102px; }
.lvl9 { display: block; margin: 0px; padding: 3px 5px 2px 115px; }

#rejstriko .lvl2		{ font-style: normal; font-family: sans-serif; font-size: 1.1em; font-weight: bold; padding: 3px 5px 2px 5px; }
#rejstriko .lvl3		{ font-style: normal; font-weight: bold; padding: 3px 5px 2px 18px; }
#rejstriko .lvl4		{ font-style: normal; padding: 3px 5px 2px 40px; }

.n, .n a, .n sup a, .n a sup { color: #FF0000; font-weight: bold }
/* text zakon konec */

/* formular vyber sbirky sloupec */
TABLE.w { border: 0px; font-size: 100%; background-color: #FFFFFF; width: 100%; }
TABLE.w TD, TABLE.w TH {padding: 0.3em 0.8em; border: 0px; }
TABLE.w TD { font-size: 14px; vertical-align: top; width: 10%; height: 35px; }
TABLE.w TH.p-1, TABLE.w TD.p-1 { width: 1%; }
TABLE.w TH.p-5, TABLE.w TD.p-5 { width: 5%; }
TABLE.w TH.p-7, TABLE.w TD.p-7 { width: 7%; }
TABLE.w TH.p-10, TABLE.w TD.p-10 { width: 10%; }
TABLE.w TH.p-15, TABLE.w TD.p-15 { width: 15%; }
TABLE.w TH.p-20, TABLE.w TD.p-20 { width: 20%; }
TABLE.w TH.p-25, TABLE.w TD.p-25 { width: 25%; }
TABLE.w TH.p-50, TABLE.w TD.p-50 { width: 50%; }
TABLE.w TD STRONG { }
TABLE.w TH {background-color: #E1E1E1; color: #363636; padding: 0.5em; border: 0px; text-align: center; font-size: 75%; }
TABLE.w TH.dark {background-color: #CCCCCC;}
TABLE.w TH.search {background-color: #E8E8E8;}
TABLE.w TR.tr1 TD, TABLE TR TD {background-color: transparent;}
TABLE.w TR.tr2 TD {background-color: #ADADAD;}
TABLE.w TR.tr3 TD {background-color: #E1E1E1;}
TABLE.w TD P { text-align: left !important; margin: 0px 0px 0px 0px !important; }
TABLE.w .tl { text-align: left !important; vertical-align: top !important; }
TABLE.w .tr { text-align: right !important; vertical-align: top !important; }
.tsm { font-size: 75% !important; }
.tmid { font-size: 85% !important; }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #FFFFCC;
}

.thsearch {
  background-color: white; border: 1px solid #949494 !important; width: 100%; border-radius: 3px;
}

.butsmall {
  font-size: 10px;
  position: relative;
  top: 2px;
}

.pagination {
  float: right;
  margin-top: 0;
}



TABLE.bily { border: 0px; font-size: 100%; background-color: #ffffff; border: 0px solid #ffffff; width: 100%; margin-bottom: 15px; }
.bily a { color: #6674aa; display: block; margin-top: 0px; text-decoration: underline; }


.tip { padding-right: 8px; }

.w input { height: 22px; padding: 3px; border: 1px solid #e2e2e2; }
.w select { height: 22px; padding: 3px; border: 1px solid #E2E2E2; }
.w input.active { height: 22px; padding: 3px; border: 1px solid #008000 !important; background-color: #CDEEDC; }
.w select.active { height: 22px; padding: 3px; border: 1px solid #008000 !important; background-color: #CDEEDC; }

#sbi { width: 43px; }
#sbif { width: 159px; }
#sbb { height: 24px; background-image: url("../img/back-btnkoupit.png"); color: #FFFFFF; text-transform: uppercase; font-size: 10px; }
#sbb:hover { background-color: #D3D3D3;  }
#sbch { margin: 0px 4px 0px 0px; position: relative; top: 3px; border: 0px; }

.butz { float: none; width: 45px !important; position: relative; height: 18px; margin: 0px 0px 00px 0px; border: 0px; font-size: 10px; padding-top: 1px; padding-bottom: 1px; font-weight: normal; color: #FFFFFF !important; background-color: #898989; }
.butz { _background-color: expression(this.onmouseover = new Function("this.className += ' hover';"),this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")); }
.butz:hover, .butz.hover { background-color: #A0A0A0; color: #FFFFFF !important; cursor: pointer }
/* formular vyber sbirky sloupec konec */

TABLE.anotace { border: 0px; font-size: 100%; background-color: #f3f3f3; border-top: 1px solid #6A6A78; width: 100%; margin: 4px 0px; }
TABLE.anotace TD, TABLE.anotace TH {padding: 0.3em 0.3em; border: 0px; }
TABLE.anotace TD { border-bottom: 1px solid #6A6A78; border-right: 1px solid #6A6A78; }
TABLE.anotace TD STRONG { }
TABLE.anotace SELECT { padding: 3px; }
TABLE.anotace TH {background-color: #6A6A78; color: #fff; padding: 0.5em; border: 0px; text-align: left; font-size: 100%; border-right: 1px solid #6A6A78; }
TABLE.anotace TH.dark {background-color: #CCCCCC;}
TABLE.anotace TR { border-left: 1px solid #6A6A78; }
TABLE.anotace TR.tr1 TD {background-color: transparent; vertical-align: top; padding: 0px 5px 0px 0px; }
TABLE.anotace TR.tr2 TD {background-color: #ADADAD;}
TABLE.anotace TR.tr3 TD {background-color: #E1E1E1;}
TABLE.anotace TD P, TABLE.anotace TH P { text-align: left !important; margin: 0px 0px 0px 0px !important; }
TABLE.anotace TD { width: 5%; }
TABLE.anotace TD.celltema { width: 20%; }
TABLE.anotace TD.active { background-color: #90002C; }
TABLE.anotace TD.active a.buta { color: #90002C; background-color: #90002C !important; width: 100%; display: block; }
TABLE.anotace TD.active a.buta:hover { color: #FFF; background-color: #FFF !important; width: 100%; }



TABLE.ucet { border: 0px; font-size: 90%; border-top: 0px solid #acbcd3; width: 100%; margin: 0px 0px; }
TABLE.ucet TD, TABLE.ucet TH {padding: 0.3em 0.3em; border: 0px; }
TABLE.ucet TD { border-bottom: 1px solid #acbcd3; border-right: 0px solid #acbcd3; }
TABLE.ucet TD STRONG { }
TABLE.ucet SELECT { padding: 3px; }
TABLE.ucet TH {background-color: #F3F3F3; padding: 0.5em; border: 0px; text-align: left; font-size: 80%; border-right: 1px solid #acbcd3; }
TABLE.ucet TH.dark {background-color: #CCCCCC;}
TABLE.ucet TR { border-left: 0px solid #acbcd3; }
TABLE TR TD {background-color: transparent; padding: 0px 5px 0px 0px; }
TABLE.ucet TR.trb TD { vertical-align: middle; line-height: 110%; }
TABLE.ucet TR.tr1 TD {background-color: #E1E1E1;}
TABLE.ucet TR.tr1h TD { background-color: #C9C9C9; border: 0px; text-align: center; vertical-align: middle; line-height: 15px; }
TABLE.ucet TR.trh TD { border: 0px; }
TABLE.ucet TR.tr2 TD {background-color: transparent;}
TABLE.ucet TR.tr2n TD {background-color: #eaeaea; border: 0px;}
TABLE.ucet TR.tr3 TD {background-color: #F5F5F5;}
TABLE.ucet TR.tr4 TD {}
TABLE.ucet TD P, TABLE.ucet TH P { text-align: left !important; margin: 0px 0px 0px 0px !important; }
TABLE.ucet TD.active { background-color: #C9C9C9; text-align: center; vertical-align: middle !important; width: 100px; }
TABLE.ucet TD.active a.buta { color: #90002C; background-color: #90002C !important; width: 100%; display: block; }
TABLE.ucet TD.active a.buta:hover { color: #FFF; background-color: #FFF !important; width: 100%; }

.ucet.homep {
  margin-bottom: 20px;
}

.wrapper {
  max-height: 800px;
  overflow-y: auto;
  overflow-x: hidden;
}

.upout {
  width: 160px;
  height: 90px;
  border: 1px solid #555555;
  float: left;
  margin: 2px 10px 3px 0px;
  background-image: url(../img/clanek.png);
  background-size: 100%;
  overflow: hidden;

}

.upout img {
  border: 0px;
  vertical-align: middle;
}

.headimg {
  max-height: 580px;
  overflow: hidden;
}


.filtrinp1 {
    background-color: #ffffff;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    width: 120px;
    height: 24px;
    padding: 2px;
}

.filtrinp2 {
    background-color: #ffffff;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    width: 100px;
    height: 24px;
    padding: 2px;
}


.filtrbut {
    height: 24px;
    margin-top: 0;
    cursor: pointer;
    padding: 0px 3px 2px 3px;
    border: 1px solid #e2e2e2;
}

.filtrbut:hover {
    background-color: #C5C5C5;
}

hr { border-color: #333399 !important; margin: 0px; }

.center { text-align: center; padding-top: 0; }

.img-responsive {
    border-bottom: 20px solid #FFFFFF;
    width: 100%;
  }

.sekcetoppata {
    margin: 0 0;
    padding: 0 20px 0px;
}
.container-menumax-kurzy {
  background-color: #384BA3;
  color: #FFFFFF;
  margin-top: -52px;
  margin-bottom: 20px;
  padding: 5px 0;
  line-height: 105%;
}
.container-menumax-kurzy a {
  color: #FFFFFF;
}


.container-menumax-zona h2 {
  display: inline-block;
  float: left;
}

.boxvstup {
  float: right;
  height: 21px !important;
  padding-right: 4px !important;
}

.boxvstup div, .boxvstup img {
  top: 0px !important;
}


.opvk { border-top: 1px dotted silver !important; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; }
.opf { padding: 15px 0px 13px 15px; }

.hlogo { display: block; width: 500px; float: left; }
.hlogin { display: block; width: 260px; float: right; text-align: right; padding: 30px 40px 20px 0px;  }
.prihlaseni { display: inline-block; margin: 0px 20px 0px 0px; font-size: 14px; }
.prihlaseni a { text-decoration: underline; color: #333333; }
.prihlaseni a:hover { color: #cc0000; }

.hsearch { display: block; width: 400px; float: right; text-align: left; padding: 0px 25px 0px 0px;  }
.hsearch form { margin: 0px !important; padding: 0px !important; }
.hsearch input {
 width: 203px;
 height: 28px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px;
 margin: 0px 0px 0px 0px;
 border-radius: 0px;
 font-size: 14px;
   }
.hsearch .btn-search {
 background-color: transparent;
 background-image: url(../img/back-btnsearch.png); background-repeat: no-repeat; background-position: left center;
 width: 45px;
 height: 28px;
 border: 0px;
 padding: 0px;
 margin: 0px -15px 0px 0px;
 border-radius: 0px;
 color: transparent;
   }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333333 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333333 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333333 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333333 !important;
}

.napiste ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFFFFF !important;
}
.napiste :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFFFFF !important;
   opacity:  1;
}
.napiste ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFFFFF !important;
   opacity:  1;
}
.napiste :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFFFFF !important;
}

.poptavka {
 padding-top: 5px;
   }
.poptavka input {
 width: 203px;
 height: 28px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px;
 margin: 5px 0px 10px 15px;
 border-radius: 0px;
 font-size: 14px;
   }
.poptavka textarea {
 width: 560px;
 height: 141px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px;
 margin: 5px 10px 10px 0px;
 border-radius: 0px;
 color:  #555555;
 font-size: 14px;
 float: left;
   }

.poptavka button {
 width: 100px;
 height: 141px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px 27px 5px;
 margin: 5px 0px 10px 10px;
 border-radius: 0px;
 font-size: 14px;
 float: left;
 background-color: #EAEAEA;
 background-image: url(../img/back-btnform.png); background-repeat: no-repeat;
   }

td textarea {
 border: 1px solid #CFCFCF !important;
 padding: 2px 5px;
 margin: 5px 0px 10px 0px;
 border-radius: 0px !important;
 color:  #555555;
 font-size: 14px;
 float: left;
   }

.dotaz {
 padding-top: 5px;
   }
.dotaz input {
 width: 203px;
 height: 28px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px;
 margin: 5px 0px 10px 15px;
 border-radius: 0px;
 font-size: 14px;
   }
.dotaz textarea {
 width: 415px;
 height: 141px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px;
 margin: 5px 0px 10px 33px;
 border-radius: 0px;
 font-size: 14px;
 float: left;
   }

.dotaz button {
 width: 100px;
 height: 141px;
 border: 1px solid #CFCFCF;
 padding: 2px 5px 27px 5px;
 margin: 5px 0px 10px 10px;
 border-radius: 0px;
 font-size: 14px;
 float: left;
 background-color: #EAEAEA;
 background-image: url(../img/back-btnform.png); background-repeat: no-repeat;
   }

.odkazh { display: inline-block; font-size: 13px; padding: 26px 20px 5px 28px; background-image: url(../img/back-hlista.png); background-position: left; background-repeat: no-repeat; }
.odkazha { display: inline-block; font-size: 13px; padding: 26px 20px 5px 28px; background-image: url(../img/back-hlistae.png); background-position: left; background-repeat: no-repeat; color: #D83523 }
.odkazh a { color: #333333; }
.odkazh a:hover { color: #cc0000; }


.plovouci { position: absolute; display: block; width: 300px; height: 65px; padding: 5px; top: -95px; background-color: #FFFFFF; opacity:0.75; line-height: 14px; }
.plovouci h1 { font-size: 14px; margin: 0px; }
.plovouci span { font-size: 12px; }

.modry { background-color: #333399; color: #FFFFFF; font-weight: normal; padding: 8px 31px; }
.modry p { margin: 0px; }

a.btn { color: #FFFFFF !important; }

.db {
 width: 125px;
 height: 45px;
 border: 1px solid #CFCFCF;
 padding: 0px 0px 0px 20px;
 margin: 5px 0px 10px 0px;
 border-radius: 0px;
 font-size: 14px;
 background-color: #EAEAEA;
 background-image: url(../img/back-btnform2.png); background-repeat: no-repeat;
   }

.txtff {
    border: 1px solid #9EBCD3;
    border-radius: 5px;
    font-size: 14px;
    height: 40px;
    margin: 5px 0 0px 0px;
    padding: 5px 10px;
    max-width: 400px;
    width: 100%;
}

.txtffa {
    border: 1px solid #9EBCD3;
    border-radius: 5px;
    font-size: 14px;
    margin: 5px 0 0px 0px;
    padding: 10px 10px;
    max-width: 600px;
    width: 100%;
}

.txtff:focus, .txtffa:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.poznfor { font-size: 90%; }
.poznforn { font-size: 90%; margin-left: 0px; color: #676767; margin: 10px 0 15px 0; }
.forum { padding-top: 20px; padding-bottom: 20px;  }
.forum ul, .forumrodic ul { padding: 0px 0px 0px 0px; list-style-type: none; font-weight: normal; margin-left: -13px; }
.forum ul ul { margin-top: 8px; }
.forum li { display: block; padding: 0px 0px 0px 8px; margin-bottom: 0px;  }
.forumhlavicka { border-bottom: 1px solid #eee; padding: 5px; }
.forumnadpis { font-weight: bold; font-size: 120%; }
ul ul .forumnadpis { font-weight: normal; font-size: 100%; }
.forumautor { display: block; clear: both; font-size: 90%;}
.forumobsah { display: block; padding: 5px 5px 2px 5px; font-size: 100%; border-left: 0px solid #ffffff; }
.forumobsahn { display: block; padding: 5px 5px 2px 5px; font-size: 100%; border-left: 0px solid #ffffff; }
.forumreakce { display: block; padding: 0px 5px 7px 5px; text-align: right; font-size: 110%; font-weight: normal; font-style: italic; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}

.forumsub { margin-left: 15px; }

.forumrodic { max-width: 700px; width: 100%; height: 120px; overflow: auto; padding-top: 0px; padding-bottom: 0px; background-color: #EEEEEE; border: 1px solid #969696; margin-bottom: 20px;  }
.forumrodic .forumhlavicka { background-color: #EEEEEE; padding: 5px 5px 5px 15px; }
.forumrodic .forumnadpis { font-weight: normal; font-size: 100%; }
.forumrodic .forumobsah { display: block; padding: 5px 5px 5px 15px; font-size: 100%; border-left: 1px solid #CBD4E0; }

.razeni { margin: 3px; font-size: 100%; }
.trid { margin: 3px 3px 0px 0px; position: relative; top: 1px; border: none; background-color: #FFFFFF; }

.forumform { margin-top: 15px; }
.forumform p { margin: 2px 0px 2px 0px; }
.forumform textarea { width: 595px; height: 130px; font-family: Arial,sans-serif; color: #000000; text-align: left; padding: 5px; font-size: 100%; line-height: 140%; }


.plochavse { text-align: right; margin-top: 0px; width: 300px; float: right; }

.boxchyba { border: 1px solid #FFCCCC; background-color: #FFCCCC; padding: 5px 10px 5px 10px; margin: 30px 10px 20px 0px; border-radius: 5px; }
.boxok { border: 1px solid #EEEEEE; background-color: #EEEEEE; padding: 5px 10px 5px 10px; margin: 30px 10px 20px 0px; border-radius: 5px; }
.er { background-color: #FFCCCC; border: 1px solid #CC0000; }

.sekcemenu {
    margin: 18px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
   }


.boxt { display: inline-block; text-align: center; margin-left: -3px; margin-right: 10px; height: 48px; padding: 0px 4px; }
.boxt img { display: inline-block; border: 1px solid #454545; margin: 2px 2px; position: relative; top: -5px; background-color: #FFFFFF !important; }
.boxt div { display: inline-block; margin: 0px 5px; position: relative; top: 4px;  }
img.imgtest { max-width: 650px; margin: 5px 0px; }

.boxakce { margin: 0px 0px 30px 0px; }

.boxm { display: inline-block; text-align: center; margin-right: 10px; height: 48px; padding: 0px 4px; }
.boxm img { display: inline-block; border: 1px solid #454545; margin: 2px 2px; position: relative; top: 10px; background-color: #FFFFFF !important; }
.boxm div { display: inline-block; margin: 0px 5px; position: relative; top: 11px;  }

.boxm2 { display: inline-block; text-align: left; height: 48px; padding: 0 65px 0 0; color: #396394; font-size: 15pt;  }

.boxdoporuc {
 position: relative;
 top: -48px;
 left: 170px;
}

.koment {
 position: relative;
 border-bottom: 1px solid #E1E2E2;
 margin: 0px;
 color: #333333;
 font-size: 47pt;
}

.pocetkom {
 color: #6782A2;
 font-size: 13pt;
 font-style: italic;
 display: inline-block;
 position: relative;
 top: -35px;
 height: 0px;
 margin: 0px;
 float: right;
}

#forumformnh {
 position: relative;
 top: 5px;
}

#forumformn {
 position: relative;
 top: 15px;
}

input[type=checkbox] {
visibility: hidden;
}
/* SQUARED ONE */
.squaredSipka {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipka label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rub.png); background-position: top;
}
.squaredSipka label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipka label:hover::after {
}
.squaredSipka input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.squaredSipkaS {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkaS label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
background-image: url(../img/back-rub.png); background-position: top;
}
.squaredSipkaS label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #f5f5f5;
background-image: url(../img/back-rub2.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkaS label:hover::after {
}
.squaredSipkaS input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.squaredCerny {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredCerny label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #343434;
background-color: #FFFFFF;
}
.squaredCerny label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 16px;
height: 16px;
background: #000000;
top: 1px;
left: 1px;
}
.squaredCerny label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=80);
opacity: 0.3;
}
.squaredCerny input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.squaredCerveny {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredCerveny label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #343434;
background-color: #FFFFFF;
}
.squaredCerveny label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 16px;
height: 16px;
background: #FF0000;
top: 1px;
left: 1px;
}
.squaredCerveny label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=80);
opacity: 0.3;
}
.squaredCerveny input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.odsad { padding-left: 30px; }
.clanek { width: 970px; }

.cervene { color: #CC0000; }
.prehlc { font-size: 140%; line-height: 1em; }
.prehlc-sipka { text-align: right; position: relative; top: -5px; }
.prehlcm { font-size: 14px; }
.inform { font-size: 13pt; padding: 0; color: #BC8B84; font-style: italic; margin: 18px 0 5px 0; }
.panel .inform { font-size: 11px; padding: 2px 0 0 0; color: #898994; }



.prob { width: 30px; }
.prob img { border: 1px solid #757575; }

.sekcetop a {
  text-decoration: none;
}

.topbox { border-top: 1px solid #333399; border-bottom: 1px solid #333399; border-left: 1px solid #333399; height: 176px; position: relative; top: -20px; }
.topbox-vert { }
.topbox-visible { border-right: 1px solid #333399; width: 100%; height: 174px; text-align: center; padding: 0 10px; }
.topbox-visible img { margin: 15px 0 25px 0; }
.topbox-hidden { width: 170px; height: 0px; font-size: 13px; text-align: left; opacity: 0.85; margin-top: 0px; overflow: hidden; color: #384BA3; }
.topbox-hidden span { margin: 4px 8px; display: block; }

.tph0 { background-color: #FFFFFF; }
.tph1 { background-color: #FFFFFF; }
.tph2 { background-color: #FFFFFF; }
.tph3 { background-color: #FFFFFF; }
.tph4 { background-color: #FFFFFF; }

.extlink { top: -2px; position: relative; margin-left: 5px; opacity: 0.4; }

/*mobil*/
@media (max-width: 800px) {

#topfmenu {
  min-height: 46px !important;
  height: 46px !important;
}

.tiraz-heslo {
  display: none;
}

.tiraz-text, {
  font-size: 15pt;
  margin: 5px 0 0 0;
  text-transform: lowercase;
  text-align: center;
  color: #5C5C5C;
}


.tiraz-text {
  font-size: 10pt;
}

.container-menumax div.column {
  height: 100px !important;
}

.container-rub {
  display: none;
}

.carousel-inner .item div {
  background-size: cover !important;
  height: 130px !important;
}

.carousel-indicators {
  display: none;
}

.prehlc-sipka {
    position: relative;
    top: 0px;
    display: block;
    padding: 0 15px 10px 0 !important;
}

.hp-box-4, .hp-box-5, .hp-i-box3, .col-kalendar, .box-k-2, .img-myjsme-1, .container-menumax-kontakt, .container-menumax-pata, .box-kursy {
  display: none;
}

.box-kursy {
  padding: 15px 15px !important;
}

.box-k-0 {
  width: 30% !important;
  padding-left: 0 !important;
}

.box-k-0 span {
  font-size: 15pt !important;
}

.box-k-1 {
  width: 35% !important;
}

.box-k-1 div span {
  margin: 0 !important;
}

.pro-img {
  display: block;
  width: 50%;
  float: left;
}

.pro-but {
  display: block;
  width: 50%;
  float: right;
  padding-top: 50px;
}

.pro-form-1, .pro-form-2 {
  margin-left: 40px;
}

.text-clen {
  float: left;
  text-align: left;
  width: 60%;
  position: relative;
  top: -40px;
}

.pro-form-n, .pro-adresa {
  margin-left: 10px;
}

.con-rubhlava {
  padding: 15px;
}

.con-rubhlava h1 {
  color: #FFFFFF;
  font-size: 30pt !important;
  font-weight: bold;
  margin: -8px 0 15px 0;
}

.con-rubhlava img {
  float: left;
  position: relative;
  top: 10px;
  margin-bottom: 60px;
}

.con-rubhlava p {
  color: #FFFFFF;
  font-size: 14pt !important;
  font-weight: normal;
  line-height: 17pt !important;
  margin: 0 0 0 0;
}

.con-rubrika {
  margin-bottom: 30px !important;
}

.clanek {
  width: auto !important;
}


}

/* helpdesk */
.ucet a {
  border: 0;
}

TABLE.ucet { border: 0px; font-size: 90%; background-color: #FFFFFF; border-top: 0px solid #6A6A78; width: 100%; margin: 0px 0px; }
TABLE.ucet TD, TABLE.ucet TH {padding: 0.3em 0.3em; border: 0px; }
TABLE.ucet TD { border-bottom: 1px solid #969696; border-right: 0px solid #969696; }
TABLE.ucet TD STRONG { }
TABLE.ucet SELECT { padding: 3px; }
TABLE.ucet TH {background-color: #F3F3F3; padding: 0.5em; border: 0px; text-align: left; font-size: 80%; border-right: 1px solid #6A6A78; }
TABLE.ucet TH.dark {background-color: #CCCCCC;}
TABLE.ucet TR { border-left: 0px solid #6A6A78; }
TABLE TR TD {background-color: transparent; padding: 0px 5px 0px 0px; }
TABLE.ucet TR.trb TD { vertical-align: middle; line-height: 110%; }
TABLE.ucet TR.tr1 TD {background-color: #E1E1E1;}
TABLE.ucet TR.tr1h TD { background-color: #C9C9C9; border: 0px; text-align: center; vertical-align: middle; line-height: 15px; }
TABLE.ucet TR.trh TD { border: 0px; }
TABLE.ucet TR.tr2 TD {background-color: #eaeaea;}
TABLE.ucet TR.tr2n TD {background-color: #eaeaea; border: 0px;}
TABLE.ucet TR.tr3 TD {background-color: #F5F5F5;}
TABLE.ucet TR.tr4 TD {background-color: #fff;}
TABLE.ucet TD P, TABLE.ucet TH P { text-align: left !important; margin: 0px 0px 0px 0px !important; }
TABLE.ucet TD.active { background-color: #C9C9C9; text-align: center; vertical-align: middle !important; width: 100px; }

/* SQUARED ONE */
.squaredSipka {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipka label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rub.png); background-position: top;
}
.squaredSipka label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipka label:hover::after {
}
.squaredSipka input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

/* SQUARED ONE */
.squaredSipkacervena {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkacervena label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rubc.png); background-position: top;
}
.squaredSipkacervena label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2c.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkacervena label:hover::after {
}
.squaredSipkacervena input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}


/* SQUARED ONE */
.squaredSipkafialova {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkafialova label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rubf.png); background-position: top;
}
.squaredSipkafialova label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2f.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkafialova label:hover::after {
}
.squaredSipkafialova input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}


/* SQUARED ONE */
.squaredSipkaSub {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkaSub label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rubs.png); background-position: top;
}
.squaredSipkaSub label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2s.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkaSub label:hover::after {
}
.squaredSipkaSub input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

/* SQUARED ONE */
.squaredSipkacervenaSub {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkacervenaSub label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rubcs.png); background-position: top;
}
.squaredSipkacervenaSub label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2cs.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkacervenaSub label:hover::after {
}
.squaredSipkacervenaSub input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}


/* SQUARED ONE */
.squaredSipkafialovaSub {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkafialovaSub label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(../img/back-rubfs.png); background-position: top;
}
.squaredSipkafialovaSub label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #FFFFFF;
background-image: url(../img/back-rub2fs.png); background-position: top;
top: 1px;
left: -2px;
}
.squaredSipkafialovaSub label:hover::after {
}
.squaredSipkafialovaSub input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}



.squaredSipkaS {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredSipkaS label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
background-image: url(../img/back-rub.png); background-position: top;
}


.squaredSipkaS label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #f5f5f5;
background-image: url(../img/back-rub2.png); background-position: top;
top: 1px;
left: -2px;
}


.squaredSipkaS label:hover::after {
}
.squaredSipkaS input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.squaredCerny {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredCerny label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #343434;
background-color: #FFFFFF;
}
.squaredCerny label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 16px;
height: 16px;
background: #000000;
top: 1px;
left: 1px;
}
.squaredCerny label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=80);
opacity: 0.3;
}
.squaredCerny input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.squaredCerveny {
width: 28px;
height: 28px;
display: inline-block;
position: relative;
}
.squaredCerveny label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
left: 4px;
top: 4px;
border: 1px solid #343434;
background-color: #FFFFFF;
}
.squaredCerveny label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 16px;
height: 16px;
background: #FF0000;
top: 1px;
left: 1px;
}
.squaredCerveny label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=80);
opacity: 0.3;
}
.squaredCerveny input[type=checkbox]:checked + label:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

TABLE.ucet { border: 0px; font-size: 90%; background-color: #FFFFFF; border-top: 0px solid #6A6A78; width: 100%; margin: 0px 0px; }
TABLE.ucet TD, TABLE.ucet TH {padding: 0.3em 0.3em; border: 0px; }
TABLE.ucet TD { border-bottom: 1px solid #969696; border-right: 0px solid #969696; }
TABLE.ucet TD STRONG { }
TABLE.ucet SELECT { padding: 3px; }
TABLE.ucet TH {background-color: #F3F3F3; padding: 0.5em; border: 0px; text-align: left; font-size: 80%; border-right: 1px solid #6A6A78; }
TABLE.ucet TH.dark {background-color: #CCCCCC;}
TABLE.ucet TR { border-left: 0px solid #6A6A78; }
TABLE TR TD {background-color: transparent; padding: 0px 5px 0px 0px; }
TABLE.ucet TR.trb TD { vertical-align: middle; line-height: 110%; }
TABLE.ucet TR.tr1 TD {background-color: #E1E1E1;}
TABLE.ucet TR.tr1h TD { background-color: #C9C9C9; border: 0px; text-align: center; vertical-align: middle; line-height: 15px; }
TABLE.ucet TR.trh TD { border: 0px; }
TABLE.ucet TR.tr2 TD {background-color: #eaeaea;}
TABLE.ucet TR.tr2n TD {background-color: #eaeaea; border: 0px;}
TABLE.ucet TR.tr3 TD {background-color: #F5F5F5;}
TABLE.ucet TR.tr4 TD {background-color: #fff;}
TABLE.ucet TD P, TABLE.ucet TH P { text-align: left !important; margin: 0px 0px 0px 0px !important; }
TABLE.ucet TD.active { background-color: #C9C9C9; text-align: center; vertical-align: middle !important; width: 100px; }
TABLE.ucet TD.active a.buta { color: #90002C; background-color: #90002C !important; width: 100%; display: block; }
TABLE.ucet TD.active a.buta:hover { color: #FFF; background-color: #FFF !important; width: 100%; }

/* helpdesk konec */

table.dataTable {
  margin-top: 0px !important;
}

#topmenu {
  position: relative;
  height: 85px;
  display: table-header-group;
}

@media all and (max-width:1000px){

.container {
  width: 100%;
}

.brand {
  /*display: none;*/
}

.container-blackmax .col-md-2 {
  width: 15%;
  float: left;
}

.container-blackmax .col-md-10 {
  width: 85%;
  float: left;
}


.navigace li a {
  font-size: 14px;
  line-height: 37px;
  font-weight: normal;
  padding: 9px 20px 8px 0px;
  margin-top: 0px;
  color: #FFFFFF !important;
}

.box-info {
  margin: 5px 0px 20px 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 5px;
  padding-top: 0 !important;
}

.clanek {
  width: 970px;
  padding-left: 20px;
}

.boxm2 {
  display: inline-block;
  text-align: left;
  height: 48px;
  padding: 0 65px 0 0;
  color: #396394;
  font-size: 15pt;
  margin-left: 15px;
}

TABLE.w TD {
  font-size: 12px;
  vertical-align: top;
  width: 10%;
  height: 35px;
}

.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

}

@media all and (max-width:880px){

.container {
  width: 100%;
}

.brand img {
  /*display: none;*/
  max-height: 23px !important;
  margin-top: 5px !important;
}

.container-blackmax .col-md-2 {
  width: 12%;
  float: left;
}

.container-blackmax .col-md-10 {
  float: left;
  width: 88%;
}


.navigace li a {
  font-size: 12px;
  line-height: 37px;
  font-weight: normal;
  padding: 9px 10px 8px 0px;
  margin-top: 0px;
  color: #FFFFFF !important;
}

}

@media all and (max-width:710px){


.brand img {
  /*display: none;*/
  max-height: 23px !important;
  margin-top: 5px !important;
}

.container-blackmax .col-md-2 {
  width: 15%;
  float: left;
}

.container-blackmax .col-md-10 {
  width: 85%;
}

.navigace li:last-child a {
  display: none;
}

}

@media all and (max-width:630px){


.brand img {
  /*display: none;*/
  max-height: 23px !important;
  margin-top: 5px !important;
}

.container-blackmax .col-md-2 {
  width: 15%;
  float: left;
}

.container-blackmax .col-md-10 {
  display: none;
}

}
