/*@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/OpenSansRegular/OpenSans-Bold-webfont.eot');
         src: url('../fonts/OpenSansRegular/OpenSans-Bold-webfont.eot?iefix') format('eot'),
              url('../fonts/OpenSansRegular/OpenSans-Bold-webfont.woff') format('woff'),
              url('../fonts/OpenSansRegular/OpenSans-Bold-webfont.ttf') format('truetype'),
              url('../fonts/OpenSansRegular/OpenSans-Bold-webfont.svg#webfont') format('svg');
   }*/

body 
   {
      margin: 0;
      padding: 0;
      font-family: 'Open Sans';
      font-size: 13px;
   }
      
.clear
   {
      clear: both;
      border: 0px;
      font-size: 0px;
      height: 1px;
   }

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

a 
   {
      color: #4C4C4C;
      text-decoration: underline;
      font-weight: normal;
   }
   
a:hover
   {
      color: #4C4C4C;
      text-decoration: none;
   }
   
ul li
   {
      list-style-type: square;
   }
   
hr
   {
      clear: both;
      border: 0px;
      font-size: 0px;
      height: 1px;
   }

.noborder
   {
      border: 0px solid #ffffff;
   }
   
header
   {
      width: 100%;
   }
   
header .top
   {
      width: 100%;
      height: 292px;
      display: block;
      background: url('../images/header2.jpg') no-repeat center center;
   }
   
header .top .mobilni
   {
      display: none;
   }
   
.myslider {
   width: 100%;
   height: 100%;
   height: 100vh;			
}

.mysliderinfo {
   width: 100%;
   height: 100%;
   height: 100vh;		
}

.myfade 
   {
      position: absolute;
      top:0;
      left:0;
      display: none;
   }
   
.mycurrent
   {
      display: block;
   }   
   
header .top a
   {
      width: 150px;
      display: block;
      background: red;
   }
   
header .menu
   {
      width: 100%;
      min-height: 48px;
      display: block;
      background: #fdd534;
   }
   
header .menu .center
   {
      min-height: 48px;
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
   }
   
header .menu .center img.kdu
   {
      float: right;
      margin-right: 10px;
      margin-top: 5px;
      border: 0px;
   }
   
header .menu .center a.home
   {
      margin-left: 60px;
      width: 300px;
      height: 150px;
      display: block;
      position: absolute;
      margin-top: -200px;
   }

header .menu .center nav a
   {
      padding: 0px;
      margin: 0px;
   }
   
header .menu .center a.roll
   {
      font-size: 17px;
      width: 120px;
      height: 35px; 
      color: #4c4c4c;
      text-transform: uppercase;
      text-decoration: none;
      display: block;
      padding-top: 13px;
      float: left;
      margin-left: 20px;
      display: none;
      background: url('../images/menu-list.png') no-repeat 0% 52%;
      padding-left: 35px;
   }
   
header .menu .center nav ul
   {
      margin: 0px;
      padding: 0px;
      padding-top: 6px;
   }
   
header .menu .center nav ul li
   {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      float: left;
      border-right: 1px solid #daba39;
      height: 36px;
      padding-left: 15px;
      padding-right: 15px;
   }
   
header .menu .center nav ul li a
   {
      font-size: 17px;
      color: #4c4c4c;
      text-transform: uppercase;
      text-decoration: none;
      display: block;
      padding-top: 7px;
   }
   
header .menu .center nav ul li a:hover
   {
      text-decoration: underline;
   }
   
header .menu .center nav ul li a.aktivni
   {
      font-weight: bold;
   }
   
.web
   {
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
   }
   
.web .content
   {
      width: 100%;
      max-width: 940px;
      background: url('../images/content.jpg') repeat-y 100% 0px;
      padding-top: 20px;
   }
     
.web .content .text
   {
      float: left;
      width: 100%;
      max-width: 606px;
      padding-bottom: 20px;
      font-size: 13px;
      margin-top: 0px;
	  padding-top: 0px;
   }
   
.web .content .text h1
   {
      margin-top: 0px;
      color: #192C57;
      font-weight: normal;
      font-size: 26px;
   }
   
