/* CSS Document */


.listovani a {
		font-size: 13px;
		line-height: 20px;
        font-family: 'Oranienbaum', Arimo, monospace;
        font-weight:bold;
        text-transform: uppercase;
	    text-decoration: none;
	
	    background: #f5f4f1;
		color: rgba(255, 255, 255, 0.5); rgb(59,59,59)
	
		margin: 10px 5px 0;
		padding: 4px 12px;
	   /* width: 19.33%;
	   height : 200px;*/
       border: 3px solid #c2a67a;
	}


/* volne obrazky */


.img-inline1 {width: 99.33%;
background: #f5f4f1;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
padding-bottom: 0.1em;
margin:0.1em;
/*height : 200px;*/
border: 3px solid #c2a67a; 
}

.img-inline2 {width: 49.33%; height: 350px;
background: #f5f4f1;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
padding-bottom: 0.1em;
margin:0.1em;
/*height : 200px;*/
border: 3px solid #c2a67a;
}
@media screen and (max-width:1300px) {
.img-inline2 {width:49.15%; height: 300px;}
}
@media screen and (max-width:1022px) {
.img-inline2 {width:49%;}
}
@media screen and (max-width:767px) {
.img-inline2 {width:99.33%;}
}


/* Preloader načítaci kolečko*/
//pozadi
.preloader {
	height: 100%;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99996;
 
} 
#preloader-inner {
  color:#fff;
  font-family: 'Oranienbaum', Arimo, monospace;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  padding: 0;
	width:80px;
	height:80px;
	overflow:hidden;
	background-color: transparent ;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;    border:0px solid red; z-index: 99997;
}
.preload{
  border: 10px solid #e7dfba;
  border-radius: 50%;
  border-top: 10px solid #980000;
  border-bottom: 10px solid #980000;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;    z-index: 99998;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* 
#980000   
#e7dfba

rgb(231, 223, 186)
hsl(49, 48%, 82%)

100% 		 #ffffff
95% 		 #f8f6ec
90% 		 #f2edd9
85% 		 #ebe4c6

82% 		 #e7dfba

80% 		 #e4dcb4
75% 		 #ded3a1
70% 		 #d7ca8e
65% 		 #d1c17b
60% 		 #cab868
55% 		 #c3af55
50% 		 #bda642
45% 		 #aa963c
40% 		 #978535
35% 		 #84742e
30% 		 #716428
25% 		 #5e5321
20% 		 #4b431b
15% 		 #393214
10% 		 #26210d
5% 		 #131107
0% 		 #000000
*/
/*barva pozadi pro reklamu addseen*/
.adsbygoogle {background: #ded3a1;} 

.wp-video-youtube {border: 3px solid #c2a67a; padding: 0.1em; width: 960px;	height: 540px;margin: 0 0 15px 0; }
.wp-playlist-muj-style {border: 3px solid #c2a67a; background: #efefef;}
.wp-video {border: 3px solid #c2a67a; padding: 0.1em; }

.tipy {
  border:0px solid #c2a67a;
  margin: 2.9em 0 1.9em;
  padding:0.8em;
  }
.tipy h3 {	
  font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 0.8em 0;
	text-align: right;
  color:#c2a67a;
  border-top:1px solid #c2a67a;
  width:100%;
  text-transform: uppercase;
  }
.tipy h5 {	
  font-size: 1.9em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 0.5em;
	text-align: left;
  width:100%;
  text-transform: uppercase;
  }   
.tipy-vypis {
  border-left:5px solid #c2a67a;
  margin: 0 0  0 1.9em;
  padding:0.8em;
  }
.tipy-vypis a {
 
  border:1px solid #c2a67a;
  padding:8px 20px 8px 20px;
  
  margin: 0 5px 0 0 ;
  }
.tipy-vypis a:hover {
      color: #ce1b28; }





.stitky-index {
  border-bottom:0px solid #c2a67a;
  margin: 0 0 1.9em;
  padding:0.8em;
  }
.stitky-index-title  {	
  font-size: 1.6em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 0.5em;
	text-align: left;
  border-top:1px solid #c2a67a;
  width:100%;
  }
.stitky-index-text > .tagcloud a  {
 background: #c2a67a;
 color: #980000;
 font-size: 1.2em;
 padding:9px;
 opacity: 0.7;
 font-family: 'Oranienbaum', Arimo, monospace;
 font-weight:bold;
 text-transform: uppercase;
 }  
/*********************************************************/
/*********************************************************/
/*     styl pro temeta           #c2a67a                 */
/*********************************************************/
.temata-box {	
  margin:  0 0 10px 0 ;
	float:left;
	padding: 0;
  border: 0px solid blue;
}
h2.temata-title:after {
	background: #c2a67a none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin: 0.31225em auto 0;
	position: relative;
	width: 100px;
}
h2.temata-title {
	font-size: 2.8em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 1.35em;
	text-align: center;	
}

.margin-container {
  margin: 1px 0 0 0; !important;
  display: block;
  border: 10px solid #e7dfba ;
}
.temata-container {
	display: block;
	height: 100%;
	position: relative;
}

.temata-container img {
	border: 5px solid #c2a67a ;
  margin:0px;  
    
  
}
.temata-text {
	background: #c2a67a none repeat scroll 0 0;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	padding: 1.25em;
	position: absolute;
	right: 0;
	text-align: center;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacityd 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
	width: 100%; 
  z-index:50;
}
.temata-container:hover > .temata-text {
	
  opacity: 0.9;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6; 
  border-right: 0px solid #c2a67a;
  border-left: 0px solid #c2a67a;
  border-bottom: 0px solid #c2a67a;
}
.temata-text h4 {
	color: #181818;
	font-size: 1em;
	font-weight: 600;
}
.temata-text p {
	color: #000000;
	font-size: 0.8em;
	opacity: 0.7;
}
.temata-container:hover > .temata-text-wiev {
	
  opacity: 0.9;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6; 
  border-right: 0px solid #c2a67a;
  border-left: 0px solid #c2a67a;
  border-bottom: 0px solid #c2a67a;
}
.temata-text-wiev {
	background: #c2a67a none repeat scroll 0 0;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0; 
	padding: 1.25em;
	position: absolute;
	right: 0;
	text-align: center;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacityd 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
	width: 100%; 
  z-index:50;
}

.temata-text-wiev h4 {
	color: #181818;
	font-size: 1em;
	font-weight: 600;
}
.temata-text-wiev p {
	color: #000000;
	font-size: 0.8em;
	opacity: 0.7;
}
.temata-text-wiev-popis p {
	color: #181818;
	font-size: 0.8em;
  background: #c2a67a ;
  text-align: center;
  text-decoration:none;
}

@media screen and (min-width:800px) {
.fotosize1 {height:260px;width:100%}
}
@media screen and (max-width:800px) {
.fotosize1 {height:250px;width:100%}
}
@media screen and (min-width:800px) {
.fotosize2 {height:390px;width:100%}
}
@media screen and (max-width:800px) {
.fotosize2 {height:380px;width:100%}
}

/*********************************************************/
/*********************************************************/
/* naformatovani fotek v liteboxu                        */
/*********************************************************/

.lightbox  {
   filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);    
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
  
}

.lightbox2 {
   filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="r"><feColorMatrix type="matrix" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: sepia(100%);
  filter: sepia(100%);    
  filter: progid:DXImageTransform.Microsoft.BasicImage(sepia=1);
  
}







.widget-info-panel {
 border-top:0px solid rgba(152, 0, 0, 0.5);
 border-bottom:1px dotted rgba(152, 0, 0, 0.5);
 padding: 5px;
 width:100%;
 margin: 0 0 35px 0;
}

.widget-info-panel-title {
 border-bottom:2px solid rgba(152, 0, 0, 0.5);
 color: #980000;  font-size: 1.8rem;  font-family: 'Oranienbaum',Arimo,sans-serif,monospace;
 width:100%;
 padding: 0 0 0 15px; 
 margin: 0px 0 0 0px;
}


.widget-info-panel-reklama {
 border:0px solid rgba(255, 255, 255, 0.5);
 padding: 5px;
 width:100%;
 margin:10px 0 10px 0;
 text-align:center;
}
.widget-info-panel-reklama h2{
 color: #980000;  font-size: 0.8rem;  font-family: 'Oranienbaum',Arimo,sans-serif,monospace;
}
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*** stylovani pro paticku ***/ 
#map-block {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);    
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
  border-top:0px solid #444;
  border-bottom:0px solid #444;
  
}

#paticka a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none; }
    
#footer a:hover {
      color: #ce1b28; }
      
#paticka .content {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; 
    border: 0px solid red;}
    
#paticka .left {
    width: 50%; 
    margin:10px;}
    
#paticka .right {
    width: 25%; 
    margin:10px;} 
    
@media screen and (max-width: 980px) {
    #paticka .content {
      -moz-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #paticka .content  .left {
        width: 50%; }
      #paticka .content  .right {
        width: 45%; float:left;}  
        #paticka .content section:first-child {
          width: 100%;
          padding-right: 0; } }
          
