/* --------------------------------------
   Layout
   -------------------------------------- */
.flag {
  padding: 5px;
}

#footerInpMessage, #recaptcha  {
	margin-bottom: 15px;
}

/*
html, body {
    background: url("../img/prkno.jpg"); 
    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    min-height:100%;
    background-repeat: repeat-y;
} */

/* --------------------------------------
   Typography
   -------------------------------------- */


/* --------------------------------------
   Navbar
   -------------------------------------- */
.logo-handler {
  position: absolute;
  top: 10px;  
} 

.dropdown-menu > li, .navbar-nav > li {
  /* velikost se nastavuje v závislosti na zobrazení, zde barvy... */
}   

/* --------------------------------------
   Carousel
   -------------------------------------- */
#myCarousel {
	/*margin-top: 120px; */
  margin-bottom: 25px;
  width: 100%;
}


.carousel-caption {
	font-size: 24px;
}

.carousel-caption h4 {
	font-size: 32px;
}

/* --------------------------------------
   Papers
   -------------------------------------- */
.papers,.papers:before,.papers:after {
	
}
.papers {
    background: url(../img/pergamen.png);
    background-size: 100% 100%;
    position: relative;
    width: 90%;
    padding: 5rem;
}

.pappers-small {
    padding: 3rem;
}

.price-item .list-group-item {
    background: transparent;
}

.pappers-large {
    padding: 4rem;
}
.pappers-xl{
    padding:12rem;
}

.pappers-larg{
    padding:8rem;
}

.papers h1 {
	font-size:1.8em;
	font-weight:normal;
	text-align:center;
	padding:0.2em 0;
	margin:0;
	border-top:1px solid #ddd;
	border-bottom:2px solid #ddd;
}
.papers p {
	text-align:left;
	margin:1.5em 0;
}
.papers img {
	max-width:100%;
	margin-bottom: 5px;
}

.row-with-papers {
  padding-bottom: 25px;
}

.my-thumbnail:hover .caption .btn {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.my-thumbnail:hover img {
  transform: scale(1.1);
}

.gallery-pic:hover img {
	/*opacity:0.8; */
  transform: scale(1.1);
}

/* --------------------------------------
   Price
   -------------------------------------- */

.price {
  font-size: 4em;
}
 
.price-cents {
  vertical-align: super;
  font-size: 50%;
}
 
.price-month {
  font-size: 35%;
  font-style: italic;
}

.panel {
-webkit-transition-property : scale; 
-webkit-transition-duration : 0.2s; 
-webkit-transition-timing-function : ease-in-out; 
-moz-transition : all 0.2s ease-in-out;  
}

.panel:hover .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel:hover .list-group .list-group-item .btn {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
 
.panel:hover {
box-shadow: 0 0 10px rgba(0,0,0,.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}

.price-item {
  font-size: 1.3em;
}

.scroll-top-wrapper {
  position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 75px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-inner a:hover,
.scroll-top-inner a {
  color: white;
}

.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    body {
      /*background-color: lightblue;*/
    }
    
   .logo {
    border: solid;
    width: 75px;
  }
  
  #myCarousel .item { height: 373px; }

	#slide1 {
		/*background: url('../img/slide-1-zima-small.jpg') top center no-repeat;*/
        background: url('../img/slide-1-small.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../img/slide-2-small.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../img/slide-3-small.jpg') top center no-repeat;
	}
	
	#slide4 {
		background: url('../img/slide-4-small.jpg') top center no-repeat;
	}

	#slide5 {
		background: url('../img/slide-5-small.jpg') top center no-repeat;
	}

	#slide6 {
		background: url('../img/slide-6-small.jpg') top center no-repeat;
	}

	#slide7 {
		background: url('../img/slide-7-small.jpg') top center no-repeat;
	}

  .cust-nav {
    padding-left: 25px;
  } 	

  .dropdown-menu > li, .navbar-nav > li {
    font-size: 14px;
  }   
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    body {
      /*background-color: blue;*/
    }

  .dropdown-menu > li, .navbar-nav > li {
    font-size: 15px;
 }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    body {
      /*background-color: lightgreen;*/
    }
           
  .logo {
    border: solid;
    width: 100px;
  }
           
  .cust-nav {
    padding-left: 105px;
  }  

  .dropdown-menu > li, .navbar-nav > li {
    font-size: 16px;
 }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    body {
      /*background-color: yellow;*/
    }

  #myCarousel .item { height: 482px; }

	#slide1 {
		/*background: url('../img/slide-1-zima-medium.jpg') top center no-repeat;*/
		background: url('../img/slide-1-medium.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../img/slide-2-medium.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../img/slide-3-medium.jpg') top center no-repeat;
	}
	
	#slide4 {
		background: url('../img/slide-4-medium.jpg') top center no-repeat;
	}

	#slide5 {
		background: url('../img/slide-5-medium.jpg') top center no-repeat;
	}
	
	#slide6 {
		background: url('../img/slide-6-medium.jpg') top center no-repeat;
	}

	#slide7 {
		background: url('../img/slide-7-medium.jpg') top center no-repeat;
	}

  .dropdown-menu > li, .navbar-nav > li {
    font-size: 17px;
 }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  body {
    /*background-color: red;*/
  }

	#myCarousel .item { height: 600px; }
	
	#slide1 {
		/*background: url('../img/slide-1-zima-large.jpg') top center no-repeat;*/
		background: url('../img/slide-1-large.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../img/slide-2-large.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../img/slide-3-large.jpg') top center no-repeat;
	}
	
	#slide4 {
		background: url('../img/slide-4-large.jpg') top center no-repeat;
	}

	#slide5 {
		background: url('../img/slide-5-large.jpg') top center no-repeat;
	}

 	#slide6 {
		background: url('../img/slide-6-large.jpg') top center no-repeat;
	}

	#slide7 {
		background: url('../img/slide-7-large.jpg') top center no-repeat;
	}

  .dropdown-menu > li, .navbar-nav > li {
    font-size: 18px;
  }   

}