body {
 background: #fff;
  margin: 0;
  padding: 0;                                      
  border: 0;
  font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
  font-weight: 400; 
  font-size: 80%;
  line-height:1.6em;
  text-align: center;
  color:#333;
  }
  
#main {
 border-left: 1px solid #E9AF8E;
 border-right: 1px solid #E9AF8E;
 width: 760px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 background: #fff;
 }
html>body #main {
width: 758px;
}







ul {
 margin: 5px;
 padding: 0;
 list-style-type: none;
}


li {
 margin: 0;
 padding: 0 5px;
}

ul a:hover {
background: transparent;
color:#0000cc;
text-decoration: underline;
}

ul a {
color: #ea0000;
font-weight: 400;
text-decoration: underline;
}


/******************************************************** zahlavi */



#top-lista {
 width: 760px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 border-bottom: 1px solid #E9AF8E;
 color: #333;
 text-align: left;
 }  



 

#center-lista {
 margin: 0;
 padding: 1px 0;
 background: #ea0000;
 border-bottom: 0px solid #E9AF8E;
 border-top: 0px solid #E9AF8E;
 color: #fff;
 text-align: left;
 } 
html>body #center-lista {
 padding: 0 0 3px 0;
}


#top-lista a {
  color: #ea0000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  }

/*009999*/

#top-lista a:hover {
  color: #0000cc;
  text-decoration: underline;
  }

#center-lista a {
  color: #fff;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  }

/*009999*/

#center-lista a:hover {
  color: #fff;
  text-decoration: none;
  }


#zapati {
 width: 760px;
 margin: 0 auto 20px auto;
 padding: 3px 5px 2px 5px;
 background: transparent;
 border: 0;
 border-top: 1px solid #E9AF8E;
 color: #333;
 text-align: right;
 clear: both;
 } 
html>body #zapati {
 width: 750px;
}

#zapati a {
 color: #ea0000;
 text-decoration: underline;
 }

#zapati a:hover {
 color: #0000cc;
 text-decoration: underline;
 }


#logo {
 margin: 0;
 padding: 0;
 border: 0;
 background: #fff ;
 height: 100px;

 } 

#levy-sloupec {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: left;
 width: 200px;
 float: left;
 }
 
 

#pravy-sloupec {
 margin: 0;
 padding: 0;
 border: 0;
 color: #000;
 text-align: left;
 width: 180px;
 }

#top-blok {
 margin: 0;
 padding: 0;
 border-top: 0;
 border-bottom: 1px solid #E9AF8E;
 color: #333;
 background: #fff;
 text-align: left;
 }

html>body #top-blok {
 padding: 0 0 0px 0;
}


#center-container {
 width: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 color: #333;
 background: #fff;
}




span.doplnek {
 color: red;
 font-style: italic;
}


span.alarm {
 color: red;
 
}


 /*------------levy, pravy sloupec------*/



.leve-menu , .levy-search, .leva-anketa, .levy-login, .levy-lang, .levy-kosik {
 margin: 20px 0 0 0;
 padding: 0;
}

.levy-nadpis {
 margin: 3px 5px ;
 background: #ea0000;
 color: #fff;
 padding: 3px 5px;
 font-weight: 800;
 width: auto;
 font-size: 11px;
 line-height:115%;

}

.levy-search-detail {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px solid #333;
 border-left: 0;border-right: 0;
}

.leva-anketa-detail {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px solid #333;
 border-left: 0;border-right: 0;
}

.levy-login-detail {
 margin: 2px 0 0 0;
 padding: 2px 5px 10px 5px;
 color: #333;
 border: 1px solid #333;
 border-left: 0;border-right: 0;
}

.levy-login-detail p {
 margin: 5px 0 0 0 ;
 padding: 0;
 
}


.levy-lang-detail  {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px solid #333;
 border-left: 0;border-right: 0;
}

.levy-kosik-detail  {
 margin: 2px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 1px solid #333;
 border-left: 0;border-right: 0;
}



#zahlavi p {
 margin: 0 0 3px 0;
 }


select.sloupec {
 width: 165px;
}

select.sloupec-odesli {
 width: 135px;
}

 /*--------------------------------------stred*/


.container {
  margin: 0;
  padding: 5px 10px 20px 10px;
  float: right;
  width: 558px;
  }
html>body .container {
 width: 538px;
}

.container p {
  margin: 0 0 0.7em 0 ;
  padding: 0;
  }


 

.container img {
   border: 0;
   margin: 5px;
   vertical-align: baseline;
   
}
#center-container .container .autor {
   clear: both;
   margin: 0.1em 0; padding: 0;
   text-align: right;

}

.container .zpet {
   float: right;
   margin: 0.5em 0; padding: 0;
   text-align: right;

}




.container ul {
 list-style-type: disc;
 padding-left: 30px; 
 margin: 5px 0;
}

.container ul li {
 padding: 1px 5px; 
 
}

.container ul ul li {
 padding: 1px 5px; 
 
}


.container ol {
 padding-left: 30px; 
 margin: 5px 0;
}

.container ol li {
 padding: 1px 5px; 
 
}

.container ol ol li{
 padding: 1px 5px; 
 
}


.container ul li a {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }

.container ul li a:hover {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }

.container ol li a {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }

.container ol li a:hover {
 display: inline;
 background: transparent;
 color: #505F8A;
 padding: 0;
 margin: 0;
 font-weight: 400;
 text-decoration: underline;
 }








.container table {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border-left: 1px solid #333;
 border-bottom: 1px solid #333;
 }

html>body .container table {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border-left: 1px solid #333;
 border-bottom: 1px solid #333;
 text-align: left;
 width: 100%;
 }