.web .content .text h2
   {
      margin-top: 0px;
      color: #192C57;
      font-weight: normal;
      font-size: 18px;
   }
   
.web .content .text h3
   {
      margin-top: 0px;
      color: #4d4d4d;
      font-weight: normal;
      font-size: 18px;
      padding: 0px;
      margin: 0px;
   }
   
.web .content .text h4
   {
      color: #192C57;
      font-size: 14px;
   }
   
.web .content .text ul.download
   {
      margin: 0px;
      padding: 0px;
      margin-bottom: 50px;
      padding-top: 5px;
   }

.web .content .text ul.download li
   {
      list-style-type: none;
      margin-left: 20px;
      clear: both;
   }
      
.web .content .text ul.download li img.ico
   {
      width: 22px;
      height: 22px;
      float: left;
   }
   
.web .content .text ul.download li span.info
   {
      height: 22px;
      padding-top: 4px;
      padding-left: 5px;
      float: left;
   }
   
.web .content .text ul.download li a
   {
      color: #000000;
      text-decoration: none;
   }
   
.web .content .text ul.download li a:hover
   {
      color: #F04E37;
      text-decoration: underline;
   }
   
.web .content .text .foto
   {
   }
   
.web .content .text .foto img
   {
      float: left;
      display: block;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: url(grayscale.svg); /* Firefox 4+ */
      filter: gray; /* IE 6-9 */
      padding: 5px;
   }
      
.web .content .text .foto img:hover
   {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: none;
      -moz-transition: 1s ease;
      -webkit-transition: 1s ease;
      -o-transition: 1s ease;
      transition: 1s ease;
   }
   
.web .content .text .foto .mezera
   {
      float: left;
      width: 13px;
      height: 14px;
      display: block;
   }
   
.web .content .text .foto .clear
   {
      clear: both;
      width: 13px;
      height: 13px;
      display: block;
   }

         
.web .content .text .formular
   {
      padding-top: 25px;
      width: 100%;
      min-height: 300px;
      border: 0px dotted gray;
      margin-top: 0px;
      border-top: 1px solid#BAC8E3;
   }
     
.web .content .text .formular .error
   {
      padding: 10px;
      text-align: center;
      font-weight: bold;
      border: 1px dashed #FDD534;
      color: #FDD534;
      margin-bottom: 10px;
   }
   
.web .content .text .formular .line
   {
      margin-bottom: 5px;
   }
   
.web .content .text .formular .line .left
   {
      width: 120px;
      position: absolute;
      font-weight: normal;
      text-align: right;
      padding-right: 20px;
      padding-top: 5px;
   }
   
.web .content .text .formular .line .right
   {
      width: auto;
      margin-left: 130px;
   }
   
.web .content .text .formular .line .right .signatar
   {
      margin-top: 16px;
	  display: block;
   }

.web .content .text .formular .line .right input
   {
      width: 100%;
      height: 25px;
      padding-left: 5px;
      border: 1px solid #c0c0c0;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-topleft: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
   }
   
.web .content .text .formular .line .right textarea
   {
      width: 100%;
      height: 120px;
      padding-left: 5px;
      border: 1px solid #c0c0c0;
      margin: 0px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-topleft: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
	  
   }
   
.web .content .text .formular .line a
   {
      width: 123px;
      height: 30px;
      padding-top: 8px;
      display: block;
      font-size: 16px;
      background: #CCCCCC;
      color: #000000;
      text-decoration: none;
      text-align: center;
      margin-top: 65px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-topleft: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
   }
      
.web .content .text .formular .line a:hover
   {
      background: #4D4D4D;
      color: #ffffff;
   }

.web .content .text .fotogal
   {
   }
   
.web .content .text .fotogal .strankovani
   {
      margin-top: 15px;
      font-size: 12px;
   }
   
.web .content .text .fotogal .strankovani em
   {
      font-style: normal;
      padding-top: 2px;
      display: block;
   }
   
