body {
     background-image: url('../images/123-bg.jpg');
      background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    color:#d7d7d7;
    padding-top: 70px;
margin-bottom: 170px;
height: 100%;
}
html {
position: relative;
  min-height: 100%;
}
h1 {
	color:#fff;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
border-top:1px solid #333333;
}
#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

html.js .jshidden {
	display: none;
}

.header {
    
  
    
    
    
   
}
.header img {
float: left;
margin-left: 86px;
width: 78px;
height: 78px;
margin-top: -16px;
}
.row-nav {
	background: #fff;
}
.navbar-wrapper {
 margin-top:8px;
 margin-bottom:8px;
 background: #fff;
 }
 .navbar-inverse {
 background: rgba(0, 0, 0, .5);
 }
.navbar-wrapper .navbar {
height: 30px;
min-height: 30px;
padding-left:28px;   
   
}
.navbar-wrapper .navbar > li > a {
font-weight: bold;
text-transform: uppercase;
color: #310e72;
padding: 5px 12px;
float: left;
font-size:13px;
}
.navbar-wrapper .navbar {
  
    list-style: none;
}
.navbar-wrapper .navbar > li{
   
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
background:none;
} 
.content {
	background: rgba(0, 0, 0, .5);
  border-radius:5px;
	padding-top:5px;
}
.content p {
   font-size: 16px;  
  
}
.content-mp p {
   font-size: 18px;  
  
}
.content img {
margin:5px;

}

.footer {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 170px;
margin-top:50px;
}

.homepage-wrapper img {
border-radius:4px;
box-shadow: 0 0 9px black;
}
.content-mp .center-col img {
margin:0 !important;}
.content-mp img {
margin-top:0 !important;
}
.content-mp .side-col img {
width:148px;
}
.content-mp .center-col img {
max-width:324px;
}
.content-mp {
padding-left:0 !important;
padding-right:0 !important;
min-height:50px !important;
}
.content-mp .jumbotron{
background:none;
}
.header .headerslider .item img{
    margin-top: 5px; margin-left: 4px;
}

.login > a {
       float:right;
}

.login a.btn-link {

}
.login .btn-group {
       float:right;
}
.login .dropdown-toggle {
       text-align: right;
}
.navbar.navbar-nav {
   
}
legend.nadpis-prihlaseni {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
}

#jidelnicek table thead th{
    color: #3484D2;
    font-size: 16px;
    text-align: center;
}
#jidelnicek .table{margin: 0px;}
#jidelnicek table th, #jidelnicek table td {
    border-right: 1px solid #DDDDDD;
    line-height: 30px;
}

#jidelnicek .panel-heading a.disabled{color: lightgray;}
#jidelnicek .panel-heading a.primary{color: white;}

.galerie_slozky {margin-left: 15px !important; margin-right: 15px !important; margin-top: 25px;}
.galerie_slozky a {text-decoration:none;}
.galerie_slozky > div{padding:10px;}
.galerie_slozky .galerie_slozka {background: rgba(0, 0, 0, .5);text-align: center;padding:10px;height:250px;}
.galerie_slozky div:hover{}
.galerie_slozky .galerie_name {font-size: 25px;text-decoration: none; display: block; width: 100%;}
.galerie_slozky div:hover .galerie_name{color: #fff;}

.galerie_foto > div {margin-bottom: 30px;}
.galerie_foto a.thumbnail {margin-bottom: 0px;}
.galerie_foto a.thumbnail img {float: left; width: 180px;}
.galerie_foto a.thumbnail span.foto_name {text-decoration: none; float: right; width: 50%; display: block; text-align: right; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 15px; font-weight: bold; text-transform: uppercase;}
.galerie_foto a.thumbnail span.foto_popis {text-decoration: none; color: #919191; float: right; width: 50%; display: block; text-align: left; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 14px;}


.galerie_foto a { overflow: hidden; }
.galerie_foto a img { display: block; margin: 0; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.galerie_foto a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.galerie_foto a.zoom span.overlay { position: absolute; top: 0; left: 15px; visibility: hidden; height: 100%; width: 213px; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.galerie_foto a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.galerie_foto a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.ekko-lightbox h4 {text-align: center; color: #428BCA; font-weight: bold; text-transform: uppercase;}

.fotogalerie_edit {margin-left: 40px !important;}
.fotogalerie_edit > div {text-align: center; padding: 0px !important; background: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border: 1px solid #ebedef; margin-top: 30px; margin-left: 30px;}	
.fotogalerie_edit > div:hover {border: 1px solid #428BCA; box-shadow: 0px 0px 5px #428BCA;}	
.fotogalerie_edit .folder {display: block; height: 50px; line-height: 50px; width: 100%; text-decoration: none; font-size: 19px;}

.fotogalerie_edit .edit_one {width: 100%; margin: 0px; padding: 10px !important;}
.fotogalerie_edit .edit_one:hover {border: none; box-shadow: none;}

.fotogalerie_edit .edit_one label {height: 30px; line-height: 30px; padding-right: 10px;}
.fotogalerie_edit .edit_one input {height: 30px; line-height: 30px; padding-left: 10px;}
.fotogalerie_edit .edit_one input.save_fotogalery {line-height: auto; padding: 5px 8px; height: auto;}
.fotogalerie_edit .x-button {float: right; padding-right: 10px; padding-top: 10px;}


.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;  
    padding: 4px 12px !important;
}
.image-preview-clear{padding: 4px 12px !important;}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0.7;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

.addDay .col-md-4 {text-align: right; line-height: 30px;}
.addDay .col-md-6 { margin-bottom: 5px;}

.photos input, .photos textarea{width: 100%;}
.photos div{margin-bottom: 10px;}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.jcarousel-skin-kinder { margin-top:10px; }
.jcarousel-skin-kinder ul li{background-image:none;margin:0;padding:0;}
.jcarousel-skin-kinder .jcarousel-container-horizontal{padding:0 30px;}
.jcarousel-skin-kinder .jcarousel-clip-horizontal{width:260px;    height:70px;}
.jcarousel-skin-kinder .jcarousel-item{width:80px;    height:70px;}
.jcarousel-skin-kinder .jcarousel-item-horizontal{margin-right:10px;}
.jcarousel-skin-kinder .jcarousel-next-horizontal{position:absolute;    top:0;    right:0;    width:20px;    height:60px;    cursor:pointer;    background:transparent url(/images/gallery-next.gif) no-repeat 0 0;}
.jcarousel-skin-kinder .jcarousel-prev-horizontal{position:absolute;    top:0;    left:0;    width:20px;    height:60px;    cursor:pointer;    background:transparent url(/images/gallery-prev.gif) no-repeat 0 0;}


.gallery {
    float: right;
    margin: 2.71em 0 1em 20px;
}

.gallery a.fullImage {
    line-height: 0;
    margin-bottom: 8px;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 22px;
  background-color: transparent;
  color: #FFF;
  padding: 25px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}
.hovereffect a {
   border:1px solid #fff;
   padding: 5px 10px !important;
border-radius: 4px;
}
.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 12px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.hovereffect:hover a {
   color:#fff;
}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border:none;background:none; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: visible; height: 100%; width: 100%; background-color: #000; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: hidden; opacity: 0;  }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}