#col-01 {width: 21%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#col-02 {width: 99%; padding: 0px 0px 0px 0px; margin: 0px 0.5%;}
#col-04 {width: 100%; padding: 0px 0px 0px 0px; }

.cms-text img {margin: 0px; padding: 0px; border: 0px; max-width: inherit; height: auto;}
.cms-text {padding: 2% 1%;}
.cms-text td img {max-width: 100%;}
#cover {padding: 12px; width: 1200px;}
div.over-seo {max-width: 1200px;}

/* ------------ [ PREPINACE MENU ] ------------ */
#PrepinacMobileMenu, #PrepinacMobileMenu2 {text-align: right; color: #fff; font-size: 110%; font-weight: bold; cursor: pointer; padding: 10px 0; background-color: #5A6CD2; }
#PrepinacMobileMenu2 {background-color: #5A6CD2;  }
#PrepinacMobileMenu.on, #PrepinacMobileMenu2.on {background-color: #000;}

.icon-toggle span.icon-bar {background-color: #fff;}

/* ------------ [ RULES FOR FORMS ] ------------ */
.cms-text form {width: 100%; max-width: 1000px; margin: 0px auto;}
.cms-text form table {width: 100%;}
.cms-text form table td {}
.cms-text form input,
.cms-text form select,
.cms-text form textarea {padding: 4px 3%; margin: 3px 0px; background-color: #fff; background-color: rgba(255,255,255,0.6); border: 1px solid #ccc; font-size: 14px; width: auto;}
.cms-text form select {}
.cms-text form p {margin: 0px; padding: 0px; font-size: 15px; color: #737373;}

.cms-text form input[type=checkbox] {width: 20px; height: 20px; padding: 2px; margin: 0px; color: #c00; border: 1px solid #ccc;}
.cms-text form input[type=submit] {width: 100px; color: #fff; font-size: 15px; background-color: #000; padding: 5px 0px; border: 1px solid #000; cursor:pointer;}
.cms-text form input[type=reset] {width: 100px; color: #737373; font-size: 15px; background-color: #000; padding: 5px 0px; border: 1px solid #000; cursor:pointer;}
.cms-text form input[type=hidden] {display:none;}

.cms-text form input:focus,
.cms-text form textarea:focus {border: 1px solid #0B89C6;-moz-box-shadow:0px 0px 5px #4EA9D5;-webkit-box-shadow:	0px 0px 5px #4EA9D5;box-shadow:0px 0px 5px #4EA9D5;}

#zahlavi {overflow: visible;}

/* ------------ [ RULES FOR RESPONSIBITY ] ------------ */

/* PC */
@media (min-width: 1024px) {

}

/* TABLET */
@media (max-width: 1023px) {

body {background-image: none;}
#cover {margin: 5px auto; border: 0px; padding: 0px; webkit-box-shadow: 0 0 0px 0 #fff; box-shadow: 0 0 0px 0 #fff; width: 99%; }
#col-01, #col-02, #col-03  {padding: 5px 0px 0px 0px; min-height: 0px; margin: 0px 0px 0px 0px; float: none;}
div.over-seo, div.in-seo {margin: 0px;}
.cinnost, .OblastAnimace, .zalomeni02, #OverBoxSlider, #frm-login-menu, .ndp_kontakt, #sloupec_vlevo  {display: none;}
.nadpis {max-width: 99%; padding-left: 1%;}
#HomeFlash, #HomeFlash img {display: block;}
a#zahlavi-img, img#zahlavi-img {max-width: 100%; left: 0px;}
#identifikator {width: 1px;display: none}
.hidden_new-menu, .hidden_menu, #new-menu .Prepended {display: block;}

#zahlavi {background-image:url("../img/zahlavi-tablet.jpg");}

#new-menu li a {padding-right: 30px;}
#new-menu li a .arrow{content:''; height:8px; width:8px; display:inline-block; border:1px solid #5A6CD2; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:10px; right:10px;}
#new-menu li li a .arrow{border:1px solid #5A6CD2; border-left-width:0; border-top-width:0; top:15px; right:10px;}
#top-list {display: none;}
#flags {position: static;}
#flags a img {border: 1px solid #0052A5;}
#flags a:hover img {border: 1px solid #0052A5;}
.slide-out-01 {display: block;}

}

/* MOBILE */
@media (max-width: 480px) {

#google_translate_element {position: absolute; top: 160px; right: 10px;}

#identifikator {width: 0px;display: none;}
body {min-width: 200px; padding: 0px;background-image: none;}
#cover {margin: 0px; padding: 0px; border: 0px;}
#col-01, #col-02, #col-03  {width: 100%; padding: 5px 0px 0px 0px; clear: both; min-height: 0px; margin: 0px 0px 0px 0px; float: none;}
#col-01 {padding: 0px;}
.cinnost, .OblastAnimace {display: none;}
.logo {top: 0px; margin: 10px auto; width: 127px;}
div.over-seo, div.in-seo {margin: 0px;}

.nadpis {max-width: 99%; padding-left: 1%  !important;}

#zahlavi {float: left; margin: 0px; background-image:url("../img/zahlavi-mobil.jpg");background-position: top center; background-repeat: no-repeat; height: 81px; }
#HomeFlash, #HomeFlash img {display: block;}
a#zahlavi-img, img#zahlavi-img{max-width: 100%; left: 0px; top: 0px;}

.cms-text table, .cms-text thead, .cms-text tbody, .cms-text th, .cms-text td, .cms-text tr {display: block;}
.cms-text thead, .cms-text tbody {padding: 1%;}
.cms-text tr {border: 0px solid #c00; margin: 0% 0% 5% 0%; padding: 0%;}
.cms-text td {border: none; border-bottom: 1px solid #eee; position: relative; white-space: normal; text-align:left;}
.cms-text td img {max-width: 98%;}

#top-list {display: none;}

#PrepinacMobileMenu {display: block; width: 100%; z-index: 99; float: left;}           
#PrepinacMobileMenu2 {display: block; width: 100%;z-index: 99; float: left;} 

.hidden_new-menu, .hidden_menu, .hidden_vlajky {display: none;}

#flags {position: static; width: 100%; height: auto; padding: 7.5px 0px; text-align: center; background-color: #fff; z-index: 99; float: left; margin: 0px;}
#flags a {margin-right: 5px;}
#flags a img {border: 1px solid #0052A5;}
#flags a:hover img {border: 1px solid #0052A5;}

#new-menu {margin: 0px; top: 50px;}
#new-menu a {display: block; float: none; margin: 0px; background-color: #fff; color: #5A6CD2;} 
#new-menu a.sel, #new-menu a:hover {background-color: #5A6CD2;}
#new-menu ul {float: none; text-align: left;}  
#new-menu li {float: none; display: block;}
#new-menu li a {width: auto; display: block;}
#new-menu li ul, #new-menu li li ul  {width: auto; clear: both;position: relative; top: 0px; left: 0px;}
#new-menu li ul li {width: auto;}
#new-menu li li a{width: auto; padding-left: 30px; background-color: #fff; color: #5A6CD2;}
#new-menu li li a.sel, #new-menu li li a:hover {background-color: #5A6CD2;}
#new-menu li li li a{width: auto; padding-left: 45px;}
#new-menu li li li li a{width: auto; padding-left: 60px;}
#new-menu li li li li li a{width: auto; padding-left: 75px;}
#new-menu .Prepended {display: block;}


.menu ul li {margin: 0px; padding: 0px;}
.menu ul ul {padding: 0px;}
.menu li li a {padding-left: 30px;}
.menu li li li a {padding-left: 45px;}            
.menu li li li li a {padding-left: 60px;}

#new-menu li a .arrow, #new-menu li li a .arrow{content:''; height:8px; width:8px; display:block; border:1px solid #5A6CD2; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:15px; right:15px;}
#col-02 .cms-text table tr:nth-child(odd) {background-color: transparent;}
}