@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayregular';
    src: url('raleway-regular-webfont.eot');
    src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway-regular-webfont.woff2') format('woff2'),
         url('raleway-regular-webfont.woff') format('woff'),
         url('raleway-regular-webfont.ttf') format('truetype'),
         url('raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
  font-family: 'Verdana';
  src: url('Verdana.eot?#iefix') format('embedded-opentype'),
		url('Verdana.woff') format('woff'),
		url('Verdana.ttf')  format('truetype'),
		url('Verdana.svg#Verdana') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Verdana-Bold';
  src: url('Verdana-Bold.eot?#iefix') format('embedded-opentype'),
		url('Verdana-Bold.woff') format('woff'),
		url('Verdana-Bold.ttf')  format('truetype'),
		url('Verdana-Bold.svg#Verdana-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'webfont';
    src: url('ceavalob-webfont.eot');
    src: url('ceavalob-webfont.eot?#iefix') format('embedded-opentype'),
         url('ceavalob-webfont.woff') format('woff'),
         url('ceavalob-webfont.ttf') format('truetype'),
         url('ceavalob-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {box-sizing: border-box;} 

:root {
  --white: #fff;
  --dimwhite: #ccc;
  --lightgrey: #bbb;
  --midgrey: #999;
  --midgrey2: #777;
  --grey: #aaa;
  --darkgrey: #333;
  --orange: #950;
  --yellow:#da0;
  --red: #b00;
  --red3: #970303;
  --red2: #f00;
  --black: #000;
  --blue: #06e;
}

html, body {height:100%}   /* ešte otestovat */

html {
font-size:100.01%;
color:var(--black);
margin:0;
padding:0;
background-color: var(--white);
}

body {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:var(--black);
 letter-spacing: -0.03em; 
}

body, ul, p {
margin:0;
padding:0;
}

a         {font-weight:normal; text-decoration:none;}
a:link    {color:var(--blue)}
a:visited {color:var(--black)}
a:hover   {color:var(--blue);}
a:active  {color:var(--black);} 

.email a {color:var(--black); font-size:140%; }
.email a:hover   {color:var(--blue);}

.koupit a:link {font-size:150%;font-weight:bold; color:var(--blue);}
.koupit a:hover {font-size:150%;font-weight:bold; color:var(--blue);}

/* a::after {content: "  "url(../images/web.png);} */

#mainBackDiv { 
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
z-index:-2; 
background-color: var(--black);
background-repeat:no-repeat;
background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-size: cover;
/* filter: brightness(1.1); */
}


#mainBackDiv3 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  background-image: url(../BACKS/circle-1.jpg);
}

#mainBackDiv2 { 
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
z-index:-2; 
background-repeat: repeat;
}

.nb1  {background-image: url(../BACKS/mainback-1.jpg);}
.nb2  {background-image: url(../BACKS/mainback-2a.jpg);}
.nb3 {background-image: url(../BACKS/mainback-3.jpg);}
.nb7 {background-image: url(../BACKS/mainback-7.jpg);}
.nb8 {background-image: url(../BACKS/mainback-8.jpg);}
.nb9 {background-image: url(../BACKS/mainback-9.jpg);}
.nbx  {background-image: url(../BACKS/mainback-index.jpg);}
.nbx2  {background-image: url(../BACKS/mainback-index-2.jpg);}

.nbx1  {background-image: url(../BACKS/mainback-ph-1.jpg);}
.nbx3  {background-image: url(../BACKS/mainback-ph-3.jpg);}
.nbx4  {background-image: url(../BACKS/mainback-ph-4.jpg);}
.nbx5  {background-image: url(../BACKS/mainback-ph-5.jpg);}
.nbx6  {background-image: url(../BACKS/mainback-ph-6.jpg);}
.nb4  {background-image: url(../BACKS/mainback-4.jpg);}
.nb5  {background-image: url(../BACKS/mainback-5.jpg);}
.nb10  {background-image: url(../BACKS/mainback-10-LE.jpg);}
.nb10c  {background-image: url(../BACKS/mainback-10kont.jpg);}
.nb10b  {background-image: url(../BACKS/mainback-10kale.jpg);}
.nb14b  {background-image: url(../BACKS/mainback-14bio.jpg);}

