/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#modules3 {
	display: inherit;
}
#nav1 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module5 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#module6 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 {
	display: inherit;
}
#module2 {
	display: inherit;
}
.manageri {
text-align: center;
width: 100%;
    padding-top: 40px;
  margin-bottom: 30px; 
max-width: 1165px;
}
.management {
	font-size: 16px;
  margin-right: 70px; 
  margin-bottom: 30px; 
  width: 350px;
  line-height: 1.3em;
display: inline-block;
}
.management h4 {
	font-size: 18px;
    font-weight: 700;
  padding-top: 20px; 
  line-height: 1.3em
}
.vyrobek, .vyrobek2 {
	font-size: 16px;
  font-weight: 500;
  float: left; 
  margin-right: 50px; 
  margin-bottom: 70px; 
  width: 29%;
}
.vyrobek h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 70px;
}
.vyrobek2 h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 30px;
}
.vybaveni {
  float: left; 
  margin-right: 100px; 
   margin-bottom: 60px;
  width: 40%;
  min-width: 400px;
}
.vybaveni ul {
padding-left: 70px;
}
.vybaveni li {
margin-left: 30px;
}
.vybaveni h3 {
  	font-size: 22px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 15px; 
      padding-right: 5px; 
    color: #de4604;
}
.kontakty {
  float: left; 
  margin-bottom: 30px; 
width: 700px;
}
.kontakt {
	font-size: 16px;
  float: left; 
  margin-right: 50px; 
  margin-bottom: 50px; 
  width: 255px;
  line-height: 1.3em
      min-width: 300px;
}
.zamestnanec {
  float: left; 
  margin-right: 100px; 
   margin-bottom: 30px;
  width: 40%;
  min-width: 400px;
}
.zamestnanec h3 {
  	font-size: 18px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 15px; 
      padding-right: 5px; 
  background-color: #de4604;
    color: #fff;
}

}

@media screen and (min-width: 950px) and (max-width: 1024px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#modules3 {
	display: inherit;
}
#nav1 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module5 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#module6 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 {
	display: inherit;
}
#module2 {
	display: inherit;
}
#nav1 ul.menu > li > a, #nav1 ul.menu > li > span.separator, #nav1 ul.maximenuck > li > a, #nav1 ul.maximenuck > li > span.separator
{
  display: block;
  color: #000000;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.aktualita {
	font-size: 50px;
  float: left; 
  margin-right: 0px; 
  margin-left: 50px; 
  margin-bottom: 30px; 
  width: 28%;
  min-width: 300px;
}
.programy {
  float: left; 
  margin-right: 20px;  
  margin-left: 50px; 
}
.manageri {
text-align: center;
width: 100%;
    padding-top: 40px;
  margin-bottom: 30px; 
max-width: 1165px;
}
.management {
	font-size: 16px;
  margin-right: 70px; 
  margin-bottom: 30px; 
  width: 255px;
  line-height: 1.3em;
display: inline-block;
}
.management h4 {
	font-size: 18px;
    font-weight: 700;
  padding-top: 20px; 
  line-height: 1.3em
}
.vyrobek, .vyrobek2 {
	font-size: 16px;
  font-weight: 500;
  float: left; 
  margin-right: 10px; 
  margin-left: 10px;
  margin-bottom: 70px; 
  width: 40%;
}
.vyrobek h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 70px;
}
.vyrobek2 h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 30px;
}
.vybaveni {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 60px;
  width: 100%;
}
.vybaveni ul {
padding-left: 0px;
}
.vybaveni h3 {
  	font-size: 22px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 15px; 
      padding-right: 5px; 
    color: #de4604;
}
.kontakty {
  float: left; 
  margin-bottom: 30px; 
}
.kontakt {
	font-size: 16px;
  float: left; 
  margin-right: 0px; 
  margin-bottom: 30px; 
width: 100%;
  line-height: 1.3em
}
.zamestnanec {
  float: left; 
  margin-right: 100px; 
   margin-bottom: 30px;
  width: 40%;
  min-width: 400px;
}
.zamestnanec h3 {
  	font-size: 18px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 0px; 
  background-color: #de4604;
    color: #fff;
}

}