@media screen and (max-width: 480px) {
      #paticka .content  .right {
        width: 100%; float:left;}  
        #paticka .content section:first-child {
          width: 100%;
          padding-right: 0; } }      
               
#paticka .copyright {
    border-top: 1px solid;
    font-size: 0.8rem;
    opacity: 0.5;
    padding: 2rem 0;
    text-align: center; }
    
          
ul.alt {
    list-style: none;
    padding-left: 0; }
    ul.alt li {
      border-top: solid 1px;
      padding: 0.75rem 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }
      ul.alt li:last-child {
        padding-bottom: 0; }

 

/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/

/**** gridy NEPOUŽITO DOČASNĚ - NEFUNGUJE V ie ****/
 .grid-container4 {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto auto auto;
  background-color: transparent;
  padding: 10px;
}
.grid-container3 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: auto auto auto;
  background-color: transparent;
  padding: 10px;
}
.grid-container2 {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto;
  background-color: transparent;
  padding: 10px;
}
.grid-item {
  background-color: #ded3a1;
  border: 2px solid #c2a67a;
  padding: 20px;
  margin: 5px;
  font-size: 15px;
  text-align: center;
}
.grid-item img{
  border: solid 5px rgba(255, 255, 255, 0.75); 
  width:100%;
  height: auto;
}
@media screen and (max-width: 780px) {
   
    .grid-container2,  .grid-container3, .grid-container4 
    {    
    grid-template-columns: auto ;    
    }
     } 
