/*
Styly pro textové kapitoly a textovou část AD
*/

/*
Vše musí být pod div#content div.text !!!!!!
*/

div#content div.text{
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 line-height: 1.45em;
 max-width: 1050px;
}

@media all and (min-width: 1790px){
 div#content div.text{
  max-width: none;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
 }
 div#content div.text.hel{
  max-width: 1050px;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: normal;
  -webkit-column-gap: normal;
  column-gap: normal;
 }
 div#content div.text.aerodrome{
  clear: both;
  padding-top: 30px;
 }
}

div#content div.text a{
 color: #015BC1;
 text-decoration: underline;
}
div#content div.text a:hover{
 color: #339966;
}

div#content div.text h2{
 display: block;
 line-height: 1.3em;
 margin: 0px;
 margin-left: 40px;
 padding: 0px;
 padding-bottom: 7px;
 margin-bottom: 10px;
 font-size: 28px;
 font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
 font-weight: bold;
 border-bottom: 5px solid #cccccc;
 position: relative;
 -moz-column-span: 2;
 -webkit-column-span: 2;
 column-span: 2;
}

div#content div.text.ad h2{
 margin-left: 0px;
}

div#content div.text p{
 margin: 0px;
 margin-left: 35px;
 padding: 5px;
 padding-top: 7px;
 padding-bottom: 7px;
 position: relative;
 text-align: justify;
}

div#content div.text p.left{
  margin-left: 35px;
  text-align: left;
 }

div#content div.text p.level-1{
 margin-left: 0px;
 text-align: left;
}
div#content div.text ul.level-1{
 margin-left: 25px;
}
div#content div.text ul p.level-1{
 margin-left: 0px;
}
div#content div.text p.level-2{
 margin-left: 25px;
}
div#content div.text ul p.level-2{
 margin-left: 25px;
}
div#content div.text p.level-3{
 margin-left: 50px;
}
div#content div.text ul p.level-3{
 margin-left: 50px;
}
div#content div.text p.level-4{
 margin-left: 75px;
}
div#content div.text ul p.level-4{
 margin-left: 75px;
}

div#content div.text p.level1{
 margin-left: 35px;
}
div#content div.text ul p.level1, div#content div.text ol p.level1{
 margin-left: 25px;
}
div#content div.text p.level2{
 margin-left: 50px;
}
div#content div.text ul p.level2, div#content div.text ol p.level2{
 margin-left: 25px;
}
div#content div.text p.level3{
 margin-left: 65px;
}
div#content div.text ul p.level3, div#content div.text ol p.level3{
 margin-left: 25px;
}
div#content div.text p.level4{
 margin-left: 80px;
}
div#content div.text ul p.level4, div#content div.text ol p.level4{
 margin-left: 25px;
}

div#content div.text p.note{
 font-style: italic;
}

div#content div.text table p{
 margin-left: 0px;
 padding: 0px;
 padding-top: 2px;
 padding-bottom: 2px;
}



div#content div.text span.number{
 display: block;
 text-align: right;
 position: absolute;
 left: -35px;
 font-weight: bold;
}
div#content div.text .level2 span.number{
 left: -50px;
}
div#content div.text .level3 span.number{
 left: -65px;
}
div#content div.text .level4 span.number{
 left: -80px;
}

div#content div.text h2 span.number{
 left: -40px;
}

div#content div.text ul, div#content div.text ol{
 display: block;
 margin: 0px;
 margin-left: 20px;
 padding: 0px;
}
div#content div.text ul li, div#content div.text ol li{
 margin: 0px;
 padding: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
}
div#content div.text ul li{
 list-style-type: disc;
}
div#content div.text ul.level1, div#content div.text  ol.level1{
 margin-left: 60px;
}
div#content div.text ol ul.level1, div#content div.text  ol ol.level1, div#content div.text ul ul.level1, div#content div.text  ul ol.level1{
 margin-left: 15px;
}
div#content div.text ul.level2, div#content div.text  ol.level2{
 margin-left: 75px;
}
div#content div.text ol ul.level2, div#content div.text  ol ol.level2, div#content div.text ul ul.level2, div#content div.text  ul ol.level2{
 margin-left: 15px;
}
div#content div.text ul.level3, div#content div.text  ol.level3{
 margin-left: 90px;
}
div#content div.text ol ul.level3, div#content div.text  ol ol.level3, div#content div.text ul ul.level3, div#content div.text  ul ol.level3{
 margin-left: 15px;
}
div#content div.text ul.level4, div#content div.text  ol.level4{
 margin-left: 105px;
}
div#content div.text ol ul.level4, div#content div.text  ol ol.level4, div#content div.text ul ul.level4, div#content div.text  ul ol.level4{
 margin-left: 15px;
}


