@font-face {	
font-family: 'Lato';
src: url('../fonts/lato-regular.woff');
src: url('../fonts/lato-regular.eot'); /* IE6-IE8 */
src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE9 Compat Modes */
     url('../fonts/lato-regular.woff') format('woff'); /* Modern Browsers */
     
}


@font-face {	
font-family: 'Lato Bold';
src: url('../fonts/lato-bold.woff2');
src: url('../fonts/lato-bold.eot'); /* IE6-IE8 */
src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), /* IE9 Compat Modes */
     url('../fonts/lato-bold.woff2') format('woff'); /* Modern Browsers */
     
}

@font-face {	
font-family: 'LadislavReversed';
src: local('LadislavReversed'), url('../fonts/ladislav_semibold_reversed.woff');
src: url('../fonts/ladislav_semibold_reversed.eot'); /* IE6-IE8 */
src: local('LadislavReversed'), url('../fonts/ladislav_semibold_reversed.eot?#iefix') format('embedded-opentype'), /* IE9 Compat Modes */
     url('../fonts/ladislav_semibold_reversed.woff') format('woff'); /* Modern Browsers */
}

@font-face {	
font-family: 'Masqualero Black';
src: url('../fonts/Masqualero-Black.woff2');
src: url('../fonts/Masqualero-Black.woff') format('woff'); /* Modern Browsers */
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
	margin:0;
	padding:0;
  font-family: 'Lato';
  font-size:14px;

  /*overflow:hidden;*/
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { color:black;}
.clearboth { clear: both; }



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
  background: #FFFFF0;
}
body {
overflow-x: hidden;	
}
.no-js {
	padding-top: 106px;
}
h2 {
	margin-top: 0;
}
.loading {
	background: url('../images/loading.gif') no-repeat center center;
}

section {
  opacity:0;
  height:100%;
}
.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

.nonselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.bcg {
  float:left;
  position: relative;
	background-position: center right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;

}

#scroll2,
#scroll3 {
	height:auto;
	min-height: 100%;
}
#scroll2 { margin-bottom:200px }

.bcg2 { 
  float:left;
  position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover; 
	min-height: 100%;
	width: 100%;
}

/* Slide 1 */


#slide-1 { height:auto!important  }
#slide-1 .bcg { width: 100%;   }


#slide-1 .bcg img { width:100%; margin-top:100px}

#pozadi-obr		{ display:none; width:100%; text-align:center; margin-top:50px  }
#pozadi-obr img	{ width:100%;max-width:500px; }


/* Slide Smetana */
/*
#slide-1  { margin-bottom:50px }
#slide-1 .bcg  { position:relative; background-image:url("../images/smetana-pozadi.jpg"); background-size: cover; background-position:bottom; height:calc(100%)  }
#slide-1 .bcg h2,
#slide-1 .bcg .hsContainer,
#slide-1 .bcg .hsContent,
#program	{ height:100% }
#slide-smetana .bcg .hsContainer { position:relative; }
#noty			{ position:absolute; margin:auto; width:100%; max-width:1303px; }
#noty img		{ width:100%;  }

#smetana			{ position:absolute; bottom:30px; right:0 }
#smetana img		{ width:90%; max-width:800px; float:right  }

#smetana-proc			{ position:absolute; font-family: 'Masqualero Black'; color:#282728; font-size:80px; line-height:70px; bottom:90px; left:0; z-index:100 }

#smetana-datum			{ position:absolute; font-family: 'Masqualero Black'; color:white; font-size:80px; line-height:70px; top:110px; right:0; text-align: right; z-index:100 }

#smetana-text			{ font-size:24px; line-height:30px; }

*/