@media screen and (max-width: 1030px) and (min-width: 781px) {
   
    .grid-container2,  .grid-container3, .grid-container4 
    {    
    grid-template-columns: auto auto;    
    }
     }
/*******************************************/
/***************** banner 1   **************/
/*******************************************/

#banner1 {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: #e7dfba;
  color: rgba(255, 255, 255, 0.5);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  height: 35rem !important;
  min-height: 15rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0;
  width: 100%;
   }

#banner1 > .plocha {
    width: 100%;
     }
     
#banner1 video {
    -moz-transform: translateX(50%) translateY(50%);
    -webkit-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);
    bottom: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 50%;
    width: auto; } 
@media screen and (max-width: 1280px) {
    #banner1 video {
      display: none; } } 
 
@media screen and (max-width: 980px) {
    #banner1 {
      padding: 2rem; } } 
@media screen and (max-width: 480px) {
   #banner1 {
   max-height: 18rem; } }      
      
      
           
/*******************************************/
/***************** banner 2   **************/
/*******************************************/      
#banner2 {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  /*background-color: #111111;*/
  
  /**
  -webkit-filter: sepia(1);
  filter: sepia(1);
  **/
  
  color: rgba(255, 255, 255, 0.5);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
 /* background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header6.jpg");  */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  height: 30rem !important;
  min-height: 15rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }

.poster-bg1{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-1.jpg");
}
.poster-bg2{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-2.jpg");
}
.poster-bg3{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-3.jpg");
}  
.poster-bg4{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-4.jpg");
}
.poster-bg5{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-5.jpg");
}
.poster-bg6{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-6.jpg");
} 
.poster-bg7{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-7.jpg");
} 
.poster-bg8{
background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../img/banner/header-8.jpg");
} 

#banner2 > .plocha {
    border-bottom-color: rgba(255, 255, 255, 0.25); 
    width: 100%;
     }
      
@media screen and (max-width: 980px) {
    #banner2 {
      padding: 2rem; } } 
