/* =================HTML5 display definitions ================================= */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

[hidden] {
    display: none;
}

/*********************************Base*************************************/
html {
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
font-size: 75%;
line-height: 1.5em;
}

body {
margin: 0;
padding: 0;
}

h1 {
font-size: 1.5em;
line-height: 1.5em;
text-align:center;
color:blue;
}

p {
margin: 1em 0;
text-align: justify;
}

p a{
color:#008d3a;
text-decoration:none;
}

.img-border {
	padding:11px;
	background:url(../images/gallery/img-border.png) 0 0 no-repeat;
}

/*********************************Blocks*************************************/
header {
max-width:1000px;
margin:10px auto;
height: 50px;
}

.logo {
width:50%;
min-width:250px;
}

.logo img {
    margin-left: 20px;
}

.cont {
font-size:17px;
color:blue;
width:50%;
min-width:250px;
text-align: right;
}

.col {
    width: 222px;
    margin-right: 5px;
    float: left;
}

.gal {
    width: 222px;
    margin-right: 5px;
    float: left;
}

/*********************************content*************************************/
#main {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 10px;
}
 
  
#content {
padding: 0 10px;
box-sizing:border-box;
}

#navigation-block {
    border: 1px solid #7dba14;
    border-radius: 10px;
    overflow: hidden;
}
ul#sliding-navigation {
    font-size: 1em;
    list-style: outside none none;
    padding: 7px;
}
ul#sliding-navigation li.sliding-element h3, ul#sliding-navigation li.sliding-element a {
    display: block;
    margin: 0 0 5px;
    padding: 5px 15px;
}
ul#sliding-navigation li.sliding-element a {
    border-bottom: 1px dotted #7dba14;
    color: #000000;
    text-decoration: none;
}
ul#sliding-navigation li.sliding-element a:hover {
    color: #7dba14;
}
.breadcrumb {
    color: #7dba14;
    font-size: 10px;
}
.breadcrumb a {
    color: #7dba14;
    text-decoration: none;
}

footer {
width:100%; 
text-align:center;
clear:both;
}

/*********************************responsive*************************************/

@media all and (min-width: 480px) {


}

@media all and (min-width: 481px) and (max-width: 959px) {

.logo, .cont {
float:left;
}

#content {
    width: 100%;
  }

}

@media all and (min-width: 960px) {

.logo, .cont {
float:left;
}

#content {
width: 100%;
  }


  }
  
  #znak {
    position: absolute;
    top: 200px;
    left: 50px;
}

  #flag{
    position: absolute;
    top: 200px;
    right: 7px;
}