/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {

	margin:0;
	padding:0;
	width:100%;
	color:#6d6d6d;
	font:normal 14px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
}
html, .main {
	padding:0;
	margin: 0;
}
.main {
	background:#3a3a3a url(../images/main_bg.gif) repeat-x left top;
	margin-top: -2em;	
	margin-bottom: -2em;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0 0.2em;
	padding:8px 0 8px;
	font-size:25px;
	font-weight:bold;
	font-style:italic;
	color:#1b1b1b;
}
p {
	margin:8px 2px;
	padding:0 0 8px 0;
}
a {
	color:#0600ff;
	text-decoration:underline;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
	padding:0;
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
   min-height: 67px;
}
@media (max-width:960px){
      .lista {
         display:block;
         position: fixed;
         background-color: black;
         width:110%;
         z-index:1001;
         left:0;
         top:0;   
      }
}
.logo {
   display:block;
	width:820px;
   height:86px;
   }
.logo a img{
      float:left;
	   width:88px;
}
.logo a{
      text-decoration: none;
}
.logo a h2{
      font-size:3.5em;
      padding:0;
      padding-top:4%; 
      color:white;
}
@media (max-width:850px){
      .logo {
         width:77%;   
      }
     .logo a h2{
      font-size:2.5em;
      padding:0;
      padding-top:4%; 
      
   } 
}
@media (max-width:670px){
      .logo {
         width:77%;   
      }
}
@media (max-width:670px){
      .logo a h2 {
         font-size:1.7em;
         padding-top:8%;         
      }
}
@media (max-width:520px){
      .logo a h2 {
         font-size:1.7em;
         padding-top:8%;
      }
}
@media (max-width:460px){
      .logo a h2 {
         font-size:1.5em;
         padding-top:8%;
      }
}
@media (max-width:360px){
      .logo a h2 {
         font-size:1.3em;
      }
}
h1 {   
	margin:0;
	margin-top:0.2em;
   padding:20px 0 0;
	font-size:55px;
	font-weight:bold;
	font-style:italic;
	line-height:1.2em;
}
h1, h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
}
h1 small {
	padding-left:12px;
	font-size:20px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#fff;
}
.slider {
	padding:0 0 30px;
	background:url(../images/slider_bg.jpg) no-repeat center bottom;
}
.slider ul{
      list-style:none;
      background: #4d4b4b;
   }
.slider ul .minimalizovat{
      width: 100%;
      height: 20px;
      background: black;
      border: 1px solid;
   }
.slider ul .minimalizovat img{
      z-index:1005;
      display:block;
      position:absolute;      
      left: 45%;
      width: 5%;
      top: 86%;      
}
.slider .maximalizovat{
      width: 100%;
      height: 30px;
      background: black;
      border: 1px solid;
     
   }
.slider .maximalizovat:hover{
      
      border: 2px solid white;
     
}
.slider .maximalizovat img{
      z-index:1005;
      display:block;
      width: 2%;
      margin: 5px auto;      
}
   
   


.slider ul li img {
      max-width: 960px;
      max-height: 350px;
      display: block;
      margin: 0 auto;
}
.slider ul li .title {
      
      display: block;
      margin: 0 auto;
      background: url(../images/overlay.png) repeat left top;
      z-index: 1000;
      opacity: 1;
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 95%;
      color: white;
      padding-left: 5%;

}  

.slider ul li  {
      width:100%;
            
}
@media (max-width:960px){
      .header_resize .slider {
         display:none;
      }
}