.web .content .text .fotogal .strankovani a
   {
      width: 25px;
      height: 22px;
      padding-top: 3px;
      display: block;
      text-align: center;
      background: #cccccc;
      color: #4c4c4c;
      float: left;
      text-decoration: none;
      font-weight: bold;
      margin-right: 5px;
   }
   
.web .content .text .fotogal .strankovani a:hover
   {
      background: #4c4c4c;
      color: #ffffff;
   }
   
.web .content .text .fotogal .strankovani a.aktivni
   {
      background: #4c4c4c;
      color: #ffffff;
   }
   
.web .content .text .fotogal .item
   {
      width: 273px;
      height: 240px;
      display: block;
      padding: 5px;
      background: #dadada;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
   }
   
.web .content .text .fotogal .item .foto
   {
      width: 273px;
      height: 200px;
   }

.web .content .text .fotogal .item .info
   {
      padding: 2px 5px 0px 5px;
   }
   
.web .content .text .fotogal .item .info .datum
   {
      float: left;
      width: 80px;
      color: #4d4d4d;
      font-weight: bold;
   }
   
.web .content .text .fotogal .item .info .nazev
   {
      float: left;
      width: 180px;
      height: 40px;
	  display: block;
      color: #4d4d4d;
   }
   
.web .content .text .fotogalerie
   {
   }
   
.web .content .text .fotogalerie img
   {
      float: left;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: url(grayscale.svg); /* Firefox 4+ */
      filter: gray; /* IE 6-9 */
   }
   
.web .content .text .fotogalerie img:hover
   {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: none;
   }
   
.web .content .text .fotogalerie a
   {
      width: 99px;
      height: 133px;
      display: block;
      border: 5px solid #CCCCCC;
      float: left;
      margin-right: 6px;
      margin-left: 6px;
      margin-bottom: 12px;
   }
   
.web .content .text .fotogalerie a:hover
   {
      border: 5px solid #CCCCCC;
   }
   
.web .content .text .fotogalerie hr
   {
      border: 0px;
      height: 5px;
   }
   
.web .content .text .fotogalerie .fotoaktuality
   {
   
   }
   
.web .content .text .fotogalerie .fotoaktuality .item
   {
      padding-bottom: 10px;
      padding-top: 10px;
      border-bottom: 1px dotted #D9D9D9;
   }
   
.web .content .text .fotogalerie .fotoaktuality .item .foto
   {
      width: 80px;
      float: left;
   }   
   
.web .content .text .fotogalerie .fotoaktuality .item .foto a
   {
      border: 0px;
      width: auto;
      height: auto;
   }   
   
.web .content .text .fotogalerie .fotoaktuality .item .info
   {
      width: 500px;
      padding-left: 20px;
      float: left;
   }   
   

.web .content .text .fotogalerie .fotoaktuality .item .info .datum
   {
      margin-top: 15px;
   }   
   
.web .content .text .clanek
   {
      width: 100%;
   }
   
.web .content .text .clanek .vypis
   {
      padding: 0px;
      margin: 0px;
   }
   
.web .content .text .clanek .item
   {
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
   }
   
.web .content .text .clanek .item .foto
   {
      width: 131px;
      height: 131px;
      float: left;
      border: 4px solid #cccccc;
   }
   
.web .content .text .clanek .item .foto a
   {
   }
   
.web .content .text .clanek .item .foto img
   {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: url(grayscale.svg); /* Firefox 4+ */
      filter: gray; /* IE 6-9 */
      padding: 0px; !important
   }
   
.web .content .text .clanek .item .foto img:hover
   {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: none;
      -moz-transition: 1s ease;
      -webkit-transition: 1s ease;
      -o-transition: 1s ease;
      transition: 1s ease;
   }
   
.web .content .text .clanek .item .info
   {
      width: 455px;
      float: right;
   }

.web .content .text .clanek .item .info .nadpis
   {
      width: 100%;
      padding-bottom: 5px;
   }
   
.web .content .text .clanek .item .info .nadpis a
   {
      color: #333333;
      font-weight: normal;
      font-size: 18px;
      text-decoration: none;
   }
   
