@charset "UTF-8";
/* CSS Document */
body{
	background-image: url("../img/background.png");
	margin: 0;
	padding: 0;
	display: block;
	font-family: 'Open Sans', sans-serif;
	background-repeat: no-repeat;
	background-position: top center;
}
.right_box a img{ max-width:100%;}
img{ max-width:100%; border:none;}
.info a{ cursor:pointer;}
.shadow_box_relative{ background-color: rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; display:none; top:0; z-index:9999999999; overflow:scroll;}
button.closebox{ width:49px; height:49px; background-image:url("../img/krizek.png"); background-position:center; background-repeat:no-repeat; background-color:#7ace45; border-radius: 50px; border:none; position:relative; right:10px; top:10px; cursor:pointer; z-index: 9999999;float:right;}
button.closebox:hover{ background-color:#66b731;}
.documents_menu {
    position: relative;
    z-index: 9;
    max-width: 825px;
    background-color: #FFF;
    margin: 50px auto;
    padding: 20px;
	display:none;
	border-radius: 40px;
}
.jidelnicek_menu {
    position: relative;
    z-index: 9;
    max-width: 825px;
    background-color: #FFF;
    margin: 50px auto;
    padding: 20px;
	display:none;
	border-radius: 40px;
}
.jidelnicek_menu table{ max-width:450px;}
.contacts_menu {
    position: relative;
    z-index: 9;
    max-width: 825px;
    background-color: #FFF;
    margin: 50px auto;
    padding: 20px;
	display:none;
	border-radius: 40px;
}
#flip-this .back a img.zde{
	position:absolute;
	left:120px;
	top:160px;
	z-index:99999999;
	display:table;
	margin:-80px 0px 20px 0px;
	width:120px;
	text-align: center;
	}
#flip-this .back a span{
	position:absolute;
	top:225px;
	left: 120px;
}
#flip-this2 .back a span{
	position:absolute;
	top:225px;
	left: 120px;
}
#flip-this2 .back a img.zde{
	position:absolute;
	left:120px;
	top:160px;
	z-index:99999999;
	display:table;
	margin:-80px 0px 20px 0px;
	width:120px;
	text-align: center;
	}
#page{
	max-width:1200px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
}

.header{
	margin:0 auto;
	width:80%;
}
.header img{
	float:left;
}
.header h1{
	font-size:20px;
	float:none;
	color: #45607e;
	padding-top:40px;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:180px;
}
.header p{
	margin-top:0px;
	font-size:20px;
	margin-left:180px;
	color: #45607e;
	padding-top:0px;
}
.rozcestnik{ 
	width:100%;
	display:inline-block;
	margin-top:10px;
}
.rozcestnik_inwrapp{
	max-width:850px;
	margin:0 auto;
}
.item_rozcestnik{
	width:100%;
	min-width:300px;
	display:inline-block;
	text-align:center;
	float:left; 
	max-height:350px;
	margin-left:2.5%;
	margin-right:2.5%;
}
.item_rozcestnik img{
	max-width:100%;}