.container table td {
 padding: 2px 5px;
 border-color: #333;
 border-right: 1px solid #333;
 border-top: 1px solid #333;
 vertical-align: middle;
 }
html>body .container table td {
 padding: 0 5px;
}

.container table.bez {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 0.9em;
 padding: 0; margin: 7px auto;
 border: 0;
 }
 
html>body .container table.bez {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 1em;
 padding: 0; margin: 7px auto;
 border: 0;
 text-align: left;
 width: 100%;
 } 

 p.tabulka {
 padding: 0; margin: 0;
}

 h3.tabulka {
 padding: 0; margin: 0 0 2px 0;
}


.container table.bez td {
 padding: 2px 5px;
 border: 0;
 vertical-align: middle;
 }

html>body .container table.bez td {
 padding: 0 5px;
}

.container .clanek-formular {
 padding: 2px 5px;
 border: 0;
 margin: 0 0 30px 0;
 width: 100%;
}


/***************************************************** vseobecne */


p {
   margin: 10px 0;
   padding: 0; 
}



h1, h2, h3 {
   margin:  15px 0 5px 0;
   padding: 0;
   font-size: 1.3em;
   color: #000;
    
}

h2 { font-size: 1.2em; margin:  10px 0 10px 0; color: #000;}

h3 { font-size: 1.1em; color: #000;}

h4 { font-size: 1em; color: #000;}

.container h1 a,.container h2 a,.container h3 a {
   font-weight: 400;
   color: #ea0000;
   
}

 a:hover {
   color: #0000cc;
   text-decoration: underline;
}




.cleaner {
clear: both;
margin: 0; padding: 0;
height: 1px;
border: none;
overflow: hidden;
font-size: 1px;
}

.hidden {
  display: none;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
  
a {
  color: #ea0000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1em;
  }

/*009999*/

a:hover {
  color: #0000cc;
  text-decoration: underline;
  }
  

.container a {
 color: #ea0000; 
}

.container a:hover {
 color: #0000cc; 
 text-decoration: underline;
}

.container .katalog-rozdeleni a {
 color: #999;
}

.container .katalog-rozdeleni a:hover {
 color: #0000cc;
 text-decoration: underline;
}


.container .katalog-rozdeleni h1 a {
 color: #ea0000;
 font-size: 1.1em; 
}

.container .katalog-rozdeleni h1 a:hover {
 color: #0000cc;
 text-decoration: underline;
}




hr {
  margin: 2px 0 2px 0;
  padding: 0;
  background: #333;
  border: 0;
  height: 1px;
  font-size: 1px;
  }

html>body  hr {
  margin: 5px 0 5px 0;
  padding: 0;
  background: #333;
  border: 0;
  border-top: 1px solid #333;
  height: 0px;
  font-size: 1px;
  }


  
input {
  border: 1px solid #999;
  width: 140px;
  height: 18px;
  background: #fff;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
html>body input {
  width: 138px;
  height: 16px;
  vertical-align: top;
}




input.button {
  border: 1px solid #B6B3A3;
  width: 23px;
  height: 18px;
  background: #fff;
  margin: 0 0 0 3px;
  padding: 0;
  vertical-align: middle;
  }
html>body input.button {
  width: 21px;
  height: 16px;
  vertical-align: top;
}

button {
 vertical-align: middle;
}

textarea {
  border: 1px solid #999;
  width: 300px;
  height: 100px;
  background: #fff;
  margin: 3px auto;
  padding: 0;
  }
html>body textarea {
  border: 1px solid #999;
  width: 100%;
  height: 100px;
  background: #fff;
  margin: 3px auto;
  padding: 0;
  }
  
input.radio-button {
  border: 1px solid #999;
  width: 22px;
  height: 22px;
  background: #fff;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }

html>body input.radio-button {
  border: 0;
  width: 15px;
  height: 15px;
  background: transparent;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  } 

input.check-button {
  border: 0px solid #999;
  width: 18px;
  height: 18px;
  background: #fff;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  }
  
html>body input.check-button {
  border: 1px solid #999;
  width: 15px;
  height: 15px;
  background: #fff;
  margin: 2px 0;
  padding: 0;
  vertical-align: middle;
  }

  
select {
  border: 1px solid #999;
  height: 20px;
  background: #fff;
  margin: 2px 0;
  padding: 0;
  text-align: left;
  color: #000;
  vertical-align: middle;
  }

html>body select {
  border: 0;
  height: 18px;
  background: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #000;
  vertical-align: top;
  }



input.submit-odeslat {
  font-size: 11px;
  font-weight: 800;
  width: 80px;
  height: 20px;
  border: 1px solid #FF0000;
  color: #000;
  background: #FFD6D6;  
  cursor: hand;
  vertical-align: middle;
}
html>body input.submit-odeslat {
  width: 78px;
  height: 18px;
  vertical-align: top;
}

.mezera20 {
 height: 20px;
 background: transparent;
 margin: 0;
 padding: 0; 
}

.mezera200 {
 height: 200px;
 background: transparent;
 margin: 0;
 padding: 0; 
}



form {
 padding: 0;
 margin: 0;
}

/********************************************************* chyba */

.chyba {
  border: 1px dashed red;
  background: #FFFFCC;
  margin: 1em 0;
  padding: 1em;
  color: red;
}




/*---------------------------------------top lista */

.top-urovne {
 margin: 1px 0 1px 0;
 padding: 2px 5px 0 5px;
 color: #666;
 border: 0;
}

.top-search {
 margin: 1px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 0;
 width: 170px; 
 }

.top-search p {
 margin: 0;
 padding: 0;
 }

.top-lang {
 margin: 3px 0;
 padding: 0 5px;
 color: #333;
 border: 0;
}
html>body .top-lang {
 padding: 0px 5px;
}




.top-menu {
 padding: 1px 5px;  
 margin:0;
 border: 0; 
 color: #CCFF99;
 font-weight: 400;
}

.top-menu-in {
 position: absolute;
 z-index:100; 
 padding: 0 0;
 margin: 0 ;
 
}


.top-lista {
 margin: 0;
 padding: 0;
 font-weight: 0;
 line-height: 0px;
 height: 1px;
 font-size: 1px;
 clear: both;
 background: transparent;
 border: 0;
}






#nav-top {
list-style: none;

}

 #navtop ul {
	padding: 0;
	margin:0;
	list-style: none;
  width: 150px;
  z-index: 99;
  position: relative;
  }

#navtop li {
    margin: 0 0 0 0;   
    padding: 0;
    position: relative; 
    float: left;
	  width: 150px;
    border: 0;
    background: transparent;
    display: block;
    height: auto;
    
    
}
html>body #navtop li {
   width: 150px;
}


 
#navtop a {
    text-decoration:none; 
    display:block;
    padding: 1px 5px;  
    margin:0;
    border: 0; 
    background: #FFCC33;
    color: #333;
    width:150px; 
    font-weight: 400;
    font-size: 11px;
    border-right: 1px solid #333;
}

html>body #navtop a {
    width:139px; 
}



#navtop a:hover{
    background:#000;
    color:#fff;
    border-right: 1px solid #333;
    width:150px; 
    
}