.web .content .text .clanek .item .info .popis
   {
      width: 100%;
      padding-top: 3px;
      padding-bottom: 13px;
   }
   
.web .content .text .clanek .item .info .vice a
   {
      width: 88px;
      height: 21px;
      padding-top: 3px;
      display: block;
      background: #4c4c4c;
      text-align: center;
      color: #ffffff;
      text-decoration: none;
      float: left;
   }
   
.web .content .text .clanek .item .info .datum
   {
      float: left;
      width: 88px;
      height: 21px;
      padding-top: 3px;
      display: block;
      background: #f5f7fa;
      text-align: center;
      color: #4c4c4c;
      text-decoration: none;
      margin-left: 10px;
   }
   
.web .content .text .clanek .item .info .vice a:hover
   {
      background: #cccccc;
      color: #333333;
   }
      
.web .content .text .clanek .item .info .nadpis a:hover
   {
      text-decoration: underline;
   }
   
.web .content .text .clanek .strankovani
   {
      margin-top: 15px;
      font-size: 12px;
   }
   
.web .content .text .clanek .strankovani em
   {
      font-style: normal;
      padding-top: 2px;
      display: block;
   }
   
.web .content .text .clanek .strankovani a
   {
      width: 25px;
      height: 22px;
      padding-top: 3px;
      display: block;
      text-align: center;
      background: #cccccc;
      color: #4c4c4c;
      float: left;
      text-decoration: none;
      font-weight: bold;
      margin-right: 5px;
   }
   
.web .content .text .clanek .strankovani a:hover
   {
      background: #4c4c4c;
      color: #ffffff;
   }
   
.web .content .text .clanek .strankovani a.aktivni
   {
      background: #4c4c4c;
      color: #ffffff;
   }
      
.web .content .text .clanek .detail .likebox
   {
      float: right;
      padding-bottom: 10px;
   }

.web .content .text .clanek .detail .likebox .fb
   {
      float: left;
      width: 130px;
   }
   
.web .content .text .clanek .detail .likebox .twitter
   {
      float: left;
      width: 100px;
   }
   
.web .content .text .clanek .detail .likebox .gplus
   {
      float: left;
      width: 60px;
   }
   
.web .content .text .clanek .detail .informace .datum
   {
      display: block;
	  padding-bottom: 10px;
   }
   
.web .content .text .download
   {
      padding-top: 10px;
   }
   
.web .content .text .download .polozka
   {
      margin-left: 30px;
      margin-bottom: 10px;
   }
   
.web .content .text .download .polozka a.pdf
   {
      height: 16px;
      padding-left: 22px;
      background: url('../images/ico-pdf.png') no-repeat 0% 50%;
      display: block;
      text-decoration: none;
      width: 300px;
   }
   
.web .content .text .download .polozka a.pdf:hover
   {
      text-decoration: underline;
   }
   
.web .content .text .download .polozka a.doc
   {
      height: 16px;
      padding-left: 22px;
      background: url('../images/ico-doc.png') no-repeat 0% 50%;
      display: block;
      text-decoration: none;
      width: 300px;
   }
   
.web .content .text .download .polozka a.doc:hover
   {
      text-decoration: underline;
   }
   
.web .content .text .galerie
   {
      padding-top: 10px;
   }
   
.web .content .text .galerie .foto
   {
      float: left;
   }
   
.web .content .text .galerie .foto img
   {
      border: 2px solid #ffffff;
   }
   
.web .content .text .galerie .foto img:hover
   {
      border: 2px solid #D2D3D7;
   }
   
.web .content .text .galerie .mezera
   {
      width: 8px;
      float: left;
   }
   
.web .content .text .galerie .clear
   {
      height: 13px;
      clear: both;
   }

.web .content .text .kategorie .mezera
   {
      width: 11px;
      float: left;
   }
   
.web .content .column
   {
      float: right;
      width: 293px;
   }
   
.web .content .column h2
   {
      margin-top: 0px;
      color: #333333;
      font-weight: normal;
      font-size: 19px;
   }
   
