/* Px2Em

	body 	75%

	10px 	0.833em
	11px 	0.917em
	12px 	1em
	13px 	1.083em
	14px 	1.167em
	15px 	1.25em
	16px 	1.333em
	17px 	1.417em
	18px 	1.5em
	19px 	1.583em
	20px 	1.667em
	21px 	1.75em
	22px 	1.833em
	23px 	1.917em
	24px 	2em

*/

#submenu li a.active{
background: #222524;
}

#small_menu{
display: none;
}

.gallery_item{
float: left;
margin: 0 30px 30px 0;
}

.katcen, .katinfo,  .katvyr{
background: #137d63;
text-align: center;
padding: 2px 10px;
display: block;
margin-top: 6px;
float: left;
transform: skew(-10deg);
-o-transform: skew(-10deg);
-moz-transform: skew(-10deg);
-webkit-transform: skew(-10deg);
margin-left: 10px;
}

.katvyr{
width: 150px;
text-transform: uppercase;
}

.katpoz strong{
color: white !important;
}

.katcen{
margin-left: 47px;
}

#footer-pad{
margin-left: 50px;
}

.katnaz{
text-transform: uppercase;
display: block;
margin-top: 23px;
font-weight: bold;
}

.katpoz a{
color: white !important;
font-weight: bold !important;
}

.katimg{
width: 120px;
height: 120px;
background: white;
margin-left: 45px;
margin-top: 10px;
display: block;
}

.katpoz{
background: url("katpoz.jpg") no-repeat;
width: 200px;
height: 248px;
float: left;
text-align: center;
color: white;
margin-right: 15px;
margin-bottom: 30px;
}

.lastk{
margin-right: 0;
}

/*	RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
	
/* FONTY */

@font-face {
    font-family: 'myriadProRegular';
    src: url('fonts/myriad-webfont.eot');
    src: url('fonts/myriad-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad-webfont.woff') format('woff'),
         url('fonts/myriad-webfont.ttf') format('truetype'),
         url('fonts/myriad-webfont.svg#AdobeCaslonProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriadProSemibold';
    src: url('fonts/myriad-semibold-webfont.eot');
    src: url('fonts/myriad-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad-semibold-webfont.woff') format('woff'),
         url('fonts/myriad-semibold-webfont.ttf') format('truetype'),
         url('fonts/myriad-semibold-webfont.svg#AdobeCaslonProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriadProBold';
    src: url('fonts/myriad-bold-webfont.eot');
    src: url('fonts/myriad-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad-bold-webfont.woff') format('woff'),
         url('fonts/myriad-bold-webfont.ttf') format('truetype'),
         url('fonts/myriad-bold-webfont.svg#AdobeCaslonProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/******************************************************************                                                              
	UNI                                                                                                                          
*/

body {
padding:0px;
margin:auto;
font-family:arial, verdana, tahoma, sans-serif;
font-weight:normal;
font-size:75%;
color:#000;
text-align:left;
background:#fff url(body-bottom.gif) repeat-x left bottom;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
div, form {
padding:0px;
margin:0px;
}
img {
border:0px;
margin:0px;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }

/* start commented backslash hack */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

a:link, a:visited, a:hover {
font-weight:normal;
outline:none;
color:#000;
}
a:hover {text-decoration:none;color:#000;}




#body {
background:#fff url(body-top.gif) repeat-x left top;
}
#body #page {
width:960px;
margin:auto;
}


/********************************************/
/*			 	HEADER  	     			*/
/********************************************/

#header {
height:260px;
width:960px;
background:url(header.gif) no-repeat left top;
position:relative;
}
#header ul {
height:60px;
overflow:hidden;
margin:0px;
padding:0px;
list-style-type:none;
background:#fff;
}
#header ul li {
padding:0px;
margin:14px 0px 0px 0px;
float:left;
position:relative;
height:33px;
overflow:hidden;
background:url(header-menu-border.gif) no-repeat right top;
}
#header ul li.last {
background:none;
}
#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover {
display:block;
text-decoration:none;
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
font-size:1.333em;
padding:9px 20px 10px 20px;
color:#009470;
text-transform:uppercase;
}
#header ul li a:hover,
#header ul li a.active:link,
#header ul li a.active:visited,
#header ul li a.active:hover {
background:url(header-menu.gif) repeat-x left top;
color:#fff;
}
#header a#headerLogo:link,
#header a#headerLogo:visited,
#header a#headerLogo:hover {
float:left;
margin:37px 0px 0px 50px;
font-family:'myriadProSemibold', arial, tahoma, verdana, sans-serif;
text-decoration:none;
font-size:3.2em;
text-transform:uppercase;
color:#009470;
line-height:1.45em;
z-index:10;
position:relative;
}
#header #headerLogo img {
float:left;
margin:0px 20px 0px 0px;
}
#header #headerLogo strong {
display:block;
font-weight:normal;
color:#000;
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
padding:10px 0px 0px 0px;
}
#header img#header1 {
position:absolute;
bottom:0px;
right:-6px;
z-index:1;
}
#header img#header2 {
position:absolute;
bottom:-37px;
right:414px;
}