@media screen and (max-width: 480px) {
   #banner2 {
   max-height: 18rem; } }       
      
      
      
           
      
.banner-slogan1 {  
    margin: 80px 0 0 0 ;
    border:0px solid red;z-index:999;} 
        
.banner-slogan1 h1 {
    margin-bottom: 0;
    position: relative;
    color: #222222;
   }
.banner-slogan1 p {
    margin-bottom: 0;
    position: relative;  
    font-size: 1.65rem;
    line-height: 3.5rem;
    color: #222222;
    }     

.banner-slogan2 {  
    margin: 80px 0 0 0 ;
    border:0px solid red;z-index:999;} 
        
.banner-slogan2 h1 {
    margin-bottom: 0;
    position: relative;
    color: #e7dfba;
   }
.banner-slogan2 p {
    margin-bottom: 0;
    position: relative;  
    font-size: 1.65rem;
    line-height: 3.5rem;
    color: #e7dfba;
    } 

/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
.pismo1 {
  font-family: 'Oranienbaum',Arimo,sans-serif,monospace;
}
.pismo2 {
  font-family: 'Italianno',monospace;  
}
.pismo3 {
  font-family: 'Alegreya SC',monospace; 
}
.pismo4 {   
 font-family: 'Courgette',monospace;
}

.hide-s {display:block;}
.hide-l {display:none;}
/*********************************************************/
/*********************************************************/
/* Styl pro media                                        */
/*********************************************************/

@media screen and (max-width:1300px) {
     }
@media screen and (max-width: 1680px) {
     }
@media screen and (max-width: 980px) {
     }
@media screen and (max-width: 480px) {
.hide-s {display:none;}
     }

/*********************************************************/
/*********************************************************/
/* Styl pro  NAZEV STRANKY                          */
/*********************************************************/

.nazev-stranky .page-title {
color: #980000;
font-family: 'Oranienbaum', Arimo, monospace;
  text-transform: uppercase;
	font-style: italic;
	font-size: 36px;
	font-style: inherit;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 44px;
	margin: 0;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
}
     
     
.page-title-banner  {
  
  background: rgba(255, 255, 255, 0.20);
  margin:200px 0 0 0;
  text-align:left;
  padding:15px 0 0 25px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.65;
  letter-spacing:-4px;
            color: #980000;
            border-top: solid 5px rgba(255, 255, 255, 0.25);
            border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}   
/*********************************************************/
/*********************************************************/
/* Styl pro svetelne filtry                                        */
/*********************************************************/
.blur {-webkit-filter: blur(4px);filter: blur(4px);}
.brightness {-webkit-filter: brightness(250%);filter: brightness(250%);}
.contrast {-webkit-filter: contrast(180%);filter: contrast(180%);}
.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);}
.invert {-webkit-filter: invert(100%);filter: invert(100%);}
.opacity {-webkit-filter: opacity(50%);filter: opacity(50%);}
.saturate {-webkit-filter: saturate(7); filter: saturate(7);}
.sepia {-webkit-filter: sepia(100%);filter: sepia(100%);}
.shadow {-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green);}

    
/*******************************************/
/***************** boxik      **************/
/*******************************************/
/*** boxik ***/
.boxik img { 
width: 100%;
background: #f5f4f1;
float: left;
padding-top: 0.1em;
padding-left: 0.1em;
padding-right: 0.1em;
padding-bottom: 0.1em;
margin-right: 1em;
margin-bottom: 0.8em;
/*height : 200px;*/
border: 3px solid #c2a67a;
} 

