/* ----------------------------- responsive.css ------------------------------------*/

/* ******************** leve a prave pozadi *************************** */
@media only screen and (min-width:2101px)
{
    #image_fixed-left {width:454px; height:1090px; position:fixed; top:0; right:auto; left:13.6em; background:url('img/bgl_oa2.jpg'); background-repeat:no-repeat; background-position:left; z-index:-999;}
    #image_fixed-right {width:454px; height:1090px; position:fixed; top:0; right:13.6em; left:auto; background:url('img/bgr_oa2.jpg'); background-repeat:no-repeat; background-position:right; z-index:-9999;}
    table#page_center_bloky {margin-left:2.81em;}
}

@media only screen and (min-width:1200px) and (max-width: 2100px)
{
    #image_fixed-left {width:454px; height:1090px; position:fixed; top:0; right:auto; left:0em; background:url('img/bgl_oa2.jpg'); background-repeat:no-repeat; background-position:left; z-index:-999;}
    #image_fixed-right {width:454px; height:1090px; position:fixed; top:0; right:0em; left:auto; background:url('img/bgr_oa2.jpg'); background-repeat:no-repeat; background-position:right; z-index:-9999;}
    table#page_center_bloky {margin-left:2.5em;}
}

/* ************************  MIN SIRKA = 1050px, MAX SIRKA = 1199px  ************************** */
@media only screen and (min-width: 1050px) and (max-width: 1199px) {
    .toggle_menu, .toggle_menu_form {display:none;}
    .switch {position:relative; display:inline-block; width:60px; height: 34px;}
    .switch input {opacity:0; width:0; height:0;}
    .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
    .slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
    input:checked + .slider {background-color: #2196F3;}
    input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
    input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
    /* Rounded sliders */
    .slider.round {border-radius: 34px;}
    .slider.round:before {border-radius: 50%;}    
    .address_text {width:100%; float:left; font-size:26px; color:#ffffff; padding:0 0.6em; margin:0;}
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #top {width:1050px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:170px; width:auto; margin:0 auto; background-color:#fff; background:url("img/body_bg_oa1050.png") top left no-repeat; position:relative;}
    .lide_nadpis, .lide_nadpis-2 {font-size:2.3em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px;}    
    #advert {width:200px;}
    .zpet_kruh {width:1em; height:1em; line-height:2.5em; background-color:#9d4200; color:#fff; clip-path:circle(40%); padding:0.4em;}
    .zpet_kruh:hover {background-color:#007bff; color:#fff;}
    #partner table {margin:20px auto; width:98%;}
    table#page_center_bloky {margin-left:0;}
    #title_text {position:absolute; left:745px; top:112px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size: 150%;}
    h2.hp_title {font-size:1.9em; text-align:center;}
    #image_fixed-left {width:454px; height:1090px; position:fixed; top:0; right:auto; left:auto; background:url('img/bgl_oa2.jpg'); background-repeat:no-repeat; background-position:left; z-index:-999;}
    #image_fixed-right {width:454px; height:1090px; position:fixed; top:0; right:0; left:auto; background:url('img/bgr_oa2.jpg'); background-repeat:no-repeat; background-position:right; z-index:-9999;}
}

/* ----------------------------- width from 992px to 1049px ----------------------------- */
@media only screen and (min-width: 992px) and (max-width: 1049px) 
{
    .toggle_menu, .toggle_menu_form {display:none;}
    #top {width:992px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:160px; width:auto; margin:0 auto; background:url("img/body_bg_oa991.png") top left no-repeat; position:relative;}
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .lide_nadpis, .lide_nadpis-2 {font-size:2.2em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px;}
    #hp_oblasti {font-size:85%;}
    #hp_oblasti_500 {font-size:92%; padding:0 1px; height:100%;}
    #hp_oblasti_500:hover {height:100%;}
    #advert {width:200px;}
    #partner table {margin:20px auto; width:98%;}
    #title_text {position:absolute; left:705px; top:102px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size: 150%;}
    .images_section_ukazky {width:95%; float:left; margin:0 0 0 25px;}
    #itemlist .block {width:18em; height:145px; margin:15px 25px;}
    #page_center_sm {display:block; margin:0 auto; vertical-align:top; text-align:left; padding:5px 12px; font-size:1em;}
    #page_center_text {display:block;}
    #page_center fieldset {padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; font-size:86%; border: 1px solid #A0A0A0;}
    fieldset#filter {padding:5px; width:98%; font-size:1em;}
    #page_center td {padding:5px;}
    table#page_center_bloky {margin-left:0;}
    table.filtr_kraj, table.filtr_kraj tr {font-size:1em; width:100%;}
    table.filtr_kraj td.lfk1 {line-height:40px; background:#DCDCDC; width:30%; padding:15px; padding-left:30px; border-right:1px solid #aaa;}
    .lfk1s {background:#00DCDC;}
    table.filtr_kraj td.rfk1 {background:#DCDCDC; padding:1.75em; line-height:40px;}
    .filtr_submit {padding:2px 8px; font-size:110%; font-weight:bold; width:80%;}
    #cookie-bar {width:auto; height:65px;}	
    #cookie-bar p {line-height:25px; font-size:1em;}    
}

/* ---------------------------- width from 768px to 991px ------------------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .toggle_menu, .toggle_menu_form {display:none;}
    #top {width:768px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:124px; width:auto; margin:0 auto; background:url("img/body_bg_oa767.png") top left no-repeat; position:relative;}
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    h1 a span {width:150px; height:18px; background:url(img/oa_link2a.png) top left no-repeat;}
   .ukazka-sl-12 {border:0; width:230px;}
   .ukazka-sl-34 {border:0; width:230px;}
    .lide_nadpis, .lide_nadpis-2 {font-size:1.2em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px;}
    #hp_oblasti {font-size:70%;}
    #hp_oblasti_500 {font-size:92%; padding:0 1px; height:100%;}
    #hp_oblasti_500:hover {height:100%;}
    #advert {width:200px;}
    #partner table {margin:20px auto; width:98%;}
    #title_text {position:absolute; left:550px; top:72px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size: 120%;}
    table#page_center_bloky {margin-left:0;}
    table.filtr_kraj {width:99%;}
    table#itemlist {display:block; max-width:450px; text-align:center;}
    #itemlist .block {width:15em; height:145px;}
    #topmenu ul {margin:0; padding:0 100px 0 0;}    
    #topmenu ul li {display:block; float:right; margin-left:10px; padding:7px 0 4px 10px; font-size:55%;}
    #mainmenu ul li {height:47px; width:20%; line-height:2.1em; font-size:110%;}
    .images_section_ukazky {width:95%; float:left; margin:0 0 0 28px;}
    #itemlist .block {width:13.5em; height:145px; margin:15px 20px;}
    table.filtr_kraj td.rfk1 {background:#DCDCDC; padding:1.75em; line-height:20px;}
    #cookie-bar {width:auto; height:65px;}	
    #cookie-bar p {line-height:22px; font-size:1em;}
    .tx12 {border-top:1px solid #007bff; margin:0 auto; padding:0; height:30px;}
    .tx11 {height:3.3em; margin:0; padding:0; padding-top:7px; border-bottom:1px solid #007bff; font-size:0.72em;}
    .tx10 {text-align:center; background-color:#fff; margin:0; padding:0; margin-bottom:10px; font-size:0.75em;}
    .visible-scrollbar, .new-scrollbar {display:block; overflow-x:hidden; overflow-y:auto; height:4.5em; padding:0.6em 1em; margin:1em auto; outline:2px solid cornflowerblue; background-color: #deffff; scrollbar-width:thin; scrollbar-color:#007bff #fffff0;}
}

/*--------------------------------------------- width from 576px to 767px ------------------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
    #right_content, h1 a span, #mainmenu {display:none;}    
    #top {width:576px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:93px; width:auto; margin:0 auto; background:url("img/body_bg_oa575.png") top left no-repeat; position:relative;}
    .toggle_menu, .toggle_menu_form {display:block; z-index:2; position:absolute; left:15%; right:0; top:130px; width:auto; height:auto;}
    .overlay {height:35%; width:0; position:absolute; z-index:3; top: 10px;}
    .overlay .closebtn {position: absolute; top:40px; right:50px; font-size:60px;}
    .overlay a {padding:0; text-decoration: none; font-size:22px; color:#f1f1f1; display:block; transition:0.3s; line-height:45px;}
    .overlay a.active {text-decoration:none; color:yellow; font-weight:600; font-style:italic;}
    .overlay a:hover {color:red;}
    .overlay-content {position: relative; top:25%; width:100%; text-align:center; margin-top:30px;}    
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #copyright {width:auto; margin:0 auto; text-align:center; font-weight:400;}
    .top_link_1 {float:right;}
    h1 a {display:block; position:relative; color:#CCC; font-size:0.5em;}
    h2.hp_title {font-size:1.9em; text-align:center;}
   .ukazka-sl-12 {border:0; width:260px;}
   .ukazka-sl-34 {border:0; width:260px;}
    .lide_nadpis, .lide_nadpis-2 {font-size:1.2em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px;}
    #hp_oblasti {font-size:70%;}
    #hp_oblasti_500 {height:100%; font-size:92%; padding:0 1px; margin:0 10px; margin-left:auto; margin-right:auto;}
    #hp_oblasti_500:hover {height:100%;}
    #advert {width:200px;}
    #partner table {margin:20px auto; width:85%;}
    #title_text {position:absolute; left:395px; top:50px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size: 100%;}
    table#page_center_bloky {margin-left:0;}
    table.filtr_kraj {width:99%;}
    table.filtr_kraj td.rfk1 {background:#DCDCDC; padding:1.75em; line-height:25px;}
    #topmenu ul {display:none; margin:0; padding:0 80px 0 0;}    
    #topmenu ul li {display:none; float:right; margin-left:10px; padding:7px 0 4px 10px; font-size:55%;}
    #mainmenu ul li {height:47px; width:20%; line-height:2.1em; font-size:115%;}
    .images_section_ukazky {width:95%; float:left; margin:0 0 0 30px;}
    table#itemlist {display:block; max-width:450px; text-align:center; margin:0;}
    #itemlist .block {width:16em; height:145px; margin:15px 20px;}
    #cookie-bar {width:auto; height:100px;}	
    #cookie-bar p {line-height:22px; font-size:1em;}
    .tx12 {border-top:1px solid #007bff; margin:0 auto; padding:0; height:30px;}
    .tx11 {height:3.3em; margin:0; padding:0; padding-top:7px; border-bottom:1px solid #007bff; font-size:0.9em;}
    .tx10 {text-align:center; background-color:#fff; margin:0; padding:0; margin-bottom:10px; font-size:0.9em;}
    .visible-scrollbar, .new-scrollbar {display:block; overflow-x:hidden; overflow-y:auto; height:4.5em; padding:0.6em 1em; margin:1em auto; outline:2px solid cornflowerblue; background-color: #deffff; scrollbar-width:thin; scrollbar-color:#007bff #fffff0;}
}

/*---------------------------------------------------- width 492px to 575px ------------------------------------------*/
@media only screen and (min-width: 492px) and (max-width: 575px) {
    #topmenu, #right_content, h1 a span, #mainmenu {display:none;}
    #top {width:492px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:79px; width:auto; margin:0 auto; background:url("img/body_bg_oa491.png") top left no-repeat; position:relative;}
    .toggle_menu, .toggle_menu_form {display:block; z-index:2; position:absolute; left:15%; right:0; top:112px; width:auto; height:auto;}
    .overlay {height:35%; width:0; position:absolute; z-index:3; top: 10px;}
    .overlay .closebtn {position: absolute; top:40px; right:50px; font-size:60px;}
    .overlay a {padding:0; text-decoration: none; font-size:22px; color:#f1f1f1; display:block; transition:0.3s; line-height:45px;}
    .overlay a.active {text-decoration:none; color:yellow; font-weight:600; font-style:italic;}
    .overlay a:hover {color:red;}
    .overlay-content {position: relative; top:25%; width:100%; text-align:center; margin-top:30px;}    
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .top_link_1 {float:right; font-size:0.9em;}
    h1 a {display:block; position:relative; color:#CCC; font-size:0.5em;}
    h2.hp_title {font-size:1.2em; text-align:center;}
   .ukazka-sl-12 {border:0; width:217px;}
   .ukazka-sl-34 {border:0; width:217px;}
    .lide_nadpis, .lide_nadpis-2 {font-size:1.2em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px; font-size:1.1em;}
    #hp_oblasti {font-size:70%;}
    #hp_oblasti_500 {height:400px; font-size:92%; padding:0 1px; margin:0 10px; margin-left:auto; margin-right:auto;}
    #hp_oblasti_500:hover {height:400px;}
    #advert {width:200px;}
    #partner table {margin:20px auto; width:85%;}
    #title_text {position:absolute; left:315px; top:38px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size: 100%;}
    table#page_center_bloky {margin-left:0;}
    table.filtr_kraj {width:99%;}
    table.filtr_kraj td.rfk1 {background:#DCDCDC; padding:1.5em; line-height:23px;}
    table#itemlist {display:block; max-width:450px; text-align:center;}
    #itemlist .block {width:15em; height:145px;}
    #topmenu ul {margin:0; padding:0 100px 0 0;}    
    #topmenu ul li {display:block; float:right; margin-left:10px; padding:7px 0 4px 10px; font-size:55%;}
    #mainmenu ul li {height:47px; width:20%; line-height:2.1em; font-size:115%;}
    .images_section_ukazky {width:95%; float:left; margin:0 0 0 30px;}
    #itemlist .block {width:13em; height:145px; margin:15px 20px;}
    #itemlist .bl {float:left; text-align:justify; width:100%;}
    #footer {font-size:0.9em; padding:0 5px;}
    #cookie-bar {width:auto; height:100px;}	
    #cookie-bar p {line-height:22px; font-size:1em;}
    .tx12 {border-top:1px solid #007bff; margin:0 auto; padding:0; height:30px;}
    .tx11 {height:3.3em; margin:0; padding:0; padding-top:7px; border-bottom:1px solid #007bff; font-size:0.7em;}
    .tx10 {text-align:center; background-color:#fff; margin:0; padding:0; margin-bottom:10px; font-size:0.7em;}
    .visible-scrollbar, .new-scrollbar {display:block; overflow-x:hidden; overflow-y:auto; height:4.5em; padding:0.6em 1em; margin:1em auto; outline:2px solid cornflowerblue; background-color: #deffff; scrollbar-width:thin; scrollbar-color:#007bff #fffff0;}
}

/* -------------------------------------- width from 280px to 491px ---------------------------------------*/
@media only screen and (min-width: 280px) and (max-width: 491px) {
    #topmenu, #right_content, h1 a span, h1 a, #mainmenu, #hp_oblasti, #hp_oblasti_500, #hp_oblasti_500:hover, #page_center, table.filtr_kraj td.rfk1, #itemlist .bl {display:none;}
    #top {width:279px;}
    #top-header {width:auto;} /* dulezite */
    #header {display:block; height:45px; width:auto; margin:0 auto; background:url("img/body_bg_oa279.png") top left no-repeat; position:relative;}
    .toggle_menu, .toggle_menu_form {display:block; z-index:2; position:absolute; left:27%; right:0; top:75px; width:auto; height:auto;}
    .overlay {height:35%; width:0; position:absolute; z-index:3; top: 10px;}
    .overlay .closebtn {position: absolute; top:40px; right:50px; font-size:60px;}
    .overlay a {padding:0; text-decoration: none; font-size:16px; color:#f1f1f1; display:block; transition:0.3s; line-height:45px;}
    .overlay a.active {text-decoration:none; color:yellow; font-weight:600; font-style:italic;}
    .overlay a:hover {color:red;}
    .overlay-content {position: relative; top:25%; width:100%; text-align:center; margin-top:30px;}    
    .col-md-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    h2.hp_title {font-size:1.2em; text-align:center;}
    #pagenavig {font-size:50%;}
    table#page_center {width:50%;}
    .ukazka-sl-12 {border:0; width:217px;}
    .ukazka-sl-34 {border:0; width:217px;}
    .lide_nadpis, .lide_nadpis-2 {font-size:1.2em; font-weight:bold; padding-top:0px; padding-left:50px; margin:0; color:#275c75;}
    .lide_nadpis-2 {padding-top:20px;}
    .hp_oblasti_150 {display:block; font-size:82%; font-weight:bold; height:30px; padding:0 15px; background-color:#ffc107; line-height:30px;}
    .hp_oblasti_150:hover {height:30px;}
    .hp_oblasti_150x {height:30px; font-size:0.8em; background-color:#ffc107; width:auto;}
    #advert {width:200px;}
    #partner table {margin:20px auto; width:85%;}
    #title_text {position:absolute; left:145px; top:11px; float:none; padding:0;}
    #title_text h2 {color: #F5F5F5; font-weight:normal; font-size:70%;}
    table.filtr_kraj {width:210px;}
    table#itemlist {display:block; width:100%; text-align:center;}
    #itemlist td {margin:0 auto; padding:0; margin:0 0px;}
    #itemlist .block {width:90%; height:auto; margin:0 5px 10px 5px; display:block;}
    #itemlist .block_ins {margin-left:auto; margin-right:auto; height:auto; width:85%; overflow:hidden;}
    #itemlist .header {width:100%; height:39px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; margin:5px 0; text-align:center; clear:both; background:url("img/tlac_1.jpg") repeat-x top left scroll; font-size:95%; line-height:100%; border:1px solid #555; padding:7px 5px 0 5px;}
    #itemlist .header a {text-decoration: none; width:100%;}
    #itemlist .header:hover {background:url("img/tlac_1i.jpg") repeat-x top left scroll; height:39px; width:100%;}
    #itemlist .header a:hover {color:#fff;}
    #itemlist .header_act {width:100px; height:39px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; margin:5px 0; text-align:center; clear:both; background:url("img/tlac_1x.jpg") repeat-x top left scroll; font-size:95%; line-height:100%; border:1px solid #555;}
    #itemlist .header_act a {color: blue; text-decoration: none; text-align:center;}
    #topmenu ul {margin:0; padding:0 100px 0 0;}    
    #topmenu ul li {display:block; float:right; margin-left:10px; padding:7px 0 4px 10px; font-size:55%;}
    #mainmenu ul li {height:47px; width:20%; line-height:2.1em; font-size:115%;}
    .text-1 {padding:0px 0px; background-color:#fff; text-align:left;}
    .lide_txt-txt-1 {color:#999; text-align:justify; font-size:0.9em; padding-bottom:0em; width:100%;}
    legend {font-size:1.1em;}
    #page_center_sm {display:block; margin:0 auto; vertical-align:top; text-align:left; padding:5px 2px; font-size:1em; margin-right:10px;}
    table#page_center_bloky {display:block; width:100%; margin:0 auto; margin-left:0; vertical-align:top; text-align:left; padding:5px 12px; font-size:1em;}
    #page_center_text {display:block;}
    #page_center fieldset {padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; font-size:86%; border: 1px solid #A0A0A0;}
    fieldset#filter {padding:5px; width:98%; font-size:0.8em; background:#EEE;}
    #page_center td {padding:5px;}
    table.filtr_kraj, table.filtr_kraj tr {font-size:1em; width:100%;}
    table.filtr_kraj td.lfk1 {line-height:40px; background:#DCDCDC; width:30%; padding:15px; padding-left:30px; border-right:1px solid #aaa;}
    .filtr_submit {padding:2px 8px; margin-top:10px; font-size:100%; height:auto; font-weight:bold;}
    .images_section_ukazky {width:95%; float:left; margin:0 0 0 33px;}
    #main_text_perex {font-size:0.7em; line-height:17px;}
    .top_link_1 {float:left; line-height:40px; font-size:0.6em; background-color:#f0f0f0; margin:50px 0 0 10px; padding:10px 8px;}
    #footer_mini {display:block; margin-left:20px; margin-top:20px; background:url("img/tlac_1ab.jpg") repeat-x top left scroll; width:auto; height:170px; font-size:0.9em;}
    #footer {font-size:0.9em; padding:0 5px;}
    #cookie-bar {width:auto; height:110px;}	
    #cookie-bar p {line-height:18px; font-size:0.7em;}
}

/* -------------------------------------- width from 0px to 279px --------- VYPNUTO ------------------------------*/
@media screen and (max-width:279px) {
    #topmenu, #page_items, #header, #pagenavig, #main_text_perex, #footer, #image_fixed-left, #image_fixed-right, .top_link_1, #right_content, h1 a span, h1 a, #mainmenu, #hp_oblasti, #hp_oblasti_500, #hp_oblasti_500:hover, #page_center, table.filtr_kraj td.rfk1, #itemlist .bl, .part1_section_ukazky, .hp_title, .container-fluid-2, #page_center_sm, #strankovac, #page_center_text {display:none;}
    body {font-family: Arial, Helvetica, sans-serif;}
    #top, .part1_section, .padding_left_0, .row {width:17.438em; height:12.5em;}
    .v-cara {height:1px; width:1px;}
    .notification {background-color:#555; color:white; text-decoration:none; padding:15px 26px; position:relative; display:block; border-radius:2px; width:15.438em; margin:40px 0;}
    .notification:hover {background:red; color:#fff;}
    .notification .badge {position:absolute; top:-10px; right:-10px; padding:5px 10px; border-radius:50%; background-color:red; color: white;}
}