body {
	background-color: #ffffff;
  background-image: url('../design/layout/bg-site.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
	padding: 50px 0 0 0; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #111111;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}


form {
	padding: 0px;
	margin: 0px;
}

img {
	border-color: #741d15;
}

a {
	color: #e3408b;
	font-weight: normal;
	text-decoration: none;
}

a:hover, a:focus {
	color: #55a823;
	text-decoration: underline;
}

p, td, li {
  line-height: 1.6em;
}

p, table, hr {
  margin-bottom: 1.6em;
}
/*
p:last-child, table:last-child, hr:last-child {
  margin-bottom: 0;
}
*/

b, strong {
  font-weight: bold;
}

h1 {margin: 0 0 1em 0; line-height: auto; font-size: 30px; color: #2f7745; font-weight: 500; padding: 0 0 0 0;}
h2 {margin: 0 0 1em 0; line-height: auto; font-size: 24px; color: #55a823; font-weight: 500; padding: 0 0 0 0;}
h3 {margin: 0 0 1em 0; line-height: auto; font-size: 22px; color: #337d4e; font-weight: 500; font-style: normal; padding: 0 0 0 0;}
h4 {margin: 0 0 0.5em 0; font-size: 19px;  color: #e3408b; font-weight: 500; line-height: auto; padding: 0 0 0 0;}
h5 {margin: 0 0 0.5em 0; font-size: 19px; font-weight: 500; font-style: normal; line-height: auto; padding: 0 0 0 0;}
    
.home h2 {margin: 0 0 1em 0; line-height: auto; font-size: 30px; color: #2f7745; font-weight: normal; padding: 0 0 0 0;}
h2.alert { margin: 10px; color: #cc0000; }

h1, h2, h3, h4, h5, h6 { font-family: 'Dosis', sans-serif; text-transform: lowercase;}

.px13 {
	font-size: 13px;
}
.px12 {
	font-size: 12px;
}
.px11 {
	font-size: 11px;
}
.px10 {
	font-size: 10px;
}
.px9 {
	font-size: 9px;
}
.px8 {
	font-size: 8px;
}
.red {
	color: #cc0000;
}


/* body */

.levy {
	float: left;
	margin-right: 10px;
}
.pravy {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
#myCarousel .right, #myCarousel .left{
	float: none;
}

.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
.t-center {
	text-align: center;
}

.nomargin {margin: 0 0 0 0 !important;}

.cistic {clear:both; height: 1px; line-height: 1px;}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    overflow: hidden;
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.poznamka {
	font-size: 9px;
}

.highligted {
	color: #f89622;
}

hr {
	line-height: 1px; 
  border: none;
  
  margin: 50px 0;
  height: 1px;
  background-image: -webkit-gradient(radial, 0 0, 100% 0, from(rgba(183,177,171,255)), to(rgba(183,177,171,0)));
  background-image: -webkit-radial-gradient(circle, rgba(183,177,171,255), rgba(183,177,171,0));
  background-image: -moz-radial-gradient(circle, rgba(183,177,171,255), rgba(183,177,171,0));
  background-image: -o-radial-gradient(circle, rgba(183,177,171,255), rgba(183,177,171,0));
  background-image: radial-gradient(circle, rgba(183,177,171,255), rgba(183,177,171,0));
}

.topindex {
	vertical-align: super;
	font-size: 0.5em;
}

.underline {
	text-decoration: underline;
}

/* layout */
#site {
  width: 970px;
  background: #ffffff url('../design/layout/bg_site.jpg') right top no-repeat;
  margin: 0 auto;
}

/* hlavicka */

/* /hlavicka */


/* obsah */

.obsah {
  padding-top: 15px;
  padding-bottom: 15px;
  /* padding ze stran je v bootstrap .containeru */
  margin-top: 50px;
  margin-bottom: 50px;  
}

.obsah ul {list-style: circle; margin: 0 0 3em 2em;}
.obsah ul.plain {list-style: none; margin: 0 0 1.6em 0;}
.obsah ol {list-style: decimal; margin: 0 0 1.6em 1.6em;}
.obsah ol ol {list-style: lower-alpha;}
.obsah table{
  width: 100%;
  vertical-align: top;
}
  /* last two td of table */
  #denni-menu table tr td:nth-last-child(-n+2), .obsah table tr td:nth-last-child(-n+2){
    white-space: nowrap;
    padding-left: 10px;
  }
  /* first td of table (fixing nowrap if colapsed) */
  #denni-menu table tr td:first-child, .obsah table tr td:first-child{
    white-space: normal;
    padding-left: 0;
  }

.obsah img {}

.obsah.home {
  background: transparent url('../design/layout/bg-box.png?v=1.001') left top repeat; 
}
.home .clanek .pad {
  background: none; 
}
footer .clanek .pad, footer .obsah {
  background: none;
  padding: 0;
  margin: 0; 
}

#ico-facebook{
  position: absolute;
  right: 10px;
  bottom: -32px;
  width: 72px;
  height: 72px;
  background: transparent url('../design/layout/facebook.png') left top no-repeat;
  background-size: contain;
  z-index: 1000;
}
#ico-facebook:hover{
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#denni-menu .group{
  overflow: visible;
}
#denni-menu table{
  margin: -15px 0 -15px 0;
  color: #fff;
  background: #55a823;
  border: 15px solid #55a823;
  border-collapse: unset;
  border-radius: 10px;
}
#denni-menu table td{
  padding: 0;
}

.box-divider {
  margin: 50px 0;
  height: 60px;
  background: transparent url('../design/layout/bg-box-divider.png') center top no-repeat;
}
/* /obsah */


/* foot */
#footer-navi {
  min-width: 100%;
  background: #113c1e;
  padding: 35px 0;
}
  #footer-navi p {
    margin-bottom: 1.4em;
    line-height: 1.4em;
  }
  #footer-navi h2 {
    margin-bottom: 0.5em;
  }
  #navi {
    max-width: 960px;
    background: #113c1e;
    font-size: 0;
    margin: 0 auto;
    padding: 0 10px;
    /* flexbox */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* /flexbox */ 
  }
  #navi li, #navi a , #navi li a {
      font-weight: normal;
      font-size: 13px;
      line-height: 1.4em;
      color: #ffffff;
    }
    
    #navi a , #navi li a {
      color: #ae9e83;
      font-weight: normal;
    }
    #navi h2 {
      font-size: 18px;
      color: #ffffff;
      font-weight: bold;
    }
    
    #navi a:hover , #navi li a:hover {
      text-decoration: underline;
    }
    #navi li {
      width: 25%;
      text-align: left;
      /* flexbox */
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /* /flexbox */
    }
    #navi li:nth-of-type(2) {
      width: 50%;
      border: 1px solid #7c7c7c;
      border-style: dotted;
      border-bottom: none;
      border-top: none;
      margin: 0 -1px;
      align-items: center;      
    }
    #navi li:nth-of-type(2) img {
      width: 68%;
      height: auto;
    }
    #navi li:nth-of-type(3) {
      text-align: right;
    }
    
    #navi li .obsah {
      padding: 0 15px;
      width: 100%;
    }
    #navi li:nth-of-type(1) .obsah {
      padding-left: 0;
    }
    #navi li:nth-of-type(3) .obsah {
      padding-right: 0;
    }
    #navi li .obsah p:last-child, #navi li .obsah table:last-child, #navi li .obsah ul:last-child, #navi li .obsah ol:last-child {
      margin: 0;
    }
    #navi li .obsah img {
    }
    
    #navi li .obsah a#eshop{ 
      display: block;
      width: 93px;
      height: 85px;
      background-color: transparent;
      background-image: url('../design/layout/eshop.png');
      background-position: 0 0;
      background-repeat: no-repeat;
      margin: 20px auto 20px auto;
    }