/************************
	HOMECONTENT
*/

#homeContent {
background:url(content.gif) repeat-x left top;
}
#homeContent ul {
margin:0px;
padding:30px 30px 0px 50px;
list-style-type:none;
text-align: center;
}
#homeContent ul li {
margin:0 5px;
padding:0px;
width:auto;
height:173px;
/*float:left;*/
display: inline-block;
}
/*#homeContent ul li#menu1 {
background:url(homeContent-menu1.jpg) no-repeat left top;
}
#homeContent ul li#menu2 {
background:url(homeContent-menu2.jpg) no-repeat left top;
}
#homeContent ul li#menu3 {
background:url(homeContent-menu3.jpg) no-repeat left top;
}
#homeContent ul li#menu4 {
background:url(homeContent-menu4.jpg) no-repeat left top;
}*/
#homeContent ul li a:link,
#homeContent ul li a:visited,
#homeContent ul li a:hover {
color:#fff;
text-decoration:none;
display:block;
width:200px;
height:165px;
text-align: left;
}
#homeContent ul li span {
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
display:block;
font-size:1.667em;
padding:13px 0px 0px 17px;
line-height:1.1em;
}
#homeContent ul li span strong {
display:block;
text-transform:uppercase;
font-family:'myriadProBold', arial, tahoma, verdana, sans-serif;
font-size:125%;
}
#homeContent ul li small {
color:#009470;
display:block;
margin:49px 0px 0px 20px;
line-height:1.5em;
}
#homeContent ul li small i {
text-decoration:underline;
}
#homeContent ul li a:hover small i {
text-decoration:none;;
}



/************************
	ARTICLECONTENT
*/

#articleContent {
background:url(content.gif) repeat-x left top;
padding:0px 0px 16px 0px;
}
#articleContent #leftCol {
float:left;
width:200px;
margin:0px 0px 0px 50px;
padding:30px 0px 0px 0px;
}
#articleContent #leftCol ul {
margin:0px;
padding:0px;
list-style-type:none;
background:#4bc5a5 url(leftcol-ul.gif) repeat-x left top;
}


#articleContent #leftCol ul li {
margin:0px;
padding:0px;
background:url(leftcol-ul-border.png) no-repeat left top;
}

#articleContent #leftCol ul li ul{
padding: 5px 45px;
}