.boxik-image-free { 
width : 99%;
padding-left : 0.1em;
background : #f5f4f1;
float : left;
padding-bottom : 1em;
margin-right : 1em;
padding-top : 1em;
border: 0px solid #c2a67a;
}
.boxik a,
   a:visited,
   a:active,
   a:hover{color:#242424;font-style: normal;text-decoration:none;}
 
.boxik blockquote, cite  {
border-left :1px dotted #c2a67a;
width : 99%;
float: left;
padding-top: 0.1em;
padding-left: 0.6em;
padding-right: 0.1em;
padding-bottom: 0.1em;
margin-right: 1em;
margin-bottom: 0.8em;
font-size: 0.8em;
font-weight : bold;
font-style: italic;
}
 
.boxik p {
font-family:'Alegreya SC',monospace,Trebuchet MS;
font-size: 0.9em;
font-weight : normal;
color:#444;
background-color: transparent;
line-height: 1.7em;
letter-spacing: 0.1em;
margin:1.5em 0.1em 0.1em 0.1em;
padding:0 0 1em ;
border :0px solid #c2a67a;
}
.boxik { 
float:left;
display:block; 
width: 450px;
padding: 1em 1.1em 1em 1.2em;
margin : 1em 1em 1em 0em;
border :3px solid #c2a67a;
background-color : #f5f4f1;
font-family:'Alegreya SC',monospace,Trebuchet MS;
font-weight : normal;
color:#444;
line-height: 1.7em;
letter-spacing: 0.1em;
} 

 @media screen and (max-width: 980px) {
   .boxik {  
width: 100%;

} }




/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
.box {
    border: 0px solid #ded3a1; 
    padding: 5px; margin: 0 0 5px 0;
}

.box::after {
    content: "";
    clear: both;
    display: table;
    padding:5px;
}

.box  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:300px ; 
  height:250px ; 
}

.box  .navysku img  { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:300px ; 
  height: auto ; 
} 

.box_clanek {
  background: none repeat scroll 0 0 transparent;
  display:block;
  padding:1.25em;
  width:100%;
  border :0px solid red;
}
.box_clanek img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:300px ; 
  height:250px ; 
}
 @media screen and (max-width: 980px) {
.box  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:50%; 
}
.box_clanek  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:50%; 
}  }

@media screen and (max-width: 480px) {
.box  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:100%; 
}
.box_clanek  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:100%; 
} }

/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/

.box-foto {
    border: 5px solid #ded3a1; 
    background-color: #e4dcb4;
    padding: 20px 0 20px 0; 
    margin: 5px;
    position:relative;
    float:left;
    width:100%; 
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.box-foto::after {
    content: "";
    clear: both;
    display: table;
    padding:0px;
}
.box-foto  img {  content: "";
    clear: both;
    display: table;
  border: 3px solid #c2a67a;  
  margin: 1px;
  padding: 0px;
  width:100% ; 
  height:350px ; 
   filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);    
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}   
.box-foto-ramecek {
    border: 0px solid red; 
    background-color: #e4dcb4;
    padding: 15px; 
    margin:  0px;  
    text-align:center;   
    float: left;
    color:#444;
    font-family:'Alegreya SC',monospace,Trebuchet MS;
    font-weight : normal;
}


 @media screen and (max-width: 980px) {
.box-foto  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:100%  ; 
} } 
@media screen and (max-width: 480px) {
.box-foto  img { border: 3px solid #c2a67a;
  float: left;
  margin: 10px 10px 10px 0;
  width:100%  ; 
} }


/* CSS Document */
.slider-blok-out {
width:100%;
position:relative;
border: 5px solid #ded3a1; 
background-color: #e4dcb4;  
float: left;   
margin: 50px 0 20px 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.slider-blok-in {
width:650px;
position:relative;
margin:0 auto;
background-color:#444;
border: 3px solid #c2a67a;
}

 @media screen and (max-width: 880px) {
.slider-blok-in { 
  border: 3px solid #c2a67a;  
  width:100%  ; 
} }



/* CSS Document */
.virtual-blok-out {
width:100%;
position:relative;
border: 5px solid #ded3a1; 
background-color: #e4dcb4;  
float: left;   
margin: 50px 0 20px 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
text-align:center;
}


.virtual {
width:100%;
height:500px;
position:relative;
margin:0 auto;
background-color:#444;
border: 1px solid #c2a67a;
}
 @media screen and (max-width: 480px) {
.virtual { 
  border: 3px solid #c2a67a;  
  width:100%; 
  height:300px;
} }


/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/

.s-1, .s-2, .s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:static;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0.625rem;}
.margin2x > .s-1,.margin2x > .s-2,.margin2x > .s-five,.margin2x > .s-3,.margin2x > .s-4,.margin2x > .s-5,.margin2x > .s-6,.margin2x > .s-7,.margin2x > .s-8,.margin2x > .s-9,.margin2x > .s-10,.margin2x > .s-11,.margin2x > .s-12,
.margin2x > .m-1,.margin2x > .m-2,.margin2x > .m-five,.margin2x > .m-3,.margin2x > .m-4,.margin2x > .m-5,.margin2x > .m-6,.margin2x > .m-7,.margin2x > .m-8,.margin2x > .m-9,.margin2x > .m-10,.margin2x > .m-11,.margin2x > .m-12,
.margin2x > .l-1,.margin2x > .l-2,.margin2x > .l-five,.margin2x > .l-3,.margin2x > .l-4,.margin2x > .l-5,.margin2x > .l-6,.margin2x > .l-7,.margin2x > .l-8,.margin2x > .l-9,.margin2x > .l-10,.margin2x > .l-11,.margin2x > .l-12 {padding:0 1.25rem;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}