html>body #navtop a:hover{
    width:139px; 
}

#navtop ul{
    display:none;   
}

/*all see this */
#navtop ul ul, #navtop ul ul ul{
    display: none; 
    position: absolute; 
    margin-top: -1.4em; ; 
    margin-left: 11.7em;
    
}




/* non-IE browsers see this */
 #navtop ul li>ul, #navtop ul ul li>ul{
    margin-top:-1.1em;
    margin-left: 12.1em; 
 }

#navtop li:hover ul ul, #navtop li:hover ul ul ul{
    display:none; 
}

#navtop li:hover ul, #navtop ul li:hover ul, #navtop ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}






/*---------------------------------------stredova lista */

.stred-urovne {
 margin: 0px 0 0px 0;
 padding: 0px 5px 0 5px;
 border: 0;
}

.stred-search {
 margin: 1px 0 0 0;
 padding: 2px 5px;
 color: #333;
 border: 0;
 width: 170px; 
 }

.stred-search p {
 margin: 0;
 padding: 0;
 }

.stred-lang {
 margin: 3px 0;
 padding: 0 5px;
 color: #333;
 border: 0;
}
html>body .stred-lang {
 padding: 0px 5px;
}




.stred-menu {
 padding: 1px 5px;  
 margin:0;
 border: 0px solid #fff; 
 color: #CCFF99;
 font-weight: 400;
}

.stred-menu-in {
 position: absolute;
 z-index:100; 
 padding: 0 0;
 margin: 0 ;
 
}


.stred-lista {
 margin: 0;
 padding: 0;
 font-weight: 0;
 line-height: 0px;
 height: 1px;
 font-size: 1px;
 clear: both;
 background: transparent;
 border: 0;
}









#nav{
list-style: none;

}

 #nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
  width: 150px;
  z-index: 99;
  position: relative;
  }

#nav li { 
    margin: 0 0 0 0;   
    padding: 0;
    position: relative; 
    float: left;
	  width: 150px;
    border: 0;
    background: transparent;
    display: block;
    height: auto;  
    
}
html>body #nav li {
      width: 150px;
}


 
#nav a {
    text-decoration:none; 
    display:block;
    padding: 1px 5px;  
    margin:0;
    border: 0; 
    background: #FFCC33;
    color: #333;
    width:150px; 
    font-weight: 400;
    font-size: 11px;
    border-right: 1px solid #333;
}

html>body #nav a {
    width:139px;  
}



#nav a:hover{
    background:#000;
    color:#fff;
    border-right: 1px solid #333;
    width:150px; 
}







html>body #nav a:hover{
    width:139px; 
}

#nav ul{
    display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul{
    display: none; 
    position: absolute; 
    margin-top: -1.4em; ; 
    margin-left: 11.7em;
    
}




/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.1em;
    margin-left: 12.1em; 
 }

#nav li:hover ul ul, #nav li:hover ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/*-----------------vrchni blok*/

.blok-search {
 margin: 0;
 padding: 0px 5px 1px 5px;
 text-align: right;
 }
 
.blok-search p {
 margin: 0;
 padding: 2px 0;
 color: #333;
 } 

.blok-lang {
 margin: 0;
 padding: 0px 5px 1px 5px;
 text-align: right;
 }

.blok-lang p {
 margin: 0;
 padding: 2px 0;
 }
 

.blok-kosik {
 margin: 0;
 padding: 0px 5px 1px 5px;
 text-align: right;
 }

.blok-kosik p {
 margin: 0;
 padding: 2px 0;
 color: #333;
 }

 
 
.galerie-hlavni {
 margin: 20px 0;
 padding: 0;
 border: 0;
}

a.galerie-thumb {
 margin: 10px 4px;
 padding: 0;
 float: left;
 vertical-align: middle;
 border: 2px solid #aaa;
 z-index: 99;
} 

a.galerie-thumb:hover {
 border: 2px solid #333;
 
} 

.zebricek-sloupec {
padding: 0 5px;
margin: 0 0 10px 0 ;
font-size: 11px;
line-height:115%;
width: 100%;
}

html>body .zebricek-sloupec {
width: auto;
}