div#content div.text table{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-collapse: collapse;
 column-count: 2;
}

div#content div.text table.charges{
 margin-left: 30px;
 min-width: 300px;
}

div#content div.text table tr{
 transition: 0.3s background ease-out;
 /*
 column-break-before: always;
 break-before: always;
 -webkit-column-break-before: always;
 */
 
}

div#content div.text table tr.ats{
  background: #eeeeee;
}
div#content div.text table tr.searchResult, div#content div.text table tr.ats.searchResult{
  background: #A7E6F9;
}

div#content div.text table th, div#content div.text table td{
 border: 1px solid #000000;
 padding: 4px;
 padding-left: 6px;
 padding-right: 6px;
 text-align: left;
 vertical-align: top;
}
div#content div.text table th, div#content div.text table thead td{
 background: #FFF882;
 font-weight: bold;
}

div#content div.text img{
 max-width: 100%;
}

div#content div.text img.icon{
 height: 14px;
 margin: 0px;
 padding: 0px;
 border: none;
 position: relative;
 top: 2px;
}

div#content div.text sup{
 font-size: 65%;
 position: relative;
 top: -2px;
}

/*
SUP
*/

div#content div.text div#sup-header{
 display: block;
 background: #FFFABC;
 border: 2px solid #555555;
 border-radius: 5px;
 margin: 0px;
 margin-left: -10px;
 padding: 0px;
 margin-bottom: 15px;
}
div#content div.text div#sup-header .sup-id{
 background: #fff500;
 font-size: 28px;
 font-weight: bold;
 padding: 10px;
 border-bottom: 2px solid #555555;
 border-radius: 4px 4px 0px 0px;
}
div#content div.text div#sup-header .pub-date{
 font-size: 14px;
 border-bottom: 1px solid #555555;
 padding: 2px;
 padding-bottom: 1px;
 margin: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}
div#content div.text div#sup-header .sup-title{
 background: #fff500;
 border-top: 2px solid #555555;
 font-weight: bold;
 font-size: 22px;
 padding: 10px;
  border-radius: 0px 0px 4px 4px;
}
div#content div.text div#sup-header .valid-from, div#content div.text div#sup-header .valid-till{
 font-size: 16px;
 font-weight: bold;
 border-bottom: 1px solid #555555;
 padding: 2px;
 padding-bottom: 1px;
 margin: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}
div#content div.text div#sup-header .valid-from{
 padding-top: 10px;
 border-bottom: none;
}
div#content div.text div#sup-header .valid-till{
 padding-bottom: 10px;
}

div#content div.text div#sup-header .affected{
 border-bottom: 1px solid #555555;
 font-size: 12px;
 padding: 2px;
 padding-top: 6px;
 padding-bottom: 5px;
 margin: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}

div#content div.text div#sup-header .cancelled-pub, div#content div.text div#sup-header .cancelled-notam{
 font-size: 12px;
 padding: 2px;
 padding-bottom: 1px;
 margin: 10px;
 margin-top: 0px;
 margin-bottom: 0px;
}
div#content div.text div#sup-header .cancelled-notam{
 padding-bottom: 5px;
}
@media all and (max-width: 760px){
 div#content div.text.ad{
  padding-top: 0px;
  position: relative;
  top: -70px;
 }
}
@media all and (max-width: 560px){
 div#content div.text p, div#content div.text h2{
  margin-left: 0px;
 }
 div#content div.text p.level1{
  margin-left: 0px;
 }
 div#content div.text p.level2{
  margin-left: 10px;
 }
 div#content div.text p.level3{
  margin-left: 20px;
 }
 div#content div.text p.level4{
  margin-left: 30px;
 }
 div#content div.text p span.number{
  position: static;
  left: auto;
  text-align: left;
 }
 div#content div.text h2 span.number{
  display: inline;
  position: static;
  left: auto;
  margin-right: 7px;
 }
}