.rss {
	padding:36px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#8c8c8c;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#8c8c8c;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}

/********NASTEVENI NA MOBILNI ZARIZENI*/

@media (max-width:960px){
   .header_resize {
	     margin:0 auto;
	     padding:0;
        width:98%;
    }
   h1 {
	    
	     font-size:2.8em;
	     font-weight:bold;
	     }
   h1 small {
	  padding-left:12px;
	  font-size:20px;
	  line-height:1.2em;
	  letter-spacing:normal;
	  text-transform:none;
	  color:#fff;
   }
}
@media (max-width:530px){
   h1 {	    
	     font-size:2.4em;
	     }
}
@media (max-width:455px){
   h1 {	    
	     font-size:2.0em;
        padding-top: 1.5em;
	     }
}
@media (max-width:455px){
   h1 {	    
	     font-size:1.7em;
	     }
}
@media (max-width:355px){
   h1 {	    
	     font-size:1.3em;
        padding-top: 2em;
	     }
}
/* *********** MENU ************** */
.menu_nav {
	margin:0 auto;
	padding:0;
	height:50px;
	background:#1b1b1b;
   z-index:150;
}
.menu_nav .icon_nav{
	float:right;
	height: 90%;

}
.menu_nav .icon_nav img{
	height: 100%;
	padding-top: 0;
	padding-right: 10%;

}
.menu_nav ul {
	list-style:none;
	padding:0;
	height:10px;
}
.menu_nav ul li {
	margin:0;
	padding:0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:16px 20px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#fff;
	background:#29296c;
}

.menu_main .button-menu{
   display:none;
   position:absolute;
   top: 1em;
   right: 1em;
   z-index:1010;

}

.containerMenu {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
} 
/* menu responsibily */

@media (min-width:960pxpx){
      .menu_nav{
         display:block;
         position:absolute;
         
     }
     .menu_nav ul li {
         float:left;
         background: black;
     
     }

}
@media (max-width:960px){
     .menu_nav{
         padding-top: 87px;
     }
}
@media (max-width:930px){
     .menu_nav{
         display:none;
     }
     .menu_main .button-menu{
         display:block;
         position: fixed;
     } 
}
@media (max-width:930px){
     .menu_nav{
         display:none;
         position:absolute;
         position: fixed;
         left: 0;
         right: 0;
         text-align: center;
         top: 14px;

     }
     .menu_nav ul li {
         float:none;
         background: black;
     
     } 
}


/* CONTENT */
.content {
	padding:0 0 20px;
	border-bottom:1px solid #000;
   margin-bottom: -1.5em;
}
.content_resize {
	margin:0 auto;
	padding:24px 20px;
	width:920px;
	background:url(../images/content_bg.gif) repeat-y left top;
	border:1px solid #fff;
}
@media (max-width:970px){
     .content_resize {
         padding:5% 2%;
         width:96%;
                  
     }
}
@media (max-width:960px){
     .content_resize {
         padding:5% 2%;
         width:95%;
         background:none;
                  
     }
}
.content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:620px;
}
@media (max-width:960px){
   .content .mainbar {
	   width:100%;
      background:white;
      border-radius: 1em;
   }     
}
@media (max-width:758px){
   .content .mainbar {
	   width:100%;
   }     
}
.content .mainbar h2 {
	font-size:30px;
	line-height:1.2em;
}
.content .mainbar div.img {
	margin:0;
	padding:12px 0 0;
	float:left;
   width: 30%;
}
@media (max-width:960px){
   .content .mainbar div.img {	   
      width: 40%;
   }     
}
@media (max-width:480px){
   .content .mainbar div.img {	   
      width: 90%;
   }     
}