.web .content .column .kdojsem
   {
      margin-top: 10px;
      width: 100%-40px;
      min-width: 273px;
      height: auto;
      padding-left: 20px;
      color: #333333;
      font-size: 13px;
      padding-bottom: 20px;
   }
   
.web .content .column .kdojsem .citace
   {
      padding-left: 20px;
      padding-right: 15px;
      background: url('../images/uvozovky-a.png') no-repeat;
   }
   
.web .content .column .kdojsem .citace img
   {
      width: 14px; 
      height: 12px;
      margin-left: 7px;
      margin-top: 10px;
      position: absolute;      
   }
   
.web .content .column .matedotaz
   {
      text-align: center;
   }

.web .content .column .blog
   {
      background: #4d4d4d;
      width: 100%-20px;
      height: 50px;
      display: block;
      color: #ffffff;
      font-size: 16px;
      font-weight: normal;
      padding-left: 20px;
      margin-top: 15px;
   }
   
.web .content .column .blog .t
   {
      float: left;
      width: 160px;
      padding-top: 15px;
   }
   
.web .content .column .blog img
   {
      float: right;
      padding-right: 20px;
      margin-top: 18px;
   }
   
.web .content .column .facebook
   {
      margin-top: 20px;
      padding-left: 26px;
      margin-bottom: 20px;
   }

   
footer
   {
      width: 100%;
      min-height: 145px;
      background: #d3d7d2;
      display: block;
      text-align: center;
   }
   
footer img
   {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 23px;
   }
   
/* New Design - 14.05.2016 */   

.cleaner{clear:both}.left{float:left}.right{float:right}
.relative{position:relative}.absolute{position:absolute}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
body, html {
  height: 100%;
}

#right {
  height: 100%;
}

/* slider */

.sliders {
    position: relative;
height:480px;
width: 100%;
border: 0px;
}

.sliders-clanek {
height: 100%;
height:100vh;
}

.slider{
background-image: url(../images/slider_02.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height:480px;
width: 100%;
border: 0px;
//position: absolute; 
z-index: 1;
min-width:230px;
background-color: white;
} 

.slider-clanek,
.slider-clanek-2
{
background-image: url(../images/slider_main01.jpg);    
height: 100%;
height:100vh;
/*transition: 3s;
transition-timing-function: ease;
transition-property: background-image;
transition-duration: 3s;*/
}

.slider-media {
background-image: url(../images/slider_04.jpg);    
height:480px;
}

.slider-politicka-cinnost {
background-image: url(../images/slider_01.jpg);    
height:480px;
}

.slider-o-mne {
background-image: url(../images/slider_02.jpg);    
height:480px;
}

.slider-fotogalerie {
background-image: url(../images/slider_05.jpg);    
height:480px;
}

.slider-kontakty {
background-image: url(../images/slider_03.jpg);    
height:480px;
}

.slider-right {
    /*transition-duration: 3s;*/
    /*background-position: right top;*/
    background-image: url(../images/slider_main02.jpg) !important; 
}

.slider-left {
    /*transition-duration: 3s;*/
    /*background-position: left top;*/
    background-image: url(../images/slider_main03.jpg) !important;  
}

.slider-arealeft,
.slider-arearight,
.slider-areacenter
{
    width: 33%;
    height: 100%;
    height: 100vh;
    position: absolute;
}

.slider-arealeft {
    left: 0;
}

.slider-arearight {
    right: 0;
}

.slider-areacenter {
    left: 33%;
}

.menu{
background-color: #ffffff;
width: 100%;
height: 100px;
border-bottom: 1px solid #ffffff;
/*position: relative; */
z-index: 2;
opacity: 0.7;
} 

.menu_right {
    position: absolute;
    right: 0;
    top: 50px;
}

.menu_right ul {
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}

.menu_right li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    height: 39px;
}

.menu_right a {
    text-transform: uppercase;
margin-left: 6px;
color: #666666;
font-size: 14px;
line-height: 100px;
padding: 10px 15px 10px 15px;
border: 0px;
text-decoration: none;
transition: background-color 1s, color 1s;
border-radius: 5px;
}

