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

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

}

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

@font-face {
    font-family: 'avalonbold';
    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;
}

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

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

* {box-sizing: border-box;}

html {
 font-size:100.01%;
/*  font-size: calc(16px + 0.390625vw); */
color:#fff;
margin:0;
padding:0;
height:100%;
background:#000;
}

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

body {
font-family: avalonregular, Verdana, Arial, Helvetica, sans-serif;
/* font-size:0.57rem; */
font-size:80%; 
color:#ccc;
min-height:100%;
letter-spacing: 0.05em; 
}

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

.imglink {
   -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
   filter: grayscale(100%);
   opacity:1.0;
   filter:alpha(opacity=100);
 transition: all 1s ease;
}

.imglink:visited {
   -webkit-filter: none; /* Chrome, Safari, Opera */
   filter:none;
   opacity:1.0;
   filter:alpha(opacity=100);
-webkit-filter: blur(5px);
   filter: blur(5px);
}

.imglink:hover {
   -webkit-filter: none; /* Chrome, Safari, Opera */
   filter:none;
   opacity:1.0;
   filter:alpha(opacity=100);
    -webkit-filter: brightness(130%);
   filter: brightness(130%); 
/*  mix-blend-mode:lighten; */
}

.responsive {
  width: 100%;
  max-width: 250px;
  height: auto;
}

.chosen {
   -webkit-filter: none; /* Chrome, Safari, Opera */
   filter:none;
   opacity:1.0;
   filter:alpha(opacity=100);
    -webkit-filter: brightness(130%);
   filter: brightness(130%);
   }

#wrapindex {
width:520px;
height:300px;
/* background-image:url(../images/grid1B.png);
 border-top: 1px solid #888; 
 border-bottom: 1px solid #888; 
border-radius: 0px; */
}

.centerblock {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-right: -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: 90%;
}

.indeximage {position:relative; top:15px; left:10px;}

#mainBackDiv { 
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
z-index: -2;
/* background-image: url(../BACKS/mainback-8.jpg); */
background-repeat:no-repeat;
background-position: center center;
/* background-attachment: fixed; removed for Android */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg4 {background-image: url(../BACKS/mainback-4.jpg)}   
.bg5 {background-image: url(../BACKS/mainback-5x.jpg)}   
.bg6 {background-image: url(../BACKS/mainback-6xx.jpg)}  
.bg10 {background-image: url(../BACKS/mainback-10.jpg)} 
.bg12 {background-image: url(../BACKS/mainback-12x.jpg)}  
.bg13 {background-image: url(../BACKS/mainback-13.jpg)} 
.bg17 {background-image: url(../BACKS/mainback-17x.jpg)}   
.bg18 {background-image: url(../BACKS/mainback-18xx.jpg)}   
.bg19 {background-image: url(../BACKS/mainback-19x.jpg)}  
.bg21 {background-image: url(../BACKS/mainback-21.jpg)}   
.bg22 {background-image: url(../BACKS/mainback-22-2.jpg)}  
.bg23 {background-image: url(../BACKS/mainback-23x.jpg)}   
.bg24 {background-image: url(../BACKS/mainback-24.jpg)}  
.bg24n {background-image: url(../BACKS/mainback-24n.jpg)}  
.bg25b {background-image: url(../BACKS/mainback-25x.jpg)}   
.bg27 {background-image: url(../BACKS/mainback-27.jpg)} 

.bgidx {background-image: url(../BACKS/mainback-idx-1.jpg)}

.backImg2 {
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
/*z-index:-1; */
background-image: url(../images/wallpaper-abstract-bw-4blur.jpg);
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
 background-size: cover;
}

.blured {filter: blur(5px); opacity:0.3; transition: all 0.5s ease-in;}
.unblur {filter: blur(0px); opacity:1;}

.xnet {width:50%; transition: width 1.2s ease-in; transition-delay: 0.5s; position:absolute; top: 0; height:100%; background:black; opacity: 60%;}
.xleft { left: 0;}
.xright { right: 0;}
.xnetoff {width:0%;}

