BODY {font-family: 'Roboto', sans-serif; background-color: #ffffff; color: #1e1e1e; font-size: 14px; margin: 0; padding: 0; line-height: 1.6;} /* font-family: 'Open Sans', sans-serif; */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.mainFrame {max-width: 1200px; margin: 0px auto;}
.block {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.hidden {display: none;}
.kotva {width: 100%; height: 0px; float: left; line-height: 0px;}

.trans {-webkit-transition: background .5s ease-out; -moz-transition: background .5s ease-out; -o-transition: background .5s ease-out; transition: background .5s ease-out;}

/* tinymce */
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}

.podtrzeny {border-bottom: 1px solid #92928D; width: 30%; display: inline-block;}

.table-responz { width: 100%; }
/* tinymce */

/* barvy plosinek */
.bg1 {background-color: #90599c;}
.bg2 {background-color: #cd781f;}
.bg3 {background-color: #5162a6;}
.bg4 {background-color: #359ca4;}
.bg5 {background-color: #fc1921;}
.bg6 {background-color: #52514a;}
.bg7 {background-color: #00638b;}




INPUT {font-family: 'Roboto', sans-serif; padding: 0px; border: 0px; background-color: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
INPUT[type=submit] {cursor: pointer;}
TEXTAREA {font-family: 'Roboto', sans-serif;}

IMG {border: 0px; max-width: 100%;}
H1, H2, H3, H4, H5, H6 {margin: 0px;}
P {line-height: 1.6;}
UL, LI {margin: 0px; padding: 0; list-style-position: inside;}
A  { color: inherit; text-decoration: none;}
HR { width: 100%; height: 2px; float: left; background-color: #d8d8d8; border: 0px; margin: 30px 0px 30px 0px;}


#fullTopFrame                                  { width: 100%; height: 472px; position: relative; background-image: url('/layout/top.png'); background-repeat: no-repeat; background-position: center 100px; margin-top: -20px; }
#fullTopFrame .mt                              { margin-top: 50px; }
#fullTopFrame .headerLine                      { width: 100%; height: 100px; background-color: #ffffff; }
#fullTopFrame .headerLine .header              { width: 100%; height: 100px; float: left; display: flex; justify-content: space-between; }
#fullTopFrame .headerLine .header .logo        { width: 190px; height: 88px; display: flex; margin: 0px; background-image: url('/layout/logo.png'); background-repeat: no-repeat; position: relative; top: 8px; }
#fullTopFrame .headerLine .header .kontakt     { display: flex; position: absolute; top: 8px; margin-left: 20px; }

#fullTopFrame .headerLine .header .vyhledavani { position: absolute; top: 45px; left: calc(50% + 100px); }
#fullTopFrame .headerLine .header .ikona       { width: 22px; height: 22px; position: relative; left: -240px; top: 8px; z-index: 99999; cursor: pointer; }
#fullTopFrame .headerLine .header .text        { width: 250px; height: 40px; padding: 0px 10px 0px 50px; position: relative; border: 1px solid #AAAAAA; z-index: 99998; }

#fullTopFrame .headerLine H2                   { font-size: 32px; color: #fff; margin: 0px auto; clear: both; font-weight: 900; text-align: center; position: relative; top: 70px; }
#fullTopFrame .headerLine .main                { font-size: 20px; color: #fff; margin: 0px auto; text-align: center; font-style: italic; position: relative; top: 70px; }




div.ico_zs                     { width: 285px; height: 60px; background-color: #95BC2F; color: #fff; }
div.ico_zs:hover               { background-color: #759C0B; }
div.ico_zs_specialni           { width: 285px; height: 60px; background-color: #63B9DC; color: #fff; }
div.ico_zs_specialni:hover     { background-color: #4399BC; }
div.ico_autisticka_trida       { width: 285px; height: 60px; background-color: #F18847; color: #fff; }
div.ico_autisticka_trida:hover { background-color: #D16827; }
div.ico_asistence              { width: 285px; height: 60px; background-color: #F7CD54; color: #fff; }
div.ico_asistence:hover        { background-color: #D7AD34; }
div.ico                        { text-align: center; padding-top: 18px; font-size: 18px; font-weight: 600; }

#fullTopFrame .header .hamburgerM { display: none; cursor: pointer; border-color: #ff0000; }
#fullTopFrame .header .hamburgerM .text { width: 40px; height: 30px; position: absolute; top: 40px; right: 70px; color: #52514a; border: 0px; float: left; padding: 0px; }
#fullTopFrame .header .hamburgerM .icon { width: 40px; position: absolute; top: 50px; right: 20px; }
#fullTopFrame .header .hamburgerM.active .icon { width: 40px; background: transparent; }
#fullTopFrame .header .hamburgerM .icon, .hamburgerM .icon:before, .hamburgerM .icon:after { height: 4px; background: #52514a; }
#fullTopFrame .header .hamburgerM .icon:before, .hamburgerM .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
#fullTopFrame .header .hamburgerM .icon:before { top: -10px; }
#fullTopFrame .header .hamburgerM .icon:after { bottom: -10px; }
#fullTopFrame .header .hamburgerM.active .icon:before { top: 0; transform: rotate(45deg); }
#fullTopFrame .header .hamburgerM.active .icon:after { top: 0; transform: rotate(135deg); }

#fullTopFrame .topMenu { display: block; width: 80%; height: 40px; float: left; position: relative; top: 60px; color: #224560; z-index: 9000; }
#fullTopFrame .topMenu .menu { width: 80%; height: 40px; float: left; }
#fullTopFrame .topMenu .menu UL { list-style: none; float: left; width: auto; height: 100%; }
#fullTopFrame .topMenu .menu UL LI { float: left; width: auto; height: 100%; }
#fullTopFrame .topMenu .menu UL LI:last-child { background: none; }
#fullTopFrame .topMenu .menu UL LI A { float: left; width: auto; height: 100%; padding: 0px 20px; font-size: 16px; color: #3c3c3a; font-weight: 600; text-transform: uppercase; }
#fullTopFrame .topMenu .menu UL LI A:HOVER {} 
#fullTopFrame .topMenu .menu UL LI .submenu { display: none; width: 320px; height: auto; left: auto; float: left; position: absolute; top: 100%; z-index: 10000; text-transform: none; }
#fullTopFrame .topMenu .menu UL LI .submenu UL { display: flex; align-items: flex-start; flex-direction: column; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI { width: 100%; height: auto; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.bila:link     { width: 100%; height: auto; font-size: 16px; font-weight: 300; color: #fff; background-color: #f45858; text-transform: none; padding: 10px 40px; border-top: 1px solid #e73b3b; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.bila:visited  { width: 100%; height: auto; font-size: 16px; font-weight: 300; color: #fff; background-color: #f45858; text-transform: none; padding: 10px 40px; border-top: 1px solid #e73b3b; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.bila:hover    { color: #000; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.cerna:link    { width: 100%; height: auto; font-size: 16px; font-weight: 300; color: #000; background-color: #fff; text-transform: none; padding: 10px 40px; border-top: 1px solid #e73b3b; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.cerna:visited { width: 100%; height: auto; font-size: 16px; font-weight: 300; color: #000; background-color: #fff; text-transform: none; padding: 10px 40px; border-top: 1px solid #e73b3b; }
#fullTopFrame .topMenu .menu UL LI .submenu UL LI A.cerna:hover   { color: #f45858;}


#fullTopFrame .topMenuM { display: none; width: 100%; height: 60px; float: left; position: absolute; top: 100px; background-color: #fff; color: #224560; z-index: 9000; border-top: 2px solid #d6d6d2; }
#fullTopFrame .topMenuM .menu { width: 100%; height: 60px; float: left;}
#fullTopFrame .topMenuM .menu UL { list-style: none; float: left; width: auto; height: 100%; }
#fullTopFrame .topMenuM .menu UL LI { float: left; width: auto; height: 100%; background: url('/layout/top-menu-separator.png') no-repeat right center; }
#fullTopFrame .topMenuM .menu UL LI:last-child { background: none;}
#fullTopFrame .topMenuM .menu UL LI A { float: left; width: auto; height: 100%; line-height: 60px; padding: 0px 40px; font-size: 24px; color: #224560; font-weight: 600; text-transform: uppercase; }
#fullTopFrame .topMenuM .menu UL LI A:HOVER {}
#fullTopFrame .topMenuM .menu UL LI .submenu    { display: none; width: 100%; left: 0; height: auto; float: left; position: absolute; top: 100%; z-index: 10000; text-transform: none; background-color: #e7eff5; }
#fullTopFrame .topMenuM .menu UL LI .submenu UL { display: flex; justify-content: space-between; }
#fullTopFrame .topMenuM .menu UL LI .submenu UL LI { width: auto; height: auto; float: left; }
#fullTopFrame .topMenuM .menu UL LI .submenu UL LI A { width: 100%; font-size: 18px; font-weight: 400; color: #000; text-transform: none; }
#fullTopFrame .topMenuM .menu UL LI .submenu UL LI A:HOVER { background-color: #fff; font-size: 18px; font-weight: 400; }


#fullFooterFrame                       { width: 100%; float: left; margin: 0px; color: #fff; }
#fullFooterFrame .footer1              { width: 100%; height: 190px; float: left; display: flex; justify-content: space-between; }
#fullFooterFrame .footer1 H3           { width: 100%; color: #000; float: left; padding: 20px 0; font-size: 26px; }
#fullFooterFrame .footer1 div          { margin: auto 0px; }
#fullFooterFrame .footer2              { width: 100%; height: 170px; float: left; font-size: 16px;  background-image: url('/layout/home_pozadi2.png'); }
#fullFooterFrame .footer2 .paticka     { max-width: 1200px; margin: 0px auto; display: flex; flex-direction: row; justify-content: space-between; position: relative; top: 30%; }
#fullFooterFrame .footer2 a            { font-size: 16px; color: $fff }
#fullFooterFrame .footer2 a:hover      { color: #e73c3c; }



#fullHomepageText                    { width: 100%; float: left; margin: 0px; }
#fullHomepageText div.center_home    { max-width: 1200px; margin: 0px auto; clear: both; display: flex; flex-direction: row; justify-content: space-between; }
#fullHomepageText div.center         { max-width: 1200px; margin: 0px auto; clear: both; display: flex; }
#fullHomepageText div.main_akce      { margin-top: 30px; padding-bottom: 30px; background-image: url('/layout/home_pozadi1.png'); }
//#fullHomepageText div.main_akce_list { margin-top: 30px; padding-bottom: 30px; }

#fullHomepageText H2            { font-size: 40px; font-weight: 600; padding: 0px 0px 10px 0px; margin: 0px; }
#fullHomepageText H3            { font-size: 18px; font-weight: 400; padding: 0px; margin: 0px; display: flex; }
#fullHomepageText div.jakoh3    { font-size: 18px; font-weight: 400; padding: 0px; margin: 0px; display: flex; }
#fullHomepageText a             { color: #fff; font-weight: 600; }
#fullHomepageText a:hover       { background-color: #fff; color: #1c57b3; }
#fullHomepageText a.boxes       { color: #464646; font-weight: 600; background-color: #f2f2f2; }
#fullHomepageText a.boxes:hover { color: #fff; font-weight: 600; background-color: #e73c3c; }

#fullHomepageText a.akce_a            { width: 285px; height: 385px; color: #000000; font-weight: 600; background-color: #ffffff; padding: 7px; margin: 0px 15px 15px 0px;   float: left; box-sizing: border-box; }
#fullHomepageText a.akce_a:hover      { background-color: #1c57b3; color: #ffffff; }

#fullHomepageText a.akce_a_list       { width: 285px; height: 385px; color: #000000; font-weight: 600; background-color: #f3f3f3; padding: 7px; margin: 0px 15px 15px 0px; float: left; box-sizing: border-box; }
#fullHomepageText a.akce_a_list:hover { background-color: #1c57b3; color: #ffffff; }

#fullHomepageText a.zobrazit_vse       { height: 45px; color: #1e1e1e; font-weight: 600; background-color: #FFF; position: relative; top: 15px; margin: 0px; padding: 10px 50px; border: 1px solid #464646; float: right; }
#fullHomepageText a.zobrazit_vse:hover { color: #fff; background-color: #1c57b3; }
#fullHomepageText a.zobrazit_vseM      { display: none; }
#fullHomepageText div.zobrazit_vse     { padding: 10px 50px; margin: 0px; border: 1px solid #1e1e1e; }


//#fullHomepageText div.akce       { padding: 7px; margin: 0px 0px 15px 0px; height: 100%; box-sizing: border-box; }
#fullHomepageText div.akce_img   { width: 100%; height: 180px; margin-bottom: 7px; background-position: center; background-repeat: no-repeat; box-sizing: border-box; background-size: auto 100%; }
#fullHomepageText div.akce_div   { margin: 0px; display: flex; }


#fullHomepageText div.main_text  { padding: 30px 0px; background-image: url('/layout/home_pozadi2.png'); color: #fff; }
#fullHomepageText div.links      { border: 2px solid #fff; padding: 10px 50px; }
#fullHomepageText div.ikony      { width: 800px; margin: 30px auto 0px auto; text-align: center; display: flex; flex-direction: row; justify-content: space-around; }

.obory  { display: flex; justify-content: space-between; position: relative; margin-top: -40px; }
.obory2 { display: flex; justify-content: space-between; position: relative; margin-top: 20px; }
.obory_line  { width: 100%; height: 6px; background-color: #3267b9; }
.obory_text1 { padding-top: 20px; font-size: 18px; font-weight: 600; }
.obory_text2 { padding-top: 90px; font-size: 18px; font-weight: 600; }
.obory_head  { width: 285px; height: 163px; background-color: #e73c3c; text-align: center; color: #fff; }
.obory_box   { width: 285px; height: 163px; text-align: center; }
.obory_truhlarske_prace         { width: 100%; height: 155px; background-image: url('/layout/ico_truhlarske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_truhlarske_prace:hover   { background-image: url('/layout/ico_truhlarske_prace_white.png'); }
.obory_drevarske_prace          { width: 100%; height: 163px; background-image: url('/layout/ico_drevarske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_drevarske_prace:hover    { background-image: url('/layout/ico_drevarske_prace_white.png'); }
.obory_zednicke_prace           { width: 100%; height: 163px; background-image: url('/layout/ico_zednicke_prace_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_zednicke_prace:hover     { background-image: url('/layout/ico_zednicke_prace_white.png'); }
.obory_prakticka_skola          { width: 100%; height: 163px; background-image: url('/layout/ico_prakticka_skola_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_prakticka_skola:hover    { background-image: url('/layout/ico_prakticka_skola_white.png'); }
.obory_stravovaci_sluzby        { width: 100%; height: 163px; background-image: url('/layout/ico_stravovaci_sluzby_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_stravovaci_sluzby:hover  { background-image: url('/layout/ico_stravovaci_sluzby_white.png'); }
.obory_kniharske_prace          { width: 100%; height: 163px; background-image: url('/layout/ico_kniharske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_kniharske_prace:hover    { background-image: url('/layout/ico_kniharske_prace_white.png'); }
.obory_provozni_sluzby          { width: 100%; height: 163px; background-image: url('/layout/ico_provozni_sluzby_black.png'); background-repeat: no-repeat; background-position: 50% 10%; }
.obory_provozni_sluzby:hover    { background-image: url('/layout/ico_provozni_sluzby_white.png'); }

.obory_content { display: inline; }



#fullMainContent {width: 100%; height: auto; float: left; padding: 0 px; margin-top: 0px; background-color: #fff; }
#fullMainContent .content {width: 100%; height: auto; float: left;}
#fullMainContent .content H1 {width: 100%; float: left; font-size: 40px; font-weight: 600; padding: 10px 0; margin-top: 10px; text-transform: uppercase; }
#fullMainContent .content H2 {width: 100%; float: left; font-size: 30px; font-weight: 600; padding: 10px 0; margin-top: 10px; }
#fullMainContent .content H3 {width: 100%; float: left; padding: 10px 0; margin-top: 20px;}
#fullMainContent .content P {width: 100%; float: left;}
#fullMainContent .content A       { color: #1C57B3; }
#fullMainContent .content A:HOVER { text-decoration: none; }
#fullMainContent .content UL {width: 100%; height: auto; float: left; margin: 0px; list-style-type: square;}
//#fullMainContent .content UL LI {padding: 0 0 0 20px; background-image: url('/layout/li-blue.jpg'); background-repeat: no-repeat; background-position: left top 11px; background-size: 10px}
#fullMainContent .content UL LI {padding: 0 0 0 20px; }
#fullMainContent .content .btn         {clear: left; display: block; float: left; margin-top: 20px; background-color: #fff; padding: 5px 16px; border-radius: 3px; color: #1e1e1e; border: 1px solid #464646; font-weight: 600; }
#fullMainContent .content .btn:HOVER   { background-color: #1c57b3; color: #fff; text-decoration: none; }
#fullMainContent .content .btn I       { color: #1e1e1e; font-weight: 600; background-color: #FFF; }
#fullMainContent .content .btn:HOVER I { background-color: #1c57b3; color: #fff; }



.obory_truhlarske_prace_detail         { width: 100%; height: 91px; background-image: url('/layout/ico_truhlarske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 20%; background-size: 20%; }
.obory_truhlarske_prace_detail:hover   { background-image: url('/layout/ico_truhlarske_prace_white.png'); }
.obory_drevarske_prace_detail          { width: 100%; height: 91px; background-image: url('/layout/ico_drevarske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 15%; background-size: 20%; }
.obory_drevarske_prace_detail:hover    { background-image: url('/layout/ico_drevarske_prace_white.png'); }
.obory_zednicke_prace_detail           { width: 100%; height: 91px; background-image: url('/layout/ico_zednicke_prace_black.png'); background-repeat: no-repeat; background-position: 50% 15%; background-size: 20%; }
.obory_zednicke_prace_detail:hover     { background-image: url('/layout/ico_zednicke_prace_white.png'); }
.obory_prakticka_skola_detail          { width: 100%; height: 91px; background-image: url('/layout/ico_prakticka_skola_black.png'); background-repeat: no-repeat; background-position: 50% 5%; background-size: 20%; }
.obory_prakticka_skola_detail:hover    { background-image: url('/layout/ico_prakticka_skola_white.png'); }
.obory_stravovaci_sluzby_detail        { width: 100%; height: 91px; background-image: url('/layout/ico_stravovaci_sluzby_black.png'); background-repeat: no-repeat; background-position: 50% 15%; background-size: 20%; }
.obory_stravovaci_sluzby_detail:hover  { background-image: url('/layout/ico_stravovaci_sluzby_white.png'); }
.obory_kniharske_prace_detail          { width: 100%; height: 91px; background-image: url('/layout/ico_kniharske_prace_black.png'); background-repeat: no-repeat; background-position: 50% 15%; background-size: 20%; }
.obory_kniharske_prace_detail:hover    { background-image: url('/layout/ico_kniharske_prace_white.png'); }
.obory_provozni_sluzby_detail          { width: 100%; height: 91px; background-image: url('/layout/ico_provozni_sluzby_black.png'); background-repeat: no-repeat; background-position: 50% 15%; background-size: 20%; }
.obory_provozni_sluzby_detail:hover    { background-image: url('/layout/ico_provozni_sluzby_white.png'); }


#grayLine {width: 100%; height: 2px; float: left; position: fixed; margin-top: 130px; background-color: #d6d6d2;}