.menu_right a:hover{
color: #ffffff;
background-color: #3370A6;
transition: background-color 0.5s, color 0.5s;
}

.menu_right li.aktivni a{
margin-left: 6px;
color: #3370A6;
font-size: 14px;
line-height: 100px;
padding: 10px 14px 10px 14px;
border: 1px solid #cccccc;
text-decoration: none;
border-radius: 5px;
}

.menu_right li.aktivni a:hover {
    color:white;
}

.slider_shade{
background-image: url(../images/slider_shade.jpg);
background-repeat: repeat-x;
width: 100%;
height: 30px;
border: 0px;
    margin-top: -1px;
} 

/* ikony */

.ico {
    margin: 15px 3px;
}

.ico2 {
    margin: 10px 3px;
}

.ico_kdu{
background-image: url(../images/ico_kdu_2.jpg);
background-repeat: no-repeat;
background-position: top;
width: 57px;
height: 30px;
border: 0px;
transition-duration: 1s;
display: block;
}

.ico_kdu:hover{
background-position: bottom;
transition-duration: 0.5s;
}

.ico_fb{
background-image: url(../images/ico_fb.jpg);
background-repeat: no-repeat;
background-position: top;
width: 20px;
height: 20px;
border: 0px;
transition-duration: 1s;
display: block;
}

.ico_fb:hover{
background-position: bottom;
transition-duration: 0.5s;
}

.ico_tw{
background-image: url(../images/ico_tw.jpg);
background-repeat: no-repeat;
background-position: top;
width: 20px;
height: 20px;
border: 0px;
transition-duration: 1s;
display: block;
}

.ico_tw:hover{
background-position: bottom;
transition-duration: 0.5s;
}

.ico_ib{
background-image: url(../images/ico_ib.jpg);
background-repeat: no-repeat;
background-position: top;
width: 20px;
height: 20px;
border: 0px;
transition-duration: 0.8s;
display: block;
}

.ico_ib:hover{
background-position: bottom;
transition-duration: 0.5s;
}

/* sloupec */

.box_sloupec{
width: 80%;
text-align:left;
}

.box_sloupec h1 {
    width: 170px;
    margin-bottom: 10px;
}

hr{
margin: 0px;
border: 0px;
height: 1px;
background: #E9E9E9;
}

.box_sloupec_obsah{
width: 100%;
margin-left: 20px;
}

h1{
color: #00396C;
font-size: 28px;
font-weight: 400;
margin-bottom: 17px;
margin-top: 0;
line-height: 1.3em;
}

.box_sloupec h1 {
    font-size: 22px !important;
    margin-top: 18px;
}

.text_uvodni_slovo{
margin: 10px 0px 0px 0px;
color: #666666;
font-size: 14px;
text-align: justify;
}

.ico-social {
    display: inline-block;
    border: 0px;
    transition: background 1s;
    display: inline-block;
    background-position: top;
}

.ico-social:hover {
    background-position: bottom;
    transition: background 0.5s;
}

.ico_fb2{
background-image: url(../images/ico_fb2.jpg);
background-repeat: no-repeat;
width: 293px;
height: 60px;
margin-bottom: 8px;
}

.ico_tw2{
background-image: url(../images/ico_tw2.jpg);
background-repeat: no-repeat;
width: 293px;
height: 60px;
margin-bottom: 8px;
}

.ico_ib2{
background-image: url(../images/ico_ib2.jpg);
background-repeat: no-repeat;
width: 293px;
height: 60px;
margin-bottom: 12px;
}

/* clanky */

.clanek .item{
width: 100%;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 0px 20px 0px 0px;
text-align: justify;
margin-bottom: 20px;
transition-duration: 1s;
}

.clanek .item:hover {
background-color: #3370A6;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
border-radius: 6px;
transition-duration: 0.5s;
}

.foto{
width: 143px;
height: 143px;
border: 1px solid #E9E9E9;
padding: 5px;
border-radius: 70px;
background-color: #FFFFFF;
margin: 20px 20px 19px 20px;
float: left;
/*margin-bottom: 15px;
margin-top: 15px;*/
}