h2.zebricek-sloupec {
 margin: 3px 0 ;
 background: #ea0000;
 color: #fff;
 padding: 3px 5px;
 font-weight: 800;
 width: auto;
}



table.zebricek-sloupec-vypis {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 11px;
 width: 100%;
 padding: 0; margin: 0px auto;
 color: #333;
 border: 0;
 }



table.zebricek-sloupec-vypis td {
 padding: 3px 3px;
 width: 1%;
}




.sloupec-text {
padding: 0 5px;
margin: 3px 0 ;
font-size: 11px;
line-height:115%;
}


h2.sloupec-nadpis {
 margin: 3px 0 ;
 background: #ea0000;
 color: #fff;
 padding: 3px 5px;
 font-weight: 800;
 width: auto;
}



.sloupec-text p.autor{
padding: 0 5px;
margin: 0px 0 ;
font-size: 11px;
text-align: right;
}


.sloupec-text a {
 color: #ea0000; 
 text-decoration: underline;
}


.sloupec-text  a:hover {
color: #0000cc;
text-decoration: underline;
}





.container div.katalog-rozdeleni {
 padding: 0; 
 margin: 10px 0 30px 0;
 width: 100%;
 }

html>body .container div.katalog-rozdeleni {
 width: auto;
 }


.container div.katalog-top {
 padding: 0; 
 margin: 10px 0 30px 0;
 }
html>body .container div.katalog-top {
 width: auto;
 }


.container div.katalog-top h2 {
 width: 100%;
 padding: 1px 5px;
 font-weight: 800;
 }

html>body .container div.katalog-top h2 {
 width: auto;
 }

.container div.katalog-top h2.novinky10 { 
 background: #D2E5CA;
 color: #32870D;
 border: 1px solid #9BDD7F; 
 }

.container div.katalog-top h2.akt10 { 
 background: #E6F7DF;
 color: #5EA041;
 border: 1px solid #9BDD7F; 
 } 

.container div.katalog-top h2.top10 { 
 background: #F6E0B6;
 color: #DA752C;
 font-weight: 800;
 font-size: 1em;
 border: 1px solid #DA752C; 
 padding: 0 5px;
 } 
 

.container div.katalog-top div.vypis {
 width: 100%;
 padding: 0;
 margin: 3px 0 10px 0;
 }

.container div.katalog-top div.vypis h4 {
 width: 100%;
 padding: 0;
 margin:  0;
 }

 
.container div.katalog-top div.vypis p {
 width: 100%;
 padding: 0;
 margin:  0 0 0 0;
 }

.container div.katalog-rozdeleni table.katalog-rozdeleni {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 0.9em;
 width: 100%;
 padding: 0; margin: 0;
 border: 0;
 color: #000;
 font-weight: 800;
 }

.container div.katalog-rozdeleni table.katalog-rozdeleni td {
 padding: 3px 2px;
 border: 0;
 text-align: left;
 width: 50%;
 }

div.polozka-obal {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
}
div.polozka-nadpis {
  margin: 0 0 5px 0;
  padding: 2px 0px;
  width: 100%;
  background: transparent;
  font-size: 1.3em;  
}

html>body div.polozka-nadpis {
  margin: 0 0 5px 0;
  padding: 2px 5px;
  width: auto;
  background: transparent;
  font-size: 1.2em;  
}
div.polozka-popis {
  margin: 0 ;
  padding: 5px;
  width: 100%;
  color: #000;
}

img.polozka-foto {
  float: left;
  border: 0;
  margin: 0 5px 0 0;
  padding: 0;
  
}

div.polozka-cena {
  margin: 3px 0 0 0;
  padding: 3px 20px;
  text-align: right;
  color: #000;
}


.container table.katalog-parametry {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 100%;
 width: 100%;
 padding: 0; margin: 20px 0 0 0;
 border: 0px;
 color: #000;
 }

.container table.katalog-parametry td.tdleft {
 padding: 3px 2px;
 border: 0;
 text-align: left;
 vertical-align: top;
 }

.container table.katalog-parametry td.td150 {
 padding: 3px 2px;
 border: 0;
 text-align: center;
 width: 150px;
 }

.container table.katalog-parametry table.katalog-parametry-detail {
 font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
 font-size: 90%;
 width: 100%;
 padding: 0; margin: 20px 0 0 0;
 border: 1px ;
 color: #000;
 }

.container table.katalog-parametry table.katalog-parametry-detail td.tdleft {
 padding: 5px 7px;
 border: 0;
 border-bottom: 2px solid #FEEEE3;
 text-align: left;
 vertical-align: middle;
 }

html>body .container table.katalog-parametry table.katalog-parametry-detail td.tdleft {
 padding: 2px 7px;
 border: 0;
 border-bottom: 2px solid #FEEEE3;
 text-align: left;
 vertical-align: middle;
 }




.container table.katalog-parametry table.katalog-parametry-detail td.tdpopis {
 padding: 5px 7px;
 border: 0;
 border-bottom: 2px solid #fff;
 text-align: left;
 margin: 0;
 background: #FEEEE3;
 vertical-align: middle;
 white-space: nowrap;
 width: 40%;
 font-weight: 800;
 }

html>body .container table.katalog-parametry table.katalog-parametry-detail td.tdpopis {
 padding: 2px 7px;
 border: 0;
 border-bottom: 2px solid #fff;
 text-align: left;
 margin: 0;
 background: #FEEEE3;
 vertical-align: middle;
 white-space: nowrap;
 width: 40%;
 font-weight: 800;
 }



.bubble {
 position: absolute;
 margin: 20px 0 0 15px; 
 padding: 5px;
 width: 250px;
 background: #FFFEC2;
 border: 1px solid #FFE742;
 display: none;
}

div.katalog-foto-detail {
  text-align: right;
}

