* {margin: 0px;padding: 0px;}
html  {height: 100%;box-sizing: border-box; }


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
body {

  font-family: Verdana, Arial, Trebuchet MS,  Tahoma,  sans-serif;
  background-color: black;
  color: white;
  font-size: 11px;
  line-height: 150%;
  
  
  
}  


#bodystyl {
background: black;
}

#bodystyl_plny {
background: black;
}

* {
margin: 0px;
padding: 0px;
}

#flash {}

h1  {
font-size: 14px;
font-weight: normal;
color: white;
text-align: left;
margin-bottom: 20px;
}

h2  {
font-size: 14px;
padding-bottom: 4px;
padding-top: 14px;
font-size: 14px;
color: white;
}

a img {
border: 0px solid black;
}

h3  {
font-size: 13px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 14px;

}

h4  {
font-size: 13px;
margin-bottom: 4px;
margin-top: 14px;
padding-bottom: 3px;
border-bottom: 1px solid #CCCCCC;
}



p {

}

i {
color: #CCCCCC;
}



a, .alink {
cursor: pointer;
color: #999999;
}

a:hover {
color: #CCCCCC;
}

td  {
vertical-align: top;
text-align: left;
font-size: 11px;
}


li  {
margin-left: 2em;
margin-top: 0.3em;
margin-bottom: 0.3em;
list-style-type: square;
}

ul  {
margin-bottom: 11px;
}


table {
font-size: 100%;
border-collapse: collapse;
}



textarea {
width: 400px;
}

hr {
height: 1px; 
color: #FF9900; 
background-color: #FF9900; 
border: 0px solid #FF9900
/*background-image: url("img/teckalinka.jpg");*/
}


caption {
font-weight: bold;
}






.home {
width: 181px;
position: absolute;
bottom: 7px;
left: 20px;
text-align: center;
}

.home a {
text-decoration: none;
}

.vrch {
width: 100%;
position: relative;
margin: auto;
margin-bottom: 0px;
}

.vrch a	{width: 100%; display: block;}
.vrch a img	{width: 100%; height: auto;}

.celek  {
max-width: 840px;
text-align: center;
margin: auto;
padding: 0px 15px;
}

.obsah {
width: 100%;
text-align: left;
display: grid;
	  grid-template-columns: 40% auto  ;
	  grid-template-rows: auto  ;
	  grid-gap: 20px;
}

.obsah.reference {
width: 100%;
text-align: left;
display: grid;
	  grid-template-columns: auto 300px  ;
	  grid-template-rows: auto  ;
	  grid-gap: 20px;
}

body.admin	.obsah, body.body_v3 .obsah {display: block;}

body.body_v3 .obsah.reference_vypis .fotkysloupec a	{display:inline-block; }
body.body_v3 .obsah.reference_vypis .fotkysloupec a img	{height: 120px; width: auto;}

body.admin	.obsah .titulka {display: none;}




.podmenu  {
text-align: left;
padding-bottom: 10px;
background-color: black;
}




.podmenu a {

font-weight: normal;
padding-right: 8px;
text-align: left;
color: #666666;
font-size: 10px;
margin-right: 10px;
}





.text_reference {
margin-top: 30px;
}

.reference_nahled {
margin-right: 5px;
margin-top: 5px;
}

.reference_nahled  {
border: 2px solid #CCCCCC;
}

.titulka  {



}



.obsah > .vnoreny {
background: #1F1F1F; 
padding: 10px;
text-align: justify;
overflow: hidden;
}

.obsah .vnoreny_plny {
width: 840px;

padding-top: 10px;
text-align: justify;
overflow: hidden;
}



.spodek {
text-align: left;
width: 954px;
height: 49px;
background-image: url("img/pata.png");
background-repeat: no-repeat;
background-position: center bottom;
clear: both;
overflow: hidden;
}

.spodek_vnoreny {
text-align: left;
padding-left: 30px;
padding-top: 13px;
font-size: 80%;
color: #9BC0D3;
}

.spodek td  {
padding-right: 4px;
padding-top: 2px;
} 

.spodek a {
color: white;
}

.spodek a:hover {
color: black;
}