.fotogal .foto {
    margin: 0px 20px 0px 0px;
}

.minifotogal .foto {
    margin: 20px 0px 0px 20px;
}

/*.vypis .foto {
    margin-top: 0px;
    margin-bottom: 0px;
}*/

/*this needs to be put to php later*/

.likebox {
    display:none;
}

/*end*/

/*.foto img {
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    width: 131px;
    height: 131px;
}*/

.clanek .info a {
    text-decoration:none;
    text-align: justify;
    font-weight: 400;
    color: #00396C;
    transition-duration: 1s;
    display:block;
}

.item:hover h2 {color:white;transition-duration: 0.5s;}

h2,h3,h4 {
    text-decoration:none;
    font-weight: 400;
    color: #00396C;
    font-size: 19px;
    transition-duration: 1s;
    display:block;
    margin: 0px 0px 14px 0px;
}
h3{font-size:16px}
h4{font-size:14px}
 
.clanek .info .nadpis{
    margin: 0px 0px 10px 0px;
}

.clanek .popis {
    font-size: 13px;
    line-height: 1.5em;
}

/*.clanek .info .vice {display:none}*/

.clanek .vypis a,
.clanek .vypis h2
{
    text-decoration: none;
} 

h2
{
    text-align: left;
    line-height: 1.3em;
}

/* fotogalerie */

.foto {
    transition-duration: 1s;
}

.fotogal .item{
width: 100%;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 20px;
text-align: justify;
margin-bottom: 20px;
transition-duration: 1s;
float: left;
margin-right: 20px;
min-width: 333px;
height: 185px;
}

.fotogal .item:hover{
background-color: #3370A6;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
border-radius: 6px;
transition-duration: 0.5s;
}

.fotogal .datum {
    font-size: 13px;
}

.obsah .foto, .clanek .foto{
transition-duration: 1s;
}

.obsah .foto:hover, .clanek .foto:hover,
.minifotogal .foto:hover
{
opacity: 0.6;
transition-duration: 0.5s;
}

/* strankovani */

.strankovani {text-align:center}

.strankovani a{
color: #666666;
font-size: 13px;
width: 30px;
height: 30px;
line-height: 29px;
text-align: center;
border: 1px solid #E9E9E9;
text-decoration: none;
transition-duration: 1s;
border-radius: 5px;
display: inline-block;
margin: 0px 3px 10px 3px;
font-style: normal;
}

.strankovani a:hover{
color: #ffffff;
background-color: #3370A6;
transition-duration: 0.5s;
}

.strankovani a.aktivni{
color: #3370A6;
background-color: #E9E9E9;
font-size: 13px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #E9E9E9;
text-decoration: none;
transition-duration: 1s;
border-radius: 5px;
display: inline-block;
margin: 0px 3px 10px 3px;
}

.strankovani em { font-style: normal;}

/* obsah */

.obsah h2, .obsah h3, .obsah h4,
.clanek h2, .clanek h3, .clanek h4
{margin-top:25px; margin-bottom: 20px}
.obsah h2 { font-size: 22px}
.obsah p {margin:0;padding:0}
.obsah a {font-weight:bold}


.obsah a{
color: #333333;
font-weight: 600;
text-decoration: none;
transition-duration: 1.5s;
}

.obsah a:hover{
color: #3370A6;
transition-duration: 0.5s;
}

.obsah h3, .clanek h3{
color: #00396C;
font-size: 19px;
font-weight: 400;
}

.obsah h4, .clanek h4{
color: #00396C;
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}

.foto_nahled_galerie{
width: 129px;
height: 129px;
border: 1px solid #E9E9E9;
padding: 5px;
border-radius: 70px;
background-color: #FFFFFF;
margin: 10px 12px 10px 12px;
float: left;
transition-duration: 1s;
}

.foto_nahled_galerie:hover{
opacity: 0.6;
transition-duration: 0.5s;
}

/* kontakt */

