html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ width: 100%;}
* {font-size: 100%;}

img {border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ overflow: visible;  /* 3 */}

#cover {width: 99%; max-width: 1200px; padding: 0.5%; border: 0px;}
#zahlavi {width: 100%; overflow: hidden; padding: 0px;}

#col-01 {width: 21%; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#col-02 {width: 57%; padding: 10px 0px 0px 0px; margin: 0px 0.5%; word-wrap: break-word; overflow: hidden;}
#col-03 {width: 21%; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.ktg-tree-c {padding: 2%; font-size: 80%;}

.cms-text img {margin: 0px; padding: 0px; border: 0px; max-width: 100%;}

.cms-text img.float-left {float:left; margin-right: 10px;}
.cms-text img.float-right {float:right; margin-left: 10px;}


table[border="0"], table[border="0"] td, table[border="0"] th {border: 0px solid #000;}
table[border="1"], table[border="1"] td, table[border="1"] th {border: 1px solid #000;}
table[border="2"], table[border="2"] td, table[border="2"] th {border: 2px solid #000;}
table[border="3"], table[border="3"] td, table[border="3"] th {border: 3px solid #000;}

html::selection {color:#fff; background-color: #000;}
html::-moz-selection {color:#fff; background-color: #000;}

.cms-text td {overflow: hidden; word-wrap: break-word;}
.cms-text td img {max-width: 100%;}
.cms-text table {width: auto; max-width: 100%;}

iframe, object, embed, form, input, textarea {max-width: 100%;}

/* FOTOGALERIE - DAVINCI (PROFESSOR CLOUD) - RESPONSIVE */
.carous  {max-width: 100%; max-height: 500px;}
.carous img.cloudcarousel {max-width: 50%;}
.carous div {position: absolute; left: 45%; top: 70px;}

#qr {text-align: center; padding: 10px 0px;}

/* --------------------------- [ BannerTest ] --------------------------- */
#banner-test {padding: 10px; margin: 2%; color: #999; font-size: 80%; display: block; text-align: right; background-color: rgba(0,0,0,0.8);}
#banner-test span {color: #fff; min-width: 50px;  display: inline-block; padding: 2px 2px;}
#banner-test div {font-size: 110%; font-weight: bold; text-align: left; margin: 0px 0px 10px 0px; padding: 5px 5px; color: #fff;}

/*---------------------------[ SEO lista ]-----------------------------*/
div.over-seo {max-width: 1200px; min-width: 0px; margin: 0px auto; width: auto; padding: 20px 0.5%;}
div.in-seo {padding: 0px 1%; width: auto;}
.lista-seo {max-width: 100%;}
div.over-seo * {font-size: 10px !important;}

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

.toggle-name {padding-right: 5%;}
.icon-toggle {display: inline-block; width: 25px; height: 25px;}
.icon-toggle span.icon-bar {display: block; padding: 0%; margin-top: 20%; height: 20%; background-color: #999;}
.icon-toggle span.icon-bar:first-child {margin-top: 0%;}

/* ------------ [ RULES FOR FORMS ] ------------ */
.cms-text form {width: 100%; max-width: 600px; 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: 94%;}
.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: auto; color: #fff; font-size: 15px; background-color: #000; padding: 5px 10px; border: 1px solid #000; cursor:pointer;}
.cms-text form input[type=reset] {width: auto; color: #737373; font-size: 15px; background-color: #000; padding: 5px 10px; 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;}             

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

#new-menu ul ul li a {white-space: normal;}
#new-menu li a .arrow,#new-menu li li a .arrow{width:0px !important;height:0px !important;border-style:solid !important;border-width:8px 6px 0 6px !important ;border-color:#ffffff transparent transparent transparent !important;position:absolute !important;top:50% !important;margin-top:-4px !important; right:10px !important; transform: initial !important;-webkit-transform: initial !important;-moz-transform: initial !important;-o-transform: initial !important;-ms-transform: initial !important; }   

#new-menu li li a .arrow {width:0px !important;height:0px !important;border-style:solid !important;border-width: 6px 0 6px 8px !important;
border-color: transparent transparent transparent #ffffff !important;position:absolute !important;top:50% !important;margin-top:-6px !important; right:10px !important; transform: initial !important;-webkit-transform: initial !important;-moz-transform: initial !important;-o-transform: initial !important;-ms-transform: initial !important;}   

#new-menu li ul {display: none;}



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

#identifikator {width: 2px;display: none;}
.hidden_new-menu, .hidden_menu, #new-menu .Prepended {display: block;}
#new-menu li a {padding-right: 15px;}
}

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

body {background-image: none; padding: 0px; margin: 0px;}
#cover {margin: 0px auto;}
#col-01, #col-02, #col-03  {padding: 5px 0px 0px 0px; min-height: 0px; margin: 0px 0px 0px 0px; float: none;}
#col-01  {width: 30%; float: left;}
#col-02  {width: 69.33333333333333%; padding: 5px 0px 0px 0.6666666666666667%; float: right;}
#col-03  {width: 30%; min-height: 0px; float: left; clear: left;}
div.over-seo, div.in-seo {margin: 0px;}

#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;}

#new-menu li a {padding-right: 30px;}

#top-list {display: none;}
}

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

#identifikator {width: 0px;display: none;}
body {min-width: 200px; background-image: none; padding: 0px; margin: 0px;}
#cover {margin: 0px; padding: 0px; border: 0px; width: 100%;}
#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;}

div.over-seo, div.in-seo {margin: 0px;}

#zahlavi {float: left;}
#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: 90% !important; padding: 3% 5% !important; z-index: 99; float: left;}           
#PrepinacMobileMenu2 {display: block; width: 90% !important; padding: 3% 5% !important; z-index: 99; float: left;} 

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

#flags {position: static; width: 100%; height: auto; padding: 5px 0px; text-align: center; background-color: #222; z-index: 99; float: left;}
#flags a {margin-right: 5px;}
#flags a img {opacity:0.5; filter:alpha(opacity=50);}
#flags a[href="./"] img {opacity:1.0; filter:alpha(opacity=100);}

#new-menu {position: absolute; top: 50px; right: 0px; width: 100%;z-index: 99; margin: 0px;}
#new-menu a {display: inline-block; float: none;} 
#new-menu ul {float: none;}  
#new-menu li {float: none; display: block;}
#new-menu li a {width: auto; display: block;     position: relative;}
#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;}
#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;}
.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 li a .arrow {width:0px;height:0px;border-style:solid;border-width:8px 6px 0 6px;border-color:#ffffff transparent transparent transparent;position:absolute;top:50%;margin-top:-4px; right:10px;}   


}