/* 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-weight:400;
  font-size:14px;
  line-height:22px;
  letter-spacing:0.5px;
  background-color:#0c0c0c;
  color:#f5f5f3;
  -webkit-text-size-adjust:100%;
  height:100%; 
}





h1, h2, h3, h4, h5, h6 { font-family: 'Lato Bold'; }
a           { color:#f5f5f3; text-decoration: none;}
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-family: 'Lato Black'; }
strong      { font-family: 'Lato Black'; }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.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;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { outline:none; resize:none; padding:10px 10px 10px 10px; margin-top:35px; font-family: 'Lato'; width:100%; min-width:300px; font-size:16px; 
				 border:solid 1px #404040; -webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.ramecek5   { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
.ramecek10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; behavior: url(PIE.htc); }
.ramecek-kulaty { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; behavior: url(PIE.htc);}

.table-cell	{ display: table-cell; vertical-align: middle;  }

li 			{ list-style-position:inside; }

hr 			{ padding:0; margin:0; background-color:#404040; }


main        { position: relative; display:block;  }
nav         { position:relative; width:100%; padding-top:40px; font-family: 'Lato Bold'; letter-spacing:2px; font-size:12px; line-height:24px;
 			  top:0; background:transparent url(../images/pozadi.jpg); width:100%; height:182px; overflow:hidden;
			  background-size: cover; background-position:top center; background-repeat:no-repeat; background-size:cover; z-index:200;
			  -webkit-box-shadow: 0px 1px 28px 13px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 28px 13px rgba(0,0,0,0.75); box-shadow: 0px 1px 28px 13px rgba(0,0,0,0.75); } 
.prostor    { position:relative; display:block; width:90%; max-width:1100px; margin:auto;  }

.svetlo		{ position:absolute; top:0; background:url(../images/svetlo.png); width:100%; max-width:817px; height:274px; background-position:center; left:0; right:0; margin:auto; 
			  mix-blend-mode:soft-light; }
.logo 		{ width:360px; height:80px; margin:auto; margin-top:14px; display:block }
.logo img	{ float:left; width:100%; }  

.menu		{ position:relative; margin-top:45px; text-shadow:0px 0px 5px #000; }
.menu h3		{ float:left; margin-right:60px; text-align: center; text-transform:uppercase; font-size:12px; }
.menu .menu-prostor-en h3 { margin-right:45px; }
.menu a		{ text-decoration:none; }
.menu h3:last-child	{ margin-right:0; }
nav a.active,
nav a:hover { color:#caa32a; }


/* Menu mobile */
.menu-mobile				{ display:none; position:absolute; left:0; top:1px; width:28px; height:19px; cursor:pointer;}
.menu-mobile span		{ position:absolute; display:block; width:100%; height:1px; border:1px solid white; background-color:white;
					  	  -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
.menu-mobile span:nth-child(1) { top:0; }
.menu-mobile span:nth-child(2) { top:8px }
.menu-mobile span:nth-child(3) { bottom:0; }
.menu-prostor-mobile		{ display:none; }

.icony			{ float:right; margin-right:10px; margin-top:-5px; }
.icon 			{ float:left; }
.icon a			{  float:left; width:30px; height:30px; background-size:30px 30px; margin-right:10px; }
.icon-facebook a		{ background-image:url(../images/facebook.svg); }
.icon-youtube a		{ background-image:url(../images/youtube.svg); }

#mutace      	{ float:right; }
#mutace a		{ text-decoration:none; }

.oddelovac 			{ position:relative; overflow: hidden; height:50px; margin-top:15px; }
.oddelovac-stin 		{ z-index:10; width:100vw; height:2px; background-image:linear-gradient(to right,#a68c4a,#927836); }

.fixed			{ position:fixed; top:-160px;  }
.fixed-odsazeni	{ margin-top:222px }
 
.obsah			{ float:left; width:100%; }



.banner			{ position:relative; float:left; width:100%;}


h2			{ text-align:center; margin-top:40px; margin-bottom:20px; font-size:30px; font-weight:400; letter-spacing:2px; /*text-transform:uppercase;*/ font-family: Caveat; text-shadow:0px 0px 15px #000; }

.pozadi		{ background:#0c0c0c url(../images/pozadi2.jpg); width:100%; min-height:calc(100vh - 160px); background-size: 100% auto; background-repeat:no-repeat; }
.pozadi2		{ background:#0c0c0c url(../images/pozadi2.jpg); width:100%; min-height:calc(100vh - 160px); background-size: 100% auto; background-repeat:no-repeat; }


.text			{ width:100%; padding:0 0; }

.text h3			{ margin:0 0 20px 0; font-family: 'Lato Black'; color:#caa32a  }
.text li 		{ list-style-position:outside; margin-left:17px; line-height:30px }


.kytary-galerie	{ float:left; margin:50px 0 30px 0; width:100%;  }
.kytary-foto		{ position:relative; display: inline-block; float:left; width:calc((100%/3) - 13.5px); margin-right:20px;
				  -webkit-filter: drop-shadow(0px 0 10px #000); filter: drop-shadow(0px 0 10px #000); padding-bottom:20px;
				  translate3d(0, 0, 0); will-change: transform; }
.kytary-foto:nth-child(3n)	{ margin-right:0 }
.kytary-foto	 .object-fit			{ float:left; width:100%; height:80%; background-repeat:no-repeat; background-position:center; background-size:contain; transition: transform 0.5s;
							  	  -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, rgba(0,0,0,0)), color-stop(0.12, rgba(0,0,0,1)));}
.kytary-foto:hover .object-fit	{ transform: scale(1.1); }
.kytary-nazev					{ opacity:0; position:absolute; bottom:15%; left:0px; width:100%; text-shadow:0px 0px 8px #000; text-align:center; font-size:22px; line-height:26px;
								  transition: opacity 0.5s ease-in-out; font-family: Caveat; }
.kytary-nazev-na-prodej			{ bottom:10%; }
.kytary-foto:hover .kytary-nazev	{ opacity:1; }


.kytary-foto-detail	{ position:relative; display: inline-block; overflow: hidden; float:left; width:calc((100%/3) - 13.5px);
  				  	  height:250px; border:solid 0px #f6efdf; margin-right:20px; margin-bottom:20px; }
.kytary-foto-detail:nth-child(3n)	{ margin-right:0 }
.kytary-foto-detail	.object-fit		{ float:left; width:100%; height:100%; background-color:black; background-repeat:no-repeat; background-position:center; background-size:cover; 
				  					  transition: transform 0.5s }

.kytary-foto-drevene		{ position:relative; display: inline-block; overflow: hidden; float:left; width:calc((100%/4) - 15px); margin-right:20px; margin-bottom:20px; }
.kytary-foto-drevene:nth-child(4n)	{ margin-right:0 }
.kytary-foto-drevene	 .object-fit		{ float:left; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; 
							  	  transition: transform 0.5s; }
.kytary-foto-drevene:hover .object-fit	{ transform: scale(1.1); }


.kytara-detail-cena	{ font-family: 'Lato Bold'; }
.kytara-detail-koupit	{ background:#caa32a; padding:5px 20px; float:left; margin-top:10px; cursor:pointer; font-family: 'Lato Bold'; text-transform:uppercase; }
.kytara-detail-koupit:hover	{ color:#000; }
.kytara-detail-sale	{ position:absolute; margin-top:-7px; left:130px; background:url(../images/sale.png); width:80px; height:80px; background-size:80px 80px;  opacity:0.7 }


.prostor-left 	{ float:left; width:60%; }
.hp-youtube		{ position:relative; float:left; width:100%; z-index:100 }

.prostor-right 	{ float:right; width:35%; }

.prostor-left2 	{ position:relative; float:left; width:35%; margin-right:5%; }

.zpet 		{ position:absolute; color:#666; margin-top:46px; cursor:pointer }
.zpet:hover { color:#f5f5f3 }

.kontakt h3		{ color:#caa32a; margin-bottom:10px }
.kontakt a:hover		{ color:#caa32a;}
.mapa			{ width:100%; margin:auto; }
#map_canvas		{ height:400px; }

.error				{ position:absolute; margin-top:5px; display:none; color:#ea013d; font-size:14px; }
input.input-error 	{ border:solid 1px #ea013d;}



.formular				{ display:none; position:fixed; overflow:auto; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);  z-index:20000 }
.formular-inner			{ display:table; margin:auto; height:100%;}
.formular-inner-prostor	{ position:relative; padding:50px; background:white; color:#A7A9AC;}
.formular-poptavka		{ color:#0c0c0c; text-transform:uppercase; margin-bottom:20px }
.formular-kytara			{ color:#0c0c0c; font-family: 'Lato Bold'; font-size:16px; margin-top:-15px }
.odeslat					{ cursor:pointer; background:#0c0c0c; color:white; text-transform:uppercase; }
.odeslat.active			{ background:#caa32a; border:solid 1px #caa32a }
.formular-dekujeme		{ display:none; color:#0c0c0c; font-family: 'Lato Bold'; font-size:16px }


.obsah table 			{ border-collapse:collapse; margin-top:-10px; width:auto!important; }
.obsah table td 			{ min-width:180px!important; width:auto!important; background: rgba(80,80,80,0.5); padding:10px 15px; border-bottom:solid black 2px }
.obsah table tr:first-child td:first-child 	{ -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; behavior: url(PIE.htc); }
.obsah table tr:first-child td:last-child 	{ -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; behavior: url(PIE.htc); }
.obsah table tr:last-child td:first-child 	{ -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; behavior: url(PIE.htc); }
.obsah table tr:last-child td:last-child 	{ -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; behavior: url(PIE.htc); }