@media screen and (min-width: 758px) and (max-width: 950px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#modules3 {
	display: inherit;
}
#nav1 {
	display: inherit;
}
#module1 {
	display: inherit;
}
#module5 {
	display: inherit;
}
#modules2 {
	display: inherit;
}
#module6 {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#module3 {
	display: inherit;
}
#module4 {
	display: inherit;
}
#modules1 {
	display: inherit;
}
#module2 {
	display: inherit;
}
#nav1 ul.menu > li > a, #nav1 ul.menu > li > span.separator, #nav1 ul.maximenuck > li > a, #nav1 ul.maximenuck > li > span.separator
{
  display: block;
  color: #000000;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}

.aktualita {
	font-size: 50px;
  float: left; 
  margin-right: 0px; 
  margin-left: 50px; 
  margin-bottom: 30px; 
  width: 28%;
  min-width: 300px;
}
.programy {
  float: left; 
  margin-right: 20px;  
  margin-left: 50px; 
}
.manageri {
text-align: center;
width: 100%;
    padding-top: 40px;
  margin-bottom: 30px; 
max-width: 1165px;
}
.management {
	font-size: 16px;
  margin-right: 70px; 
  margin-bottom: 30px; 
  width: 255px;
  line-height: 1.3em;
display: inline-block;
}
.management h4 {
	font-size: 18px;
    font-weight: 700;
  padding-top: 20px; 
  line-height: 1.3em
}
.vyrobek, .vyrobek2 {
	font-size: 16px;
  font-weight: 500;
  float: left; 
  margin-right: 10px; 
  margin-left: 10px;
  margin-bottom: 70px; 
  width: 95%;
}
.vyrobek h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 70px;
}
.vyrobek2 h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 30px;
}
.vybaveni {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 60px;
  width: 100%;
}
.vybaveni ul {
padding-left: 0px;
}
.vybaveni h3 {
  	font-size: 22px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
}
.kontakty {
  float: left; 
  margin-bottom: 30px; 
}
.kontakt {
	font-size: 16px;
  float: left; 
  margin-right: 0px; 
  margin-bottom: 30px; 
width: 100%;
  line-height: 1.3em
}
.zamestnanec {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 30px;
  width: 100%;
}
.zamestnanec h3 {
  	font-size: 18px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 0px; 
  background-color: #de4604;
    color: #fff;
}

}

@media screen and (min-width: 524px) and (max-width: 758px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#modules3 {
	display: inherit;
}
#nav1 {
	height: auto !important;
}
#nav1 ul {
	height: auto !important;
}
#nav1 li {
	float :none !important;
	width: 100% !important;
}
#nav1 div.floatck {
	width: 100% !important;
}
#module1 {
	display: inherit;
}
#module1 {
	height: auto !important;
}
#module1 .logobloc {
	float :none !important;
	width: auto !important;
}
#module5 {
	display: inherit;
}
#module5 {
	height: auto !important;
}
#module5 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules2 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#module6 {
	display: inherit;
}
#module6 {
	height: auto !important;
}
#module6 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#module4 {
	display: inherit;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#module2 {
	display: inherit;
}
#module2 {
	height: auto !important;
}
#module2 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav1 ul.menu > li > a, #nav1 ul.menu > li > span.separator, #nav1 ul.maximenuck > li > a, #nav1 ul.maximenuck > li > span.separator
{
  display: block;
  color: #000000;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}

.aktualita {
	font-size: 50px;
  float: left; 
  margin-right: 0px; 
  margin-left: 50px; 
  margin-bottom: 30px; 
  width: 28%;
  min-width: 300px;
}
.programy {
  float: left; 
  margin-right: 20px;  
  margin-left: 50px; 
}
.banner-mn { 
margin-bottom: 30px;
}
.manageri {
text-align: center;
width: 100%;
    padding-top: 40px;
  margin-bottom: 30px; 
max-width: 1165px;
}
.management {
	font-size: 16px;
  margin-right: 70px; 
  margin-bottom: 30px; 
  width: 300px;
  line-height: 1.3em;
display: inline-block;
}
.management h4 {
	font-size: 18px;
    font-weight: 700;
  padding-top: 20px; 
  line-height: 1.3em
}
.vyrobek, .vyrobek2 {
	font-size: 16px;
  font-weight: 500;
  float: left; 
  margin-right: 10px; 
  margin-left: 10px;
  margin-bottom: 70px; 
  width: 95%;
}
.vyrobek h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 70px;
}
.vyrobek2 h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 30px;
}
.vybaveni {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 60px;
  width: 100%;
}
.vybaveni ul {
padding-left: 0px;
}
.vybaveni h3 {
  	font-size: 22px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 15px; 
      padding-right: 5px; 
    color: #de4604;
}
.kontakty {
  float: left; 
  margin-bottom: 30px; 
}
.kontakt {
	font-size: 16px;
  float: left; 
  margin-right: 0px; 
  margin-bottom: 30px; 
width: 100%;
  line-height: 1.3em
}
.zamestnanec {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 30px;
  width: 100%;
}
.zamestnanec h3 {
  	font-size: 18px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 0px; 
  background-color: #de4604;
    color: #fff;
}

}