.item_rozcestnik h2{
	text-transform:uppercase;
	color:#FFF;
	position:relative;
	font-size:22px;
	top:-130px;
}
.kids_wrapper{
	width:95%;
	margin:0 auto;
	overflow:hidden;
	height:360px;
	text-align:center;
}
.kids_wrapper img{
	margin-right:2%;
	margin-top:30px;
}
.arrow_down{
	background-image: url("../img/bg_arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height:60px;
	text-align:center;
	position:relative;
	top:2px;
}
.arrow_down img{
	position:relative;
	top:25px;
}
.arrow_down img:hover{
	cursor:pointer;
}
.bottom_rozcestnik{
	background-color:#66B731;
	width:100%;
	text-align:center;
	overflow:hidden;
	top:-47px;
	position:relative;
}
.bottom_rozcestnik h2{
	padding:20px;
	color:#FFF;
	font-size:32px;
}
.bottom_rozcestnik .item{
	display:inline-table;
	margin-left:2%;
	margin-right:2%;
}
.bottom_rozcestnik .item h3{
	color:#FFF;
	font-size:20px;
}
.footer_rozcestnik{
	width:100%;
	position:relative;
	top:-47px;
	background-color:#528f2b;
}
.footer_rozcestnik .footer{
	max-width: 1150px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.text_prava{
	text-align:right;
	float:right;
}
@media(max-width: 840px) {
.header{
	margin:0 auto;
	width:90%;
}
.header img{
	float:left;
	max-width:100%;
}
.header h1{
	font-size:100%;
	float:none;
	color: #45607e;
	padding-top:40px;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:180px;
}
.header p{
	margin-top:5px;
	font-size:100%;
	margin-left:180px;
	color: #45607e;
	padding-top:0px;
}
}
@media(max-width: 700px) {
.item_rozcestnik{
	width:45%;
	min-width:270px;
	display:inline-block;
	text-align:center;
	float:left;
	max-height:350px;
	margin-left:2.5%;
	margin-right:2.5%;
}
.item_rozcestnik img{
	max-width:100%;}
.item_rozcestnik h2{
	text-transform:uppercase;
	color:#FFF;
	position:relative;
	font-size:100%;
	top:-90px;
}
.kids_wrapper{
	width: 95%;
	overflow: hidden;
	height: 369px;
	text-align: center;
	margin-top: 8%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.kids_wrapper img{
	margin-bottom:50px;
}
.arrow_down{
	background-image: url("../img/bg_arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	margin-top:-8%;
	height:60px;
	text-align:center;
	position:relative;
	top:-40px;
}
.footer_rozcestnik .footer{
	text-align:center;
	padding-bottom:60px;
}
.text_prava{
	text-align:center;
	float:left;
	width:100%;
	margin-top:5px;
}

}
@media(max-width: 541px) {
.kids_wrapper img{
	margin-right:2%;
	margin-top:20%;
	margin-bottom:30px;
}
.arrow_down{
	margin-top:-25px;
	top:2px;}

.bottom_rozcestnik{
	background-color:#66B731;
	width:100%;
	text-align:center;
	overflow:hidden;
	top:0px;
	position:relative;
}
}
@media(max-width: 465px) {

.header{
	width:100%;}
.header img{
	float:left;
	max-width:30%;
}
.header h1{
	font-size:100%;
	float:none;
	color: #45607e;
	padding-top:0px;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:35%;
}
.header p{
	margin-top:5px;
	font-size:12px;
	margin-left:35%;
	color: #45607e;
	padding-top:0px;
}
}
@media(max-width: 855px) {
.rozcestnik_inwrapp{
	width:100%;
	margin-left:0;
}
}
/*FLIP*/
.fix{
	width:100%;
	float:none;
	height:333px;
} 
#flip-this {
	width:100%;
	float:left;
	max-width:383px;
}
#flip-this2 {
	width:100%;
	max-width:383px; 
	float:right;
}

#flip-this img, #flip-this2 img  {
	width:100%;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
}
#flip-this .back img, #flip-this2 .back img{
    width:100%;
	position:relative;
	right:17px;
	top:1px;
}

@media(max-width: 820px) {
	#flip-this {
	width:100%;
	float:left;
	max-width:45%;
}
#flip-this2 {
	width:100%;
	max-width:45%;
	float:right;
}

#flip-this img, #flip-this2 img  {
	width:100%;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
}
#flip-this .back img, #flip-this2 .back img{
    width:100%;
	position:relative;
	right:15px;
	top:1px;
}
}
@media(max-width: 700px) {
	#flip-this {
	width:100%;
	float:left;
	max-width:270px;
}
#flip-this2 {
	width:100%;
	max-width:270px;
	float:right;
}
 
#flip-this img, #flip-this2 img  {
	width:100%;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 169px;
    left: -1px;
}
#flip-this .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:65px;}
#flip-this .back a span{ top:170px; left:65px;}
#flip-this2 .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:65px;}
#flip-this2 .back a span{ top:170px; left:65px;}
#flip-this .back a{ 
	top:-170px;}
#flip-this2 .back a{ 
	top:-170px;}
}

@media(max-width: 572px) {
#flip-this {
	float:none;
}
.rozcestnik_inwrapp{
	width:50%;
	margin-left:25%;
	height:350px;
}
#flip-this2 {
	float:none;
	position:relative;
	top:280px;
}
.fix{
	height:450px;}