.nbidx {background-image: url(../BACKS/mainback-idx-2.jpg);}
.nbnoisse2 {background-image: url(../BACKS/noisy-texture-100x100-light.png);}

.blured { -webkit-filter: blur(0px); filter: blur(5px); opacity:0.4; transition: all 1s ease-in;}
.unblur {-webkit-filter: blur(0px); filter: blur(0px); opacity:1;}
/*
.blured { -webkit-filter: blur(0px); filter: blur(5px); opacity:0.4; transform: scale(0.5); transition: all 1s ease-in;}
.unblur {-webkit-filter: blur(0px); filter: blur(0px); opacity:1; transform: scale(1);}  */

.centerblock {
position: absolute;
top: 10%;
left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
max-width:95%;
margin-right: -50%;
} 

.centerblock2 {
position: absolute;
background: rgba(0,0,0,0.4);
width: 100%;
z-index:2000;
}

.indeximage {position:relative;}

img { border:0; padding:0; margin:0;}
img.resiz {width:100%;}

.resiz {width:100%;}

.imglink {
opacity:0.7;
filter:alpha(opacity=70); 
border: 1px solid #ddd;
cursor: pointer;
}

.imglink:hover {
opacity:1;
filter:alpha(opacity=100);
}

.imglinkrev:hover {
opacity:1;
filter:alpha(opacity=100); 
border: 1px solid #ddd;
cursor: pointer;
filter:grayscale(100%) brightness(70%); 
}

.imglinkrev {
opacity:1;
filter:alpha(opacity=100);
border: 1px solid #aaa;
}

.lupa {position:absolute; top: 15px; left: 15px; color:var(--dimwhite);  font-size:220%; font-weight:normal; text-shadow: 0px 0px 3px black;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#mainContainer
    {
	position: relative;
    min-width: 420px;
    padding: 0;
    margin: 0;
    }

#shadow
    {
	position:absolute;
    width:100%; 
	height:300px;
    margin: 0 auto;
/*	background: -moz-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%); */
/*	background-image: linear-gradient(to bottom, rgba(82,12,17,1.0), rgba(82,12,17,0.0));  */
	background-image: linear-gradient(to bottom, rgba(94,16,20,.5), rgba(82,12,17,0.0));
    /* border-bottom: #444 1px solid; */
    }
	
.shadowx
    {
	position:absolute;
    width:100%; 
	height:100px;
    margin: 0 auto;
/*	background: -moz-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%); */
/*	background-image: linear-gradient(to bottom, rgba(82,12,17,1.0), rgba(82,12,17,0.0));  */
	background-image: linear-gradient(to bottom, rgba(94,16,20,.5), rgba(82,12,17,0.0));
    /* border-bottom: #444 1px solid; */
    }
	
#shadow2
    {
	position:absolute;
    width:100%; 
	height:300px;
    margin: 0 auto;
/*	background: -moz-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%); */
/*	background-image: linear-gradient(to bottom, rgba(82,12,17,1.0), rgba(82,12,17,0.0));  */
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.0));
    /* border-bottom: #444 1px solid; */
    }
	
#shadow3
    {
	position:absolute;
    width:100%; 
	height:300px;
    margin: 0 auto;
/*	background: -moz-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%); */
/*	background-image: linear-gradient(to bottom, rgba(82,12,17,1.0), rgba(82,12,17,0.0));  */
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.0));
    /* border-bottom: #444 1px solid; */
    }

#shadowbottom
    {
	position:fixed;
    width:100%; 
	height:100px;
    margin: 0 auto;
/*	background: -moz-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%);
	background: -webkit-linear-gradient(top, rgba(82,12,17,1.0) 0%, rgba(82,12,17,0.0) 100%); */
	background-image:  linear-gradient(to top, rgba(000, 000, 000, 0.7), rgba(000, 000, 000, 0.0) ); 
	bottom: 0;
    }

.mainheaderwrap{
    position: relative;
    width:99%;
    max-width: 1000px;  /* na plnu šírku riadok vymazat */
   height: 100px;
    top: 0px;
    margin: 0px auto;
	padding-top:20px;
}