#nota1         { position:absolute; top:50%; left:27%; width:30px; z-index:100  }
#nota1 img       { width:100%  }
#nota2         { position:absolute;  top:60%; left:32%; width:60px; z-index:100   }
#nota2 img       { width:100%  }
#nota3         { position:absolute;  top:52%; left:36%; width:60px; z-index:100   }
#nota3 img       { width:100%  }
#nota4         { position:absolute;  top:68%; left:37%; width:25px; z-index:100   }
#nota4 img       { width:100%  }
#nota5         { position:absolute;  top:78%; left:42%; width:30px; z-index:100   }
#nota5 img       { width:100%  }


/* Slide 6 */
#slide-6 .bcg { height:auto;	min-height: 100%; }

/* Slide 7 */
#slide-7 .bcg { background-color:white; height:auto;	min-height: 100%;}




.menu-cont    { float:right; margin-right:8%; width:60%; line-height:18px;  }
.menu         { padding-left:10px; padding-right:10px;}
#menu         { float:right; clear: both; margin-top:40px;  width:100%; text-align: right;}
#menu span    { cursor: pointer; text-transform: uppercase; font-family: 'Lato Bold'; font-size:15px; line-height:24px; margin-left:1.5%;}
#menu span:first-child { margin-left:0 } 
#menu span a  { text-decoration: none; display: inline-block; padding-left:10px; padding-right:10px; height:37px; color:black;} 
#menu span:hover { padding-bottom: 3px; border-bottom:6px solid black; }
 

#hlavicka2    { position: fixed; display: none; margin-left:9%; color:black; z-index:1000; margin-top:20px; font-family: 'Lato Bold'; 
                font-size:18px; cursor: pointer; }

#mobil-menu-button  { display: none; float:right; cursor: pointer; font-size:38px; margin-top:30px; } 
#mobil-menu         { display: none; cursor: pointer; text-transform: uppercase; font-family: 'Lato Bold'; font-size:24px; position:fixed;
                      right:0; width:100%; height:250px; background-color: black; text-align: center; }
#mobil-menu .menu2  { margin:20px; color:white; }
#menu0              { display: none; } 
#mobil-menu a	{ color:white }


#hlavicka-cerv{ position:fixed; z-index:100; width:100%; height:100px; background: #FFFFF0;}
#hlavicka1    { position:fixed; z-index:500; width:100%; height:100px; color:black; }   
#hlavicka-text{ margin-left:8%; font-size:16px; font-family: 'Lato Bold'; cursor: pointer; }
#logo-obr1    { display: inline-block; background-image: url("../images/logo.png"); width:200px; height:79px; margin-top:10px;}
.logo         { float:left; margin-top:40px; padding:0; }  
.logo2        { float:left; margin-left:10%; } 
#logo-sipka   { display: inline-block; background-image: url("../images/logo-sipka.png"); width:35px; height:13px;}



/*homepage*/  

.uvod 		  { height:auto!important; margin-bottom:100px;}
#uvod-text    { position: relative; width:48%; padding: 0 8%;  color:black; font-family: 'Lato Bold'; font-size:40px; line-height:46px; text-align:left; margin:auto; margin-top:80px; }
#kruh         { position:relative; margin:auto; margin-top:10px; background-image: url("../images/kruh.png"); width:88px; height:87px; }
#uvod-nadpis  { font-size:50px; line-height:52px; margin-bottom:10px; color:#c7006c; }

#ukaz         { background-color:black; color:white; padding:14px 0 14px 0; font-family: 'Lato Bold'; text-transform: uppercase; font-size:16px; 
                line-height:18px; text-align:center; width:112px; margin:auto; cursor: pointer; margin-top:30px; display: inline-block; }
#facebook     { background-color:#3B5998; padding:14px 0 14px 0; font-family: 'Lato Bold'; text-transform: uppercase; color:black; font-size:16px; 
                line-height:18px; text-align:center; width:142px; margin:auto; cursor: pointer; margin-top:30px; display: inline-block; margin-left:10px; }
#facebook a   { text-decoration: none; color:white }