@media screen and (max-width:768px) {
  .size-960,.size-1140,.size-1280 {max-width:768px;}
  
  .hide-s {display:none;}
  .hide-l {display:block;}

  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:16.6666%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
}





@media screen and (max-width:480px) {
  .size-960,.size-1140,.size-1280 {max-width:480px;}

  
  
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:16.6666%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
} 




/* Margins */
.margin-top {
  margin-top: 1.25rem !important;
}
.margin-left {
  margin-left: 1.25rem !important;
}
.margin-right {
  margin-right: 1.25rem !important;
}
.margin-top-bottom {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.margin-left-right {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}
.margin-top-0 {
  margin-top: 0 !important;
  display: block;
}
.margin-top-10 {
  margin-top: 10px !important;
  display: block;
}
.margin-top-15 {
  margin-top: 15px !important;
  display: block;
} 
.margin-top-20 {
  margin-top: 20px !important;
  display: block;
} 
.margin-top-30 {
  margin-top: 30px !important;
  display: block;
} 
.margin-top-40 {
  margin-top: 40px !important;
  display: block;
}
.margin-top-50 {
  margin-top: 50px !important;
  display: block;
}
.margin-top-60 {
  margin-top: 60px !important;
  display: block;
}
.margin-top-70 {
  margin-top: 70px !important;
  display: block;
}
.margin-top-80 {
  margin-top: 80px !important;
  display: block;
}
.margin-top-100 {
  margin-top: 100px !important;
  display: block;
}
.margin-top-250 {
  margin-top: 250px !important;
  display: block;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
  display: block;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
  display: block;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
  display: block;
} 
.margin-bottom-20 {
  margin-bottom: 20px !important;
  display: block;
} 
.margin-bottom-30 {
  margin-bottom: 30px !important;
  display: block;
} 
.margin-bottom-40 {
  margin-bottom: 40px !important;
  display: block;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
  display: block;
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
  display: block;
}
.margin-bottom-70 {
  margin-bottom: 70px !important;
  display: block;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
  display: block;
}
.margin-top-bottom-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
}
.margin-top-bottom-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  display: block;
}
.margin-top-bottom-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
} 
.margin-top-bottom-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: block;
} 
.margin-top-bottom-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  display: block;
} 
.margin-top-bottom-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  display: block;
}
.margin-top-bottom-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  display: block;
}
.margin-top-bottom-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  display: block;
} 
.margin-top-bottom-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
  display: block;
} 
.margin-top-bottom-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  display: block;
}

.margin-left-0 {
  margin-left: 0 !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
} 
.margin-left-20 {
  margin-left: 20px !important;
} 
.margin-left-30 {
  margin-left: 30px !important;
} 
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-left-60 {
  margin-left: 60px !important;
}
.margin-left-70 {
  margin-left: 70px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
} 
.margin-right-20 {
  margin-right: 20px !important;
} 
.margin-right-30 {
  margin-right: 30px !important;
} 
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-right-60 {
  margin-right: 60px !important;
}
.margin-right-70 {
  margin-right: 70px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.margin-left-right-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-left-right-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.margin-left-right-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
} 
.margin-left-right-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
} 
.margin-left-right-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
} 
.margin-left-right-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.margin-left-right-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.margin-left-right-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
} 
.margin-left-right-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
} 
.margin-left-right-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}