/* SLIDER STYLES */
	
.slider-wrapper {position: relative; overflow: hidden; width: 98%; margin: 0 auto;}

.slider {position: relative; width: 100%; /*	height:400px; when responsive, comment this out */	margin: 0 auto;}
.background-slider {background-color: #f0f0f0;}

/* ELEMENT STYLES */

.slider1 {background: url(../../../UserFiles/Image/slider/slider1.jpg) no-repeat;}
.slider2 {background: url(../../../UserFiles/Image/slider/slider2.jpg) no-repeat;}
.slider3 {background: url(../../../UserFiles/Image/slider/slider3.jpg) no-repeat;}
.slider4 {background: url(../../../UserFiles/Image/slider/slider4.jpg) no-repeat;}
.slider5 {background: url(../../../UserFiles/Image/slider/slider5.jpg) no-repeat;}
.slider6 {background: url(../../../UserFiles/Image/slider/slider6.jpg) no-repeat;}
.slider7 {background: url(../../../UserFiles/Image/slider/slider7.jpg) no-repeat;}
.slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7 {background-size: 100%;}
.sliderpozadi {width: 66%; height: 45%; padding: 22% 2% 0 32%;}
.velke {font-size: 270%; padding: 25% 5% 0 35%;}
.stredni {font-size: 160%; padding: 25% 20px 0 35%;}
.stredni2 {font-size: 160%; padding: 25% 20px 0 35%; font-weight: bold;}
.stredni3 {font-size: 160%; padding: 25% 20px 0 35%;}
.stredni4 {font-size: 160%; padding: 25% 20px 0 35%;}
.male {font-size: 130%; padding: 25% 5% 0 35%; text-align: justify;}
.mensi {font-size: 100%; padding: 25% 5% 0 35%; text-align: justify;}
.bile {color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.bile a {color: #fff; text-decoration: none;}
.bile a:hover {text-decoration: underline; }
.sede {color: #444;}
.sede a {color: #444; text-decoration: none;}
.sede a:hover {color: #b08751;}
.cerne {color: #222;}
.zlate {color: #b08751;}

@media only screen and (max-width: 1300px) and (min-width:985px) {
  .sliderpozadi {width: 68%; height: 56%; padding: 17% 4% 0 30%;}
  .velke {font-size: 270%; padding: 20% 5% 0 33%;}
  .stredni, .stredni3, .stredni4 {font-size: 180%; padding: 21% 5% 0 33%;}
  .stredni2 {font-size: 180%; padding: 20% 20px 0 33%;}
  .male {font-size: 150%; padding: 20% 5% 0 33%;}
  .mensi {font-size: 130%; padding: 20% 5% 0 33%; text-align: justify;}
}

@media only screen and (max-width: 984px) {
  .sliderpozadi {width: 92%; height: 55%; padding: 15% 4% 0 4%;}
  .velke {font-size: 270%; padding: 18% 7% 0 7%;}
  .stredni, .stredni3, .stredni4 {font-size: 200%; padding: 20% 7% 0 7%;}
  .stredni2 {font-size: 200%; padding: 18% 7% 0 7%;}
  .male {font-size: 180%; padding: 20% 7% 0 7%;}
  .mensi {font-size: 140%; padding: 20% 7% 0 7%; text-align: justify;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  .sliderpozadi {width: 94%; height: 84%; padding: 4% 3% 0 3%;}
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7 {background: none;}
  .background-slider {min-height: 300px; background-color: #f0f0f0; overflow: visible;}
  .velke {font-size: 350%; padding: 8% 7% 0 7%;}
  .stredni, .stredni3, .stredni4 {font-size: 180%; padding: 16% 7% 0 7%;}
  .stredni2 {font-size: 180%; padding: 10% 7% 0 7%;}
  .male {font-size: 300%; padding: 15% 7% 0 7%;}
  .mensi {font-size: 200%; padding: 22% 7% 0 7%; text-align: justify;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 619px) {
  .sliderpozadi {width: 94%; height: 260%; padding: 4% 3% 0 3%;}
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7 {background: none;}
  .background-slider {min-height: 400px; background-color: #f0f0f0; overflow: visible;}
  .velke {font-size: 600%; padding: 8% 7% 0 7%; text-align: center;}
  .stredni {font-size: 520%; padding: 90% 7% 0 7%; text-align: center;}
  .stredni2 {font-size: 480%; padding: 13% 7% 0 7%;}
  .stredni3 {font-size: 520%; padding: 45% 7% 0 7%; text-align: center;}
  .stredni4 {font-size: 520%; padding: 65% 7% 0 7%; text-align: center;}
  .male {font-size: 480%; padding: 20% 7% 0 7%;}
  .mensi {font-size: 300%; padding: 48% 7% 0 7%; text-align: justify;}
}

@media only screen and (max-width: 320px) {
  .sliderpozadi {width: 94%; height: 360%; padding: 4% 3% 0 3%;}
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7 {background: none;}
  .background-slider {min-height: 400px; background-color: #f0f0f0; overflow: visible;}
  .velke {font-size: 800%; padding: 8% 5% 0 7%; text-align: center;}
  .stredni {font-size: 580%; padding: 110% 7% 0 7%;}
  .stredni2 {font-size: 520%; padding: 17% 7% 0 7%;}
  .stredni4 {font-size: 520%; padding: 80% 7% 0 7%; text-align: center;}
  .male {font-size: 540%; padding: 36% 7% 0 7%;}
  .mensi {font-size: 440%; padding: 80% 7% 0 7%; text-align: justify;}
}