@font-face
   { 
      font-family: 'OpenSans';
         src: url('../fonts/OpenSansRegular/OpenSans-Regular-webfont.eot');
         src: url('../fonts/OpenSansRegular/OpenSans-Regular-webfont.eot?iefix') format('eot'),
              url('../fonts/OpenSansRegular/OpenSans-Regular-webfont.woff') format('woff'),
              url('../fonts/OpenSansRegular/OpenSans-Regular-webfont.ttf') format('truetype'),
              url('../fonts/OpenSansRegular/OpenSans-Regular-webfont.svg#webfont') format('svg');
   }
   
@font-face
   { 
      font-family: 'OpenSansBold';
         src: url('../fonts/OpenSansBold/OpenSans-Bold-webfont.eot');
         src: url('../fonts/OpenSansBold/OpenSans-Bold-webfont.eot?iefix') format('eot'),
              url('../fonts/OpenSansBold/OpenSans-Bold-webfont.woff') format('woff'),
              url('../fonts/OpenSansBold/OpenSans-Bold-webfont.ttf') format('truetype'),
              url('../fonts/OpenSansBold/OpenSans-Bold-webfont.svg#webfont') format('svg');
   }
   
@font-face
   { 
      font-family: 'OpenSansThin';
         src: url('../fonts/OpenSansThin/opensans-light-webfont.eot');
         src: url('../fonts/OpenSansThin/opensans-light-webfont.eot?iefix') format('eot'),
              url('../fonts/OpenSansThin/opensans-light-webfont.woff') format('woff'),
              url('../fonts/OpenSansThin/opensans-light-webfont.ttf') format('truetype'),
              url('../fonts/OpenSansThin/opensans-light-webfont.svg#webfont') format('svg');
   }
   
body 
   {
      margin: 0px;
      background: #ffffff url('../images/bg.jpg') top center;
      font-family: 'OpenSans';
      font-size: 12px;
   }
   
a
   {
      color: #000000;
      text-decoration: none;
   }
   
a:hover
   {
      text-decoration: underline;
   }
   
.clear
   {
      clear: both;
      border: 0px;
      font-size: 0px;
      height: 1px;
   }
     
hr
   {
      clear: both;
      border: 0px;
      font-size: 0px;
      height: 1px;
   }

.noborder
   {
      border: 0px solid #ffffff;
   }
      
.web
   {
      width: 960px;
      position: relative; 
      left: 50%; 
      margin-left: -480px;
      z-index: 10;
   }
   
.center
   {
      width: 960px;
      position: relative; 
      left: 50%; 
      margin-left: -480px;
      z-index: 10;
   }
   
header
   {
      width: 100%;
      height: 132px;
   }
   
header .logo
   {
      width: 138px;
      height: 83px;
      float: left;
      margin-top: 25px;
   }
   
header .other
   {
      width: 700px;
      height: 110px;
      float: right;
      padding-top: 22px;
   }   
   
header .other .motto
   {
      font-size: 25px;
      font-family: 'OpenSansThin';
      text-align: right;
   }

header .other .menu
   {
      float: right;
      margin-top: 18px;
   }
   
header .other .menu a
   {
      font-size: 22px;
      height: 30px;
      padding-top: 4px;
      display: block;
      float: left;
      margin-left: 25px;
   }
   
header .other .menu a:hover
   {
      text-decoration: none;
      color: #E0131B;
   }
   
header .other .menu a:nth-child(1)
   {
      background: url('../images/menu-ikona-onas.png') no-repeat 0% 50%;
      padding-left: 50px;
   }

header .other .menu a:nth-child(2)
   {
      background: url('../images/menu-ikona-reference.png') no-repeat 0% 50%;
      padding-left: 40px;
   }
   
header .other .menu a:nth-child(3)
   {
      background: url('../images/menu-ikona-kontakt.png') no-repeat 0% 50%;
      padding-left: 45px;
   }
   
nav
   {
      width: 100%;
      height: 66px;
      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 */
   }
   
nav ul
   {
      margin: 0px;
      padding: 0px;
      width: 959px;
      height: 66px;
      position: relative; 
      left: 50%; 
      margin-left: -480px;
      background: url('../images/menu-li.jpg') no-repeat center left;
      padding-left: 1px;
   }
   
nav ul li
   {
      height: 66px;
      float: left;
      list-style-type: none;
      background: url('../images/menu-li.jpg') no-repeat center right;	  
   }
   
nav ul li a
   {
      padding-right: 1px;
      height: 44px;
      padding-top: 22px;
      display: block;
      padding-left: 23px;
      padding-right: 23px;
      color: #ffffff;
      font-size: 16px;
      text-transform: uppercase;  
   }
   