.xphoto {opacity: 0.05; transition: opacity 1.2s ease-in; transition-delay: 0.2s; filter: grayscale(100%);}
.xphotoff {opacity: 1; filter: grayscale(0%);}

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

.cb {clear: both;}

#mainContainer
	{
	width:100%;
	min-width: 400px;  /*zmenil som ja */
	padding: 0;
	margin: 0;
	}

#header
	{
	height:160px;
	width:100%;
	margin: 0 auto; /*pridal som ja*/
	/*! background: rgba(0,0,0,0.4); */
	}

.mainheaderwrap{
    position: relative;
	width:100%;
	max-width: 1040px;  /* na plnu šírku riadok vymazat */
    height: 150px;
    top: 5px;
    margin: 0px auto;
    /*! background: rgba(0,0,0,0.4); */
}

.mainheader{
position: absolute;
/*! float: right; */
right:30px;
bottom:10px;
/* z-index: 100; */
}

.mainheader img {width:100%; width:600px;}

#MainWrapper {
/*	background-image:url(../images/mainback-middle-left.png); 
	background-repeat: repeat-y;  */
/*	max-width:1200px; */
	margin: 0 auto; 
	padding:0;
	height:100%; 
	}

#MenuContentWrapper {
	position:relative;
	max-width:1150px;
	margin: 0 auto; /*pridal som ja*/
	padding:0;
	height:100%;
	width:100%;
	}

#MenuBlock {
/*	display:block;  */
	position: relative;
	/*! float: right; */
	width:95%;
	margin: 0 auto;
	max-width:1200px;
	text-align:center;	
	font-family: roboto_condensedregular, Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	letter-spacing: 0.06em;
}

#MenuBlock a {
display:inline-block;
position: relative;
font-weight:normal !important;
min-height: 24px; 
color:#fff;
padding: 3px 11px 5px 11px;
line-height:1em;
margin: 0px 0px 0px 0px;
text-shadow: 2px 2px #000;
}

#MenuBlock a:hover {background:#555; color:#fff;}
#MenuBlock a.current {background: rgba(150,0,0,0.99) !important; color:#fff !important;} 

#extmainmenu {
margin-bottom:20px;
}

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

/*
#MenuBlock img {
display:block;
width:238px;
height:17px;
margin: 0 0 6px 0;
} */

#ContentBlock {
position: relative;
height:100%;
/*! margin-left:190px; */
min-height:100%;
min-width:280px;
/*! box-shadow: 0px 0px 8px #888; */
margin: 0 auto;
max-width: 1000px;
background: rgba(0,0,0,0.3);
}

#ContentBlock1 {
position: relative;
height:100%;
/*! margin-left:190px; */
min-height:100%;
min-width:280px;
/*! box-shadow: 0px 0px 8px #888; */
margin: 0 auto;
max-width: 1000px;
background: rgba(0,0,0,0.5);
}

#ContentBlockRef {
position: relative;
height:100%;
/*! margin-left:190px; */
min-height:100%;
min-width:280px;
/*! box-shadow: 0px 0px 8px #888; */
margin: 0 auto;
max-width: 1000px;
background: rgba(0,0,0,0.3);
/* backdrop-filter: blur(4px); */
}

#ContentBlock2 {
position: relative;
height:100%;
/*! margin-left:190px; */
min-height:750px;
min-width:280px;
/*! box-shadow: 0px 0px 8px #888; */
}

#ContentBlock3 {
position: relative;
height:100%;
margin:0 auto;
min-height:750px;
min-width:280px;
max-width:920px;
}

#ContentBlock4 {
position: relative;
height:100%;
margin:0 auto;
min-height:750px;
min-width:280px;
max-width:1020px;
}

.ContentBack1 {
/*! position:relative; */
/*! float:right; */
margin-top:0px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:500px;
/*! background: rgba(0,0,0,0.45); */ 
min-width:276px;
/*! max-width:1100px; */
width:100%;
}