.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:none;
}
/*********clanky*****************/
.content .mainbar .article {
	margin:0 0 40px;
	padding:0;
}
@media (max-width:960px){
   .content .mainbar .article {
	   padding: 1em;
      width: 93%;

   }     
}
.content .mainbar .post_content {
	float:right;
	width:420px;
	font-size: 14px;
}
@media (max-width:960px){
   .content .mainbar .post_content {
      width: 58%;
   }     
}
@media (max-width:480px){
   .content .mainbar .post_content {
      width: 100%;
   }     
}
.content .mainbar .post_content.podrobny{
	  
      width: 100%;

} 
@media (max-width:960px){
   .content .mainbar .post_content.podrobny{
	  
      width: 100%;
   
   }     
}
/***Kategorie****/
.content .mainbar .article.kategorie ul li{
  float: left;
  width: 100%;    
  list-style: none;
}
.content .mainbar .article.kategorie ul{
   float: left;
   width: 48%;
   padding-bottom: 2%;

}
.content .mainbar .post_content_akce {
	float:right;
	width:100%;
}
/*nase tymy*/
.content .mainbar .post_content_historie{
	float: left;
	width:520px;
	font-size: 15 px;
}
.content .mainbar .post_content_historie ul li{
   margin-left:1.5em;

}
.content .mainbar .post_content_historie strong a:hover{
   font-size:1.5em;

}
.content .mainbar .post_content_historie strong img{
   width: 2.1%;
   margin-left: 0.6%;

}
.content .mainbar .post_content_historie .karegorie_odraz{
   margin:-0.6em;
   margin-left:2%;
}
@media (max-width:560px){
   .content .mainbar .article.kategorie ul{
      width: 100%;
      padding-bottom: 2%;
   }
   .content .mainbar .article.kategorie h2{
      text-align: center;
   }
   .content .mainbar .article.kategorie ul li{
      text-align: center;
   }
   
}

/*************** fotogalerie *************************/
.content .mainbar .article.alba ul li{
      float: left;
      width: 26%;
      list-style: none;
      height: 25%;
      height: 126px;
      margin: 2%;
      text-align: center;
      background: none;
}
.content .mainbar .article.alba ul li:hover{
      background: black;
      
}

.content .mainbar .article.alba ul li a img{
     margin-left: 1%;
     height:100px;
}
.content .mainbar .article.alba ul li a{
      color:black;
      text-decoration: none;
}
.content .mainbar .article.alba ul li a:hover{
      color:white;
}
.content .mainbar .article.alba ul{
   float: left;
   width: 100%;
   padding-bottom: 2%;
   
}
@media (max-width:960px){
      .content .mainbar .article.alba ul li{
            width: 19%;
            height: 25%;
            margin: 2%;
            height: 126px;
      }
}
@media (max-width:860px){
      .content .mainbar .article.alba ul li{
            width: 28%;
            height: 32%;
            margin: 2%;
            height: 126px;
      }
}
@media (max-width:560px){
      .content .mainbar .article.alba ul li{
            width: 40%;
            height: 32%;
            margin: 2%;
            height: 126px;
      }
}
@media (max-width:500px){
      .content .mainbar .article.alba ul li{
            width: 80%;
            height: 32%;
            margin: 2%;
      }
}

@media (max-width:560px){
   .content .mainbar .article.alba ul{
      width: 100%;
      padding-bottom: 2%;
   }
   .content .mainbar .article.alba h2{
      text-align: center;
   }
   .content .mainbar .article.alba ul li{
      text-align: center;
   }
   
}
 
@media (max-width:960px){
   .content .mainbar .post_content_historie{
	  
      width: 100%;

   }     
}
/******** članky *******************************/
.content .mainbar .listaClane ul{
   display:block;
}
.content .mainbar .SelectClane{
   display:none;
}
@media (max-width:960px){
   .content .mainbar .SelectClane{
      padding-left: 15px;
      padding-top: 1%;

   }
}
.content .mainbar .listaClane{
   margin: 0;
   padding: 0.5% 1%;
   float: left;
   width: 99%;
   background: #6d6d6d;
   border-radius: 0.3em;
}
@media (max-width:960px){
  .content .mainbar .listaClane{
	   margin: 1% 2%;
      width: 75%;

   }     
}
@media (max-width:900px){
  .content .mainbar .listaClane{
	   
      width: 80%;

   }     
} 
@media (max-width:800px){
  .content .mainbar .listaClane{	   
      width: 90%;
   }     
}
@media (max-width:725px){
  .content .mainbar .listaClane{	
      margin: 1% 1%;   
      width: 95%;
   }     
}
  