.mainheader {
  position: relative;
  width: 80%;
  max-width: 700px;
  margin: 0px auto 0 auto;

}  

       
#MainWrapper {
	position:relative;
    max-width:1000px; /*pridal som ja  ... može byt 100%*/
    margin: 0 auto; /*pridal som ja*/
    padding:0;
    height:100%;
    }
    
#MenuContentWrapper {
position: relative;
float:left;
width:99%;
height:auto;
}

#MenuBlock {
position: relative;
width:100%;
height:auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:130%; 
font-weight:bold;
letter-spacing: 0.03em;
text-align:center;
margin: 0 auto;
padding: 16px 0 8px 0;
transform: scale(1,1.5);
}

#MenuBlock a {
display:inline-block;
position: relative;
min-height:24px; 
color:#070707;
padding: 3px 15px 5px 10px;
line-height:1em;
margin: 0px 0px 0px 0px;
/*! text-shadow: 2px 2px var(--black); */
}

#MenuBlock a:hover {color:var(--white) !important; background-color:var(--midgrey2);}
#MenuBlock a.current {color:var(--red3);} 

#ContentBlockfull {
position: relative;
height:100%;
min-height:600px;
min-width:280px;
width:100%;
margin: 40px auto;
}

.ContentBack1full {
position:relative;
/* float:left;  */
margin: 0 auto;
font-size:100%;
line-height: 15px;
height:100%;
width:100%;
/* max-width:820px; */
/* border-right: 1px solid #aaa; */
/* background-color:#900; */
}

.contBack {
	/*! background: rgba(0,0,0,0.4); */
	/*! backdrop-filter: blur(4px); */
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  opacity: 1;
}

.subtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120% !important; min-height:2.7em; display:inline-block;}
.subtext2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90% !important; min-height:2.7em;}

.contentOne {
position:relative;
margin:0 auto;
line-height: 20px;
color: var(--black);
}

.prase {position:relative; text-align:left; }
.prase p {margin-left: 7em;  text-indent: -7.4em; line-height: 1.1em; margin-bottom: 10px; background: rgba(0,0,0,.1); padding: 5px;}
.prase p span {width:7.4em; display:inline-block; text-align: right; color: var(--red); transform: scale(1,1.3); background: rgba(255, 255, 255, 0.7);
  padding: 4px 10px 8px 0px;}
.prase p span.neni {text-indent:10px; width:auto; text-decoration:none;}

book {display: block; margin-left:87px;}
/*
#footer {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
width: 100%;
margin: 0 auto;
height: 60px;
clear: both;
background-image:  linear-gradient(to top, rgba(000, 000, 000, 0.8), rgba(000, 000, 000, 0.2) ); 
position: fixed;
bottom: 0px;
}

#footer a:link {font-weight:bold; color:var(--white);}
#footer a:hover {font-weight:bold; color:var(--orange);}
*/   
.footer1 {position:relative; float: left; margin-left:10px;font-size:80%; }
.footer2 {position:relative; float: right; margin-right:10px;  font-size:100%; }

.webinfo {color:var(--white);}
    
.langflag {
position: absolute;
bottom:0px;
right:1px;
}

.socialmedia {position: relative; margin-left: -20px; overflow: auto;}
.socialmedia-2 {position:relative; width:220px; margin: 25px auto 0px 45.5%; z-index:0; overflow: auto;}
.fb1, .you1, .inst, .spot {position: relative; float:left; margin-left:15px; }

.extfileTwo {
	position: relative;
	font-size: 110%;
	margin:40px auto 0 auto;
	width:96%;
	min-height:700px;
	/*! background-color: rgba(0,0,0,0.1); */
	/*! backdrop-filter: blur(4px); */
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  opacity: 1;	
	}

.extfileThree {position: relative; font-size: 110%; line-height: 1.4em; overflow:auto; margin-top:20px;}