#articleContent #leftCol ul li ul li a{
background: #006f54;
}
#articleContent #leftCol ul li.first {
background:none;
}
#articleContent #leftCol ul li a:link,
#articleContent #leftCol ul li a:visited,
#articleContent #leftCol ul li a:hover {
color:#fff;
text-decoration:none;
font-size:1.167em;
display:block;
}
#articleContent #leftCol ul li a.act:link,
#articleContent #leftCol ul li a.act:visited,
#articleContent #leftCol ul li a.act:hover,
#articleContent #leftCol ul li a:hover {
background:#4a4546 url(leftcol-ul-act.gif) repeat-x left top;
}
#articleContent #leftCol ul li a:link span,
#articleContent #leftCol ul li a:visited span,
#articleContent #leftCol ul li a:hover span {
display:block;
padding:6px 20px 7px 40px;
background:url(leftcol-ul-ico.png) no-repeat 18px 9px;
}
#articleContent #leftCol ul li.first a:link span,
#articleContent #leftCol ul li.first a:visited span,
#articleContent #leftCol ul li.first a:hover span {
padding:16px 20px 7px 40px;
background:url(leftcol-ul-ico.png) no-repeat 18px 19px;
}
#articleContent #leftCol ul li.last a:link span,
#articleContent #leftCol ul li.last a:visited span,
#articleContent #leftCol ul li.last a:hover span {
padding:6px 20px 17px 40px;
}




#articleContent #leftCol #contactForm {
width:200px;
padding:20px 0px 0px 0px;
}
#articleContent #leftCol #contactForm #contactFormIn {
background:#d3d2d2;
padding:17px 20px 0px 20px;
}
#articleContent #leftCol #contactForm #contactFormIn .title {
display:block;
color:#009470;
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
font-size:1.667em;
padding:0px 0px 5px 0px;
}
#articleContent #leftCol #contactForm #contactFormIn .title strong {
display:block;
font-family:'myriadProBold', arial, tahoma, verdana, sans-serif;
font-size:120%;
line-height:1em;
}
#articleContent #leftCol #contactForm #contactFormIn label.value, #contactFormIn .cform_text {
display:block;
font-weight:bold;
padding:8px 0px 4px 0px;
}
#articleContent #leftCol #contactForm #contactFormIn label.input, #contactFormIn .form {
display:block;
border:1px solid #999999;
background:#fff;
}
#articleContent #leftCol #contactForm #contactFormIn label.input input, #contactFormIn input  {
display:block;
border:0px;
margin:0px 5px;
padding:0px;
color:#7f7f7f;
background:#fff;
height:26px;
width:148px;
line-height:1.8em;
}
#contactFormIn .form{
display:block;
border:0px;
margin:0px 0px;
padding:0px 5px 0px 5px;
color:#7f7f7f;
background:#fff;
height:26px;
width:148px;
line-height:1.8em;
border:1px solid #999999;
background:#fff;
}

#articleContent #leftCol #contactForm #contactFormIn select {
display:block;
border:1px solid #999999;
background:#fff;
width:160px;
cursor:pointer;
color:#7f7f7f;
margin:0px;
padding:3px 0px 5px 0px;
}
#articleContent #leftCol #contactForm #contactFormIn button, #contactFormIn .form_submit {
border:0px;
background:url(leftcol-button.gif) repeat-x left top;
width:160px;
height:28px;
cursor:pointer;
color:#fff;
margin:15px 0px 30px 0px;
padding:0px;
font-family:'myriadProSemibold', arial, tahoma, verdana, sans-serif;
font-size:1.5em;
}
#contactFormIn .cform_form_submit{
	padding-bottom: 2px;
}


#articleContent #leftCol #contactForm #contactFormIn button:hover, #contactFormIn .form_submit:hover {
background:url(leftcol-button.gif) repeat-x left bottom;
}
#articleContent #rightCol {
float:right;
width:631px;
margin:0px 40px 0px 0px;
padding:32px 0px 0px 0px;
line-height:1.85em;
}
#articleContent #rightCol h1 {
font-size:3em;
color:#009470;
line-height:1em;
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
text-transform:uppercase;
padding:0px 0px 26px 0px;
}
#articleContent #rightCol h2 {
font-size:1.5em;
color:#20a081;
line-height:1.3em;
font-weight:bold;
padding:0px 0px 9px 0px;
}
#articleContent #rightCol h3 {
font-size:1.167em;
color:#000;
line-height:1.3em;
font-weight:bold;
padding:0px 0px 5px 0px;
}
#articleContent #rightCol p {
padding:0px 0px 19px 0px;
}
#articleContent #rightCol strong {
color:#40ad92;
}
#articleContent #rightCol ul {
margin:0px;
padding:5px 0px 19px 0px;
list-style-type:none;
}
#articleContent #rightCol ul.double {
float:left;
padding:5px 100px 19px 0px;
}
#articleContent #rightCol ul li {
margin:0px;
padding:0px 0px 0px 38px;
background:url(articleContent-ul.gif) no-repeat 20px 7px;
}