#footer {
  width: 100%;
  background: #fff;
}
  #foot {
    max-width: 960px;
    font-size: 0;
    margin: 0 auto;
    padding: 20px 15px;
  }
    #foot li, #foot a , #foot li a {
      display: inline-block;
      /* IE 7 hack */
      *display: inline;
      zoom: 1;
      /* //IE 7 hack */ 
      font-weight: normal;
      font-size: 11px;
      line-height: 1.4em;
      color: #414141;
      vertical-align: top;
    }
    
    #foot a , #foot li a {
    }
    
    #foot a:hover , #foot li a:hover {
      color: #000;
      text-decoration: underline;
    }
    #foot #copyright {
        width: 33.33%;
        text-align: left;
      }
    #foot #partners {
      width: 33.34%;
      text-align: center;
      }
      #foot #partners li {
        line-height: 13px;
      }
    #foot #developer {
      width: 33.33%;
      text-align: right;
    }
    
    #partners ul li{
        display: inline-block;
        /* IE 7 hack */
        *display: inline;
        zoom: 1;
        /* //IE 7 hack */ 
        margin: 0 0 0 0;
        vertical-align: middle;
        overflow: hidden;
      }
      #partners ul li a{
        display: block;
      }
/* /foot */

/* responsive hacks */
@media (max-width: 1120px) {
  #ico-facebook{
    bottom: -82px;
  }
}
@media (max-width: 640px) {
  #navi li {
    width: 33.33333333% !important;
  }
  #navi li:nth-of-type(2) img {
    width: 100%;
  }
}
@media (max-width: 300px) {
  
}
/* responsive hacks */

/* /layout */