.box_kontakt{
width: 100%;
text-align: justify;
}

.obsah h1{
color: #00396C;
font-size: 28px;
font-weight: 400;
}

.obsah hr{
margin: 0px;
border: 0px;
height: 1px;
background: #E9E9E9;
}

.form table{
font-family: 'Open Sans', arial;
font-size: 13px;
color: #666666;
}

.input_kontakt{
width: 100%;
font-family: 'Open Sans', arial;
font-size: 13px;
color: #666666;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 8px;
margin: 4px 40px 4px 0px;
}
  
.area_kontakt{
width: 100%;
font-family: 'Open Sans', arial;
font-size: 13px;
color: #666666;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 8px;
margin: 4px 40px 4px 0px;
}
  
.input_odeslat{
background-color: #3370A6;
color: #FFFFFF;
font-size: 14px;
padding: 13px 17px 13px 17px;
border: 0px;
text-decoration: none;
transition-duration: 1s;
border-radius: 5px;
margin: 4px 0px 4px 0px;
cursor: pointer;
}

.input_odeslat:hover{
background-color: #CCCCCC;
transition-duration: 0.5s;
color: #00396C;
}

/* clanek */
.clanek h1 {font-size: 28px}

span.datum {font-size: 13px; color: #999;}
.informace { margin-bottom: 15px;margin-top:0px}

/* ostatni */

/*.container { min-width: 230px;}*/

#footer {
    background-color: #3370a6;
    text-align: center;
    color: white;
    font-size: 13px;
    padding: 33px 20px;
    margin: 50px 0px 0px 0px;
}

.topmax{min-width:230px !important}

.topbar {
    height: 50px;
    background: white;
    position: relative; 
    z-index: 2;
    width: 100%;
    min-width: 230px;
}

.topbar .right a {
    float: right;
}

.topbar .left a {
    float: left;
}

#img-q1 {
    margin: 5px 0px !important;
}

#img-q2 {
    margin: 5px 10px 15px 10px !important;
}

.col2 {float:right}

.vypis h2 { margin-top: 20px; margin-bottom:7px; line-height: 1.5em}

#logo {float:left;min-width:230px}

#tl_button {
    background: url('../images/tl_menu_res.png') no-repeat;
    float: right;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 30px;
    bottom: -107px;
    display: none;
    cursor: pointer;
    z-index: 99;
}

.text1 { margin-bottom: 66px}

.menu_mobile {
    display: none;
    position: absolute;
    right: 0;
    background: white;
    z-index: 98;
    top: 140px;
    /*padding: 10px 10px 10px 10px;*/
    text-transform: uppercase;
}

.menu_mobile ul {margin:0;padding:0}

.menu_mobile li {
    transition: 1s background;
    list-style-type: none;
    height: 50px;
    border-bottom: 1px solid #cdcdcd;
    min-width: 260px;
}

.menu_mobile li.aktivni {
    background: #cdcdcd;
}

.menu_mobile li:hover {
    transition: 0.5s background;
    background: #3370a6;
}

.menu_mobile li:hover a {
    color: white;
}

.menu_mobile a {
    text-decoration: none;
    line-height: 50px;
    padding: 0px 33px;
    font-size: 15px;
    width: 100% !important;
    display: block;
}

.topbar {
    position:absolute;
    z-index: 106;
}

.menu {
    top: 50px;
    position:absolute;
    z-index: 105;
}

.slider {
    position: absolute;
    top: 0px;
}

.main-container {margin-top:25px}

.superitem {padding-left:0px}

.fotoimg {
    display: block;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    width: 131px;
    height: 131px;
    background-repeat: no-repeat;
    background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: auto 100%;
}

.obsah {
    margin-bottom: 30px;
}

.margin-bottom-30 {margin-bottom:30px}

.minifotogal h2 {
    margin-bottom: 19px;
    font-size: 27px;
}

.obsah .minifotogal {
    margin-top: 50px;
}

.clanek .informace {
    margin-top:16px;
}

.detail .text1 p { font-size: 13px;line-height: 1.5em}

.formular table {margin-top:0px}