@media screen and (max-width: 524px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#modules3 {
	display: inherit;
}
#nav1 {
	height: auto !important;
}
#nav1 ul {
	height: auto !important;
}
#nav1 li {
	float :none !important;
	width: 100% !important;
}
#nav1 div.floatck {
	width: 100% !important;
}
#module1 {
	display: inherit;
}
#module1 {
	height: auto !important;
}
#module1 .logobloc {
	float :none !important;
	width: auto !important;
}
#module5 {
	display: inherit;
}
#module5 {
	height: auto !important;
}
#module5 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules2 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#module6 {
	display: inherit;
}
#module6 {
	height: auto !important;
}
#module6 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#module3 {
	display: inherit;
}
#module3 {
	height: auto !important;
}
#module3 .logobloc {
	float :none !important;
	width: auto !important;
}
#module4 {
	display: inherit;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#module2 {
	display: inherit;
}
#module2 {
	height: auto !important;
}
#module2 .logobloc {
	float :none !important;
	width: auto !important;
}
#nav1 ul.menu > li > a, #nav1 ul.menu > li > span.separator, #nav1 ul.maximenuck > li > a, #nav1 ul.maximenuck > li > span.separator
{
  display: block;
  color: #000000;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}

.aktualita {
	font-size: 50px;
  float: left; 
  margin-right: 0px; 
  margin-left: 50px; 
  margin-bottom: 30px; 
  width: 28%;
  min-width: 300px;
}
.programy {
  float: left; 
  margin-right: 20px;  
  margin-left: 50px; 
}
.banner-mn { 
margin-bottom: 30px;
}
.manageri {
text-align: center;
width: 100%;
    padding-top: 40px;
  margin-bottom: 30px; 
max-width: 1165px;
}
.management {
	font-size: 16px;
  margin-right: 70px; 
  margin-bottom: 30px; 
  width: 300px;
  line-height: 1.3em;
display: inline-block;
}
.vyrobek, .vyrobek2 {
	font-size: 16px;
  font-weight: 500;
  float: left; 
  margin-right: 10px; 
  margin-left: 10px;
  margin-bottom: 70px; 
  width: 95%;
}
.vyrobek h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 70px;
}
.vyrobek2 h3 {
  	font-size: 20px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
  height: 30px;
}
.vybaveni {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 60px;
  width: 100%;
}
.vybaveni ul {
padding-left: 0px;
}
.vybaveni li {
padding-left: 0px;
}
.vybaveni h3 {
  	font-size: 22px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 5px; 
    color: #de4604;
}
.kontakty {
  margin-bottom: 10px; 
}
.kontakt {
	font-size: 16px;
  margin-right: 0px; 
  margin-bottom: 10px; 
width: 100%;
  line-height: 1.3em
}
.zamestnanec {
  float: left; 
  margin-right: 0px; 
   margin-bottom: 30px;
}
.zamestnanec h3 {
  	font-size: 18px;
    font-weight: 700;
padding-top: 10px;  
  padding-bottom: 10px; 
    padding-left: 0px; 
      padding-right: 0px; 
  background-color: #de4604;
    color: #fff;
}

}