html, body {	font-family: 'Nunito Sans', sans-serif;	font: 12px/140%;	zoom: 100%;}
body {	margin: 0;	padding: 0;	background: #ffffff; /*url(../img/bg.jpg) repeat-x top*/}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm){ /* opera + google chrome */
	html, body{zoom: 0.9;}
}

.stredovyBlok{	width: 1360px;	margin: 0px auto 0px auto;}

@media only screen and (max-width: 1360px) {
	.stredovyBlok{	width: 96%;	margin: 0px auto 0px auto;}
}

#informaciBloky{	margin: 0px auto 38px auto;line-height: 1.3em;}

#informacekVozu{	float: left;	width: 46%;	margin: 0px 2% 0px 2%;	text-align: justify;}
#vybavaVozu{	float: left;	width: 46%;	margin: 0px 2% 0px 2%;text-align: justify;}

#otazky ul, #otazky ul li{	list-style: none inside none;	margin-bottom: 7px;} 
#otazky ul{	margin-bottom: 20px;} 

#NutneTexty{	padding: 15px 0px 15px 0px;	background-color: #f0f0f0;}
#NutneTexty p{
	text-align: justify;
	line-height: 1.3em;
	padding: 0px 2% 0px 2%;	
}


.padd1520{	padding: 0px 2% 0px 2%;}

#topstranky{	position: relative;	top: 0px;	height: 65px;}

#kontaTel{	position: absolute;	top: 20px;	right: 25px;	font-size: 1.6em;	color: #c92250;	font-weight: bold;}




#hlavniSlogan{	position: relative;	top: -12px;	z-index: 10000;}
#hlavniSlogan h1{
	position: absolute;
	width: 520px;
	margin-left: -260px;
	left: 50%;
	top: -24px;
	text-align: center;
	border: 2px solid Gray;
	background-color: #ffffff;
	padding: 6px 0px 6px 0px;
	text-transform: uppercase;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	font-family: 'Racing Sans One', cursive;
	font-size: 1.8em;
	color: #c92250;
	font-weight: normal;
}

#hlavniSlogan h1:before,
#hlavniSlogan h1:after {  content: " ";  position: absolute;}

#hlavniSlogan h1:before {  top: 50%;  left: 98.8%;  margin-top: -23px;  border-width: 23px;  border-style: solid;  border-color: transparent transparent transparent #ffffff;}
#hlavniSlogan h1:after {  top: 50%;  right: 98.8%;  margin-top: -23px;  border-width: 23px;  border-style: solid;  border-color: transparent #ffffff transparent transparent;}

#popisVozu{	font-size: 1.2em;	text-align: center;	position: absolute;	top: 25px;	z-index: 10000;	background-color: White;	padding: 10px 14px 10px 14px;	width: 420px;	margin-left: -210px;	left: 50%;	opacity:.8;}

#DoplnkovaSluzba{	text-align: center;	position: absolute;	bottom: 100px;	z-index: 10000;	width: 370px;	margin-left: 5%;	left: 0%;	color: #c81e4b;	font-family: 'Alfa Slab One', cursive;	font-size: 1.9em;	/*font-weight: bold;*/	text-transform: uppercase;	/*text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);*/	/*text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);*/	text-shadow:       3px 3px 0 #FFF,     -1px -1px 0 #FFF,       1px -1px 0 #FFF,      -1px 1px 0 #FFF,       1px 1px 0 #FFF;  -ms-transform: rotate(20deg); /* IE 9 */  -webkit-transform: rotate(20deg); /* Safari 3-8 */  transform: rotate(20deg);}