.plusborder {border: 1px solid #000;}

.ContentBack2 {
/*! position:relative; */
/*! float:right; */
margin-top:0px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:620px;
/*! background:rgba(0,0,0,0.35); */
min-width:270px;
/*! max-width:1100px; */
width:100%;
}

.ContentBack2vid {
/*! position:relative; */
/*! float:right; */
margin-top:0px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:620px;
/*! background:rgba(0,0,0,0.35); */
min-width:270px;
/*! max-width:1100px; */
width:100%;
overflow: hidden;
}

.ContentBack3 {
position:relative;
/*! float:right; */
margin-top:0px;
font-size:100%;
line-height: 15px;
height:100%;
min-height:750px;
background: rgba(0,0,0,0.45);
min-width:270px;
max-width:1100px;
width:100%;
}

.ContentBack4 {
position:relative;
/*! float:right; */
margin:0 auto;
font-size:100%;
line-height: 15px;
height:100%;
min-height:750px;
background: rgba(0,0,0,0.45);
min-width:270px;
max-width:1100px;
width:100%;
}

.lighter{/*! background: rgba(0,0,0,0.35); */}
.medium{background: rgba(0,0,0,0.45);}
.darker{background: rgba(0,0,0,0.4); backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);}
.darker2{background: rgba(0,0,0,0.2); backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);}
.dark{background: rgba(0,0,0,0.65);}
.narrower{/*! max-width:820px; */ }
.narrower2{/*! max-width:920px; */}

.blurredback {backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);}

.contentOne {position:relative; margin:5px 10px 10px 10px;}
.contentTwo {position: relative; margin: 0 0 0 30px;}
.contentThree {position:relative; margin:60px 0px 20px 0px;}
.contentFour {position:relative; margin:20px 5px 10px 10px; padding-left:80px;max-height: 100%;overflow: auto;}
.contentYoutube {position:relative; margin:60px 30px 0 30px;/*! float:right; */ width: 80%; padding:30px; background: rgba(0,0,0,.4); backdrop-filter: blur(4px); overflow: hidden; margin: 0 auto; }
.contentPlaylist {position: relative; margin: 0 30px 0 70px;}
.contentVideo {position: relative; margin: 0 30px 20px 30px;}

.contentBands {
	background: rgba(0,0,0,.2);
	padding:20px;
	max-width:900px;
	margin:0 auto;
/*	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px); */
	}

.contentAudio {
position:relative;
margin:50px 0 20px 50px;
font-size: 110%;
}

.rightblock1 {
/*! float:right; */
max-width:750px;
/*! margin-left:50px; */
position: relative;
margin: 0 auto;
text-align: center;
}

.rightblock2 {
float:right;
text-align:right;
max-width:800px;
margin-top:30px;
}

.rightblock3 {
float:right;
text-align:right;
max-width:540px;
margin-top:60px;
}

.rightblock4 {
/*! float:right; */
text-align:right;
/*! max-width:850px; */
margin:20px 0 0 0;
}

.rightblock5 {
	float: right;
	text-align: right; 
    max-width: 420px;
    margin-left: 70px;
}

.reference {
line-height:1.8em;
font-size:130%;
margin-left:45px;
}

.titOne {
color:#c00;
line-height:22px;
font-size:170%;
margin-left: 20px;
}

.titTwo {
color:#6ad;
font-size: 140%;
line-height:1.2em;
}

.textOne {
color:#ddd;
line-height:22px;
font-size:125%;
margin-right: 15px;
}

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

.cdpictextbutt {
position: relative;
margin:10px 0 0 10px;
/*! padding: 10px 0 10px 0; */
max-width: 900px;
height:100%;
min-height: 130px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background: rgba(000,000,00, 0.3);
}

.sm {border:none; background: none; min-height:100px;}

.audioblock-1{min-width:400px;max-width: 600px; margin-right:5px;}

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