/* Program */
#program        { margin:auto; width:1280px; color:black; position: relative; margin-top:60px; text-align: left; font-size: 16px; line-height:22px; font-family: 'Lato Bold';  }
#program-nazev 	{ font-family: 'Lato Bold'; font-size: 42px; line-height: 50px; text-align: center; margin-top: -40px; }
#program-left   { float:left; width:530px; margin-bottom:120px;  }
#program-right  { float:left; width:530px; margin-left:100px; }
#program table  { float:left; width:100%;  border-collapse:collapse; border:0}
#program table tr { height:auto!important }
#program table tr td { vertical-align: top; border:0; width:100%!important; height:auto!important }
#program table tr td:first-child  { padding-right:18px; width:0!important }
.program-nadpis { text-transform: uppercase; display: inline-block; font-size: 24px; line-height:32px; padding:0 5px 3px 5px; 
                  border-bottom:8px solid black; margin-bottom:20px; }

.program-kapela { font-size:16px; line-height:22px; font-family: 'Lato'; }
.program-mezera { height:15px; }
#sipka1         { position:absolute; z-index:-100; top:65%; left:60%; opacity:0.5 }
#sipka2         { position:absolute; z-index:-100; top:50%; left:10%; opacity:0.5 }
#sipka3         { display:none; position:absolute; z-index:-100; top:15%; left:35%; opacity:0.5; }


/* téma */
.festival-nazev  { text-align: center; margin-bottom:70px; }
.festival-nazev1 { font-family: 'Lato Bold'; font-size: 42px; line-height:50px; margin-right:10px;  }
.festival-nazev2 { font-family: 'Lato Bold'; font-size: 42px; line-height:50px;  }
.tema            { margin:auto; position: relative; text-align: center; width:950px; font-size:18px; line-height:22px; }

#sipka4         { position:absolute; z-index:-100; top:40%; left:10%; opacity:0.5; }
#sipka5         { position:absolute; z-index:-100; top:35%; left:75%; opacity:0.5; }
#sipka6         { position:absolute; z-index:-100; top:-12%; left:55%; opacity:0.5; }
 
            
              
/* Fotogalerie */
/*
#galerie-nadpis { position: relative; font-family:'Gibson-Bold'; font-size:72px; line-height:54px; top:120px; text-transform: uppercase; }
#galerie      { margin:auto; }
#gal1         { position: absolute; left:35%; color:white; bottom:5%; background-color:white; color:#d71921; width:120px; height:30px; z-index:100; padding-top:12px; 
                font-family: 'Gibson-Bold'; font-size: 18px; text-transform: uppercase; text-align: center; cursor: pointer;}
#gal2         { position: absolute; left:0; right:0; margin-left:auto; margin-right:auto; color:white; bottom:5%; background-color:white; color:#d71921; 
                width:120px; height:30px; z-index:100; padding-top:12px; font-family: 'Gibson-Bold'; font-size: 18px; text-transform: uppercase; 
                text-align: center; cursor: pointer;}
#gal3         { position: absolute; right:35%; color:white; bottom:5%; background-color:white; color:#d71921; width:120px; height:30px; z-index:100; padding-top:12px; 
                font-family: 'Gibson-Bold'; font-size: 18px; text-transform: uppercase; text-align: center; cursor: pointer;}
.viewall      { position: absolute; left:0; right:0; margin-left:auto; margin-right:auto; color:white; top:200px; background-color:#d71921; color:white; 
                width:120px; height:30px; cursor: pointer; z-index:100; padding-top:12px; font-family: 'Gibson-Bold'; font-size: 18px; 
                text-transform: uppercase; text-align: center;}
.pd_container { position: relative; right:70px; }
.pd_photo, .pd_photo2, .pd_photo3     { position:absolute; background-color: white; z-index:10;left:0px; width:170px; height:170px;
                -webkit-box-shadow: 0px 0px 0px 14px #fff; -moz-box-shadow: 0px 0px 0px 14px #fff; box-shadow:  0px 0px 0px 14px #fff; }
.mobil_galerie { display: none; }
.demo iframe   { margin-top:230px; height:500px; width:100%; }
*/

 
 
