@charset "utf-8";
/* CSS Document */

/* obecné */
.tok {
	width: 100%;
}
img {
    max-width: 100%;
}
header {
    width: 90%;
    text-align: center;
    padding: 0 5% 0 5%;
}
header #logo {
    margin: 35px 0 0 0;
    display:  inline-block;
    max-width: 250px;
}
header .tel a {
    background: url(imgs/tel-ico.png) no-repeat left;
    padding: 0 0 0 35px;
    min-height: 27px;
    line-height:  27px;
    display: inline-block;
}
header .skype a {
    background: url(imgs/skype-ico.png) no-repeat left;
    padding: 0 0 0 35px;
    height: 27px;
    line-height:  27px;
    display: inline-block;
    margin: 10px 0 10px  0;
}
header .skype, header .tel {
    display:  inline-block;
    margin: 0 15px 0 15px;
}
#nav
    {
        position: relative;
}
#nav:not( :target ) a:first-of-type,
#nav:target a:last-of-type {
            display: block;
}
 
/* first level */
 
#nav ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
}
#nav:target ul {
        display: block;
}
#nav > ul > li {
        width: 100%;
        float: none;
}
 
/* second level */
 
#nav li ul {
    position: static;
}
nav {
    background:  url(imgs/bg-menu.jpg) repeat-x;
    min-height: 54px;
    width:  90%;
    padding: 10px 5% 0 5%;
    margin: 25px 0 0 0;
}
.nav-tools {
    background: url(imgs/menu.jpg) no-repeat;
    min-width: 45px;
    height:  40px;
    display:  inline-block;
    font-size:  20px;
    font-weight: 600;
    padding:  0 0 0 50px;
    line-height: 40px;
    color:  #fff;
    text-decoration:  none;
}
#hide-nav{
    display: none;
}
#show-nav {
    display:  none;
}

/* tělo menu */
nav ul {
    width: auto;
    display: block;
    padding: 2% 5% 5% 5%;
    list-style: none;
    margin: 10px 0 0 0;
    background: #008fd5 url(imgs/bg-menu.jpg) repeat-x bottom;
    position: relative;
    z-index: 100;
}
nav ul ul {
    padding: 0;
    list-style: none;
    margin: 0;
    background: #008fd5;
}
nav ul a span {
    color:  #fff;
}
nav ul img {
    display: none;
}
nav ul a {
    color: #fff;
    text-decoration: none;
    line-height:  40px;
    height: 40px;
    display: block;
    border-bottom: 1px solid  #4cb5e9;
    padding: 0 0 0 20px;
}
nav ul li:first-child a {
    border-top: 1px solid  #4cb5e9;
}
nav ul ul li:first-child a {
    border-top: 0px solid  #4cb5e9;
}
nav li {
    display:  block;
}
nav li li a {
    padding: 0 0 0 45px;
}
nav li a:hover {
    background: #4cb5e9;
}

/* slider */
#slider li { 
    list-style: none;
    height: 300px;
}
/* stickers */
#slider .stin-zelena a {
    background: url(imgs/slider-top-norepeat.jpg);
    background-size: 100%;
    padding: 15px;
    display: inline-block;
    font-size: 120%;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin: 80px 0 0 0;
    max-width: 380px;
    width: calc(100% - 30px);
    display:  inline-block;
}
#slider .btn {
    background: #008fd5;
    padding: 10px 15px 10px 15px;
    display: inline-block;
    font-size: 100%;
    color: #fff;
    text-decoration: none;
    font-weight: auto;
    text-decoration:  underline;
    margin: 15px 0 0 0;
    max-width: 380px;
    width: calc(100% - 30px);
    display:  inline-block;
}
#content {
    padding: 15px 0 0 0;
}

/* page-menu */
#content section.page-menu ul li {
    display: inline-block;
    margin-right: -5px;
}

/* jen mobily úprava */
@media only screen and (max-device-width: 480px) {
    header .contacts {
        display: none;
    }
#nav {
    height: 45px;
    background-position: bottom;
    padding: 3px 15px 4px 15px;
    margin: 20px 0 0 0;
    width: calc(100% - 30px)
}
.nav-tools {
    background: url(imgs/menu.jpg) no-repeat;
    min-width: 45px;
    height:  40px;
    display:  inline-block;
    font-size:  20px;
    font-weight: 600;
    padding:  0 0 0 50px;
    line-height: 40px;
    color:  #fff;
    text-decoration:  none;
    margin: 6px 0 0 0;
}
    nav ul {
        margin: 4px 0 0 0;
    }
}