body {
   margin: 0px;
   background: url('../images/bg.jpg') top center;
   font-family: 'Roboto';
   font-size: 12px;
}
   
.clear {
   clear: both;
}

.goog-te-gadget-simple {	
   border: 1px solid #ffffff;		
   font-size: 11px;
   border-radius: 5px;
}
	
#google_translate_element{
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: right;
	max-width: 100%;
	overflow: hidden;

 }

#google_translate_element select{

 background-color: #ffffff;

 color:#000000;

 border: none;

 border-radius:3px;

 padding:6px 8px;
	 width: 120px;

 }

a {
   color: #000000;
   text-decoration: none;
}
   
ul {
   margin: 0px;
   padding: 0px;
}

ul li {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
   
.header {
   width:  100%;
   height: 105px;
   display: block;
}
   
.header .right {
   width: calc(100% - 130px);
   float: right;
}

.header .right ul.lang {
   float: right;
   margin-top: 15px;
   margin-bottom: 10px;
   display: block;
}

.header .right ul.lang li {
   float: left;
   margin-left: 3px;
   margin-right: 3px;
}
   
.header .right ul.lang li img {
   height: 13px;
}
   
.header .right .motto {
   font-size: 24px;
   font-weight: 300;
   text-align: right;
}
   
.layout {
   width: 100%;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
}
   
.header img.logo {
   margin-top: 5px;
   margin-bottom: 15px;
   width: 140px;
   position: absolute;
}

.gradient{
   width: 100%;
   height: 15px;
   /*background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 40px) calc(100% - 40px) no-repeat,
            linear-gradient(90deg, #35539e 15%, #ce050d 50%, #ffffff 85%);*/
   background: rgb(53,83,158);
   background: linear-gradient(90deg, rgba(255,255,255,1) 33%, rgba(206,5,13,1) 33%, rgba(206,5,13,1) 66%, rgba(53,83,158,1) 66%);
}
   
nav {
   width: 100%;
   height: auto;
   min-height: 45px;
   display: inline-block;
   background: #ce050d;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDUwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NlMDUwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTA1MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(left, #ce050d 0%, #ed1c24 25%, #ce050d 50%, #ed1c24 75%, #ce050d 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ce050d), color-stop(25%,#ed1c24), color-stop(50%,#ce050d), color-stop(75%,#ed1c24), color-stop(100%,#ce050d)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* IE10+ */
   background: linear-gradient(to right, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce050d', endColorstr='#ce050d',GradientType=1 ); /* IE6-8 */
   background: #343432;
}

nav a.menuicon
   {
      background: url('../images/icon_menu.svg') no-repeat 100% 0%;
      background-size: 24px;
      width: 62px;
      height: 24px;
      position: relative;
      right: 0;
      top: 0;
      margin-top: 10px;
	  margin-right: 10px;
	  float: right;
      display: none;
      color: #ffffff;
      padding-top: 5px;
   } 

nav a.menuicon:before
   {
      content: 'MENU';
   } 

nav ul {
   width: 100%;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;;
   text-align: right;
}
      
nav ul li {
   display: inline-block;
}
   
nav ul li a {
   color: #ffffff;
   font-size: 15px;
   padding-left: 0px;
   padding-right:  7px;
   text-decoration: none;
   padding-top: 15px;
   padding-bottom: 12px;
   display: inline-block;
   margin-left: 1px;
   margin-right: 1px;
}
   
nav ul li a:hover {
   background: #ffffff;
   color: #ED1C24;
}

nav ul li a.onas {
   background: url('../images/icon/menu-onas-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.onas:hover {
   background: #ffffff url('../images/icon/menu-onas-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.prodej {
   background: url('../images/icon/menu-prodej-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.prodej:hover {
   background: #ffffff url('../images/icon/menu-prodej-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.kontakt {
   background: url('../images/icon/menu-kontakt-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.kontakt:hover {
   background: #ffffff url('../images/icon/menu-kontakt-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.pujcovna {
   background: url('../images/icon/menu-pujcovna-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.pujcovna:hover {
   background: #ffffff url('../images/icon/menu-pujcovna-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.servis {
   background: url('../images/icon/menu-servis-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.servis:hover {
   background: #ffffff url('../images/icon/menu-servis-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.nd {
   background: url('../images/icon/menu-nd-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.nd:hover {
   background: #ffffff url('../images/icon/menu-nd-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.reference {
   background: url('../images/icon/menu-reference-w.svg') 10px 50% no-repeat;
   background-size: 16px;
   padding-left: 32px;
}

nav ul li a.reference:hover {
   background: #ffffff url('../images/icon/menu-reference-r.svg') 10px 50% no-repeat;
   background-size: 16px;
}

nav ul li a.bazar {
   background: url('../images/icon/menu-bazar-w.svg') 10px 50% no-repeat;
   background-size: 18px;
   padding-left: 32px;
}

nav ul li a.bazar:hover {
   background: #ffffff url('../images/icon/menu-bazar-r.svg') 10px 50% no-repeat;
   background-size: 18px;
}

.plosiny-list {
   display: block;
   /*background: url('../images/plosiny-list-bg.jpg') no-repeat;*/
   width: 100%;
   padding-top: 0px;
   padding-bottom: 20px;
   border-bottom: 0px solid black;
   background: url('../images/0bg2.jpg?v=1.0') no-repeat center center;
   margin: 0px;
}

.plosiny-list ul{
    width: 100%;
	max-width: 1400px;
	background: red;
	margin-left: auto;
	margin-right: auto;
}

.plosiny-list ul li {
   float: left;
   display: block;
   background: transparent;
   width: calc(25% - 30px);
   margin: 0px 10px 0px 10px;
   padding: 0px;
   border: 0px solid #ffffff;
	/*
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	*/
}

.plosiny-list ul li a {
   width: 100%;
   height: 100%;
   display: block;
   position: relative;
}

.plosiny-list ul li a .foto {
   width: 100%;
   height: auto;
   position: relative; 
   overflow: hidden;
   text-align: center;
}

.plosiny-list ul li a .foto img {
   object-fit: cover;  
   width: 90%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.plosiny-list ul li a div.nazev {
   width: 100%;
   display: inline-block;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   padding-top: 5px;
   margin-bottom: 20px;
}
   
.plosiny-list ul li a div.nazev span {
   border: 1px solid gray;
   width: calc(100% - 40px);
   display: inline-block;
   box-sizing: border-box;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   border-radius: 5px;
}

.plosiny-list ul li:hover a .foto img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
   
.plosiny-list ul li:hover a div.nazev span {
   color: #ffffff;
   background: #EC1B23;
   border: 1px solid #EC1B23;
}

.plosiny-list ul li:hover {
	/*
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	*/
}

.content a.back
   {
      float: right;
	  color: #CB1B22;
      margin-top: 15px;
      font-weight: bold;
      text-decoration: none;
   }

.content a.back:hover
   {   
      text-decoration: underline;
   }
   
.content ul.plosiny
   {
      margin: 0px;
      padding: 0px;
   } 

.content ul.plosiny li.item
   {
      margin: 0px;
      margin-left: 10px; 
      margin-right: 10px; 
      margin-bottom: 20px; 
      padding: 0px;
      color: #D0070F;
      width: calc(25% - 30px);
      height: 200px;
      display: block;
      background: #ffffff;
      padding: 5px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      -moz-box-shadow:    0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      box-shadow:         0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      float: left;
   }

.content ul.plosiny li.item a
   {
      width: cacl(25% - 10px);
      height: 200px;
      display: block;
   }
   
.content ul.plosiny li.item a .foto
   {
      width: 100%;
      height: 170px;
      display: block;
      margin-top: 0px;
      overflow: hidden;
   }
   
.content ul.plosiny li.item a .foto img
   {
      border: 0px solid #ffffff;
      width: 100%;
      height: 100%;
      margin-left: 0px;
      object-fit: cover;
      object-position: center;
      -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;
   }
   
.content ul.plosiny li.item a .info .typ
   {
      font-size: 16px;
      float: left;
      width: calc(100%);
      font-weight: bold;
      padding-left: 5px;
      padding-top: 8px;
      text-align: center;
   }
   
.content ul.plosiny li.item a .info .detail
   {
      font-weight: normal;
      font-size: 14px;
      float: right;
      width: 40px;
      color: #a3a3a3;
      background: url('../images/ikona-plosina-detail.png') no-repeat 100% 50%;
      height: 21px;
      padding-top: 3px;
      margin-right: 5px;
      margin-top: 6px;
      text-align: right;
   }
   
   
.content ul.plosiny li.item a:hover .foto img
   {
      -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
   }

.content ul.plosiny li.item a:hover .info .typ
   {
      color: #DE1119;
   }
      
.content .plosina .right
   {
      width: calc(50% - 20px);
      float: right;
   }
   
.content .plosina .right .foto
   {
      position: relative;
      margin-top: 0px;
      padding-top: 0px;
      width: 100%;
      max-width: 450px;
      height: auto;
      display: block;
      border: 5px solid #ffffff;  
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      -moz-box-shadow:    0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      box-shadow:         0px 0px 5px 0px rgba(13, 14, 14, 0.3);
   }

.content .plosina .right .foto .zoom {
   position: absolute;
   z-index: 999;
   width: 40px;
   height: 40px;
   bottom: 0;
   background: #DF1119 url('../images/icon/zoom-w.svg') 50% 50% no-repeat;
   background-size: 30px;
   display: none;
}

.content .plosina .right .foto:hover .zoom {
   display: block;
}
  
.content .plosina .right .foto:hover img
   {
      -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
   }

.content .plosina .right .foto img
   {
	  width: auto;
      max-width: 100%;
      -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;
   }
     
.content .plosina .right .galerie
   {
      margin-top: 10px;
	  display: block;
      margin-left: -10px;
      width: calc(100% + 10px);
   }
  
.content .plosina .right .galerie span
   {
	  width: calc(50% - 20px);
      height: auto;
      display: block;
      float: left;
      border: 5px solid #ffffff;  
      margin-left: 10px;
      margin-bottom: 10px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      -moz-box-shadow:    0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      box-shadow:         0px 0px 5px 0px rgba(13, 14, 14, 0.3);
      overflow: hidden;
      position: relative;
   }

.content .plosina .right .galerie a img
   {
	  width: auto;
      max-width: 100%;
   }

.content .plosina .right .galerie span a .zoom {
   position: absolute;
   z-index: 999;
   width: 40px;
   height: 40px;
   bottom: 0;
   background: #DF1119 url('../images/icon/zoom-w.svg') 50% 50% no-repeat;
   background-size: 30px;
   display: none;
}

.content .plosina .right .galerie span:hover a .zoom {
   display: block;
}
  
.content .plosina .right .galerie span:hover a img
   {
      -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
   }

.content .plosina .right .galerie span a img
   {
	  width: auto;
      max-width: 100%;
      -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;
   }   

.content .plosina .main
   {
      width: calc(50%);
      float: left;
   }
   
.content .plosina .main h2
   {
      color: #CF050D;
   }
   
.content .plosina .main .parametry
   {
   }
   
.content .plosina .main .parametry .item
   {
      border-bottom: 1px dashed #666666;
      padding-bottom: 5px;
      margin-bottom: 5px;
   }
   
.content .plosina .main .parametry .item .name
   {
      width: 150px;
      float: left;
      text-align: right;
      font-size: 14px;
      padding-top: 1px;
   }
   
.content .plosina .main .parametry .item .value
   {
      float: right;
      font-weight: bold;
      font-size: 14px;
      width: calc(100% - 160px);
      text-align: left;
   }
   
.content {
   font-size: 14px;
   text-align: justify;
   padding-bottom: 50px;
}

.content h1 {
   color: #DE1119;
   font-weight: normal;
   font-size: 36px;
   text-align: left; 
}

.content h2 {
   width: 100%;
}

.content a {
   text-decoration: underline;
}

.content a:hover {
   text-decoration: none;
}

.content ul li {
   list-style-type: square;
   margin-left: 25px;
   padding-left: 0px;
   padding-bottom: 10px;
}

.content .l
   {
      float: left;	   
      width: 50%;
   }
   
.content .p
   {
      float: right;
      width: 50%;
   }
   
.content table {width: 100%; border: 1px solid #ED1C24;}
.content table thead {background: #ED1C24; color: #ffffff; text-align: left;}
.content table thead tr th{padding-left: 5px;}

.content table tbody tr:hover {background: #ffffff; background: #ED1C24; color: #ffffff;}
.content table tbody tr:nth-child(even) {background: transparent;}
.content table tbody tr:nth-child(even):hover {background: #ffffff; background: #ED1C24; color: #ffffff;}
.content table tbody tr td { padding-left: 5px }

.content .mapa {
   width: 100%;
   height: 250px;
   display: block;
}

.content .box
   {
      width: 100%;
      margin-top: 25px;
   }
   
.content .box .item
   {
      width: 100%;
      background: #ffffff;
      margin-top: 30px;
   }
   
.content .box .item .hlavicka
   {
      width: 100%;
      height: auto;
      min-height: 40px;
      display: block;
      background: #ce050d;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDUwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NlMDUwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTA1MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(left, #ce050d 0%, #ed1c24 25%, #ce050d 50%, #ed1c24 75%, #ce050d 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ce050d), color-stop(25%,#ed1c24), color-stop(50%,#ce050d), color-stop(75%,#ed1c24), color-stop(100%,#ce050d)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* IE10+ */
      background: linear-gradient(to right, #ce050d 0%,#ed1c24 25%,#ce050d 50%,#ed1c24 75%,#ce050d 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce050d', endColorstr='#ce050d',GradientType=1 ); /* IE6-8 */
   }
   
.content .box .item .hlavicka .nazev
   {
      color: #ffffff;
      font-size: 22px;
      padding-top: 3px;
      padding-left: 10px;
      float: left;
   }
   
.content .box .item .hlavicka .nazev h2
   {
      padding: 0px;
	  margin: 0px;
      font-size: 18px;
      padding-top: 6px;
      text-align: left;
	  padding-bottom: 10px;
   }
   
.content .box .item .hlavicka .cena
   {
      float: right;
      font-size: 13px;
      color: #ffffff;
      padding-right: 10px;
      padding-top: 11px;
   }   
      
.content .box .item .obsah
   {
      padding: 10px;
    
   }

.content .box .item ul.galerie
   {
      margin-bottom: 20px;    
      width: calc(100% - 20px);
      margin: 0px;
      padding: 0px; 
      padding-left: 10px;
      padding-right: 10px;
   }
   
.content .box .item ul.galerie li
   {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      display: block;
      float: left;
      width: calc(25% - 20px);
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px;
      margin-top: 0px;
	  padding-top: 0px;
   }

.content .box .item ul.galerie li .item {
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: auto;
   position: relative; 
   overflow: hidden;
}

.content .box .item ul.galerie li .item .zoom {
   position: absolute;
   z-index: 999;
   width: 40px;
   height: 40px;
   bottom: 0;
   background: #DF1119 url('../images/icon/zoom-w.svg') 50% 50% no-repeat;
   background-size: 30px;
   display: none;
}
   
.content .box .item ul.galerie li .item img {
   object-fit: cover;  
   width: 100%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
   
.content .box .item ul.galerie li:hover .item img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.content .box .item ul.galerie li:hover .item .zoom {
   display: block;
}
  
.content ul.foto
   {
      margin-bottom: 20px;    
      width: calc(100%px);
      margin: 0px;
      padding: 0px; 
      margin-top: 20px;
   }
   
.content ul.foto li
   {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      display: block;
      float: left;
      width: calc(25% - 20px);
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px;
      margin-top: 0px;
	  padding-top: 0px;
   }

.content ul.foto li .item {
   width: 100%;
   margin: 0px;
   padding: 0px;
   height: auto;
   position: relative; 
   overflow: hidden;
}

.content ul.foto li .item .zoom {
   position: absolute;
   z-index: 999;
   width: 40px;
   height: 40px;
   bottom: 0;
   display: block;
   background: #DF1119 url('../images/icon/zoom-w.svg') 50% 50% no-repeat;
   background-size: 30px;
   display: none;
}
   
.content ul.foto li .item img {
   object-fit: cover;  
   width: 100%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
   
.content ul.foto li:hover .item img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.content ul.foto li:hover .item .zoom {
   display: block;
}

.content ul.download
   {
      margin: 0px;
      padding: 0px;
      margin-bottom: 50px;
      padding-top: 5px;
   }

.content ul.download li
   {
      list-style-type: none;
      margin-left: 20px;
      clear: both;
   }
      
.content ul.download li img.ico
   {
      width: 22px;
      height: 22px;
      float: left;
   }
   
.content ul.download li span.info
   {
      height: 22px;
      padding-top: 4px;
      padding-left: 5px;
      float: left;
   }
   
.content ul.download li a
   {
      color: #000000;
      text-decoration: none;
   }
   
.content ul.download li a:hover
   {
      color: #D1070F;
      text-decoration: underline;
   }
   
.content .aktuality
   {
   }
      
.content .aktuality article
   {
      width: 50%;
      float: left;	  
   }

.content .aktuality article:last-child
   {
      border-bottom: 0px dotted #000000;
      padding-bottom: 0px;
      margin-bottom: 0px;
   }
  
.content .aktuality .item .foto {
   width: 164px;
   height: 124px;
   display: block;
   float: left;
   margin-top: 0px;
   position: relative; 
   overflow: hidden;
}
   
.content .aktuality .item .foto img {
   object-fit: cover;  
   width: 100%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}
   
.content .aktuality .item:hover .foto img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
     
.content .aktuality .item .foto a {
   width: 164px;
   height: 124px;
   display: block;
}   
   
.content .aktuality .item .info
   {
      width: calc(100% - 200px);
      display: block;
      float: left;
      padding-left: 15px;
   }
   
.content .aktuality .item .info .datum
   {
      font-size: 12px;
   }
   
.content .aktuality .item .info .nazev
   {
      font-size: 16px;
      font-weight: bold;
      padding-top: 3px;
      padding-bottom: 3px;
   }
   
.content .aktuality .item .info .nazev a
   {
      color: #000000;
   }
   
.content .aktuality .item .info .nazev a:hover
   {
      text-decoration: underline;
      color: #CF060E;
   }   
   
.content .aktuality .item .info .popis
   {
      font-size: 12px;
      line-height: 1.7;
      height: auto;
      min-height: 80px;
      padding-right: 10px;
   }
   
.content .aktuality .item .info .vice a
   {
      text-decoration: none;
      display: inline-block;
      background: #DD1018;
      margin-top: 10px;
      color: #ffffff;
      padding: 5px 10px 5px 10px;
      border-radius: 5px;
      font-weight: bold;      
   }
   
.content .aktuality .item .info .vice a:hover
   {
      background: #000000;
      color: #ffffff;
   }   
   
.content .aktuality article.two
   {
      float: left;
      width: 470px;
      border-bottom: 0px solid #ffffff;
   }
   
.content .aktuality article.two  .info
   {
      width: 280px;
      display: block;
      float: left;
      padding-left: 15px;
   }
   
.content .aktuality article.two  .info .nazev
   {
      padding-top: 0px;
      padding-bottom: 0px;
   }
   
.content .aktuality article.two  .info .popis
   {
      line-height: 1.5;
   } 
   
.content .aktuality article:last-child.two
   {
      margin-left: 20px;
   }
   
.content .aktuality article.one
   {
      float: left;
      width: 960px;
      padding-bottom: 15px;
      border-bottom: 0px dotted #ffffff;
   }  
   
.content .aktuality article.one .info
   {
      width: 775px;
      display: block;
      float: left;
      padding-left: 15px;
   }
   
.content .aktuality article.one .info .popis
   {
      min-height: 50px;
   }
   
.content .fotoaktualita img
   {
      border: 5px solid #ffffff;
      float: left;
      width: 250px;
      margin-right: 15px;
   }
   
.content .ostatni
   { 
      margin-top: 30px;
      margin-bottom: 20px;
      padding: 0px;
      border-top: 1px solid #F1F2F2;
   }   
      
.content .ostatni li a
   { 
      text-decoration: underline;
      color: #000000;
   } 

.content .ostatni li a:hover
   { 
      color: #D0060E;
      text-decoration: none;
   }  
   
.footer {
   width: 100%;
   height: auto;
   display: block;
   background: #ffffff;
   color: #898888;
   padding-bottom: 20px;
   font-size: 14px;
}

.footer a {
   color: #898888;
   text-decoration: none;
}

.footer a:hover {
   color: #000000;
   text-decoration: underline;
}

.footer h3 {
   font-size: 18px;
}

.footer .column1 {
   width: 20%;
   float: left;
}

.footer .column1 ul
   {
      margin: 0px;
      padding: 0px;
      padding-left: 20px;
   }
   
.footer .column1 ul li
   {
      margin-left: 0px;
      padding-left: 0px;
      list-style-type: square;
   }

.footer .column2 {
   width: 30%;
   float: left;
}

.footer .column3 {
   width: 50%;
   float: left;
}

.footer .column3 .mapa {
   width: 100%;
   height: 120px;
   display: block;
}

.footer .column3 .mapa iframe {
   width: 100%;
   height: 120px;
   display: block;
}

#aToolTip 
   {
      position: absolute;
      display: none;
      z-index: 50000;
   }

#aToolTip .aToolTipContent 
   {
      position:relative;
      margin:0;
      padding:0;
   }

.defaultTheme 
   {
      background: #000000;
      border: 0px solid #ffffff;
      font-weight: bold;
      color:#fff;
      margin:0;
      padding:6px 12px;	
	
      -moz-border-radius: 12px 12px 12px 0;
      -webkit-border-radius: 12px 12px 12px 0;
      -khtml-border-radius: 12px 12px 12px 0;
      border-radius: 12px 12px 12px 0;
	  
      margin-left: -20px;
      margin-top: 20px;

   }