/* Festival */

#festival-left  { float:left; width:350px;  }
#festival-right { float:left; width:450px; margin-left:50px; }
#ofestivalu     { font-family: 'Lato Bold'; font-size: 42px; line-height:50px; text-transform: uppercase; margin-bottom: 50px; }
.tema img    	{ max-width:100%; height:auto }
#porte a        { float:left; margin-left:100px; background-image: url("../images/porte.jpg"); width:148px; height:90px; }
.poradatel      { float:left; font-family: 'Lato Bold'; font-size:18px; margin-left:135px; }
#festival-text  { font-size: 18px; width:550px; line-height:22px; }
#sipka7         { position:absolute; z-index:-100; top:30%; left:80%; opacity:0.5; }
#sipka8         { position:absolute; z-index:-100; top:65%; left:15%; opacity:0.5; }
#sipka9         { position:absolute; z-index:-100; top:5%; left:5%; opacity:0.5; }
 


/* kontakt */
#map_canvas     { border:none; width:100%; height:55%; min-height:500px; color:black;}
#mapa-kontakty  { margin-left:15%; margin-top:4vh;  }
.mapa-kontakt   { float:left; width:27%; font-size:16px; line-height:20px; margin-top:30px }

    

.mapa-kontakt h2    { margin-bottom:5px; font-size:16px; text-transform: uppercase; font-family: 'Lato Bold'; color:black; }
.mapa-kontakt h3    { font-size:22px; line-height:28px; text-transform: uppercase; margin:6px 0 6px 0; font-family: 'Lato Bold'; } 

#mobil-kontakt  { display: none; }

#bodyContent    { font-size:18px; width:180px; height:90px; line-height: 22px; font-family: 'Lato Bold';  }



/* Partneři */
#partneri             { width:100%; text-align: center; color:black; margin-top:70px; font-size:16px; font-family: 'Lato Bold';}
#partneri  img        { max-height:90px}

.partneri-loga        { margin-bottom:50px; }
.partneri-logo-nadpis { font-family: 'Lato Bold'; font-size: 18px; margin-bottom:10px;  }
#partneri-zastita     { font-size: 18px; line-height:22px; margin-top:20px; }
.vertical-partneri    { position:absolute; top:0px; bottom:0px; left:0; right:0; margin:auto; height:560px; }
#praha6               { position: relative; top:12px; }

 
.scroll-down{position:absolute;bottom:40px;left:0;right:0;margin:0 auto;font-size:32px; color:black;
            -webkit-animation:pulse 2.6s ease-in;-moz-animation:pulse 2.6s ease-in;animation:pulse 2.6s ease-in;
            -webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;
            -webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-direction:alternate}
.scroll-down.paused{display:none}
@-webkit-keyframes pulse{0%{opacity:1;bottom:40px}100%{opacity:0;bottom:-20px}}
@-moz-keyframes pulse{0%{opacity:1;bottom:40px}100%{opacity:0;bottom:-20px}}
@-o-keyframes pulse{0%{opacity:1;bottom:40px}100%{opacity:0;bottom:-20px}}
@keyframes pulse{0%{opacity:1;bottom:40px}100%{opacity:0;bottom:-20px}}




.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.hsContent {
	max-width: 450px;
	margin: -150px auto 0 auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0 8%;
	text-align: center;
	position: relative;
	z-index: 10;
}


/* Navigation */
#slideNav {
	display: none;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -80px;
	z-index: 11;
}
#slideNav ul {
	display: none;
	list-style: none;
	color: #000000;
	font-size: 13px;
	text-align: center;
}
#slideNav li {
	display: none;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(255,255,255,0.70);
	margin-bottom: 1px;
}
.no-rgba  #slideNav li {background-color: #ffffff}
#slideNav a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #000000;
}
#slideNav a.disabled {
	cursor: default;
}