.extfileFour {
	position: relative;
	margin:40px auto 0 auto;
	float:none;
	width:96%;
	min-height:700px;
	/*! background-color: rgba(0,0,0,0.3); */
	/*! backdrop-filter: blur(4px); */
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  opacity: 1;
	}

 .extfileFive {
	 position: relative;
	 margin:40px auto 0 auto;
	 width:96%;
	 max-width:750px;
	 min-height:350px;
	 /*! background: rgba(0,0,0,0.3); */
	  /*! backdrop-filter: blur(4px); */
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px !important;
  opacity: 1;	 
}

.extfileSix {
	position: relative;
	margin:0 auto;
	width:96%;
	max-width:800px;
	min-height:400px;
	}

.extfileSeven {position: relative; font-size: 120%; line-height: 1.4em; overflow:auto; margin-top:20px;}

.normtext {font-size:120%;}
.new { font-family: Verdana-Bold, Arial, Helvetica, sans-serif; text-align:center; font-size:160%; color:var(--red); line-height:1.3em;  /*! text-shadow: 2px 2px var(--black); */ transform: scale(1,1.3);font-weight: bold;}
.new3 {font-family: Verdana-Bold, Arial, Helvetica, sans-serif; text-align:center; font-size:130%; color:var(--red); line-height:1.3em;  /*! text-shadow: 1px 1px var(--black); */ transform: scale(1,1.3);/*! font-weight: bold; */display: block;margin-top: 40px;}
.new2 {text-align:center; font-size:130%;  color:var(--black); line-height:1.2em;}
hra {font-weight: bold; color:var(--black);}
.nabidka {font-size: 130%; line-height: 1.4em; margin-top:10px;color: var(--black);}
.nabidka2 {font-size: 130%; line-height: 1.4em; margin-top:10px;color: var(--black); padding: 10px;border: 1px solid black; border-radius:10px; background: rgba(0,0,0,.1);}

.obsah-1 {position:relative; margin:0 auto; max-width:850px;}
.obsah-2 {position:relative; margin:0 auto; max-width:810px;}
.obsah-3 {position:relative; margin:0 auto; max-width:600px;}

.narrower { max-width:750px;}

.column {
	position: relative;
	float: left;
	width: 44%;
	min-width:280px;
	margin-left: 20px;
	margin-bottom:20px;
	color:var(--dimwhite);
	padding: 0 10px 0 10px;
	background: rgba(0,0,0,0.4);
}

.column2 {
  position: relative;
  float: left;
  width: 92%; 
  max-width: 880px;
  margin-bottom: 20px;
  color: var(--dimwhite);
  padding: 0 10px 0 10px;
  background: rgba(0,0,0,0.3);
  margin-left: 20px;
  margin-right: 20px;
  
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  margin: 30px 20px 20px 20px;
  border-radius: 10px;
  opacity: 1;
}

.column3{
  position: relative;
  max-width: 880px;
  font-size:115%;
 line-height: 1.3em; 
  color: var(--black);
  padding: 30px 30px 30px 30px;
  /*! background-color: rgba(0,0,0,0.2); */
  /*! backdrop-filter: blur(4px); */
  margin: 0px 20px 20px 20px;
  border-radius: 10px;
  opacity: 1;
}

.column5{
  position: relative;
  float: left;
  max-width: 880px;
  color: var(--dimwhite);
  padding: 30px 30px 30px 30px;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  margin: 30px 20px 20px 20px;
  border-radius: 10px;
  opacity: 1;
}

.bg-blur-light {
  border-radius: 5px;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.3);
}

.column4 {
  position: relative;
  max-width: 880px;
  color: var(--dimwhite);
  padding: 30px 30px 30px 30px;
  background: rgba(0,0,0,0.4);
  margin: 30px 20px 20px 20px;
    backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  opacity: 1;
}

.column5 {
  position: relative;
  max-width: 700px;
  color: var(--dimwhite);
  padding: 30px 30px 30px 30px;
  background: rgba(0,0,0,0.4);
  margin: 0 auto;
    backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  opacity: 1;
}


.columnaudio {
	position: relative;
	float: left;
	width: 44%;
	min-width:280px;
	margin-left: 20px;
	margin-bottom:20px;
	color:var(--dimwhite);
	padding: 0 10px 20px 10px;
	background: rgba(0,0,0,0.4);
}