#h2pujcovnaostrava, .h2normalni{	font-family: 'Racing Sans One', cursive;	font-size: 1.8em;	color: #c92250;	font-weight: normal;	text-align: center;}
.h2normalni{	font-size: 1.6em;	color: #26599e;}

#Cenik{
	background-color: #212121;
	border-top: 8px solid #757575;
	border-bottom: 8px solid #757575;
	padding: 35px 0px 15px 0px;
	position: relative;
	margin-bottom: 25px;
}
#Cenik h3{
	position: absolute;
	width: 280px;
	margin-left: -140px;
	left: 50%;
	top: -41px;
	text-align: center;
	background-color: #ececec;
	padding: 10px 0px 10px 0px;
	text-transform: uppercase;
	color: #26599e;
	font-family: 'Racing Sans One', cursive;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	font-weight: normal;
}

#Cenik h3:before,
#Cenik h3:after {  content: " ";  position: absolute;}

#Cenik h3:before {  top: 50%;  left: 99%;   margin-top: -18px;  border-width: 18px;  border-style: solid;  border-color: transparent transparent transparent #ececec;}
#Cenik h3:after {  top: 50%;  right: 99%;   margin-top: -18px;  border-width: 18px;  border-style: solid;  border-color: transparent #ececec transparent transparent;}

.TabulkaPolozka{
	float: left;
	width: 18%;
	margin: 0px 1% 0px 1%;
	color: White;
	text-align: center;
}
.dny{	margin-bottom: 8px;	font-weight: bold;}
.cena{
	margin-bottom: 10px;
	font-weight: normal;
	color: #ffa800;
}
#cenikInformace{
	margin-bottom: 2px;
	font-style: italic;
	color: #d1d1d1;
}

#homeslider{	width: 100%;	height: auto;	position: relative;	margin: 0px 0px 0px 0px;	z-index: 5000;	border-top: 5px solid White;	border-bottom: 5px solid White;}

#homeslider img{	width: 100%;	height: auto;	margin: 0px;padding: 0px;}

#sderSpodniPro{	height: 75px;}

@keyframes cf1Fade {	0% {opacity: 0;}	5% {opacity: 0;filter: brightness(20%);}	10% {opacity: 1; filter: brightness(500%);}	30% {filter: brightness(100%);opacity: 1;}}
@keyframes cf2Fade {	0% {opacity: 0;}	20% {opacity: 0;filter: brightness(20%);}	30% {opacity: 1; filter: brightness(500%);}	50% {filter: brightness(100%);opacity: 1;}}
@keyframes cf3Fade {	0% {opacity: 0;}	40% {opacity: 0;filter: brightness(20%);}	50% {opacity: 1; filter: brightness(500%);}	60% {filter: brightness(100%);opacity: 1;}}
@keyframes cf4Fade {	0% {opacity: 0;}	60% {opacity: 0;filter: brightness(20%);}	70% {opacity: 1; filter: brightness(500%);}	90% {filter: brightness(100%);opacity: 1;}}

#hexagony {	position: absolute;	bottom: -95px;	width: 100%;	height: 190px;	left: 0%;	z-index: 10000;}

.hexagon{	width: 165px;	height: 190px;	position: absolute;	background: transparent url(../img/hexagon2.png) no-repeat;	z-index: 10000;	margin-left: -82px;	text-align: center;	animation-duration: 3s;}

#hexa1 {	top: 0px;	left: 25%;animation-name: cf1Fade;}
#hexa2 {	top: 0px;	left: 40%;animation-name: cf2Fade;}
#hexa3 {	top: 0px;	left: 55%;animation-name: cf3Fade;}
#hexa4 {	top: 0px;	left: 70%;animation-name: cf4Fade;}


.hexapsanfi{	padding-top: 68px;	padding-bottom: 8px;}
.hexapsanfisolo{	padding-top: 60px;	padding-bottom: 8px;}

.f12{	font-size: 1.2em;}
.fbig{	font-size: 1.7em;}

