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% */
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
}
/* 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: 450px;  /* 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ší */
/*	background: #363739 url('images/container-bg.jpg') repeat 50% 0;  */
/*	box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;  */
}

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

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 450px;	/* 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 #312B86;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner .text1 {
	background: none repeat scroll 0 0 #312B86;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 350px;
  padding: 5px 2px 0 7px;
}

.iosSlider .slider .item .inner .text1 span { color: #86CEF5; font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 55px; padding: 0 8px; }
 /* { color: #fff; font: 55px/70px Norican; padding: 0 8px; }  */

.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #312B86;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 5px 7px 7px;
  position: absolute;
  right: 0;
  top: 100px;
}

.iosSlider .slider .item .inner .text2 span { color: #312B86; font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 16px; }

.iosSlider .slider .item1 .inner { background-image: url('img/1.jpg'); }
.iosSlider .slider .item2 .inner { background-image: url('img/2.jpg'); }
.iosSlider .slider .item3 .inner { background-image: url('img/3.jpg'); }
.iosSlider .slider .item4 .inner { background-image: url('img/4.jpg'); }
.iosSlider .slider .item5 .inner { background-image: url('img/5.jpg'); }

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

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #312B86;
	background: #86CEF5;
	margin: 0 0 0 10px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.sliderContainer .slideSelectors .selected {
	background: #86CEF5;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.iosSlider .slider .item .inner .text1 { position: absolute; width: 300px; left: 0px; bottom: 40px; height: 40px; padding: 5px ; }


@media screen and (max-width: 1105px) {
/*	.iosSlider .slider .item .inner {	width: 92%;	margin: 0 4%; background-position: 80% 0; }  */
	.iosSlider .slider .item .inner .text1 { position: absolute; width: 300px; left: 0px; bottom: 40px; height: 40px; padding: 5px ; }
	.iosSlider .slider .item .inner {	width: 100%;	margin: 0; }
	.sliderContainer .slideSelectors {	width: 92%;	margin: 0 4%; }
	
}

@media screen and (max-width: 768px) {
	.iosSlider .slider .item .inner .text1 { position: absolute; width: 300px; left: 0px; bottom: 40px; height: 40px; padding: 5px ; }
	.iosSlider .slider .item .inner .text1 span { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 40px; padding: 0 4px; text-align: center;}
	.iosSlider .slider .item .inner .text2 { top: 85px; }
	.iosSlider .slider .item .inner .text2 span { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 12px; }
}

@media screen and (max-width: 640px) {
	.iosSlider .slider .item .inner .text1 { position: absolute; width: 300px; left: 0px; bottom: 40px; height: 40px; padding: 5px ; }
	.iosSlider .slider .item .inner .text1 span { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 15px; padding: 0 4px; text-align: center;}
	.iosSlider .slider .item .inner .text2 { top: 100px; }
	.iosSlider .slider .item .inner .text2 span { font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 13px; }

}