.katalog-rozdeleni p {
 line-height: 160%;
 margin: 0;
 padding: 0;
 color: #999;
 font-size: 1em;
 font-weight: 400; 
 
}


.katalog-rozdeleni h1 {
 margin: 5px 0 2px 0;
 
}

span.czech {
 background: #0000CC;
 color: #fff;
 font-size: 10px;
}

span.tip {
 background: #EA0000;
 color: #fff;
 font-size: 10px;
}


span.novinka {
 background: #32870D;
 color: #fff;
 font-size: 10px;
}

span.akt {
 background: #59C728;
 color: #fff;
 font-size: 10px;
}


table.vypis-programu {
 font-family: "Verdana CE", Verdana, sans-serif;
 font-size: 12px;
 line-height: 130%;
 padding: 0; margin: 7px auto;
 border: 0;
 color: #000;
}
html>body table.vypis-programu {
 text-align: left;
 font-size: 12px;
 line-height: 130%;
 padding: 0; margin: 7px auto;
 width: auto;
 border: 0;
 color: #000;
}


table.vypis-programu td.polozka-tdleft p {
 padding: 0; margin: 0;
 font-size: 100%;
 color: #000;
}

table.vypis-programu td h3 {
 padding: 0; margin: 0;
 font-size: 15px;
 line-height: 130%;
}

table.vypis-programu td h3 a {
 font-weight: 800;
}


table.vypis-programu td.polozka-tdleft p.perex {
 padding: 0; margin: 5px 0 7px 0;
 font-size: 12px;
 line-height: 130%;
 
}

table.vypis-programu td.polozka-tdleft p.parametr {
 padding: 0; margin: 0;
 font-size: 11px;
 color: #666;
}

table.vypis-programu tr.polozka-nadpis {
 background: #FEEEE3;
 border: 0;
}



table.vypis-programu td {
 padding: 10px 5px; margin: 0;
 text-align: left;
 vertical-align: top;
 border: 0;
 line-height: 1.3em;
}

table.vypis-programu td.polozka-td100 {
 width: 100px;
 text-align: center;
 
 border-bottom: 1px solid #ccc;
}

table.vypis-programu td.polozka-tdleft {
 padding: 10px 5px;
 text-align: left;
 vertical-align: top; 
 
 border-bottom: 1px solid #ccc;
}


table.vypis-programu td.polozka-tdcenter {
 padding: 10px 30px;
 text-align: center;
 vertical-align: middle; 
 
 border-bottom: 1px solid #ccc;
}

table.vypis-programu td.polozka-tdright {
 padding: 10px 5px;
 text-align: right;
 vertical-align: middle; 
 
 border-bottom: 1px solid #ccc;
}





/* ]]> */


/******************************************************** vzhled podle katalogu www.instaluj.cz (redakce.css), 9. 10. 2026 */

body { background: #E9E9E9; }

#top-lista, #main, html>body #main, #zapati, html>body #zapati {
 width: 1060px;
}

#top-lista {
 border: 0;
 padding: 6px 0;
 font-size: 0.9em;
}

#main {
 border: 0;
}

#logo {
 position: relative;
 height: 120px;
 background: url("/template/hlavicka-upload.jpg") 0 0 no-repeat;
}

#logo .logo-odkaz {
 position: absolute;
 left: 118px;
 top: 9px;
 color: #fff;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 37px;
 line-height: 40px;
 text-decoration: none;
}

#logo .logo-odkaz:hover {
 color: #fff;
 text-decoration: none;
}

#logo .logo-sekce {
 position: absolute;
 right: 10px;
 top: 62px;
 color: #333;
}

/* prepinac jazyka rozhrani (101.php) */
#logo .jazyky {
 position: absolute;
 right: 10px;
 top: 92px;
 margin: 0;
}

#logo .jazyky a, #logo .jazyky strong {
 margin-left: 8px;
}

#logo ul.zalozky {
 position: absolute;
 left: 15px;
 top: 85px;
 margin: 0;
 padding: 0;
}

#logo ul.zalozky li {
 float: left;
 margin: 0 8px 0 0;
 padding: 0;
 text-align: center;
 font-weight: 800;
}

#logo ul.zalozky a {
 display: block;
 font-weight: 800;
}

#logo .zalozka-aktiv a {
 width: 160px;
 height: 35px;
 line-height: 35px;
 color: #000;
 background: url("https://www.instaluj.cz/design/photo/zalozka-aktiv2020.jpg") no-repeat;
}

#logo .zalozka-katalog a {
 width: 162px;
 height: 30px;
 line-height: 28px;
 margin-top: 5px;
 color: #fff;
 background: url("https://www.instaluj.cz/design/photo/zalozka-2020-mh2.jpg") no-repeat;
}

#logo .zalozka-katalog a:hover {
 color: #000;
 background-image: url("https://www.instaluj.cz/design/photo/zalozka-hover2020.jpg");
}

#center-lista, html>body #center-lista {
 padding: 12px 5px;
 background: #fff;
 color: #000;
 border-bottom: 1px dashed #E9AF8E;
}

#center-lista a {
 color: #000;
}

#center-lista a:hover {
 color: #ea0000;
 text-decoration: underline;
}

#top-blok {
 border: 0;
}

#levy-sloupec {
 width: 230px;
}

.leve-menu {
 margin-top: 0;
}

.levy-nadpis {
 margin: 15px 5px 10px 5px;
 background: #F23434;
 border-radius: 3px;
 text-align: center;
}

.container {
 padding: 5px 15px 20px 15px;
 width: 785px;
}

html>body .container {
 width: 785px;
}

h1 {
 font-size: 1.6em;
 line-height: 1.2;
 padding: 7px 0 2px 0;
}