.content .mainbar .listaClane ul li{
   float:left;
   list-style: none;
   margin-right: 1%;
   background-color: black;
   padding: 1%;
   border-radius: 0.7em;
   margin-top: 1%;
}
.content .mainbar .listaClane ul li:hover{

   background-color: blue;

}
.content .mainbar .listaClane ul li a{
   text-decoration: none;
   color: white;
   font-size: 1em;
}
/**uvodni stranka*/

.content .mainbar .slide_clanky{
      display: block;
      min-height: 197px;
      background: ghostwhite;
      padding: 2%;   

}
.content .mainbar .slide_clanky:hover{
      background:#acacf6;
}
.content .mainbar .slide_clanky ul li{
      text-decoration: none;
}
.content .mainbar .slide_clanky ul li .title{
      width: 90%;
      font-size:1.2em;
      margin: 1%;
      font-weight: bold;
}
.content .mainbar .slide_clanky ul li .title a{
      color:black;
      text-decoration:none;
}
.content .mainbar .slide_clanky ul li .uvod{
      width: 90%;
      margin: 1%;
}
.content .mainbar .slide_clanky ul li .uvod a{
      color:black;
      text-decoration:none;
}
.content .mainbar .slide_clanky ul li .uvod a#link{
      color: #0600ff;
      text-decoration:underline;
}
.content .mainbar .slide_clanky ul li img{
      width: 30%;
      float: left;
      margin: 1%;
}
.content .mainbar .zapasy_menu{
      display:block;
      width:100%;
}
.content .mainbar .zapasy_menu ul{
      display:block;
      width:47%;
      margin: 1%;
      text-align: center;
      float:left;
      border: 2px solid;
      border-radius: 1em;

}
.content .mainbar .zapasy_menu ul li{
      display:block;
      width:98%;
      padding: 1%;
      

}
.content .mainbar .zapasy_menu ul li#nadpis {
      font-weight: bold;
      font-size:1.1em;
      
}
.content .mainbar .zapasy_menu ul li h2{
      font-size:1.5em;      
}
.content .mainbar .zapasy_menu ul li ul{
      width:100%;
      text-align: center;
      float:none;
      font-weight: normal;
      font-size:1.0em;
       border: none;      
       }
@media (max-width:560px){
     .content .mainbar .zapasy_menu ul{
         display:block;
         width:95%;
         padding: 1%;
      } 

}
.content .sidebar {
	padding:0;
	float:right;
	width:230px;
}
.content .sidebar .gadget {
	margin:0 0 32px;
	padding:0;
}
.content .sidebar h2 {
	color:#b6b6b6;
}
@media (max-width:960px){
   .content .sidebar {
	   float:;
      color:black;
      width: 100%;
   }
   .content .sidebar .gadget{
	   float:left;
      padding-right:2em;
      width: 42%;
      color:white;
   }
   .content .sidebar h2{
       color:black;  
   }
   .sidebar ul.sb_menu{
      color: white;
      padding-right:2%;
      
   }
   .sidebar ul.sb_menu li{
       list-style:none;
       width: 100%;
   }
   .sidebar .gadget ul.sb_menu li a{
       font-size: 1.2em;
       color: #b2b3c3;
       font-weight: bold;
   
   }
   .content .sidebar .gadget h2{
      color:white;
   }
     
}
@media (max-width:600px){
   .content .sidebar {
	   text-align:center;
   }
   .content .sidebar .gadget{
	   float:left;
      padding-right:2%;
      width: 98%;
   }

}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}
ul.sb_menu li.nadpis{
		color: WHITE;
	
	}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:4px 0;
	width:220px;
}
ul.ex_menu li {
	padding:4px 0;
}
ul.sb_menu li a {
	color:#dedede;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#dedede;
	text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	
	font-weight:bold;
	text-decoration:underline;
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	margin-bottom:8px;
	padding:0;
	color:#6e6e6e;
   font-size: 0.85em;
}
p.infopost a {
	padding:0 2px;
	color:#6e6e6e;
	text-decoration:underline;
}
p.infopost a.com {
	display:block;
	float:left;
	margin:-6px 16px -6px 0;
	padding:6px 16px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	background:#0600ff;
}
p.infopost a.com:hover {
	text-decoration:none;
}
a.rm {
	display:block;
	float:left;
	padding:3px 0;
	font-weight:normal;
	text-decoration:underline;
	color:#0600ff;
}
.content p.pages {
	margin:0;
	padding:0 0 24px;
	font-size:11px;
	color:#6d6d6d;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	padding:8px 12px;
	text-decoration:none;
   margin-left: 1%;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background:#3a3a3a;
	border:1px solid #3a3a3a;
}
.content p.pages a {
	color:#6d6d6d;
	background:#fff;
	border:1px solid #c9c9c9;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.subpage .mainbar .sb_menu li a {
	color:#6d6d6d;
}
.subpage .mainbar .sb_menu li a:hover {
	color:#0600ff;
	text-decoration:underline;
}
/*********hlavni menu **********/