/************************
	NAVIGATION + SEARCH
*/

#navigation {
float:left;
width:550px;
margin:0px 0px 0px 50px;
padding:28px 0px 0px 0px;
}
#navigation small {
color:#b7b7b7;
padding:0px 5px;
}
#navigation a:link,
#navigation a:visited,
#navigation a:hover {
color:#009470;
}
#headerSearch, #articleContent .search_container  {
float:right;
width: 345px;
}
#headerSearch label#searchText , #articleContent .search_form {
float:left;
width:160px;
height:28px;
margin:21px 10px 0px 0px;
background:url(search-label.gif) no-repeat left top;
}
#headerSearch label#searchText input, #articleContent .search_form .form {
width:150px;
height:28px;
margin:0px 5px;
padding:0px;
border:0px;
background:none;
color:#7f7f7f;
line-height:2em;
}
#headerSearch button#searchButton, #articleContent .search_container .form_submit  {
float:right;
width:124px;
height:28px;
color:#fff;
padding:0px;
margin:21px 50px 0px 0px;
border:0px;
background:url(search.gif) repeat-x left top;
font-family:'myriadProSemibold', arial, tahoma, verdana, sans-serif;
font-size:1.5em;
cursor:pointer;
}
#headerSearch button#searchButton:hover, #articleContent .search_container .form_submit:hover {
background:url(search.gif) repeat-x left bottom;
}

/************************
	FOOTER
*/

#footer {
height:300px;
background:url(footer.gif) no-repeat left top;
}
#footer .title {
display:block;
font-family:'myriadProRegular', arial, tahoma, verdana, sans-serif;
font-size:3em;
color:#009470;
padding:26px 0px 11px 67px;
}
#footer ul {
margin:0px;
padding:0px 0px 0px 0px;
list-style-type:none;
color:#fff;
float:left;
border-left:1px solid #494546;
padding-left:15px;
margin-left: 15px;
}
#footer ul.first {
border:0px;
padding:0px 30px 0px 70px;
}
#footer ul li {
margin:0px;
padding:0px 0px 0px 0px;
margin-bottom: 10px !important;
}
#footer ul li.first {
padding:5px 0px 12px 20px;
background:url(footer-ul.png) no-repeat 1px 7px;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover {
color:#fff;
}
#footer #copyright {
color:#4a4647;
padding:5px 0px 0px 49px;
width: 650px;
}
#footer #copyright a:link,
#footer #copyright a:visited,
#footer #copyright a:hover {
color:#009470;
}

.search_results_item{
padding-bottom: 15px;
}

.search_results_title a{
font-size: 14px;
font-weight: bold;
}

#telefon {
  float: left;
  display: block;
  background-image: url('/gfx/telefon.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 630px;
  height: 118px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
text-decoration: none;
line-height: 32px;
margin-bottom: 8px;
}
#telefon a {
  color: #fff;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
text-decoration: none;
}
#telefon-pad {
  float: left;
  display: block;
position: absolute;
text-decoration: none;
  padding: 20px 0px 0px 135px;
}
#telefon-pad2 {
  float: left;
  display: block;
position: absolute;
text-decoration: none;
  padding: 20px 0px 0px 133px;