#zapati {
 border: 0;
 padding: 10px 0;
 text-align: center;
 font-size: 0.8em;
}

a:focus-visible {
 outline: 2px solid #0000cc;
 outline-offset: 2px;
}

.container input[type=text], .container input[type=password], .container input[type=email], .container input[type=name],
html>body .container input[type=text], html>body .container input[type=password], html>body .container input[type=email], html>body .container input[type=name] {
 box-sizing: border-box;
 width: 260px;
 height: 26px;
 padding: 0 6px;
 border: 1px solid #bbb;
 border-radius: 3px;
 vertical-align: middle;
}

.container textarea, html>body .container textarea {
 box-sizing: border-box;
 padding: 4px 6px;
 border: 1px solid #bbb;
 border-radius: 3px;
}

.container input:focus, .container textarea:focus, .container select:focus {
 outline: 0;
 border-color: #ea0000;
 box-shadow: 0 0 0 2px #FFD6D6;
}

.container button[type=submit], .container input.submit-odeslat, html>body .container input.submit-odeslat {
 width: auto;
 height: auto;
 padding: 6px 18px;
 border: 0;
 border-radius: 3px;
 background: #F23434;
 color: #fff;
 font-size: 1em;
 font-weight: 800;
 cursor: pointer;
}

.container button[type=submit]:hover, .container input.submit-odeslat:hover {
 background: #ea0000;
}

/* leve menu jako seznam polozek (pocitac i mobil) */
.leve-menu .levy-nadpis {
 margin: 15px 5px 0 5px;
 padding: 8px 10px;
 border-radius: 3px 3px 0 0;
}
.leve-menu ul {
 margin: 0 5px;
 border: 1px solid #E9AF8E;
 border-top: 0;
 border-radius: 0 0 3px 3px;
}
.leve-menu li {
 padding: 0;
 border-top: 1px solid #F3D9CA;
}
.leve-menu li:first-child {
 border-top: 0;
}
.leve-menu li a {
 display: block;
 padding: 11px 12px;
 color: #333;
 font-weight: 600;
 text-decoration: none;
}
.leve-menu li a::after {
 content: "\203A";
 float: right;
 color: #ea0000;
 font-size: 1.6em;
 line-height: 0.8;
}
.leve-menu li a:hover, .leve-menu li a:active {
 background: #FFF0F0;
 color: #ea0000;
 text-decoration: none;
}

/******************************************************** mobil */

@media (max-width: 1080px) {
 #top-lista, #main, html>body #main, #zapati, html>body #zapati {
  width: auto;
 }
 #top-lista {
  padding: 6px 10px;
 }
 /* uzsi okno nez 1060px: obsah se jinak propadne pod levy sloupec */
 .container, html>body .container {
  float: none;
  width: auto;
  margin-left: 230px;
 }
}

@media (max-width: 760px) {
 #logo .logo-odkaz {
  left: 100px;
  top: 12px;
  font-size: 6.5vw;
 }
 #logo .logo-sekce {
  display: none;
 }
 /* na mobilu do sede listy nad hlavickou, v hlavicce neni misto */
 #logo .jazyky {
  top: -29px;
  right: 10px;
 }
 #levy-sloupec, .container, html>body .container {
  float: none;
  width: auto;
  margin-left: 0;
 }
 .container {
  overflow-x: auto;
  padding: 5px 10px 20px 10px;
 }
 .mezera200 {
  display: none;
 }
 .leve-menu .levy-nadpis {
  margin: 15px 10px 0 10px;
 }
 .leve-menu ul {
  margin: 0 10px;
 }
 .container table.bez td {
  display: block;
  width: auto !important;
 }
 .container input[type=text], .container input[type=password], .container input[type=email], .container input[type=name],
 html>body .container input[type=text], html>body .container input[type=password], html>body .container input[type=email], html>body .container input[type=name] {
  width: 100% !important;
  width: 100%;
  max-width: 100%;
  height: 34px;
  font-size: 16px;
 }
 .container textarea, html>body .container textarea {
  font-size: 16px;
 }
 /* formulare maji inline sirky 200-450px */
 .container table.bez input, .container table.bez select, .container table.bez textarea {
  box-sizing: border-box;
  max-width: 100% !important;
 }
 .container table.bez textarea {
  width: 100% !important;
 }
 .container img {
  max-width: 100%;
  height: auto;
 }
 .container button[type=submit], .container input.submit-odeslat, html>body .container input.submit-odeslat {
  padding: 10px 24px;
 }
}