.darker {background-color: rgba(0,0,0,0.4);}
.darker2 {background-color: rgba(0,0,0,0.5);}
.darker3 {margin-top:20px;}

.titleone {font-family: Verdana-Bold, Arial, Helvetica, sans-serif; font-size:180%; color: var(--blue); line-height:1em;}
.cent {text-align:center;}
.titcolor1 { color: var(--orange);}
.title1 {font-size: 150%;}

.objhidden {display:none}
.mainimg {margin-bottom:30px; width:100%;  max-width:840px; border: 1px solid var(--white);}

.telno {color: var(--white); font-size:150%;}
.addressblock {margin:50px 0 0 12%;}

.contact-block {
margin-top:15px;
  padding: 10px;
  background: white;
  width: 60%;
  min-width: 410px;
  border-radius:8px;
  }

.pagetitleleft {
left:0;
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
font-size:200%;
color:var(--white);
line-height:25px;
}

.weblink{font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif; font-size:60%; white-space: nowrap;}
.weblink2{font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif; font-size:100%; white-space: nowrap;}

.popissekce {font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif; font-size:180%;  color: var(--lightgrey); line-height:1em;}

.popissekcegal {color: var(--white); font-size: 250%; /*! font-weight:bold; */ line-height:1em;  font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;}
.titlecontact {color: var(--white); font-size: 250%; line-height:1em;  font-family: Verdana, Arial, Helvetica, sans-serif; /* transform: scaleX(1.15); transform-origin: left center;  */}

#gallery {margin-right:10px;}

#closeit {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
	transition: transform .2s;
}

#closeit:hover{transform: rotate(90deg);}

/* unite gallery tiles stuff */

.photolinkname {
  position: relative;
  float: left;
  font-size: 120%;
  margin-left: 0px;
  line-height: 1.2em; 
  /*! text-shadow: 2px 2px var(--black); */
}

.picthumb {
    float: left;
 /*   width: auto; */
	 width: 30%;
    max-width: 250px;
    min-width: 200px;
    margin: 0 20px 20px 0;
	cursor: pointer;
	}
	
.txcentered {text-align:center;}
.odkaz1 {line-height:1.4em;}
.linkpic1 {margin: 0 15px -5px 0; border: 1px solid #000;}	

/* ------------------------------------------------------------------------------------*/

.video-container {
	position: relative;
	border: 1px solid #777;
	background: var(--black);
	width: 100%;
	cursor: pointer;
}

.videobox {
	position: relative;
	float:left;
	width:45%;
	max-width:350px;
	min-width:200px;
	margin: 0 20px 10px 0;
}

.you-video-container-youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  border: 1px solid #777;
}

.you-video-container-youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.video-container-2 {
	position: relative;
	float: left;
	width:45%;
	max-width:400px;
	border:1px solid #888;
	overflow:hidden;
}

.floatright {float:right;}

.responsive {width: 100%; max-width: 250px; height: auto;}
.responsive2 {width: 100%; /*  max-width: 320px;   */ height: auto;}

.cdsleeve {
	position: relative;
	float:left;
	width:30%;
	max-width:250px;
/*	min-width:200px; */
	margin: 0 20px 20px 0;
	}

.cdtitle {
font-family: ralewayregular, Verdana, Arial, Helvetica, sans-serif;
color:var(--white);
font-size:150%;
line-height:1em;
}

.cdtitle span {color:  var(--midgrey);}