nav ul li a:hover
   {
      text-decoration: none;
      background: #ffffff;
      color: #000000;
   }
   
#slider
   {
      width: 100%;
      height: 423px;
      display: block;
      background: url('../images/slider.jpg') repeat center center;
   }
   
#slider .slider
   {
      padding-top: 170px;
   }
   
.content
   {
      width: 960px;
      position: relative; 
      left: 50%; 
      margin-left: -480px;
      z-index: 10;
      padding-bottom: 50px;
      line-height: 1.5;
      font-size: 14px;
      text-align: justify;
   }
   
.content h1
   {
      font-size: 28px;
      font-family: 'OpenSansThin';
   }
   
.content h1.aktualita
   {
      font-size: 28px;
      font-family: 'OpenSansThin';
      height: 40px;
      background: url('../images/ikona-aktuality.png') no-repeat;
      padding-left: 45px;
   }
   
.content h1.akce1
   {
      font-size: 28px;
      font-family: 'OpenSansThin';
      height: 40px;
      background: url('../images/ikona-akce.png') no-repeat;
      padding-left: 45px;
   }
   
.content h2
   {
      font-size: 22px;
      font-family: 'OpenSansThin';
      color: #ED1C24;
      color: #000000;
   }
   
.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 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 .foto
   {
      margin-top: 40px;
   }
   
.content .foto a
   {
      width: 306px;
      height: 232px;
      display: block;
      float: left;
   }
   