.leve .vnoreny  {
margin-left: 23px;
text-align: left;
width: 180px;
overflow: hidden;
}


.menu {
padding-bottom: 30px;
font-size: 12px;
text-align: left;
background-color: black;
}



.menu a {
color: white;
font-weight: normal;
text-decoration: none;
padding-right: 20px;
letter-spacing: 2px;
}

.menu a:hover {
text-decoration: underline;
}

.menu .vybrany {
color: #999999;
}



.vyhledavani  {
position: absolute;
left: 540px;
bottom: 0px;
color: white;
font-size: 90%;
width: 240px;
overflow: hidden;
text-align: left;
bottom: -3px;
}

.vyhledavani form {
margin: 10px;
display: block;
}

.vyhledavani input {
margin-top: 5px;
}









.foto_v_textu_vpravo  {
float: right;
margin-left: 25px;
border: 1px solid #CCCCCC;
}

.podtisk  {
padding: 10px;
background-color: #BDA571;
border: 1px dashed #FF8E3D;
margin-bottom: 20px;
}

.reference td {
padding-top: 5px;
vertical-align: top;
border-top: 1px solid #FDC995;
border-bottom: 1px solid #FDC995;
padding-bottom: 5px;
}

.reference img  {
margin-right: 15px;
border: 1px solid #CCCCCC;
}

.reference a img  {
border: 0px solid black;
}

.bannery  {
text-align: right;
}

.bannery img  {
display: block;
margin-bottom: 15px;
}

.bannery object {
display: block;
margin-bottom: 15px;
}

.nahledy  {
text-align: center;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}





.clanek {
/*background-image: url("img/podtisk.png");*/
background-position: top center;
padding-bottom: 8px;

background-color: #FFECCE;
margin-bottom: 10px;
}

.clanek table {
margin-left: 10px;
margin-right: 10px;
}

.clanek .proklik  {
margin-top: 4px;
text-align: left;
}

.clanek .proklik img {
position: relative;
top: 2px;
}

.clanek a {

}

.outline  {
border: 3px solid #EAD1AD;
}

.clanek .outline  {
float: left;
}

.clanek h3  {
color: black;
margin-top: 0px;
padding-top: 0px;
font-size: 120%;
margin-bottom: 4px;
}

.datum  {
text-align: right;
padding: 3px;
background-color: #EAD1AD;
color: white;
border-bottom: 1px solid white;
margin-bottom: 8px;
}

.outline  {
border: 3px solid white;
}

.soubory  {
font-size: 10px;
}



.fotka  {
display: inline;
}

.fotka img  {
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;

}



.fotka table  {
display: inline;
}

.fotka td {
text-align: center;
}

.zavri  {
position: absolute;
top: 2px;
}

.bezodsaz {
margin-bottom: 0.5em; 
}

.odsaz  {
padding-left: 0.7em;
font-size: 90%;
}

.list {
width: 100%;
margin-bottom: 1em;

}

.podkapitola  {
margin-bottom: 15px;
margin-top: 15px;
font-size: 16px;
}

.nadpis_podkapitola  {
margin-top: 0px;
margin-bottom: 0.2em;
font-weight: normal;
font-size: 110%;
display: block;
}

.podkapitola a  {
display: block; 
}

.podkapitola b  {
color: #777777;
font-weight: normal;
padding-left: 12px;
text-decoration: none;
}

.podkapitola  a:hover  {
color: #EC3D12;
}

.prime_podmenu  {
margin: auto;
text-align: center;
padding-bottom: 5px;
background-position: bottom center;
background-image: url("img/prime_podmenu_pod.png");
background-repeat: repeat-x;
margin-bottom: 10px;
}

.prime_podmenu table  {

margin: auto;

}


.prime_podmenu td {
border-bottom: 1px solid white;
border-left: 2px solid white;
border-right: 2px solid white;
}



.prime_podmenu a  {
display: block;
background-position: top center;
background-image: url("img/prime_podmenu.png");
background-repeat: repeat-x;
background-color: #009933;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;


}

.prime_podmenu .oznac  {
color: #FFE98F;
}

.tabulka {
background-color: #333333;


}

.tabulka td  {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid black;
}

.tabulka th  {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid black;
background-color: #666666;
}



