@media only screen and (max-width: 1024px) {
	table {
		display         : block                                 ;
		overflow        : auto                                  ;
	}
    #allbody {
		background-color: #4E4E4E                               ;
		padding         :   5px                                 ;
		width           : auto                                  ;
    }
	.normalblok {
		width           : auto                                  ;
	}
	.mobileheader {
		display         : block                                 ;
		width           : auto                                  ;
		background-color: #0C2045                               ;
	}

	.foto {
		display         : none                                  ;
		width           : auto                                  ;
        background-size : 1024px 284px                          ;
		height          :  284px                                ;
	}

	.obsah {
		display         : block                                 ;
		width           : auto                                  ;
		background-color: #FFFFFF                               ;
		padding-left    :  10px                                 ;
		padding-right   :  10px                                 ;
	}
	.obsah h1 {
        padding-top     :  20px                                 ;
	}

	.hplinks h1 {
		font-size           :  14pt                      ;
	}
	.hplinks p {
		font-size           :   8pt                      ;
	}
	.hplinks_img {
		width               :  64px                      ;
		margin-left         :   3px                      ;
		margin-right        :   3px                      ;
		margin-bottom       :  10px                      ;
	}
	.hplinks_img a, .hplinks_img a:hover {
		font-size           :   8pt                      ;
		font-weight         : 300                        ;
	}
	.hplinks_img_img {
		width               :  64px                      ;
		height              :  64px                      ;
	}

	.link_item1 {
		margin-right        :   4px                      ;
		padding-top         :   4px                      ;
	}
	.link_item2 {
		margin-top          :   4px                      ;
	}
	.link_item3 {
		margin-top          :   4px                      ;
	}
	.link_img {
		width               : 140px                      ;
		height              : 111px                      ;
	}

	#mainframe {
		display         : block                                 ;
		width           : auto                                  ;
		padding-left    :   0px                                 ;
		padding-right   :   0px                                 ;
		padding-bottom  :   5px                                 ;
	}
	#mainframe p, #mainframe td, #mainframe li, #mainframe td, #mainframe th {
		font-size       :  12pt                                 ;
	}
	#mainframe h1 {
		font-size       :  16pt                                 ;
	}
	#mainframe h2 {
		font-size       :  14pt                                 ;
	}
	#mainframe h3 {
		font-size       :  13pt                                 ;
	}
	#mainframe h4 {
		font-size       :  12pt                                 ;
	}
    #mainframe p, #mainframe li { letter-spacing: 0px; line-height: 125%; }

	.footer {
		background-image: none                                  ;
	}
	.footer_mobile {
		display         : block                                 ;
		width           : auto                                  ;
		margin          :  0 auto                               ;
	}
	.footer_mobile img {
		margin-left     :  15px                                 ;
	}
	.footer_mobile .firstimg {
		margin-top      :  20px                                 ;
		margin-bottom   :  20px                                 ;
	}
	.footer_mobile h3, .footer_mobile p, .footer_mobile ul {
		margin-left     :  15px                                 ;
		margin-right    :  15px                                 ;
	}
	.footer_mobile h3 {
		color           : #FFFFFF                               ;
		font-size       :  12pt                                 ;
		font-weight     : 400                                   ;
	}
	.footer_mobile li {
		font-size       :  10pt                                 ;
    	color           : #CCCCCC                               ;
		font-weight     : 300                                   ;
	}
	.copyright {
		padding-top     :   8px                                 ;
		padding-bottom  :   8px                                 ;
        margin          :   0px                                 ;
        margin-bottom   :   0px                                 ;
	}
	.copyright a, .copyright a:hover {
		font-size       :   7pt                                 ;
    	color           : #CCCCCC                               ;
		font-weight     : 300                                   ;
        letter-spacing  :   0px                                 ;
	}
	.footer_pc {display: none;}
	
	.navig {
		height          :   0px                                 ;
		position: relative;
		z-index: 10;
	}
    .hpnew {
        float           : none                                  ;
        width           : auto                                  ;
    }
    .hpnew p {
        margin-bottom       :  2px                       ;
        font-weight         : 300                        ;
        font-size           : 10pt !important            ;
    }
    .hpnewsvos {
        margin-right        :  0px                       ;
        padding-right       :  0px                       ;
    }
    .hpnewssps {
        margin-left         :  0px                       ;
        padding-left        :  0px                       ;
    }

    .active_button {
		width               : 100px                      ;
		font-size           :   8pt                      ;
		padding-top         :   4px                      ;
		padding-bottom      :   3px                      ;
		padding-left        :   8px                      ;
		padding-right       :   8px                      ;
	}
	.pasive_button {
		width               : 100px                      ;
		font-size           :   8pt                      ;
		padding-top         :   4px                      ;
		padding-bottom      :   3px                      ;
		padding-left        :   8px                      ;
		padding-right       :   8px                      ;
	}
    
	.rozcestniky {
		display             : none                       ;
	}
    .rozcestniky_mobile {
        display             : block                      ;
		padding-bottom      :  15px                      ;
    }

    .link_header img {
        margin-top          :  22px                      ;
        margin-right        :   5px                      ;
    }
    .link_header .hplinks_img_img {
        width               :  55px                      ;
        height              :  55px                      ;
    }
    .link_header h1 {
		font-size           :  10pt !important           ;
    }
    .link_header p {
		font-size           :   9pt !important           ;
    }
    .link_header h1, .link_header p {
        white-space         : normal                     ;
    }
    
	.hpnew {
		padding-bottom      :  10px                      ;
        margin-bottom       :   5px                      ;
	}
	.hpnews_link {
		margin-top          :  10px                      ;
		margin-bottom       :  10px                      ;
	}
	.news {
        padding-bottom      :   1px                      ;
	}
    .hpnews {
        float               : none                       ;
        width               : 100%                       ;
    }
    .hpnewsvos {
        margin-right        :  0px                       ;
    }
    .hpnewssps {
        margin-left         :  0px                       ;
    }
    .hpnews h3 {
        font-size           : 10pt                       ;
    }

	.aktuality {
		display            : none                              ;
		width              : 100%                              ;
		height             : auto                              ;
		margin             :   0 auto                          ;
		color              : #FFFFFF                           ;
		font-family        : "Open Sans"                       ;
	}
	.aktuality ul {
		width              : 280px                             ;
		margin             :   0px                             ;
		padding            :   0px                             ;
		list-style-type    : none                              ;
	}
	.aktuality2 {
		width              : 280px                             ;
		margin             :   0 auto                          ;
		border             : #000000 0px solid !important      ;
	}
	.aktuality li {
		width              : 280px                             ;
		height             : auto                              ;
		margin-left        :   0px                             ;
		margin-top         :   8px                             ;
		margin-bottom      :   8px                             ;
		border             : #000000 0px solid !important      ;
    	border-bottom      : #354C7F 1px solid !important      ;
	}
	.aktuality li:first-of-type, aktuality li:last-of-type {
		width              : 280px                             ;
	}
	.aktuality a {
		font-size          :   8pt                             ;
		padding-top        :   5px                             ;
		padding-bottom     :   5px                             ;
	}
	.aktuality p {
		color              : #FFFFFF                           ;
		margin-top         :   0px                             ;
		margin-bottom      :  10px                             ;
		margin-left        :   0px                             ;
		margin-right       :   0px                             ;
	}
	.aktuality strong {
		font-weight        : 400                               ;
		font-size          :  10pt                             ;
	}

    .dlazdice h2 {
		margin-top          :   0px                      ;
		font-size           :  14pt                      ;
	}
	.dlazdice h3 {
		font-size           :  10pt                      ;
	}
	.mezera10 {
		height              :  10px                      ;
		margin              :   0px                      ;
		background-color    : #F8F8F8                    ;
	}

    .back_to_top {
        padding             :  0px                       ;
        right               : 20px                       ;
        bottom              :  0px                       ;
    }
    #back_to_top_img {
        height              : 30px                       ;
        width               : 30px                       ;
    }
    
    .proc50 {
        width               : 100%                       ;
    }
    
	.dlazdice2 {display: none;}
	.line {display: none;}
	.header {display: none;}
	.mapy {display: none;}
	.konzultace {display: none;}
	.tridnischuzky {display: none;}
	.copy {display: none;}
    
    .nenamobil {display: none;}
    
    td, th {
        padding-top  :  4px; padding-bottom:  4px;
        padding-left :  4px; padding-right :  4px;
    }

	.obordlazdice_img {
		width               : 270px                      ;
		height              :  50px                      ;
	}
    .studijniobory {
		display             : none                       ;
	}
    .hplinks_imgs {
		display             : none                       ;
	}
    .studijniobory_mobile {
        display             : block                      ;
		margin-top          :  10px                      ;
		margin-bottom       :   0px                      ;
    }
    .hplinks_imgs_mobile {
        display             : flex                       ;
        justify-content     : center                     ;
    }
    .hplinks_imgs_mobile2 {
        width               : fit-content                ;
    }

	.spodnemenu {
		display         : block                                 ;
		width           : auto                                  ;
		background-color: #0C2045                               ;
		color           : #FFFFFF                               ;
		padding-top     :   0px                                 ;
		padding-bottom  :   0px                                 ;
	}
	.spodnemenu1, .spodnemenu2, .spodnemenu3, .spodnemenu h3 {
		display         : block                                 ;
		width           : auto                                  ;
	}

	.prostor_modry_levy, .prostor_modry_pravy {
        float               : none                       ;
        width               : auto                       ;
        text-align          : left                       ;
    }
	.prostor_modry_levy h2, .prostor_modry_pravy h2 {
		padding-top         :  10px                      ;
		margin-left         :  10px                      ;
		font-size           :  12pt                      ;
	}
	.prostor_modry_levy h3, .prostor_modry_pravy h3 {
		padding-top         :  10px                                  ;
		margin-left         :  10px                                  ;
		font-size           :  10pt                                  ;
		background-image    : url('../layout/mobile/bgr/menugrp.png');
		background-repeat   : no-repeat                              ;
		background-position : right top                              ;
	}
	.tile {
		width              : 268px                             ;
		height             :  50px                             ;
		border             : #526689 1px solid                 ;
	}
	.tile_pos {
		margin-left        :  10px                             ;
		margin-right       :   0px                             ;
		margin-bottom      :  10px                             ;
	}
	.tile .tile_text {
		padding-left       :  75px                             ;
		padding-right      :   5px                             ;
		font-size          :   8pt                             ;
        line-height        : 120%                              ;
	}
	.tile:hover {
		border             : #7F7B50 1px solid                 ;
	}
	.tile_sanony_m          { background-size:  65px  50px; }
	.tile_hlavy_m           { background-size:  65px  50px; }
	.tile_capitol_m         { background-size:  65px  50px; }
	.tile_vyzkum_m          { background-size:  65px  50px; }
	.tile_pes_m             { background-size:  65px  50px; }
	.tile_ruce_m            { background-size:  65px  50px; }
	.tile_vino_m            { background-size:  65px  50px; }
	.tile_klasy_m           { background-size:  65px  50px; }
	.tile_jitrnice_m        { background-size:  65px  50px; }
	.tile_planeta_m         { background-size:  65px  50px; }
	.tile_chemie_m          { background-size:  65px  50px; }
	.tile_ratolest_m        { background-size:  65px  50px; }
	.tile_kocka_m           { background-size:  65px  50px; }
	.tile_gymnazium_m       { background-size:  65px  50px; }
	.tile_sanony_z          { background-size:  65px  50px; }
	.tile_hlavy_z           { background-size:  65px  50px; }
	.tile_capitol_z         { background-size:  65px  50px; }
	.tile_pes_z             { background-size:  65px  50px; }
	.tile_ruce_z            { background-size:  65px  50px; }
	.tile_vino_z            { background-size:  65px  50px; }
	.tile_klasy_z           { background-size:  65px  50px; }
	.tile_sanony_m:hover    { background-size:  65px  50px; }
	.tile_hlavy_m:hover     { background-size:  65px  50px; }
	.tile_capitol_m:hover   { background-size:  65px  50px; }
	.tile_vyzkum_m:hover    { background-size:  65px  50px; }
	.tile_pes_m:hover       { background-size:  65px  50px; }
	.tile_ruce_m:hover      { background-size:  65px  50px; }
	.tile_vino_m:hover      { background-size:  65px  50px; }
	.tile_klasy_m:hover     { background-size:  65px  50px; }
	.tile_jitrnice_m:hover  { background-size:  65px  50px; }
	.tile_planeta_m:hover   { background-size:  65px  50px; }
	.tile_chemie_m:hover    { background-size:  65px  50px; }
	.tile_ratolest_m:hover  { background-size:  65px  50px; }
	.tile_kocka_m:hover     { background-size:  65px  50px; }
	.tile_gymnazium_m:hover { background-size:  65px  50px; }
	.tile_sanony_z:hover    { background-size:  65px  50px; }
	.tile_hlavy_z:hover     { background-size:  65px  50px; }
	.tile_capitol_z:hover   { background-size:  65px  50px; }
	.tile_pes_z:hover       { background-size:  65px  50px; }
	.tile_ruce_z:hover      { background-size:  65px  50px; }
	.tile_vino_z:hover      { background-size:  65px  50px; }
	.tile_klasy_z:hover     { background-size:  65px  50px; }

    #studijniobory_vyssi_denni     { display: none; }
	#studijniobory_vyssi_dalkove   { display: none; }
	#studijniobory_stredni_denni   { display: none; }
	#studijniobory_stredni_dalkove { display: none; }

    .tabletheader, .footer_tablet, .rozcestniky_tablet, .studijniobory_tablet {
        display            : none                              ;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mobilheader   {display: none;}
	.footer_mobile {display: none;}
    
    .konzultace {
		display            : block                             ;
    }
    
    .footer_tablet {
		display            : block                             ;
	}
	.spodnemenu1 {
        font-weight        : 200                               ;
        color              : #CCCCCC                           ;
		letter-spacing     :   0px                             ;
    }
	.spodnemenu1 {
		width              : 300px                             ;
    }
	.spodnemenu2 {
		width              : 240px                             ;
	}
	.spodnemenu3 {
		width              : 180px                             ;
	}
	.spodnemenu3 img {
		margin-top         : -30px                             ;
	}
	.spodnemenu1 img {
		margin-left        :  10px                             ;
	}
	.spodnemenu3logo {
		margin-bottom      :   3px                             ;
		margin-top         :  13px                             ;
	}
	.spodnemenu {
		font-size          :  11pt                             ;
		font-weight        : 200                               ;
	}
	.spodnemenu strong {
		font-size          :  12pt                             ;
	}
    .posun30 {
        margin-top         :  15px                             ;
    }

	.studijniobory_mobile {display: none;}
	.hplinks_imgs_mobile  {display: none;}
    
    .studijniobory_tablet {
		display            : block                             ;
		width              : auto                              ;
		margin             :  0 auto                           ;
	}
	.studijniobory_tablet h2 {
		margin-top         :   5px                             ;
		font-size          :  14pt !important                  ;
	}
	.studijniobory_tablet h3 {
		font-size          :  11pt !important                  ;
	}
	.prostor_modry_levy {
        float               : left                             ;
		width              : 362px                             ;
	}
	.prostor_modry_pravy {
        float              : right                             ;
		width              : 362px                             ;
	}
	.prostor_modry_levy h3, .prostor_modry_pravy h3 {
		margin-bottom      :  10px                             ;
		background-image   : none                              ;
	}
	.tile {
		width              : 338px                             ;
		height             :  58px                             ;
		border             : #526689 2px solid                 ;
	}
	.tile_pos {
		margin-left        :  10px                             ;
		margin-right       :  10px                             ;
		margin-bottom      :  20px                             ;
	}
	.tile .tile_text {
		padding-left       : 090px                             ;
		padding-right      :  10px                             ;
		font-size          :   9pt                             ;
        line-height        : 130%                              ;
	}
	.tile:hover {
		border             : #7F7B50 2px solid                 ;
	}
	.tile_sanony_m          { background-size:  75px  58px; }
	.tile_hlavy_m           { background-size:  75px  58px; }
	.tile_capitol_m         { background-size:  75px  58px; }
	.tile_vyzkum_m          { background-size:  75px  58px; }
	.tile_pes_m             { background-size:  75px  58px; }
	.tile_ruce_m            { background-size:  75px  58px; }
	.tile_vino_m            { background-size:  75px  58px; }
	.tile_klasy_m           { background-size:  75px  58px; }
	.tile_jitrnice_m        { background-size:  75px  58px; }
	.tile_planeta_m         { background-size:  75px  58px; }
	.tile_chemie_m          { background-size:  75px  58px; }
	.tile_ratolest_m        { background-size:  75px  58px; }
	.tile_kocka_m           { background-size:  75px  58px; }
	.tile_gymnazium_m       { background-size:  75px  58px; }
	.tile_sanony_z          { background-size:  75px  58px; }
	.tile_hlavy_z           { background-size:  75px  58px; }
	.tile_capitol_z         { background-size:  75px  58px; }
	.tile_pes_z             { background-size:  75px  58px; }
	.tile_ruce_z            { background-size:  75px  58px; }
	.tile_vino_z            { background-size:  75px  58px; }
	.tile_klasy_z           { background-size:  75px  58px; }
	.tile_sanony_m:hover    { background-size:  75px  58px; }
	.tile_hlavy_m:hover     { background-size:  75px  58px; }
	.tile_capitol_m:hover   { background-size:  75px  58px; }
	.tile_vyzkum_m:hover    { background-size:  75px  58px; }
	.tile_pes_m:hover       { background-size:  75px  58px; }
	.tile_ruce_m:hover      { background-size:  75px  58px; }
	.tile_vino_m:hover      { background-size:  75px  58px; }
	.tile_klasy_m:hover     { background-size:  75px  58px; }
	.tile_jitrnice_m:hover  { background-size:  75px  58px; }
	.tile_planeta_m:hover   { background-size:  75px  58px; }
	.tile_chemie_m:hover    { background-size:  75px  58px; }
	.tile_ratolest_m:hover  { background-size:  75px  58px; }
	.tile_kocka_m:hover     { background-size:  75px  58px; }
	.tile_gymnazium_m:hover { background-size:  75px  58px; }
	.tile_sanony_z:hover    { background-size:  75px  58px; }
	.tile_hlavy_z:hover     { background-size:  75px  58px; }
	.tile_capitol_z:hover   { background-size:  75px  58px; }
	.tile_pes_z:hover       { background-size:  75px  58px; }
	.tile_ruce_z:hover      { background-size:  75px  58px; }
	.tile_vino_z:hover      { background-size:  75px  58px; }
	.tile_klasy_z:hover     { background-size:  75px  58px; }

	.rozcestniky_mobile {display: none;}
    
    .rozcestniky_tablet {
		display            : block                             ;
	}
	.link_item1 {
		margin-right       :   25px                            ;
		padding-top        :   25px                            ;
	}
	.link_item2 {
		margin-top         :   25px                            ;
	}
	.link_item3 {
		margin-top         :   25px                            ;
	}
	.link_img {
		width              :  227px                            ;
		height             :  180px                            ;
	}

	.hplinks_img {
		width               :  77px                      ;
		margin-left         :   6px                      ;
		margin-right        :   6px                      ;
		margin-bottom       :  10px                      ;
	}
	.hplinks_img_img {
		width               :  77px                      ;
		height              :  77px                      ;
	}

    .news {
		width               : 724px                      ;
		margin              :  0 auto                    ;
	}
    .hpnews {
		float               : left                       ;
		width               : 357px                      ;
    }
    .hpnewsvos {
        margin-right        :  5px                       ;
    }
    .hpnewssps {
        margin-left         :  5px                       ;
    }

	.aktuality {
		display            : block                             ;
	}
	.aktuality ul {
		width              : 748px                             ;
		margin-top         :   0px                             ;
		margin-bottom      :   0px                             ;
	}
	.aktuality2 {
		width              : 748px                             ;
		margin             :   0 auto                          ;
		margin-top         :   0px                             ;
		margin-bottom      :   0px                             ;
		border-left        : #000000 1px solid !important      ;
		border-right       : #6E7EA1 1px solid !important      ;
	}
	.aktuality li {
		width              : 185px                             ;
		height             :  80px                             ;
		list-style         : none                              ;
		float              : left                              ;
		padding            :   0px                             ;
		margin-top         :   0px                             ;
		margin-bottom      :   0px                             ;
    	border-bottom      : #28417A 0px solid !important      ;
		border-left        : #6E7EA1 1px solid !important      ;
		border-right       : #000000 1px solid !important      ;
	}
	.aktuality li:first-of-type, aktuality li:last-of-type {
		width              : 185px                             ;
	}
	.aktuality a {
		font-size          :   7pt                             ;
        letter-spacing     :  -1px                             ;
		padding-top        :  10px                             ;
		padding-bottom     :  10px                             ;
    	border-bottom      : #28417A 0px solid !important      ;
	}
	.aktuality p {
		color              : #FFFFFF                           ;
		margin             :   0px                             ;
		margin-top         :  14px                             ;
		margin-left        :  20px                             ;
		margin-right       :  14px                             ;
    	border-bottom      : #28417A 0px solid !important      ;
	}
	.aktuality strong {
		font-weight        : 400                               ;
		font-size          :   9pt                             ;
        letter-spacing     :   0px                             ;
	}

    .hplinks_imgs {
        display            : flex                              ;
	}

}