@media only screen and (max-width: 1024px) {
	#topstranky{		height: 55px;}
	#kontaTel{		top: 15px;	right: 20px;	font-size: 1.35em;}
	
#hlavniSlogan h1{
	position: absolute;
	width: 54%;
	margin-left: -27%;
	top: -19px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	font-size: 1.5em;}
	#hlavniSlogan h1:before {   left: 99.1%; margin-top: -21px;  border-width: 21px;  }
	#hlavniSlogan h1:after {  right: 99.1%; margin-top: -21px;  border-width: 21px; }

	#popisVozu{	font-size: 1em;		top: 20px;		padding: 6px 0px 6px 0px;	width: 270px;	margin-left: -135px;}


	#sderSpodniPro{	height: 60px;}
	
	#DoplnkovaSluzba{	bottom: 70px;	width: 300px;	margin-left: 0%;		font-size: 1.4em;		}

	.hexapsanfi{	padding-top: 44px;	padding-bottom: 7px;}
	.hexapsanfisolo{	padding-top: 42px;	padding-bottom: 7px;}
	.f12{	font-size: .85em;}
	.fbig{	font-size: 1.2em;}
	
	#hexagony {	bottom: -67px;	width: 100%;	height: 133px;	}
	.hexagon{	width: 116px;	height: 133px; margin-left: -58px;background-size: 100% 100%;}
	#hexa1 {	top: 0px;	left: 15%;}
	#hexa2 {	top: 0px;	left: 37.5%;}
	#hexa3 {	top: 0px;	left: 62.5%;}
	#hexa4 {	top: 0px;	left: 85%;}
}

@media only screen and (max-width: 768px) {
	#topstranky{		height: 35px;}
	#kontaTel{		top: 10px;	right: 10px;	font-size: .9em;}
	
#hlavniSlogan h1{
	position: absolute;
	width: 270px;
	margin-left: -135px;
	top: -8px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	font-size: 1em;}
	#hlavniSlogan h1:before {   left: 99.1%; margin-top: -16px;  border-width: 16px;  }
	#hlavniSlogan h1:after {  right: 99.1%; margin-top: -16px;  border-width: 16px; }
	
	#popisVozu{display: none;	font-size: .7em;	top: auto;	bottom: 50px;	padding: 4px 0px 4px 0px;	width: 186px;	margin-left: -93px;	}
	
	#sderSpodniPro{	height: 35px;}
	
	#DoplnkovaSluzba{	display: none;bottom: 30px;	width: 140px;	margin-left: 0%;		font-size: .7em;		}
	
	.hexapsanfi{	padding-top: 31px;	padding-bottom: 6px;}
	.hexapsanfisolo{	padding-top: 30px;	padding-bottom: 6px;}
	.f12{	font-size: .65em;}
	.fbig{	font-size: .9em;}
	
	#hexagony {	bottom: -47px;	width: 100%;	height: 95px;	}
	.hexagon{	width: 82px;	height: 95px; margin-left: -41px;background-size: 100% 100%;}

	#informacekVozu{	float: none;	width: 96%;	margin: 0px 2% 0px 2%;}
	#vybavaVozu{	float:  none;	width: 96%;	margin: 0px 2% 0px 2%;}
}
@media only screen and (max-width: 520px) {
	#topstranky{		height: 45px;}
	#kontaTel{		top: 12px;	right: 10px;	font-size: .9em;}
}

.sblok{	display: block;}
.vystred{	text-align: center;}



.modrehr{	height: 6px;	background-color: #4c5d84;}

.fwhite{	color: White;}
.bold{	font-weight: bold;}

.bloktlacitka{padding-top: 10px;	margin-bottom: 30px;}
a.talcitkoObjednat{
	
	text-decoration: none;
	background-color: #183461;
	color: White;
	width: 270px;
	text-align: center;
	margin: 2px auto 2px auto;
	padding: 10px 15px 10px 15px;
	cursor: pointer;
	font-size: 1.1em;
}
a.talcitkoObjednat:hover{	background-color: #c61342;	color: White;}


.tshad1bla{	text-shadow: 2px 2px #000000;}

.cleaner {clear: both; visibility: hidden;}

.r6{	border-radius: 6px 6px 6px 6px;	-moz-border-radius: 6px 6px 6px 6px;	-webkit-border-radius: 6px 6px 6px 6px;}
.bsha8{
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}