.podbarva {
background-color: yellow;
padding: 2px;
}

.mazat  {
background-color: #CCCCCC;
padding: 15px;
text-align: center;
}

.fotky_vpravo {
width: 270px;
float: right;
}

.foto  {
text-align: left;
background-color: white;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}

.nastred  {
text-align: center;
}

.proklik  {
margin-top: 5px;
text-align: right;
}



.odkazy td  {
height: 100px;
}


.sloupec2 {
width: 250px;
}

.mezisloupec  {
width: 20px;
}

.poznamka {
font-size: 10px;
}

.nahledy_s_popisky table  {
border-collapse: collapse;
width: 100%;
}



.nahledy_s_popisky td  {
padding: 5px;
text-align: center;
border: 1px solid #BBCEC2;
background-color: #DFE8DF;
vertical-align: middle;
font-size: 80%;
}

.nahledy_s_popisky img  {
margin-bottom: 5px;
}


.special  {
text-align: left;
width: 400px;
margin: auto;
}

.special a  {
padding: 10px;
float: left;
}


.prazdna td {
padding-right: 10px;
padding-bottom: 5px;
text-align: left;
}

.cleaner  {
clear: both;
width: 100%;
font-size: 2px;
height: 3px;
}

.sipky  {
color: #BBBBBB;
text-align: center;
margin-bottom: 5px;
}

.vyrobky_nahledy table {
width: 100%;
}

.vyrobky_nahledy td {
width: 33%;
text-align: center;
background-color: #FFECCE;
border: 4px solid white;
}

.vyrobky_nahledy a {
display: block;
margin-bottom: 10px;
padding: 5px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.vyrobky_nahledy img {
border: 1px solid #CCCCCC;
margin-bottom: 3px;
}

.velkefoto  {
text-align: center;
font-size: 90%;
}

.velkefoto img {
margin-top: 3px;
width: 100% !important;
height: auto !important;
}


.obrazek  {
border: 3px solid #CAD0D5;
}

.obrazek_fotogalerie  {
border: 3px solid #CAD0D5;
margin: 3px;
}

.obrazek_obtekany_vpravo {
border: 3px solid #CAD0D5;
float: right;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

.obrazek_obtekany_vlevo {
border: 3px solid #CAD0D5;
float: left;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

.otazka {
background-color: #F0F0F0;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.poradna_tabulka  {
width: 100%;

background-image: url("img/poradna-prechod.png");
}

.poradna_tabulka td  {
color: #777777;
border: 0px solid white;
padding: 4px;
}

.poradna_tabulka b {
font-weight: normal;
color: #0088A7;
}



.odpoved  {
border-top: 1px solid #0088A7;
padding-left: 40px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F0F0F0;
background-image: url("img/odpoved.png");
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 15px;
}

.zvetseny {
text-align: center;
}

.zvetsena_fotka {
margin: auto;
}

.zvetsena_fotka a {
display: block;
text-decoration: none;
}

.uvodni_ref {

}

.uvodni_ref img {
float: left;
width: 207px;
height: 137px;
margin: 1px
}

.uvodni_ref a {
background: #333333;
float: left;
display: block;
width: 209px;
height: 139px;
}

.fotkysloupec a {
display: block;
margin-bottom: 5px;
}

.gallery.nahledy	{
	text-align: left;
}

.gallery.nahledy a	{display: inline-block; padding: 5px; transition: opacity 0.5s linear;}

.gallery.nahledy a:hover	{opacity: 0.8;}

.gallery.nahledy a img	{
	display: inline-block;
	height: 80px; width: auto;
}



.zal_obsahy > div 	{display: none;}
.zal_obsahy > div.akt 	{display: block;}
.zal_klik	{cursor: pointer; display: inline-block; opacity: 0.7; margin-right: 1em; transition: opacity 0.7 ease-in-out;}
.zal_klik.akt, .zal_klik:hover 	{opacity: 1;}

.zal_klik span	{text-decoration: underline;}

.skryte	{display: none;}
.skryte.toggle	{display: block;}
.class_toggle	{cursor: pointer;}

.text_reference table.prazdna	{width: auto !important;}
.text_reference table.prazdna td	{border: 0px solid black;}