.main .hlavni_menu {
      display: inline-block;
      width:100%;
      margin-top: 6%;
}
.main .hlavni_menu ul li{
      float: left;
      list-style-type: none;
      width: 47%;
      text-align: center;
      border: 1px solid;
      margin: 1%;
      height: 11%;
      padding: 4% 0 0 0;
      background-color: #112d66;
      min-height: 40px;

}
.main .hlavni_menu ul li{
      border-radius: 0em;
      background:    BLACK;
      background:    -webkit-linear-gradient(BLACK, #4c5155);
      background:    linear-gradient(BLACK, #4c5155);
      box-shadow:    4px 4px #4c5155;
}
.main .hlavni_menu ul li:hover{
      background:    #4c5155;
      background:    -webkit-linear-gradient(#4c5155, #3d85c6);
      background:    linear-gradient(#4c5155, BLACK);
      box-shadow:    none;
}

.main .hlavni_menu ul li a{
      text-decoration: none;
      font-size:2.5em;
      color:white;
      width:100%;
}
@media (max-width:600px){
   .main .hlavni_menu ul li.horni{
        box-shadow:    2px 2px #999999; 
   }
}
@media (max-width:600px){
   .main .hlavni_menu ul li.dolni{
        box-shadow:    2px 2px #999999; 
   }
}
@media (max-width:600px){
   .main .hlavni_menu ul li a{
      font-size:2.1em;
   }
}
@media (max-width:490px){   
   .main .hlavni_menu ul li{
      min-height: 60px;    
    }   
}
/*********vedlejší menu **********/

.main .vedlejsi_menu {
      display: inline-block;
      width:100%;
      margin:0;
}
.main .vedlejsi_menu ul li{
       float:left; 
       list-style-type: none;
       width: 30.6%;
       text-align: center;
       border: 1px solid;
       margin: 1%;
       height: 7%;
       padding: 4% 0 0 0;
       border-radius: 0em;
       background:    BLACK;
       background:    -webkit-linear-gradient(BLACK, #4c5155);
       background:    linear-gradient(BLACK, #4c5155);
       box-shadow:    4px 4px #999999;
}
.main .vedlejsi_menu ul li:hover{
      background:    #4c5155;
      background:    -webkit-linear-gradient(#4c5155, BLACK);
      background:    linear-gradient(#4c5155, BLACK);
      box-shadow:    none;
}
@media (max-width:600px){
   .main .vedlejsi_menu ul li{
        box-shadow:    2px 2px #999999; 
   }
}
.main .vedlejsi_menu ul li a{
      text-decoration: none;
      font-size:2.3em;
      color:white;
      width:100%;
      color:white;
      width:100%;
      
}
@media (max-width:600px){
   .main .vedlejsi_menu ul li a{
      font-size:1.9em;
   }       
}
@media (max-width:430px){
   .main .vedlejsi_menu ul li a{
      font-size:1.7em;
   }       
}
@media (max-width:350px){
   .main .vedlejsi_menu ul li a{
      font-size:1.4em;
   }       
}
/*********fotky menu **********/

.main .fotky_menu {
      width:98%;
      margin: 2%;
      display: inline-block;

}
.main .fotky_menu ul {
       width:100%;
       text-align: center;
}
.main .fotky_menu ul li{
       float:left; 
       list-style-type: none;
       width: 31%;
       text-align: center;
       margin: 1%;
       min-height: 166px;
       color: black;
       font-weight: bold;

}
.main .fotky_menu ul li a{
      color:white;
      width:100%;
}
.main .fotky_menu ul li a img{
      width:98%;
         -webkit-transform: scale(1, 1);
      	-webkit-transition-timing-function: ease-out;
      	-webkit-transition-duration: 250ms;
      	-moz-transform: scale(1, 1);
      	-moz-transition-timing-function: ease-out;
      	-moz-transition-duration: 250ms;
}
.main .fotky_menu ul li a img:hover{
         -webkit-transform: scale(1.10);
      	-webkit-transition-timing-function: ease-out;
      	-webkit-transition-duration: 750ms;
      	-moz-transform: scale(1.10);
      	-moz-transition-timing-function: ease-out;
      	-moz-transition-duration: 750ms;
      	overflow: hidden;
}
@media (max-width:960px){
      .main .fotky_menu ul li{
          min-height: 228px;  
      }       
}
@media (max-width:790px){
      .main .fotky_menu ul li{
          min-height: 195px;  
      }       
}
@media (max-width:650px){
      .main .fotky_menu ul li{
          min-height: 168px;  
      }       
}
@media (max-width:580px){
      .main .fotky_menu ul li{
          width:45%; 
      }       
}
@media (max-width:380px){
      .main .fotky_menu ul li{
         min-height: 148px;   
      }       
}
@media (max-width:330px){
      .main .fotky_menu ul li{
          width:85%;
          margin: 7%;
      }       
}

.fbg {
	background:#1b1b1b;
	border-top:1px solid #3a3a3a;
	border-bottom:1px solid #3a3a3a;
	color: white;
	font-size: 12px;
}
.fbg_resize {
	margin:0 auto;
	width:960px;
	padding:24px 0;
}
@media (max-width:960px){
   .fbg_resize {
	   width:100%;
   }
   .fbg .c1{
      display:none;
   }       
}
@media (max-width:690px){
   .fbg .c2{
      display:none;
   }
   .fbg .c3{
      width:100%;
   }       
}

.fbg h2 {
	color:#b6b6b6;
	padding-bottom:24px;
}
.fbg img.gal {
	margin:0;
	padding:0;
	background-color:#fff;
	opacity: 0.7;
}
.fbg img:hover{
	border:1px solid #dedede;
	opacity: 1;	
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:270px;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:310px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:296px;
}

@media (max-width:590px){
   .fbg .c3{
      width:90%;
   }       
}
@media (max-width:325px){
   .fbg{
      font-size:10px;
   }       
}

.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#6d6d6d;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#9c9acb;
	text-decoration:underline;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	color:#9c9acb;
}
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
	color:#dedede;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	float:right;
	padding:0;
}
#formsearch {
	margin:0;
	padding:10px 16px 0 0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:8px 6px;
	float:left;
	width:192px;
	font-size:12px;
	line-height:14px;
	color:#a8acb2;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.footer {
	background:#3a3a3a;
	border-top:1px solid #000;
   
}
.footer_resize {
	margin:0 auto;
	line-height:1.5em;
	color:#6d6d6d;
   
   text-align: center;
   background-color: whitesmoke;
   color: #5c4942;
   color: #5c4942;
   font-size: 1.2em;
   padding:0.1em;
   font-variant-caps: petite-caps;
   -webkit-box-shadow: inset 0px 129px 51px -144px rgba(92,73,66,1);
   -moz-box-shadow: inset 0px 129px 51px -144px rgba(92,73,66,1);
   box-shadow: inset 0px 129px 51px -144px rgba(92,73,66,1);

}
@media (max-width:960px){
   .footer_resize.fbg_resize {
	   width:100%;
   }
        
}
@media (max-width:460px){
   .footer_resize{
	   font-size:1em;
   }
   .footer_resize p{
      margin:0;
   }     
}
@media (max-width:365px){
   .footer_resize{
	   font-size:0.8em;
   }     
}
@media (max-width:325px){
   .footer_resize{
	   font-size:0.6em;
   }     
}
.footer_resize p {
	margin:24px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#6d6d6d;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#6d6d6d;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
	text-decoration: underline;
}
.kontakty_tabulka {
	margin:0 auto;
	padding:0 5px;
	border-radius: 15px;
	//height:50px;
	//background:#1b1b1b;
}
.kontakty_tabulka table {
		//border-radius: 15px;


}
.kontakty_tabulka ul {
	list-style:none;
	padding:0;
	height:10px;
}

.kontakty_tabulka table tr td {
	margin:5px;
	padding: 2px;
	font-size: 12px;
	min-width: 100px;
	border-width: 2px;
	 border-bottom-style: dotted;
	
	//max-width: 50px;
}
.kontakty_tabulka table tr td.pcHide {
	display:none;
}
@media (max-width:580px){
   .kontakty_tabulka table tr td.pcHide {
	     display:table-cell;
   }
   .kontakty_tabulka table tr td.mobilHide {
	     display:none;
   }     
}
.kontakty_tabulka table tr td a {
	color: black;
}.kontakty_tabulka table tr td a:hover {
	color: red;
}
.kontakty_tabulka table tr.top {
	border: 1px solid blue;	
	border-radius: 15px;	
	margin: 10px;	
	text-decoration:none;
	color:#fff;
	
	background: #1e90ff;
}
.kontakty_tabulka table tr.top td{
	font-size: 16px;
}
.obrazek_kategorie {
	max-width: 500px;


}
.kategorie tr td
{
	font-size: 14px;
	margin-right: 20px;
	float: left;
	width: 250px;

}
.kategorie tr{
	
	float: left;
	

}
/**************************************galerie*****************/

.popup-gallery a img{
         height: 200px;
         max-width: 100%;
         border-radius: 1em;
         
}

.vzkazy .galerie img{
	
	border: 0px solid black;
	border-radius: 10px; 
}
.vzkazy .galerie img:hover{
	-webkit-transform: scale(1.10);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.10);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	border: 1px solid #AA3FE1;
	border-radius: 15px; 

	
}
.popup-gallery a{
   text-decoration:none;
   text-align: center;
}
.popup-gallery a.hidden{
      display:none;
}
@media (max-width:580px){
      .popup-gallery a img{
         height: 180px;
      }
}
@media (max-width:368px){
      .popup-gallery a{
            display:block;
            
      }
}



#galerie {
	margin: 0 auto;	
}

#galerie tr td{
		text-align:center; 
		
}
#galerie img {
	border: 1px solid gray;
	padding: 6px;
	box-shadow: 3px 3px 6px #999999;
	margin-right: 5px;
	margin-top: 10px;
	max-height: 100px;
}
#galerie a {
	color: black;
	font-size: 16px;
	text-decoration:none;
	font-weight: bold;
	font-style: italic;
}
#galerie a:hover {
	color: #b8860b;
	text-decoration: underline;
	opacity: 0.7;
	font-weight: normal;
}
#galerie img:hover {
	opacity: 0.7;
}
.tlacitko_b a{
		text-decoration: underline;
		background: black;
		border-radius: 1em;
		padding: 0.5em;
		color: white;
		-webkit-box-shadow: -6px -4px 3px 1px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: -6px -4px 3px 1px rgba(0,0,0,0.75);
		box-shadow: -6px -4px 3px 1px rgba(0,0,0,0.75);


}
.tlacitko_b a:hover{
	
		color: #0600ff;
		-webkit-box-shadow: inset -3px 2px 3px 1px rgba(255,255,255,1);
		-moz-box-shadow: inset -3px 2px 3px 1px rgba(255,255,255,1);
		box-shadow: inset -3px 2px 3px 1px rgba(255,255,255,1);

}