.cdframe {border: 1px solid #999 !important;}

.cdpic {position:relative; float:right; margin: 0 10px 10px 0;}

.cdpic2 {position:relative; float:left; margin: 20px 30px 10px 0;}
.cdpic2 img {width:200px; border: 1px solid gray;  filter: grayscale(100%); }
.cdpic2 img:hover { border: 1px solid white; filter: none;}

.bord {width:35%; max-width:200px; border: 1px solid gray;}
.cdbord {width:100%; max-width:200px; border: 1px solid gray;}

.cdpic3 {position:relative; float:left; margin: 40px 30px 10px 0; max-width:300px;}

.cdpopis {color:#eee; font-size: 130%; line-height:1.4em;}
.cdpopis span {color:#ccc;}

.popissekcegal {color: #fff; font-size: 200%; /*! font-weight:bold; */ line-height:1em;  font-family: poiret_oneregular, Verdana, Arial, Helvetica, sans-serif;}

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

.subtext {font-size:140% !important; min-height:2.7em; line-height: 1.2em; padding:10px; display:inline-block; text-shadow:  2px 2px black;}
.subtext2 {font-size:100% !important; min-height:2.7em;}

.activecol {color: #c00 !important; font-weight: bold;}

.cdtext {position:relative; /*! float:right; */ max-width:500px;/*! margin-right: 15%; *//*! text-align: right; */}
.cdtext2 {position:relative; max-width:550px;}

.cdjack {display: block; float:left; width:35%; max-width: 200px;}

.th1, .th2, .th3, .th4, .th5, .th6, .th7, .th8, .th9, .th10, .th11, .th12, .th13, .th14, .th15 {cursor: pointer;}

.listtitle {margin-top:10px; font-size: 140%; color: #fff; letter-spacing:0.1em;}

.ptit {
	color:#6ad;
	font-size: 120%;
	letter-spacing:0.15em;
	margin: 50px 0 20px 0;
	line-height:1.7em;
	}

.pictext {
  position: absolute;
  bottom: 5px;
  left:2px;
  background: rgba(0, 0, 0, 0.5); 
  color: #eee;
  width: 98%;
  padding: 8px 0 6px 0;
  text-align: center;
  font-size: 150%;
  letter-spacing:0.1em;
}

.cornerTL {position:absolute; top:0; left:0; width:20px; height:20px; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.cornerTR {position:absolute; top:0; right:0; width:20px; height:20px; border-top: 1px solid #aaa; border-right: 1px solid #aaa}
.cornerBL {position:absolute;bottom:0; left:0; width:20px; height:20px; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa;}
.cornerBR {position:absolute; bottom:0; right:0; width:20px; height:20px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}

.playlist {font-family: avalonregular, Verdana, Arial, Helvetica, sans-serif; font-size:250%; color:#fb0; letter-spacing:0.1em;position:  relative;}
.playlisttit {font-family: avalonregular, Verdana, Arial, Helvetica, sans-serif; font-size:250%; color:#fb0; letter-spacing:0.1em; position: relative; float: left; margin:10px 0 0 15px;}
.playlist2 {font-family: avalonregular, Verdana, Arial, Helvetica, sans-serif; font-size:240%; color:#fb0; letter-spacing:0.1em;position:  relative;}

.abutton{position: absolute; right:10px; top:10px; z-index:200; cursor: pointer;}

.subti1 {float:left; margin-top:1px;}
.subti2 {position:absolute; left:-12px; top:0px;}
.qrco {position:absolute; left:0px; bottom:0px; margin-top: 30px;}

.extfileOne {position: relative;float: right;  margin-left:120px;}
.extfileOne1 {position: relative; float: left; margin-left:200px; }
.formtab {position:relative; margin: 30px 15px 30px 20px;} 
/*.wrong{margin-left:140px; font-size:120%; color:#fb0; font-weight:bold; position:absolute; bottom:60px; left:0px;} */
.wrong2{margin-left:10px; margin-top:10px; font-size:120%; color:#fb0 !important; font-weight:bold;}

#objsent {position:relative; float:left; top:40px;}
.objsenttitle {color:#da0; font-size:220%;}
.objsenttext {color:#ccc; font-size:160%;}

/* 
.objed {
    color: #ddd;
    font-size: 130%;
    width: 170px;
    height: 	1.7em;
    border: 1px solid #ddd;
    margin: 0px;
    padding-bottom: .17em;
    background:#444;
    cursor: pointer;
    border-radius: 13px;
     -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
}

.objed:hover {background:#700;} */

.backstr {
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width: 45px;
	}

.bgrad2 {
	/* background: linear-gradient(to top, rgba(180, 0, 0, 0.5) 40%, rgba(180, 0, 0, 0.05) );	} */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b40000+0,b40000+100&0.15+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(180,0,0,0.15) 0%, rgba(180,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(180,0,0,0.15) 0%,rgba(180,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(180,0,0,0.15) 0%,rgba(180,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b40000', endColorstr='#ccb40000',GradientType=0 ); /* IE6-9 */
	}
	
.bgrad3 {
	/* background: linear-gradient(to top, rgba(220, 160, 0, 0.5) 40%, rgba(220, 160, 0, 0.05) ); */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dca000+0,dca000+100&0.15+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(220,160,0,0.15) 0%, rgba(220,160,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(220,160,0,0.15) 0%,rgba(220,160,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(220,160,0,0.15) 0%,rgba(220,160,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26dca000', endColorstr='#ccdca000',GradientType=0 ); /* IE6-9 */
	}
	
.bgrad4 {
	/*background: linear-gradient(to top, rgba(180, 0, 0, 0.7) 40%, rgba(180, 0, 0, 0.35) ); */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b40000+0,b40000+100&0.15+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(180,0,0,0.15) 0%, rgba(180,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(180,0,0,0.15) 0%,rgba(180,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(180,0,0,0.15) 0%,rgba(180,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b40000', endColorstr='#ccb40000',GradientType=0 ); /* IE6-9 */
	}
	
.rottext {
   position:absolute;
   display:block;
   margin: 193px 0px 0px -173px;
   width: 400px;
  height:auto;
  font-family: poiret_oneregular, avalonregular, Verdana, Arial, Helvetica, sans-serif;
  font-size:450%;
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
}

.rottext2 {
   position:absolute;
   display:block;
   margin: 175px 0px 0px -175px;
   width: 400px;
  height:auto;
  font-size:320%;
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
}	

.rottext3 {
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    height: auto;
    font-size: 380%;
    float: left;
}

.grafika {float:left; margin-top:60px; font-size:380%; }
.websites {float:left; margin-top:60px; font-size:380%;}
.rottext p {float:right; text-align:right; letter-spacing: 0.04em; /*! text-shadow: -2px 2px 2px rgba(0,0,0,1.0); */ }

.grafika p, .rottext2 p, .websites p {float:right; text-align:right; letter-spacing: 0.04em; padding: 20px 7px 15px 15px; 
/*background: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.8));} */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.15+0,0.8+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-9 */
}

.rottext3 p {float:right; text-align:right; letter-spacing: 0.04em; padding: 0.3em;
/* background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.8));*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0.15+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#26ffffff',GradientType=1 ); /* IE6-9 */
}

.rotcolor1 {color:#ddd;}
.rotcolor2 {color:#000;}
.rotcolor3 {color:#C58F00;}
.rotcolor4 {color:#555859;}
.rotcolor5 {color:#900;}

.youtub {position:absolute;}
.fbilike {position:absolute; top:0px; left:40px;}
.fbilike2 {position:absolute; top:-3px; left:37px;}


/* unite gallery slider stuff */
#gallery {display:none; top:0px;}
.galslide {top:0 !important; margin:0 auto; width:100% !important; height:100% !important; background-color:none !important;} 

#clona {
	display:none;
	position:fixed;
	top:0;
	left:0;
    background: rgba(0, 0, 0, 0.8);
    min-height: 100%;
    padding: 0;
    height: 100%;
	width:100%;
	z-index:5;
}

.slid {display:none; position: fixed; top:0 !important; left:0; right:0; margin:0 auto; z-index:10; width:100%; height:100% !important;}
.closeit {position:absolute; top:10px; left:15px; cursor:pointer; z-index:1000; transition: transform .2s;}
.closeit:hover{transform: rotate(90deg);}

.ugslider {position: relative; margin: 0 auto; width: 100%; height:100%; padding: 0;}

#closeit2 {position:absolute; top:-10px; right:10px; cursor:pointer; transition: transform .2s;}
#closeit2:hover{transform: rotate(90deg);}

#closeit3 {position: absolute; top:20px;right: 10px; cursor: pointer; transition: transform .2s;}
#closeit3:hover{transform: rotate(90deg);}


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

#footer	{
/*! width:100%; */
/*! max-width: 1200px; */
/*! margin: 0 auto; */
padding: 20px 0 70px 0;
clear: both;
/*! text-align: right; */
float: right;
right: 10px;
position: relative;
}
	
#footer p {
position:relative;
float:left;
left:5px;
top:5px;
color:#ddd;	
font-size:10px;
}

#footer a:link {font-weight:bold; color:#fff}
#footer a:hover {font-weight:bold; color:#d90;}

/* ------------ formular things ----------------------- */

input[type=text], select, textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #999;
  border-radius: 4px;
  resize: vertical;
  font-size:100%;
  font-family: inherit;
  background: #252525;
  color: white;
}

textarea {height:200px}

.mailBox{width: 100%; max-width:500px; float: left; font-size:130%;}
.submitBox {width:140px; float:right; right: 10px; margin-top:30px;  margin-bottom:30px;}

label {
  padding: 12px 12px 8px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #444;
  color: white;
 /*  padding: 12px 20px; */
  border: 1px solid #999;
  border-radius: 16px;
  cursor: pointer;
  float: right;
  font-size:110%;
      width: 170px;
    height: 1.7em;
}

input[type=submit]:hover {
  background-color: #800;
}

.col-25 {
  float: left;
  width: 130px;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 300px;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.spa {width:140px;}
.spa img {width:140px; border: 1px solid #999; border-radius: 4px;}

.wrong {
  margin-left: 140px;
  font-size: 100%;
  color: #fb0;
  font-weight: bold;
  position: relative;
  bottom: 160px;
  left: 0px;
}

/* -------------------  nasleduju povodne stare veci  -------------------------- */

.wwwgd a {
position: absolute;
bottom:0px;
left:0px;
width:310px;
height:15px;
background:url(../images/www-gd-off.png);
}

.wwwgd a:hover {background:url(../images/www-gd-on.png)}

#underlinewrap {
position:fixed;
width:100%;
height:42px;
top:726px;
}

#underlinewrap2 {
position:relative;
width:1200px;
height:42px;
margin:0 auto;
}

.underline{
position: relative;
float:right;
width:134px;
height:41px;
background:url(../images/underline.png);
}

#wrap {
position:relative;
width:1200px;
height:631px;
/*background-color:#b4b4b4;*/
margin:95px auto 0;
}

#main {
position:relative;
float:right;
width:720px;
min-height:631px;
margin:0;
padding:0;
}
/*
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #fff;
  border: 1px solid gray;
  background: #222;
  line-height: 15px;
 resize: none;
} 

.intext {border: 1px solid gray; background: #222; height:30px; color: white; font-size:130%; letter-spacing: 0.08em;font-weight: normal;}
.areatext {font-size:130%; width:300px;  letter-spacing: 0.04em;}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#ccc;
} */

.highslide-gallery a img {
float: left;
border:0;
margin:0 1px 3px 0;
width:145px;
}

.foto-gallery {
	position:relative; margin:30px 0 0 -8px; /*! max-width:700px; */ padding-left:2px; font-size: 150%;
	float: right;
	width: 90%;
	max-width: 800px;
}

.foto-gallery a img {
float: right;
border:0;
margin:0 15px 15px 0;
width:250px;
}

p {margin: 0;padding: 0;}

.scroll-pane {
position:relative;
float:right;
width:100% !important; /* dá sa zmenit */
height:480px;
color:#aaa;
line-height: 16px;
text-align:right;
}

.bold1 {font-weight:bold;}
.kursiva {font-style:italic;}

p.popisek {width:450px;}
p.linky {width:650px; color:#eee; line-height: 18px;}

a         {font-weight:bold; text-decoration:none;}
a:link    {color:#fff}
a:visited {color:#fff}
a:hover   {color:#fb0}
a:active  {color:#fb0} 

.reference span {color:#ccc; font-weight:normal;}
.reference a         {font-weight:bold; text-decoration:none;  padding: 4px;}
.reference a:link    {color:#fff}
.reference a:visited {color:#fff}
.reference a:hover   {color:#fb0; background: rgba(225,225,225,0.3);}
.reference a:active  {color:#fb0}

.odkazy span {color:#ccc; font-weight:normal;}
.odkazy a         {font-weight:bold; text-decoration:none;  padding: 4px;}
.odkazy a:link    {color:#fff}
.odkazy a:visited {color:#fff}
.odkazy a:hover   {color:#fb0; background: rgba(225,225,225,0.3);}
.odkazy a:active  {color:#fb0}  

h3 {color:#b00; line-height: 1.1em; text-shadow:  2px 1px 2px #000;}

h2 {
font-weight:400;
color:#fd0;
margin:0;
}

hr {
clear: both; 
margin:0;
padding:0;
}

.nadpis2 {
font-size: 150%;
font-weight:400;
margin:0;
}

hr.thin {
height: 1px;
border: 0;
/*color: #333;*/
background-color: #aaa;
width: 100%;
}

.gradlinenorm {
margin-top:-1px;
width:100%;
height:10px;
background-image:url(../images/grad10.png);
}

.gradlineinv {
margin-top:15px;
width:100%;
height:10px;
background-image:url(../images/grad10inv.png);
}

.gradlineinv2 {
width:100%;
height:10px;
margin-bottom:3px;
z-index:-1;
background-image:url(images/grad15inv.png);
}

#submit {
 color: #fff;
 font-size: 0;
 width: 100px;
 height: 22px;
 border: none;
 margin: 0;
 padding: 0;
 background: #0c0 url(../images/odeslat.jpg) 0 0 no-repeat; 
}

/* další část se týká 3 souborů s ukázkam html, flash, grafika */

#imggallery {
position:relative;
width: 95%;
max-width:700px;
float:right;
margin: 10px;
}

.texthidden {display:none;}

.imgtitle {float:left; text-align:left; margin: 30px 0 0 0; font-size: 120%;}
.imgtitle span {float:left; font-weight:bold; }
.imgtitle a {color:#fb0; }
.imggallink {float:right; font-weight:bold; text-decoration:none; color:#fb0; font-size: 120%;}
.imggallink:hover {color:#fb0}
.imggallink::before {content: url("../images/extlink-gray.png"); margin-right:5px;}
.imgpopis {float:left; width:100%; text-align:left; color:#ccc; margin: 5px 0 0 0;font-size: 120%;}

.imgmenu {position:relative; left:0px; margin:0 10px 20px 20px; float: right; max-width: 800px;width: 95%;}

.imgmenu a {
text-align: normal !important;
text-align: center;
line-height: 2.2em;
font-size:130%;
font-weight:normal;
padding:6px 8px 6px 7px;
margin:0;
text-decoration:none;
border: 1px solid #555;
border-radius: 7px;
}

.imgmenu a:link {color:#bbb; background:#111}
.imgmenu a:visited {color:#bbb; background:#111}
.imgmenu a:hover {color:#222; background:#aaa}
.imgmenu a:active {color:#ddd; background:#800}

hyphens: none;

.islink {color:#bbb; background:#111}
.isactive {color:#ddd !important; background:#800 !important; border-color:#aaa !important;}

.itemtext {
position:relative;
/*! float:left; */
width:100%;
max-width:700px;
display:none;
}

.showit {display:block;}

.itempicture  {
float:left;
margin:0 0px 10px 0;
width:100%;
max-width:700px;
}

/* další část se týká links v položce YouTube */

.linkartist {
font-weight:bold;
color:#ddd;
}

.linkmenu {
position:relative;
margin:25px 0 30px 0;
/*width:550px;*/
float:right;
text-align:center;
width:100%;
}

.bigger {font-size:130%;}

.linkmenu a {
display:block;
/*float: right;
width:550px;*/
line-height: 30px;
font-size:100%;
font-weight:normal;
padding-right:4px;
margin:0;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.linkmenu a:link {color:#aaa;}
.linkmenu a:visited {color:#bbb;}
.linkmenu a:hover { background: rgba(0,0,0,0.8);}
.linkmenu a:active {color:#c90;}

.linkButt {color:#aaa}
.linkactive {font-weight:bold !important; color:#fb0 !important;}

.ifra {
width:100%;
max-width:1230px;
height:390px;
}

.video-box-youtube {position:relative; margin: 0 auto; max-width:450px !important;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
	border: 1px solid #333; margin-right:3px;	
	border-radius: 12px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#ttwMP {
position:relative;
width:100%;
margin: 20px 40px 20px 0;
}

.webodkaz {white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 90%;}


/* ------------------------ REFERENCE thumbs -------------------------------- */
.tvorbaouter{
	position:relative;
	float:left;
	margin:0 0 20px 15px;
	max-width:280px; /* bolo 27% */
	height:264px;  /* bolo 310px */
/*	background: rgba(200,200,200,0.1); */
	cursor:pointer;
	width: 30%;
/*	min-width: 180px; */
	}
	
.tvorbainnerpic{position:relative; width:auto; height:auto;}

.tvorbainnertext{
	position:relative; padding:10px 0 5px 5px; font-family:avalonregular, Verdana, Arial, Helvetica, sans-serif;  color:#bbb; font-size: 110%; letter-spacing: 0.05em; line-height: 1.5em;
	/*! height: 120px; */
	}

.lupa {position:absolute; top:5px; left:5px; width: 30px;}

.webpic{width: 100%; opacity:1.0; border: 1px solid #888;}

.webpic:hover{
   filter:   grayscale(100%) invert(100%) brightness(50%);
/*  mix-blend-mode: difference; */
}

.webtitle {font-size: 115%; color:#fff; font-weight:bold;}
.webpopis {font-size: 110%;}

.webodkaz  {
    font-weight: bold;
    text-decoration: none;
    color: #fb0;
    /*! font-size: 120%; */
}
/* -------------------- MEDIA STUFF ------------------------ */

#rmbutt {
	position:absolute;
	top:10px;
	left:5px;
	cursor:pointer;
	display:none;
	/* z-index:100; */
}

.showmenu {display:block !important;}

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

@media screen and (max-width:1150px) {
	#header {height:100px;}
	.mainheaderwrap {height:100px;}
	
	.mainheader img {width:75%; float:right;}
	
	#MenuBlock {
		display:none;
		position:absolute;
		top:90px !important;
		left:10px;
		width:80%;
		height: 21em;
		z-index:100;
		padding:0px;
		border: 1px solid #aaa;
		background: rgba(10,10,10,.8);
		font-size:150%;
		text-align:center;
		left: 50%;
		transform: translate(-50%, -30%);
		}
		
	#MenuBlock a {width:90%; margin: 3px 0 3px 0px;}

	#extmainmenu {margin-top:10px;}	
	#rmbutt {display:block;}
	.cdpic2 img {width:180px;}
}

@media screen and (max-width:800px) {

	#mainContainer {min-width: 430px;}
	#ContentBlock {margin-left: 5px; max-width: 100%;}
	#ContentBlock2 {margin-left: 5px; max-width: 100%;}
	.ContentBack6 {max-width: 100%;}	
	.ContentBack2 {max-width: 100%;}	
	#imggallery {max-width: 100%;}
	.extfileOne {margin-right:0px;}
	.formtab {margin-right:20px;}
	.tvorbaouter {width:40%;}
	.cdpic2 img {width:160px;}	
} 

@media screen and (max-width:600px) {
	.cdsleeve {width:40%;}
	.contentPlaylist {position: relative; margin: 0 30px 0 30px;}
	.cdpic2 img {width:150px;}

}

@media screen and (max-width:500px) {
	.tvorbaouter {width:90%;}

}