#flip-this img, #flip-this2 img  {
	width:100%;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
}
#flip-this .back img, #flip-this2 .back img{
    width:100%;
	position:relative;
	right:12px;
	top:1px;
}	
.kids_wrapper{
		display:none;
	} 
}
@media(max-width: 561px) {
#flip-this {
	float:none;
	width:250px;
}
.rozcestnik_inwrapp{
	width:250px;
	margin:0 auto;
	height:260px;

}
#flip-this2 {
	float:none;
	width:250px;
	position:relative;
	top:280px;
}
.fix{
	height:450px;}

#flip-this img, #flip-this2 img  {
	width:100%;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
}
#flip-this .back img, #flip-this2 .back img{
    width:100%;
	position:relative;
	right:0px;
	top:10px;
}	
.kids_wrapper{
		display:none;
	}
#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 190px;
    left: 7px;
}
#flip-this .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:85px;}
#flip-this .back a span{ top:170px; left:85px;}
#flip-this2 .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:85px;}
#flip-this2 .back a span{ top:170px; left:85px;}#flip-this .back a{ 
	right:25px;
	top:-200px;}
#flip-this2 .back a{ 
	right:25px;
	top:-200px;}
}
@media(max-width: 435px) {
#flip-this {
	float:none;
	width:250px;
}
.rozcestnik_inwrapp{
	width:250px;
	margin:0 auto;
	height:260px;

}
#flip-this2 {
	float:none;
	width:250px;
	position:relative;
	top:280px;
}
#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 130px;
    left: 0px;
}
#flip-this .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:65px;}
#flip-this .back a span{ top:160px; left:70px;}
#flip-this2 .back a img.zde{
	position:absolute;
	z-index:99999999;
	display:table;
	margin:-10px 0px 10px 0px;
	top:40px;
	left:65px;}
#flip-this2 .back a span{ top:160px; left:70px;}
.fix{
	height:450px;}

#flip-this img, #flip-this2 img  {
	width:250px;
	margin:0 auto;
}

#flip-this .back, #flip-this2 .back {
    color: #fff;
    text-align: center;
}
#flip-this .back img, #flip-this2 .back img{
    width:250px;
	position:relative;
	right:0px;
	top:1px;
}	
.item_rozcestnik{
	margin: 0 auto;
    position: relative;
    float: none;
    right: 10px;}
#flip-this .back a{ 
	right:0;
	top:-130px;}
#flip-this2 .back a{ 
	right:0;
	top:-130px;}
}
/*==========ShadowBoxIMG============*/
#shadowbox{
	height: 110%;
	width: 100%;
	position: fixed;
	padding: 0;
	z-index: 20;
	display:none;
	background-color: rgba(0,0,0,0.5);
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.shadow4{}
.shadow4:hover{
	cursor:pointer;
}

.shadow3{}
.shadow3:hover{
	cursor:pointer;
}

.shadow2{}
.shadow2:hover{
	cursor:pointer;
}

.shadow1{}
.shadow1:hover{
	cursor:pointer;
}
.back a {
    position: relative;
    top: 0;
    font-size: 22px;
    font-weight: bold;
    color: #7ACE45;
    display: table;
    text-align: center;
    margin: 0 auto;
    width: auto;
    padding: 0;
    text-transform: uppercase;
    right: 1px;
}
.obloha{
	position:absolute;
	z-index:-1;
	width:100%;
	background-repeat:repeat-x;
	height:100%;
	overflow:hidden;
	top:0;}
.mraky {
    width: 100%;
    height: 100%;
	right:0;
	background-image:url("../img/mraky.png");
	background-repeat:repeat-x;
    position: absolute;
	z-index:-1;
    -webkit-animation: slide 100s linear infinite; /* Chrome, Safari, Opera */
    animation: slide 100s linear infinite;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes slide {
    0%   {background-position:0 0;}
 /*   25%  { right:25%; top:0px;}
    50%  { right:50%; top: 0px;}
    75%  { right:75%; top: 0px;}*/
    100% {background-position:-2210px 0;}
}

/* Standard syntax */
@keyframes slide {
     0%   {background-position:0 0;}
 /*   25%  { right:25%; top:0px;}
    50%  { right:50%; top: 0px;}
    75%  { right:75%; top: 0px;}*/
    100% {background-position:-2210px 0;}
}