.content .foto a .layer
   {
      width: 296px;
      height: 222px;
      display: block;
      position: absolute;
      border: 5px solid #ffffff;  
      background: url('../images/fotogalerie-layer.png') no-repeat;

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
      
.content .foto a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
      
.content .foto img.galerie
   {
      float: left;
      display: block;
      border: 5px solid #ffffff;
      -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 .foto img.noborder:hover
   {
      background: #ffffff;
   }
   
.content .foto .mezera
   {
      float: left;
      width: 20px;
      height: 20px;
      display: block;
   }
   
.content .l
   {
      float: left;	   
      width: 460px;
   }
   
.content .p
   {
      float: right;
      width: 460px;
   }
      
.content .foto .clear
   {
      clear: both;
      width: 20px;
      height: 20px;
      display: block;
   }
   
.content ul li
   {
      list-style-type: square;
      padding-top: 1px;
      padding-bottom: 1px;
   }
   
.content .gmaps
   {
      width: 950px;
      height: 300px;
	  display: block;
      border: 5px solid #ffffff;
      -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);
      margin-top: 50px;
   }
   
.content .aktuality
   {
      float: left;
   }
      
.content .aktuality h2
   {
      height: 35px;
      background: url('../images/ikona-aktuality.png') no-repeat;
      padding-left: 45px;
      padding-top: 3px;
   }

.content .aktuality article
   {
      width: 490px;
   }

.content .aktuality article:last-child
   {
      border-bottom: 0px dotted #000000;
      padding-bottom: 0px;
      margin-bottom: 0px;
   }

.content .aktuality .item
   {
      border-bottom: 1px dotted #ffffff;
      padding-bottom: 15px;
      margin-bottom: 15px;
   }
   
.content .aktuality .item .foto
   {
      width: 164px;
      height: 124px;
      display: block;
      float: left;
      margin-top: 0px;
      border: 3px solid #ffffff;
   }
   
.content .aktuality .item .foto a
   {
      width: 164px;
      height: 124px;
      display: block;
   } 
   
.content .aktuality .item .foto a .layer
   {
      width: 164px;
      height: 124px;
      display: block;
      background: url('../images/aktualita-layer.png') no-repeat;
      position: absolute;
      border: 0px;
   }   
   
.content .aktuality .item .info
   {
      width: 300px;
      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;
   }
   
.content .aktuality .item .info .popis a
   {
      text-decoration: underline;
   }
   
.content .aktuality .item .info .popis a:hover
   {
      text-decoration: underline;
      color: #CF060E;
   }   
   
.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 .akce
   {
      width: 448px;
      float: right;
   }
   
.content .akce h2
   {
      height: 35px;
      background: url('../images/ikona-akce.png') no-repeat;
      padding-left: 45px;
      padding-top: 3px;
   }
   
.content .akce .item
   {
      border: 5px solid #ffffff;
      -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 .akce .item a .layer
   {
      width: 438px;
      height: 239px;
      display: block;
      margin-top: 0px;
      background: url('../images/akce-layer.png') no-repeat;
      position: absolute;  

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   
.content .akce .item a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   
.content .akce .item a .foto
   {
      width: 438px;
      height: 239px;
      display: block;
      margin-top: 0px;
   }
   
.content .akce .item a .info
   {
      width: 438px;
      height: 50px;
      display: block;
      background: #CF060E;
      color: #ffffff;
   }
   
.content .akce .item a .info .popis
   {
      font-size: 22px;
      float: left;
      width: 300px;
      padding-left: 15px;
      padding-top: 9px;
   }
   
.content .akce .item a .info .vice
   {
      float: right;
      width: 50px;
      height: 35px;
      padding-top: 15px;
      font-size: 17px;
      text-align: right;
      background: url('../images/akce-ikona.png') no-repeat 100% 50%;
      text-align: right;
      padding-right: 45px;
      line-height: 1.2;
      margin-right: 15px;
   }
   
.content .akce .item a:hover .info
   {
      background: #000000;
   }
   
.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;
   }  
   
.content .plosiny
   {
      padding-top: 0px;
   }
   
.content .plosiny .filtr
   {
      width: 958px;
      height: 44px;
      display: block;
      border: 1px solid #ffffff;
      margin-bottom: 30px;
	  color: #ffffff;
      font-family: 'OpenSans';
      font-size: 14px;
      font-weight: bold;
   }
   
.content .plosiny .filtr .vyfiltruj
   {
      font-family: 'OpenSansThin';
      font-size: 18px;
      padding-top: 9px;
      float: left;
      width: 230px;
      padding-left: 20px;
      font-weight: normal;
   }   
   
.content .plosiny .filtr .vyska
   {
      float: left;
      width: 120px;
      padding-top: 12px;
   }  
      
.content .plosiny .filtr input.ivyska
   {
      float: left;
      width: 45px;
      height: 30px;
      border: 0px;
      margin-top: 6px;
      padding-left: 5px;
      font-weight: bold;
      font-size: 14px;
      color: #a7a9ac;
   }
   
.content .plosiny .filtr .m
   {
      float: left;
      width: 50px;
      padding-top: 12px;
      padding-left: 5px;
   }  
   
.content .plosiny .filtr .nosnost
   {
      float: left;
      width: 75px;
      padding-top: 12px;
   }
   
.content .plosiny .filtr input.inosnost
   {
      float: left;
      width: 45px;
      height: 30px;
      border: 0px;
      margin-top: 6px;
      padding-left: 5px;
      font-weight: bold;
      font-size: 14px;
      color: #a7a9ac;
      font-family: 'OpenSans';
   }
   
.content .plosiny .filtr .kg
   {
      float: left;
      width: 50px;
      padding-top: 12px;
      padding-left: 5px;
   }  
   
.content .plosiny .filtr .typ
   {
      float: left;
      width: 35px;
      padding-top: 12px;
   }
   
.content .plosiny .filtr select
   {
      float: left;
      width: 120px;
      height: 31px;
      padding-left: 10px;
      color: #a7a9ac;
      margin-top: 6px;
      font-weight: bold;
      font-size: 14px;
      border: 0px;
      font-family: 'OpenSans';
   }
   
.content .plosiny .filtr .vyhledat
   {
      float: right;
      width: 125px;
      text-align: center;
   }

.content .plosiny .filtr .vyhledat a
   {
      font-family: 'OpenSansThin';
      width: 100px;
      height: 34px;
      padding-top: 10px;
      display: block;
      font-size: 18px;
      text-align: center;
      color: #ffffff;
      text-decoration: underline;
   }
   
.content .plosiny .filtr .vyhledat a:hover
   {
      color: #D0070F;
   }
   
.content .plosiny .item
   {
      color: #D0070F;
      width: 222px;
      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 .plosiny .item a
   {
      width: 222px;
      height: 200px;
      display: block;
   }
   
.content .plosiny .item a .foto
   {
      width: 207px;
      height: 167px;
      display: block;
      margin-top: 0px;
   }
   
.content .plosiny .item a .foto img
   {
      border: 0px solid #ffffff;
      -webkit-box-shadow: 0px 0px 0px 0px rgba(13, 14, 14, 0.3);
      -moz-box-shadow:    0px 0px 0px 0px rgba(13, 14, 14, 0.3);
      box-shadow:         0px 0px 0px 0px rgba(13, 14, 14, 0.3);
   }
   
.content .plosiny .item a .info .typ
   {
      font-size: 16px;
      float: left;
      width: 140px;
      font-family: 'OpenSansBold';  
      padding-left: 5px;
      padding-top: 8px;
   }
   
.content .plosiny .item a .info .detail
   {
      font-weight: normal;
      font-size: 14px;
      float: right;
      width: 67px;
      color: #a3a3a3;
      background: url('../images/ikona-plosina-detail.png') no-repeat 100% 50%;
      height: 21px;
      padding-top: 3px;
      margin-right: 5px;
      margin-top: 6px;
   }
   
.content .plosiny .item a .layer
   {
      position: absolute;
      width: 222px;
      height: 167px;
      display: block;
      background: url('../images/plosina-layer.png') no-repeat;

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   
.content .plosiny .item a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   
.content .plosiny .mezera
   {
      width: 10.5px;
      height: 10.5px;
      display: block;
      float: left;
   }
   
.content .plosiny .radek
   {
      width: 10.5px;
      height: 10.5px;
      clear: both;
   }
 
.content .box
   {
      width: 960px;
      margin-top: 50px;
   }
   
.content .box .item
   {
      width: 960px;
      border-bottom: 0px dashed #ce050d;
      margin-bottom: 30px;
   }
   
.content .box .item .hlavicka
   {
      width: 100%;
      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 .cena
   {
      float: right;
      font-size: 15px;
      color: #ffffff;
      padding-right: 10px;
      padding-top: 9px;
   }   
      
.content .box .item .obsah
   {
      padding-top: 5px;
      padding-bottom: 5px;
   }
   
.content .box .item .galerie
   {
      padding-bottom: 20px;
   }
   
.content .box .item .galerie .mezera
   {
      width: 10.5px;
      height: 10.5px;
      display: block;
      float: left;
   }
   
.content .box .item .galerie .radek
   {
      width: 10.5px;
      height: 10.5px;
      clear: both;
   }

.content .box .item .galerie a
   {
      width: 222px;
      height: 167px;
      display: block;
      border: 5px solid #ffffff;  
      -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 .box .item .galerie a img
   {
   }
      
.content .box .item .galerie a .layer
   {
      position: absolute;
      width: 222px;
      height: 167px;
      display: block;
      background: url('../images/plosina-layer.png') no-repeat;

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
   
.content .box .item .galerie a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   
.content .plosina
   {
   }
      
.content .plosina .leva
   {
      width: 460px;
      float: left;
   }
   
.content .plosina .leva .foto
   {
      margin-top: 0px;
      padding-top: 0px;
	  width: 450px;
      height: 338px;
      display: block;
      border: 5px solid #ffffff;  
      -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 .leva .foto a .layer
   {
      width: 450px;
      height: 338px;
      display: block;
      position: absolute;
      border: 0px;
      background: url('../images/plosina-detail-layer.png') no-repeat;

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
      
.content .plosina .leva .foto a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   
.content .plosina .leva .galerie
   {
      margin-top: 10px;
   }
   
.content .plosina .leva .galerie a
   {
	  width: 215px;
      height: 161px;
      display: block;
      float: left;
      border: 5px solid #ffffff;  
      -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 .leva .galerie a .layer
   {
      width: 215px;
      height: 161px;
      display: block;
      position: absolute;
      background: url('../images/plosina-detail-layer-gal.png') no-repeat;

      -webkit-transition: opacity .5s ease;
      -moz-transition: opacity .5s ease;
      -o-transition: opacity .5s ease;
      transition: opacity .5s ease;
	  
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
   }
      
.content .plosina .leva .galerie a:hover .layer
   {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
   }
   
.content .plosina .leva .galerie .mezera
   {
      width: 10px;
      height: 10px;
      display: block;
      float: left;
   }
   
.content .plosina .leva .galerie .radek
   {
      width: 10px;
      height: 10px;
      display: block;
      clear: both;
   }
   
.content .plosina .main
   {
      width: 470px;
      float: right;
   }
   
.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: 310px;
      text-align: left;
   }
   
footer
   {
      width: 100%;
      padding-bottom: 30px;
      display: block;
      background: #ffffff;
      color: #898888;
      font-size: 14px;
      line-height: 1.5;
   }
   
footer a
   {
      color: #898888;
   }
   
footer h3
   {
      font-size: 22px;
      margin-bottom: 10px;
      color: #898888;
   }
   
footer p
   {
      margin-top: 0px;
   }
   
footer .menu
   {
      width: 210px;
      float: left;
   }
   
footer .menu ul
   {
      margin: 0px;
      padding: 0px;
      padding-left: 20px;
   }
   
footer .menu ul li
   {
      margin-left: 0px;
      padding-left: 0px;
      list-style-type: square;
   }
   
      
footer .kontakt
   {
      width: 240px;
      float: left;
   }
   
footer .mapa
   {
      width: 510px;
      float: left;
   }
   
footer .gmaps
   {
      width: 510px;
      height: 160px;
	  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: -30px;
      margin-top: 20px;

   }
   
@media screen and (max-width: 1470px) 
   {
      #slider .slider {display: none;}
      #slider { background: url('../images/slider2.jpg') repeat center center; }
   }