color: #175344;
}
#telefon-pad a {
  color: #fff;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 28px;
}
.foto-popis {
display: block;
float: left;
height: 180px;
padding-top: 5px;
margin: 0px 10px 10px 0px;
border: 2px solid #009470;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.kontakt-blok {
float: left;
display: block;
width: 340px;
padding: 5px;
margin: 15px 0px;
background-color: #009470;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}
.kontakt-blok2 {
float: left;
display: block;
width: 328px;
background-color: #fff;
color: #009470;
padding: 5px;
margin-bottom: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

img{
max-width: 100%;
}

#footer #copyright{
    margin-top: 30px;
}

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

    #homeContent ul li a:link{
        text-align: center;
    }
    
    .leseni_img{
        width: 100% !important;
    }

    .leseni_uni_text{
        width: 100% !important;
    }
    
    
    .news{
        text-align: center;
    }
    
    .rozcestnik_polozka{
        width: 50% !important;
    }
}

.pujcovna {
	text-align: center;
}

.pujcovna_imgs {
	height: 150px;
	width: auto;
	margin: auto 10px;
}

.pujcovna_naradi {
	text-align: center;
	font-size: 15px;
	font-style: italic;
}

.pujcovna_naradi_img {
	width: 100%;
	height: auto;
}

.pujcovna_haki {
	float: right;
	height: auto;
	width: 225px;
}

.leseni_img{
    width: 30%;
    float: left;
}

.leseni_img img{
    width: 100%;
    height: auto;
}

.leseni_uni_text{
    width: 70%;
    float: left;
}

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

.leseni_uni_text td{
    padding: 2px;
    border: 1px solid #ccc;
    text-align: center;
}

.leseni_uni{
    margin-top: 20px;
    float: left;
}

.leseni_uvod{
    width: 40%;
    float: left;
}

.leseni_uvod img{
    width: 100%;
    height: auto;
}

.leseni_vice{
    width: 70%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin: auto;
    margin-top: 5px;
    margin-bottom: 20px;
    
    
}

.leseni_vice a{
    position: absolute;
    bottom: 20px;
    right: 20px;
    
    border: 0px;
    background: url(leftcol-button.gif) repeat-x left top;
    width: 100px;
    padding: 5px 0 1px 0;
    cursor: pointer;
    color: #fff;
    font-family: 'myriadProSemibold',arial,tahoma,verdana,sans-serif;
    font-size: 1.5em;
    text-align: center;
    text-decoration: none;
}

.leseni_vice a:hover {
    background: url(leftcol-button.gif) repeat-x left bottom;
}

.news{
    font-size: 16px;
    font-weight: bold;
    padding-left: 50px;
    padding-top: 20px;
}

.rozcestnik_obal{
    width: 100%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.rozcestnik_polozka{
    width: 25%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.rozcestnik_polozka a{
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #1e9375;
    color: #fff;
    padding: 50px 20px;
    box-sizing: border-box;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: 2px solid #fff;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    height: 200px;
    height: 140px;

background: #239983; /* Old browsers */
background: -moz-linear-gradient(top, #239983 0%, #0e472f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #239983 0%,#0e472f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #239983 0%,#0e472f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239983', endColorstr='#0e472f',GradientType=0 ); /* IE6-9 */
}

.rozcestnik_polozka a:hover{
   box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); 
}

.figure_gallery{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.figure_gallery > a:first-of-type{
    display: none;
}

.figure_gallery .gallery_item{
    width: calc(25% - 15px);
    height: auto;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.figure_gallery .gallery_img{
    width: 100%;
    height: auto;
}

.figure_gallery .gallery_img a{
    display: block;
    width: 100%;
    height: auto;
}

.figure_gallery .gallery_img img{
    width: 100%;
    height: auto;
    
}

.gallery_info{
    width: 100%;
    font-style: italic;
    text-align: center;
}

#homeContent h2{
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0 0 0;
}

#page_3 .figure_gallery .gallery_item,
#page_34 .figure_gallery .gallery_item,
#page_41 .figure_gallery .gallery_item{
    width: calc(50% - 10px);
}

#page_38 figure{
    display: block;
    width: 200px;
    height: auto;
    float: right;
    margin-left: 40px;
}

#page_38 figure img{
    width: 100%;
    display: block;
    height: auto;
}

#page_38 figure figcaption{
    width: 100%;
    display: block;
}