.cdpic {position:relative; float:left; margin: 0 20px 10px 0; border: 1px solid #666;}
.cdpic2 {position:relative; /*! float:left; */ margin: 0 auto 20px auto; max-width:570px;display: block;/*! margin-bottom: 20px; */}
.cdpic3 {position:relative; max-width:350px;}
.cdpic4 {position:relative; max-width:400px;}
.cdpic5 {position:relative; width:90%;}

.cdpictext {
position: relative;
margin:50px 0 0 10px; 
}

.cdpopis {color:var(--white); font-size: 110%; line-height:1.4em;}
.cdpopis span {color:var(--grey);}

.cdpictextbutt {
position: relative;
height:100%;
min-height: 130px;
}

.cdtext {
	position:relative;
	float:left;
	max-width:380px;
	color:var(--grey);
	font-size: 100%;
	line-height:120%;
}

.cdtext span{color:var(--grey);}
.cdtextTit {color:var(--red); font-size: 130%; font-weight:bold;}
.cdtextPopis {color:var(--lightgrey); font-size: 120%; line-height:20px;}

.cdjacket {float:left; margin:6px 30px 20px 0;}

#closeit2 {position:relative; float:right; right:-5px; cursor:pointer; transition: transform .2s;}
#closeit2:hover{transform: rotate(90deg);}

.wwwtitle {
position:absolute;
right:0px;
bottom:-30px;
font-size:300%;
font-weight:bold;
color:#770;
opacity:0.4;
filter:alpha(opacity=40);
}

.wwwtxt {font-size: calc(1.1vw + 1.5vh + 1.3vmin); opacity: 0.25; color: var(--white);}

.pisatel {
text-align:right;
font-weight:bold;
color:var(--white);
}

.mediathumbs a {
margin-right: 20px;
line-height: 40px;
}

h1 { font-weight: 500; font-size: 180%; margin:0; padding:0; line-height:25px;}
h2 { font-family:  Verdana, Arial,Helvetica,sans-serif; font-size: 150%; margin:0; padding:0; color:var(--red);}
h3 {font-family:  Verdana-Bold, Arial,Helvetica,sans-serif; font-size: 130%; margin:0; padding:0; color:var(--blue); line-height:25px;}

hr {clear: both; margin:0; padding:0; }
hr.thin {border-bottom: 0; border-top: 1px solid  #888;}

#maska {position:absolute; top:0; width:100%; height:100%; background:#111; opacity:0.5;}
.closewin {position:absolute; top:-5px; right:-5px; z-index:3005; cursor:pointer;}

.cdshow {
   position:relative;
	margin:3% auto;
    width:90%;
    max-width:670px;
	font-family: ralewayregular, Verdana, Arial, Helvetica,sans-serif;
    font-size: 110%;
	padding:0px 20px 30px 20px;
/*	z-index:2000; */
	line-height:1.4em;
}
        
.liempty {
display:block;
float:right;
width:30px;
height:24px;
margin:7px 5px 0 5px;
}

.liempty2 {height:24px; cursor:default !important; background-image:none !important}

.clear_both {clear: both;}
.texthidden {display:none;}
.closebutt1 {position:absolute; top:-5px; right:-5px;}
.closebutt2 {position:absolute; bottom: -9px; right:-5px;}

#rmbutt {
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
	display:none;
	z-index:500 !important;
}

.showmenu {display:block !important;}

/*--------------------------------------- Media ----------------------------------------*/  

@media screen and (min-width:1201px) {
	#MenuBlock {display:block !important;}	
} 

@media all and (max-width:1200px){
	.column {width:90%}
}

@media all and (max-width:1200px){


	.mainheaderwrap {height: 50px; top: 0px;}
	
	#shadow {height:150px;}
	
	#MenuBlock {
		display:none;
		position:absolute;
		top:150px !important;
		left:10px;
		width:80%;
		height: 18em;
		z-index:100;
		padding:0px;
		border: 1px solid #aaa;
		background:rgba(255,255,255,0.9);
		opacity:0.9;
		font-size:150%;
		text-align:center;
		}
		
	#MenuBlock a {width:90%; margin: 10px 0 0 0;}
	
#rmbutt {display:block;}

.socialmedia-2 {margin: 6% auto 0px 42%;}

.odeslatbutt {margin-left:10px;}

.thumbblock {width:85%;}
/* .slogan {bottom:10px;}  */
.mainheader {left: 40px; bottom:0px; width:70%; height:40px;}

.videobox {width:99%;}
.you-video-box-youtube  {width:99%;}
.video-container-2  {width:99%;}
.popi  {width:90%;}
.cdsleeve {width:30%;}
} 

@media all and (max-width:750px){
	.cdsleeve {width:90%;}
	.picthumb {width:100%;}
}