html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html 
{ 
height: 100%; /* ??? 101% */
}
/* body { font-family: Arial, Tahoma, sans-serif; font-size: 62.5%; line-height: 1; background: #131313; }  */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

/* p { font-size: 1.2em; line-height: 1.35em; color: #343434; margin-bottom: 15px; } */

/* custom font used in header text */

/* ios slider details */
.fluidHeight {
	position: absolute;
	width: 100%;
	height: 700px;  /* 400px -- zde je výška objektu č. pozadí */
	padding: 0; /* 4% 0 4% 0;  */
	margin-top: 0;	/* 35px;  */
	overflow:hidden; /* obezlička aby to nebylo větší */
}

.sliderContainer {
	height: 100%;
	max-height: 100%; /* 400px; */
	padding: 0 0;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 700px;	/* 400px	*/
}

.iosSlider .slider { width: 100%; height: 100%; }

/* .iosSlider .slider .item { width: 100%; height: 100%; padding: 5px 0 5px 0; }  */
.iosSlider .slider .item { width: 100%; height: 100%; padding: 0; }


.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 1024px;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner .text1 {
	background: none repeat scroll 0 0 #000;
  opacity: 0;
/*  filter: alpha(opacity=0);  */
  position: absolute;
/*  right: 150px; */
  top: 400px;
  margin:auto;
  padding: 5px 2px 0 7px;
}


.iosSlider .slider .item .inner .text1 span { color: #fff; font: 55px/70px Helvetica; padding: 0 8px; }
 /* { color: #fff; font: 55px/70px Norican; padding: 0 8px; }  */

.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #000;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 5px 7px 7px;
  position: absolute;
/*  right: 150px; */
  top: 400px;
  align-content:center;
 
/*  right: 0;
  top: 100px;  */
}

.iosSlider .slider .item .inner .text2 span { color: #fff; font: 40px/50px Helvetica; }

.iosSlider .slider .item1 .inner { background-image: url('drinky/01.jpg'); }
.iosSlider .slider .item2 .inner { background-image: url('drinky/02.jpg'); }
.iosSlider .slider .item3 .inner { background-image: url('drinky/03.jpg'); }
.iosSlider .slider .item4 .inner { background-image: url('drinky/04.jpg'); }
.iosSlider .slider .item5 .inner { background-image: url('drinky/05.jpg'); }
.iosSlider .slider .item6 .inner { background-image: url('drinky/06.jpg'); }
.iosSlider .slider .item7 .inner { background-image: url('drinky/07.jpg'); }
.iosSlider .slider .item8 .inner { background-image: url('drinky/08.jpg'); }
.iosSlider .slider .item9 .inner { background-image: url('drinky/09.jpg'); }
.iosSlider .slider .item10 .inner { background-image: url('drinky/10.jpg'); }
.iosSlider .slider .item11 .inner { background-image: url('drinky/11.jpg'); }
.iosSlider .slider .item12 .inner { background-image: url('drinky/12.jpg'); }
.iosSlider .slider .item13 .inner { background-image: url('drinky/13.jpg'); }
.iosSlider .slider .item14 .inner { background-image: url('drinky/14.jpg'); }
.iosSlider .slider .item15 .inner { background-image: url('drinky/15.jpg'); }
.iosSlider .slider .item16 .inner { background-image: url('drinky/16.jpg'); }
.iosSlider .slider .item17 .inner { background-image: url('drinky/17.jpg'); }
.iosSlider .slider .item18 .inner { background-image: url('drinky/18.jpg'); }
.iosSlider .slider .item19 .inner { background-image: url('drinky/19.jpg'); }
.iosSlider .slider .item20 .inner { background-image: url('drinky/20.jpg'); }
.iosSlider .slider .item21 .inner { background-image: url('drinky/21.jpg'); }
.iosSlider .slider .item22 .inner { background-image: url('drinky/22.jpg'); }
.iosSlider .slider .item23 .inner { background-image: url('drinky/23.jpg'); }
.iosSlider .slider .item24 .inner { background-image: url('drinky/24.jpg'); }
.iosSlider .slider .item25 .inner { background-image: url('drinky/25.jpg'); }
.iosSlider .slider .item26 .inner { background-image: url('drinky/26.jpg'); }
.iosSlider .slider .item27 .inner { background-image: url('drinky/27.jpg'); }
.iosSlider .slider .item28 .inner { background-image: url('drinky/28.jpg'); }
.iosSlider .slider .item29 .inner { background-image: url('drinky/29.jpg'); }



.sliderContainer .slideSelectors {
	position: relative;
	bottom: 20px;
	left: 0;
  width: 92%;
  margin: 0 4%;
	z-index: 1;
	height: 10px;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #000;
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.sliderContainer .slideSelectors .selected {
	background: #000;
	opacity: 1;
	filter: alpha(opacity=100);
}


@media screen and (max-width: 1105px) {
/*	.iosSlider .slider .item .inner {	width: 92%;	margin: 0 4%; background-position: 80% 0; }  */
	.iosSlider .slider .item .inner {	width: 100%;	margin: 0; }
	.sliderContainer .slideSelectors {	width: 92%;	margin: 0 4%; }
	
}

/*
@media screen and (max-width: 640px) {
	.iosSlider .slider .item .inner .text1 { position: absolute; right: 0px; top: 30px; padding: 5px 2px 0 7px; }
	.iosSlider .slider .item .inner .text1 span { font: 20px/25px "Ubuntu"; padding: 0 3px; }
/*	.iosSlider .slider .item .inner .text2 { top: 100px; }
	.iosSlider .slider .item .inner .text2 span { font: 10px/15px "Ubuntu",Helvetica,Arial,sans-serif; }  */
/*
}