/* prehled software vyrobce (katalog.php) na mobilu jako karty */
@media (max-width: 760px) {
 .container table.vypis-upload, .container table.vypis-upload tbody {
  display: block;
  width: 100% !important;
 }
 .container table.vypis-upload tr {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
 }
 .container table.vypis-upload td {
  display: block;
  padding: 0;
  border: 0;
  text-align: left;
  white-space: normal !important;
 }
 .container table.vypis-upload tr td:nth-child(2) {
  grid-column: 1 / -1;
  grid-row: 1;
 }
 .container table.vypis-upload tr td:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
 }
 .container table.vypis-upload tr td:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
 }
 .container table.vypis-upload tr td:nth-child(4) p {
  display: inline;
  margin-left: 6px;
 }
 .container table.vypis-upload img {
  max-width: none;
 }
 .container table.vypis-upload tr td:nth-child(5) {
  white-space: nowrap !important;
  grid-column: 3;
  grid-row: 2;
  text-align: right;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(5)::before {
  content: "sta\17e en\ed  ";
  color: #777;
 }
 .container table.vypis-upload tr td:nth-child(1) {
  grid-column: 1 / -1;
  grid-row: 3;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a {
  display: block;
  margin-top: 6px;
  padding: 9px 0;
  border-radius: 3px;
  background: #F23434;
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
 }
 .container table.vypis-upload tr.polozka-nadpis {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  padding: 8px 10px;
  font-size: 0.9em;
 }
 .container table.vypis-upload tr.polozka-nadpis td:nth-child(1) {
  display: none;
 }
 .container table.vypis-upload tr.polozka-nadpis td br {
  display: none;
 }
 .container table.vypis-upload tr.polozka-nadpis td a:first-of-type {
  margin-left: 4px;
 }
}

/******************************************************** formular pridani / editace software (edit_polozka.php) */

.container table.form-software, .container table.form-software tbody {
 display: block;
 width: 100% !important;
}
.container table.form-software tbody {
 display: flex;
 flex-wrap: wrap;
}
.container table.form-software tr {
 display: flex;
 align-items: center;
 gap: 6px 15px;
 width: 100%;
 padding: 5px 0;
}
.container table.form-software td, .container table.bez.form-software td {
 display: block;
 width: auto !important;
 padding: 0;
}
.container table.form-software tr > td:first-child {
 flex: 0 0 190px;
}
.container table.form-software tr > td:last-child, .container table.form-software td[colspan] {
 flex: 1 1 auto;
}
.container table.form-software tr.mezera {
 display: none;
}
.container table.form-software tr.sekce {
 margin: 22px 0 6px 0;
 padding: 7px 10px;
 border-radius: 3px;
 background: #F23434 !important;
}
.container table.form-software tr.sekce td {
 padding: 0 !important;
 color: #fff;
 font-size: 1.05em;
}
.container table.form-software tr.sekce:first-child {
 margin-top: 5px;
}

/* textova pole: jednotna sirka misto inline 200-450px */
.container table.form-software input[type=name], .container table.form-software input[type=text], .container table.form-software textarea {
 width: 100% !important;
 max-width: 520px;
}
.container table.form-software input[name=MOC] {
 width: 110px !important;
}
.container table.form-software textarea[name=obsah] {
 max-width: none;
 height: 320px !important;
}
.container table.form-software select {
 height: 26px;
 margin-left: 6px;
 padding: 0 4px;
 border: 1px solid #bbb;
 border-radius: 3px;
}

/* volby licence, instalace: kolecko pred textem, cely popisek klikaci */
.container table.form-software label.volba {
 display: inline-flex;
 flex-direction: row-reverse;
 align-items: center;
 gap: 6px;
 margin-right: 18px;
 cursor: pointer;
}
.container table.form-software label.volba input, .container table.form-software tr.os input {
 margin: 0;
 accent-color: #ea0000;
 cursor: pointer;
}

/* operacni systemy ve trech sloupcich, zaskrtavatko pred nazvem */
.container table.form-software tr.os {
 width: 33.33%;
 flex-direction: row-reverse;
 justify-content: flex-end;
 gap: 8px;
 padding: 4px 0;
}
.container table.form-software tr.os > td:first-child, .container table.form-software tr.os > td:last-child {
 flex: 0 0 auto;
}
.container table.form-software tr.os label {
 font-weight: 400;
 cursor: pointer;
}

.container table.form-software button[type=submit] {
 margin-top: 15px;
 padding: 10px 28px;
 font-size: 1.1em;
}

@media (max-width: 760px) {
 .container table.form-software tr {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
 }
 .container table.form-software tr > td:first-child {
  flex: 0 0 auto;
 }
 .container table.form-software tr.os {
  width: 50%;
  flex-direction: row-reverse;
  align-items: center;
 }
 .container table.form-software input[name=MOC] {
  width: 110px !important;
 }
 .container table.form-software textarea[name=obsah] {
  height: 260px !important;
 }
 .container table.form-software button[type=submit] {
  width: 100%;
 }
}

/* editor detailniho popisu (editor.js) */
.container .editor-box {
 border: 1px solid #bbb;
 border-radius: 3px;
 background: #fff;
}
.container .editor-box:focus-within {
 border-color: #ea0000;
 box-shadow: 0 0 0 2px #FFD6D6;
}
.container .editor-lista {
 display: flex;
 align-items: center;
 gap: 4px;
 padding: 4px;
 border-bottom: 1px solid #ddd;
 background: #f6f6f6;
}
.container .editor-lista button {
 width: 32px;
 height: 30px;
 border: 1px solid transparent;
 border-radius: 3px;
 background: transparent;
 font-size: 15px;
 cursor: pointer;
}
.container .editor-lista button:hover {
 border-color: #ccc;
 background: #fff;
}
.container .editor-lista button:focus-visible {
 outline: 2px solid #0000cc;
}
.container .editor-napoveda {
 margin-left: auto;
 padding-right: 6px;
 color: #888;
 font-size: 0.9em;
}
.container .editor-plocha {
 min-height: 280px;
 max-height: 600px;
 overflow-y: auto;
 padding: 8px 12px;
 color: #000;
 line-height: 1.5;
 outline: 0;
}
.container .editor-plocha p {
 margin: 0 0 0.8em 0;
}
.container .editor-plocha ul {
 margin: 0 0 0.8em 0;
 padding-left: 1.6em;
 list-style: disc;
}
.container .editor-plocha ul li {
 margin: 0 0 0.2em 0;
 padding: 0;
}
@media (max-width: 760px) {
 .container .editor-plocha {
  min-height: 220px;
  font-size: 16px;
 }
 .container .editor-napoveda {
  display: none;
 }
}

/******************************************************** obrazky programu (obrazky_polozka.php) */

.container .obr-uvod {
 color: #555;
}
.container h2.obr-sekce {
 margin: 22px 0 10px 0;
 padding: 7px 10px;
 border-radius: 3px;
 background: #F23434;
 color: #fff;
 font-size: 1.05em;
}
.container .obr-pocet {
 float: right;
 font-weight: 400;
}
.container .obr-zprava {
 margin: 10px 0;
 padding: 8px 12px;
 border-radius: 3px;
}
.container .obr-ok {
 background: #E8F5E3;
 border-left: 4px solid #3A8F2B;
}
.container .obr-chyba {
 background: #FFF0F0;
 border-left: 4px solid #ea0000;
}
.container .obr-mrizka {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
 gap: 12px;
 margin-bottom: 12px;
}
.container .obr-karta {
 padding: 8px;
 border: 1px solid #ddd;
 border-radius: 3px;
 background: #fff;
}
.container .obr-karta img {
 display: block;
 width: 100%;
 height: 120px;
 margin: 0 0 6px 0;
 object-fit: contain;
 background: #f4f4f4;
}
.container .obr-ikona img {
 height: 64px;
}
.container .obr-karta p {
 margin: 0 0 6px 0;
 font-size: 0.95em;
}
.container .obr-karta .obr-stav {
 font-weight: 800;
}
.container .obr-novy {
 border-color: #E9AF8E;
 background: #FFF8F2;
}
.container .obr-novy .obr-stav {
 color: #B35A00;
}
.container .obr-mazani {
 opacity: 0.75;
 border-style: dashed;
}
.container .obr-mazani .obr-stav, .container .obr-zamitnuto .obr-stav {
 color: #ea0000;
}
.container .obr-prazdne {
 grid-column: 1 / -1;
 color: #777;
}
.container form.obr-inline {
 display: inline;
}
.container .obr-karta form.obr-popis {
 display: flex;
 flex-wrap: wrap;
 gap: 4px;
 margin-bottom: 4px;
}
.container .obr-karta form.obr-popis input[type=text], html>body .container .obr-karta form.obr-popis input[type=text] {
 width: 100%;
}
.container button.obr-odkaz {
 padding: 0;
 border: 0;
 background: none;
 color: #ea0000;
 font-size: 0.95em;
 text-decoration: underline;
 cursor: pointer;
}
.container button.obr-odkaz:hover {
 color: #0000cc;
}
.container form.obr-nahrat {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px 12px;
 padding: 12px;
 border: 1px dashed #E9AF8E;
 border-radius: 3px;
 background: #FFFBF7;
}
.container form.obr-nahrat label {
 font-weight: 800;
}
.container form.obr-nahrat input[type=file] {
 width: auto;
 height: auto;
 border: 0;
 background: none;
}
.container form.obr-nahrat .obr-napoveda {
 flex-basis: 100%;
 margin: 0;
}
.container .obr-napoveda {
 color: #666;
 font-size: 0.9em;
}
.container .obr-zpet {
 margin-top: 20px;
}

/* editace software: tlacitko zpet nahore */
.container .zpet-nahore {
 margin: 0 0 10px 0;
}
.container .zpet-nahore span {
 color: #777;
 font-size: 0.85em;
}
.container a.tlacitko-zpet {
 display: inline-block;
 padding: 4px 12px;
 border: 1px solid #F23434;
 border-radius: 3px;
 background: #fff;
 color: #ea0000;
 font-size: 0.9em;
 font-weight: 800;
 text-decoration: none;
}
.container a.tlacitko-zpet:hover {
 background: #FFF0F0;
}

/* prehled software: edit a obrazky jako mala tlacitka (pocitac) */
@media (min-width: 761px) {
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) br {
  display: none;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a {
  display: block;
  margin: 3px 0;
  padding: 2px 8px;
  border: 1px solid #F23434;
  border-radius: 3px;
  background: #F23434;
  color: #fff;
  font-size: 0.85em;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a:hover {
  background: #ea0000;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a.odkaz-obrazky {
  background: #fff;
  color: #ea0000;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a.odkaz-obrazky:hover {
  background: #FFF0F0;
 }
}

/* prehled software: odkaz na obrazky pod edit */
@media (max-width: 760px) {
 .container table.vypis-upload tr td:nth-child(1) br {
  display: none;
 }
 .container table.vypis-upload tr:not(.polozka-nadpis) td:nth-child(1) a.odkaz-obrazky {
  background: #fff;
  color: #ea0000;
  border: 1px solid #F23434;
 }
 .container form.obr-nahrat input[type=file] {
  width: 100%;
 }
 .container form.obr-nahrat button[type=submit] {
  width: 100%;
 }
}

/******************************************************** uvodni stranka (clanek 422, migrace upload-uvod) */

.container .uvod-perex {
 max-width: 640px;
 font-size: 1.1em;
 line-height: 1.6;
}
.container .uvod-tlacitka {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin: 18px 0 8px 0;
}
.container a.tlacitko {
 display: inline-block;
 padding: 10px 22px;
 border: 1px solid #F23434;
 border-radius: 3px;
 background: #F23434;
 color: #fff;
 font-weight: 800;
 text-decoration: none;
}
.container a.tlacitko:hover {
 background: #ea0000;
 color: #fff;
}
.container a.tlacitko-druhe {
 background: #fff;
 color: #ea0000;
}
.container a.tlacitko-druhe:hover {
 background: #FFF0F0;
 color: #ea0000;
}
.container ol.uvod-kroky {
 max-width: 640px;
 padding-left: 22px;
}
.container ol.uvod-kroky li {
 margin: 0 0 6px 0;
 padding: 0 0 0 4px;
}
@media (max-width: 760px) {
 .container a.tlacitko {
  flex: 1 1 100%;
  text-align: center;
 }
}