/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600i,700,700i,800&subset=latin-ext');

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}


.wp-caption {
	background:#FFF;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color:#616060;
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	/*font-size:62.5%;*/
		/*transform: scale(.7);*/
}
body {
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color:#393939;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

A{
	color:#26DD88;
}
.mapa-ramecek A{
	color:black;
}
/*------------------------------------*\
    MAP
\*------------------------------------*/

#btn-map{
	position: absolute;
	display: block;
	background-color: #393939;
	color:white;
	width: 278px;
	height: 70px;
	right: 66px;
	bottom: 10px;
	font-size: 24px;
	line-height: 70px;
	font-weight: 700;
	cursor: pointer;
}


#btn-podporte-top{
	position: fixed;
	display: block;
	background-color: #26DD88;	
	color:white;
	width: 278px;
	height: 70px;
	right: 0px;
	top: 66px;
	font-size: 24px;
	line-height: 70px;
	font-weight: 700;
	cursor: pointer;	
}

#smart-city{
	position: absolute;

}

.bod{
	font-size: 30px;
}
.bod-animace{
	animation-name: bod-voda-a; -webkit-animation-name: bod-voda-a;
	animation-duration: 1s; -webkit-animation-duration: 1s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}
.sedy{
	color: silver!important;
}
.mapa-ramecek-close{
	position: absolute;
	top:10px;
	right: 10px;
	font-size: 30px;
	color: #000;
}

.mapa-ramecek-close:hover{
	color:white;
}

#klouzacka1{
	position: absolute;
	top: 58.5%;
	right: 34%;
	width: 3%;
	
}

#klouzacka2{
	position: absolute;
	top: 57%;
	right: 34%;
	width: 1.7%;
	animation-name: animace_a1; -webkit-animation-name: animace_a1;
	animation-duration: 3s; -webkit-animation-duration: 3s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	/*animation-direction: alternate; -webkit-animation-direction: alternate;*/
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;	
}

@keyframes animace_a1 {
    0%   { transform: translate(0vw,0vh); }
	75% {transform: translate(-1.7vw,3.5vh); opacity: 1;}
	100% {transform: translate(-1.7vw,3.5vh); opacity: 0;} 
}

#pes{
	position: absolute;
	top: 79%;
	right: 79%;
	width: 1.6%;
	animation-name: animace_a2; -webkit-animation-name: animace_a2;
	animation-duration: 12s; -webkit-animation-duration: 12s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: 10; -webkit-animation-iteration-count: 10;
	/*animation-direction: alternate; -webkit-animation-direction: alternate;*/
	animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards;
	animation-play-state: running; -webkit-animation-play-state: running;	
}

@keyframes animace_a2 {
    0%   { transform: translate(0vw,0vh); }
	5% {transform: rotateY(0deg) translate(-0.3vw,3vh); }
	10% {transform:  rotateY(0deg) translate(-0.8vw,3.5vh); }
	15% {transform:  rotateY(0deg) translate(-1vw,4vh); }
	16% {transform: rotateY(180deg) translate(1vw,3.9vh); }
	20% {transform: rotateY(180deg) translate(0.7vw,3.5vh); }
	25% {transform: rotateY(180deg) translate(1.2vw,2vh); }
	25.1% {transform: rotateY(180deg) translate(1.2vw,2vh); }
	30% {transform: rotateY(180deg) translate(0.9vw,1.5vh); }
	39% {transform:rotateY(180deg) translate(0.1vw,0.5vh); } 
	40% {transform: rotateY(180deg) translate(-0.1vw,0.0vh); } 
	50%   { transform: rotateY(180deg) translate(0vw,0vh); }
	55% {transform: rotateY(180deg) translate(-0.8vw,3vh); }
	60% {transform:  rotateY(180deg) translate(-1.8vw,3.5vh); }
	65% {transform:  rotateY(180deg) translate(-3vw,4vh); }
	65.1% {transform: rotateY(0deg) translate(3vw,3.9vh); }
	70% {transform: rotateY(0deg) translate(2.7vw,3.5vh); }
	75% {transform: rotateY(0deg) translate(1.2vw,2vh); }
	75.1% {transform: rotateY(0deg) translate(1.2vw,2vh); }
	90% {transform: rotateY(0deg) translate(0.9vw,1.5vh); }
	99% {transform:rotateY(0deg) translate(0.1vw,0.5vh); } 
	100% {transform: rotateY(180deg) translate(0.1vw,0.0vh); } 
}

#drak2{
	position: absolute;
	top: 36.5%;
	right: 14%;
	width: 1.8%;
	
}

#drak1{
	position: absolute;
	top: 30.9%;
	right: 7.6%;
	width: 6.5%;
	animation-name: animace_a3; -webkit-animation-name: animace_a3;
	animation-duration: 3s; -webkit-animation-duration: 3s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;	
}

@keyframes animace_a3 {
	0%   { transform: rotate(0deg); }
	100% {transform: rotate(-6deg) translate(-0.5vw,-0.5vh);} 
}

#ptaci{
	position: absolute;
	top:0.4%;
	width: 90%;
	left: 3vw;
}


#zelen1{
	position: absolute;
	top: 30%;
	right: 2%;
	width: 22%;
	
}

#bod-zelen{
	position: absolute;
	top: 50%;
	right: 20%;
	z-index: 1000;
	cursor: pointer;
}


#ramecek-zelen{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}

#obchod1{
	position: absolute;
	top: 62%;
	right: 70.25%;
	width: 4%;
	
}

#obchod2{
	position: absolute;
	top: 33.2%;
	right: 35%;
	width: 8%;
	
}

#obchod3{
	position: absolute;
	top: 58%;
	right: 42%;
	width: 13%;
	
}

#bod-obchod{
	position: absolute;
	top: 63%;
	right: 47.7%;
	z-index: 1000;
	cursor: pointer;
}



#ramecek-obchod{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}


#prostor1{
	position: absolute;
	top: 67%;
	right: 33.75%;
	width: 2.5%;
	
}

#prostor2{
	position: absolute;
	top: 75%;
	right: 45%;
	width: 7%;
	
}

#prostor3{
	position: absolute;
	top: 62%;
	right: 54%;
	width: 6%;
	
}

#prostor4{
	position: absolute;
	top: 48%;
	right: 30%;
	width: 11%;
	
}

#bod-prostor{
	position: absolute;
	display: block;
	top: 75%;
	right: 49%;
	z-index: 1000;
	cursor: pointer;
}


#ramecek-prostor{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}


#participace1{
	position: absolute;
	top: 60%;
	right: 23.75%;
	width: 3%;
	
}

#participace2{
	position: absolute;
	top: 79.2%;
	right: 31%;
	width: 2%;
	
}

#participace3{
	position: absolute;
	top: 88%;
	right: 67%;
	width: 2.2%;
	
}

#participace4{
	position: absolute;
	top: 79.2%;
	right: 76%;
	width: 3.7%;
	
}

#bod-participace{
	position: absolute;
	top: 84%;
	right: 76.5%;
	z-index: 1000;
	cursor: pointer;
}


#ramecek-participace{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}

#bod-voda{
	display: block;
	position: absolute;
	top: 70%;
	right: 25%;
	z-index: 1000;
	cursor: pointer;
}



@keyframes bod-voda-a {
	0%   { color: black;}
	75%   { color: black;}
    100% {color: rgb(131, 131, 131);}
}


#ramecek-voda{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}

#voda1{
	position: absolute;
	top: 39%;
	right: 86.75%;
	width: 9%;
	
}

#voda2{
	position: absolute;
	top: 66%;
	right: 20%;
	width: 15.5%;
	
}

#voda3{
	position: absolute;
	top: 68%;
	right: 49.5%;
	width: 4%;
	
}

#bod-ovzdusi{
	position: absolute;
	top: 5%;
	right: 60%;
	z-index: 1000;
	cursor: pointer;
}


#ramecek-ovzdusi{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}

#ovzdusi1{
	position: absolute;
	top: 3%;
	right: 83.2%;
	width: 9%;
	
}

#ovzdusi2{
	position: absolute;
	top: 2%;
	right: 65%;
	width: 3%;
	
}

#ovzdusi3{
	position: absolute;
	top: 5%;
	right: 52%;
	width: 3%;
	
}

#ovzdusi4{
	position: absolute;
	top: 3%;
	right: 37%;
	width: 9%;
	
}

#ovzdusi5{
	position: absolute;
	top: 4.5%;
	right: 18%;
	width: 5%;
	
}

#ovzdusi6{
	position: absolute;
	top: 2.3%;
	right: 2.5%;
	width: 4%;
	
}
.mrak1{
	animation-name: animace1; -webkit-animation-name: animace1;
	animation-duration: 4s; -webkit-animation-duration: 4s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.mrak2{
	animation-name: animace2; -webkit-animation-name: animace2;
	animation-duration: 6s; -webkit-animation-duration: 6s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.mrak3{
	animation-name: animace2; -webkit-animation-name: animace2;
	animation-duration: 4s; -webkit-animation-duration: 4s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.mrak4{
	animation-name: animace1; -webkit-animation-name: animace1;
	animation-duration: 6s; -webkit-animation-duration:6s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.mrak5{
	animation-name: animace3; -webkit-animation-name: animace3;
	animation-duration: 3s; -webkit-animation-duration: 3s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.mrak6{
	animation-name: animace3; -webkit-animation-name: animace3;
	animation-duration: 5s; -webkit-animation-duration: 5s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: none; -webkit-animation-fill-mode: none;
	animation-play-state: running; -webkit-animation-play-state: running;
}



@keyframes animace1 {
    0%   { transform: translate(10px,1px); transform: scale(1.03,1.02);}
    25%  {transform: translate(12px,3px); transform: scale(1.05,1.05);}
    50%  {transform: translate(7px,2px); }
    75%  {transform: translate(4px,1px); transform: scale(1.05,1.05);}
    100% {transform: translate(0px,0px);}
}

@keyframes animace2 {
    0%   { transform: translate(-5px,5px);}
    25%  {transform: translate(0px,3px); transform: scale(1.03,1.02);}
    50%  {transform: translate(5px,-1px);}
    75%  {transform: translate(2px,4px);}
    100% {transform: translate(0px,0px);}
}

@keyframes animace3 {
    0%   { transform: translate(0px,-5px);}
    25%  {transform: translate(0px,0px);}
    50%  {transform: translate(0px,5px);}
    75%  {transform: translate(1px,7px); transform: scale(1.03,1.02);}
    100% {transform: translate(0px,2px);}
}

#bod-doprava{
	position: absolute;
	top: 55%;
	right: 68%;
	z-index: 1000;
	cursor: pointer;
}


#ramecek-doprava{
	position: absolute;
	top: 20%;
	right: 25%;
	display: none;
}

#doprava1{
	position: absolute;
	top: 22%;
	right: 79%;
	width: 4%;
	
}

#doprava2{
	position: absolute;
	top: 50%;
	right: 50%;
	width: 8%;
	transform: rotateY(180deg);
}

#doprava3{
	position: absolute;
	top: 35%;
	right: 52%;
	width: 2.5%;
	
}

#doprava4{
	position: absolute;
	top: 54%;
	right: 45%;
	width: 2.5%;
	
}

.doprava1{
	animation-name: animace4; -webkit-animation-name: animace4;
	animation-duration: 4s; -webkit-animation-duration: 4s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	/*animation-iteration-count: 1; -webkit-animation-iteration-count: 1;*/
	animation-direction: normal; -webkit-animation-direction: normal;
	animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.doprava2{
	animation-name: animace5; -webkit-animation-name: animace5;
	animation-duration: 10s; -webkit-animation-duration: 10s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	animation-iteration-count: 1; -webkit-animation-iteration-count: 1;
	animation-direction: alternate; -webkit-animation-direction: alternate;
	animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
	animation-play-state: running; -webkit-animation-play-state: running;
}

.doprava4{
	animation-name: animace7; -webkit-animation-name: animace7;
	animation-duration: 15s; -webkit-animation-duration: 15s;
	animation-delay: 0s; -webkit-animation-delay: 0s;
	/*animation-iteration-count: 1; -webkit-animation-iteration-count: 1;*/
	animation-direction: normal; -webkit-animation-direction: normal;
	animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
	animation-play-state: running; -webkit-animation-play-state: running;
}


@keyframes animace4 {
	0%   { transform: translate(-24px,3px); }
	25%  {transform: rotateY(180deg) }
	50%	 {transform: rotateY(180deg) translate(-18px,4px); }
	75%  { transform: rotateY(180deg) translate(-32px,3px); }
	100% {transform: rotateY(180deg) translate(-42px,5px);}
}
/*
@keyframes animace5 {
	10%   { transform: translate(180px,0px); }
	15%  { transform: rotateZ(-90deg) translate(150px,200px); }
	21%  { transform: rotateZ(0deg) translate(230px,-150px); }
	25%  { transform:  translate(280px,-150px); }
	31%  { transform: translate(280px,-150px); }
	32% { transform:  rotateY(180deg) translate(-280px,-150px);}
	38% { transform:   rotateY(180deg) translate(-230px,-150px); }
	70% {transform:  rotateY(180deg) translate(200px,-170px);  }
    100% { transform:  rotateY(180deg) translate(200px,-170px);}
}
*/

@keyframes animace5 {
	0%   { transform: rotateY(180deg) translate(0px,0px); }
	50% { transform: rotateY(180deg) translate(25vw,0px);}
	51% {  transform: translate(-25vw,0px);}
	99% {transform: translate(0px,0px);}
	100% {transform:    rotateY(0deg);}
}
/*500px*/

@keyframes animace7 {
	0%   { transform: translate(0px,0px); }
	50% { transform: translate(-25vw,0px);}
	51% {  transform: rotateY(180deg) translate(25vw,0px);}
	100% {transform: rotateY(180deg)   translate(0px,0px);}
}

.mapa-ramecek{
	width:921px;
	height:401px;
	border: 5px solid black;
	background-color: #26DD88;
	color: white;
	font-weight: 800;
	font-size: 24px;
	line-height: 38px;
	text-align: left;
	padding: 46px;
	position: absolute;
	z-index: 1100;
	overflow: hidden;
}

.mapa-ramecek .nadpis{
	font-size: 30px;
	line-height: 37px;
	color: #393939;
	display: block;
}

.mapa-ramecek .popis{
	display: block;
	margin-top:  30px;
}


.mapa-ramecek .title{
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	width: 150px;
	height: 85px;
	margin: 10px;
	margin-top:  30px;
	vertical-align: top;
	text-align: left;
	color: black;
	border-top: 5px black solid;
	padding-top: 16px;
}

.mapa-ramecek .title :HOVER{
	color: white;
	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#structure{
	position: relative;;
	top: 55vw;
	background-color: white;
	padding-top: 60px;
}

/* wrapper */
.wrapper {
	width:100%;
	margin:auto;
	position:relative;
	max-width: 1774px;
	
}
/* header */
.header {
	background-color: #C3E0E1;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	text-align: center;
}

#top_header{
	background-color: #26DD88;
	width: 100%;
	height: 40px;
	color: white;
}

/* logo */
.logo {
	font-weight: 800;
	margin-left: 66px;
	font-size: 20px;
	line-height: 40px;
	color:white;
	padding-top: 8px;

}
.head_nese{
	color: #393939;
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	font-weight: medium;
	position: absolute;
	right: 18px;
}

.bublina {
	max-width: 763px;
	border: 5px black solid;
	background-color: white;
	padding: 22px;
	color:black;
	font-size: 24px;
	line-height: 40px;
	font-weight: 800;
}

#idea{
	max-width: 886px;
	margin: auto;
	margin-top: 60px;
	text-align: left;
	font-weight: bold;
	line-height: 28px;
}
#head_line{
	max-width: 1300px;
	border-bottom: 5px solid white;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 60px;
}
#head_but{
	background-color: #26DD88;
	border-radius: 50%;
	width:115px;
	height: 115px;
	color: white;
	font-size: 53px;
	line-height: 115px;
	margin: auto;
	margin-top: -120px;
	margin-bottom: 60px;
}

#zeleny{
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	
	background-color: #26DD88;
	color:white;
	font-size: 35px;
	line-height: 45px;
	font-weight: 800;
	min-height: 500px;
	width: 100%;
	margin-top: 60px;
	/*
	padding-left: 100px;
	padding-right: 100px;
	*/
}

.box {
	max-width: 429px;
	margin: 12px;
	text-align: center;

}
.btn-nadpis{
	display: block;
	height: 165px;
	margin-bottom: 33px;
}

.btn{
	display: block;
	height: 80px;
	width: 333px;
	border: 5px solid white;
	border-radius: 40px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
	color: white;
	font-size: 24px;
	line-height: 36px;
	padding-top: 16px;
	text-align: center;
	margin: auto;
}

.podporte{
	border-color: black;
	background-color: white;
	color: black;
}

.napiste {
	color: black;
	border-color: black;
}

.podnet .btn{
	border: 5px solid #26DD88;
	background-color: #26DD88;	
	color: white;
	margin: 40px 0;
	font-weight: 700;
	line-height: 50px;
	padding-top: 0px;
}

#share{
	display: none;
	/*position: absolute;*/
	margin-left: -260px;
		

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	background-color: #393939;
	color: white;
	padding: 15px;
	padding-top: 100px;
	padding-bottom: 70px;
	
	font-size: 18px;
	line-height: 24px;
	
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: left;
	flex-wrap: wrap;
	justify-content: left;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);

}

.col-footer{
	width: 30%;
	min-width: 300px;
	padding: 1vw;
	margin-bottom: 60px;
	box-sizing: border-box;
}

#o-nese{
	width: 40%;
	max-width: 731px;
	padding: 1vw;
	box-sizing: border-box;
}



#donors{
	background-color: white;
	color: black;
	width: 100%;
	align-items: center;
}
#donors img{
	max-height: 140px;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
#articles{
	width: 100%;
	
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}

.clanek{
	width: 339px;
	height: 339px;
	box-sizing: border-box;
	border: #000000 5px solid;
	margin: 12px;
	overflow: hidden;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
	
}
.vlevo{
	margin-left: -300px;
	max-width:882px;
}
.clanek .title{
	color: white;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
	display: block;
	min-height: 80px;
}

.clanek .nazev  {
	display: block;
	background-color: #26DD88;	
	width: 100%;
	min-height: 280px;
	padding: 20px;
	/*top: -140px;*/
	position: relative;
	color: #26DD88;	
	font-size: 14px;
	line-break: 20px;
	font-weight: 600;
	transition: all .5s ease-out;

}
.clanek .nazev A{
	background-color: #26DD88;	
	min-height: 280px;
}
.clanek .nazev:hover, .clanek .nazev:hover A   {
	min-height: 280px;
	top: -140px;
	color: black!important;
}



#post-header{
 	/*background-color: #26DD88;	*/
	width: 100%;
	height: 960px;
	z-index: 1000;
	
}

#post-header-img{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #26DD88;
	z-index: -1;
	margin-top: -40px;
}
#posun{
	width: 100%;
	position: absolute;
	margin-top: 20%;
	z-index: 1000;
	background-color: white;
}
#obal{
	width: 100%;
	display: flex;
	justify-content:center;
	align-items: flex-start;
	padding-left: 100px;
	padding-right: 100px;


}
#cudliky{
	width: 100%;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	margin-bottom: 135px;
}

#cudliky .btn{
	display: block;
	height: 80px;
	width: 333px;
	border: 5px solid #26DD88;
	border-radius: 40px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
	color: #26DD88;
	font-size: 24px;
	line-height: 36px;
	padding-top: 16px;
	text-align: center;
	margin: 20px 65px;
}

#vypis-clanku{
	max-width:882px;
	font-size: 20px;
	line-height: 36px;
	/*margin:auto;*/
	color: #393939;
}
#tags{
	max-width: 278px;
	min-height: 208px;
	border: solid black 5px;
	padding: 10px;
	color: #26DD88;
	margin-top: 280px;
	margin-right: 200px;
}
.green_line{
	max-width: 1300px;
	border-bottom: 5px solid #26DD88;	
	margin: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}
#page-kontakty{
	width: 100%;
	display: flex;
	justify-content:center;
	align-items: flex-start;
	padding-left: 100px;
	padding-right: 100px;
}
#page-kontakty .box{
	max-width: 500px;
	font-size: 16px;
	line-height: 23px;
	text-align: left;
}
#page-kontakty .box .nadpis{
	color:#26DD88;
	font-weight: 800;
	display: block;
}

.podnet{
	max-width:1184px;
	/*border: 5px solid #26DD88;*/
	padding-left: 150px; 
	padding-right: 150px;
	margin: auto;
}

#filter, .uwpqsf_class{
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}

#uwpqsf_id{
	border: 0px;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.img-hlavicka{
	background-repeat: no-repeat; 
	background-size: 100%;
	background-position: right bottom;
	background-position: 0px 20px;

	
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1{
	font-size: 120px;
	line-height: 146px;
	color: #393939;
	font-weight: 800;
}

h2{
	color: #26DD88;
	font-size: 75px;
	line-height: 80px;
	margin-top: 100px;
	margin-bottom: 100px;
	font-weight: 800;
	margin-left: 66px;
	clear:both;

}

#post-header h1{
	display: block;
	font-size: 106px;
	line-height: 146px;
	color: white;
	font-weight: 800;
	max-width: 1184px;
	margin-top: 0px;
	margin: auto;

}

.header h2{
	font-size: 60px;
	line-height: 70px;
	font-style: italic;
	font-weight: bold;
	color:white;
	max-width: 1486px;
	display: block;
	margin: auto;
	margin-top: -60px;
	
}

#obal h2{
	color: #26DD88;
	font-size: 75px;
	line-height: 80px;
	margin-top: 100px;
	margin-bottom: 100px;
	font-weight: 800;
	margin-left: 0px;

}

.footer A {
	color: white;
	text-decoration: none;
}

.footer A:hover{
	color: #26DD88;
}

#tags A{
	color: #26DD88;
	
}
#tags A::before{
	color: #26DD88;
	content: "#";
	
}

#tags .misto{
	color: black;
	font-weight: 800;
	line-height: 200%;
}

#tags-vypis H1{
	color: #26DD88;
	margin-left: 66px;
	text-transform: lowercase;
	display: block;
	width: 100%;
}

#tags-vypis{
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	justify-content: center;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}

.male{
	text-transform: lowercase;
}

.date{
	font-size: 16px;
	line-height: 146px;
	font-weight: 800;
}

ol {
	list-style: none;
	list-style-position: outside;
	padding-right: 100px;
  }

  li {
	counter-increment: item;
	margin-bottom:30px;
 }
  
li::before {
	display: block;
	font-size: 40px;
	line-height: 70px;
	margin-bottom: -70px;
	margin-top: 50px;
	color:white;
	font-weight: 700;
	text-align: center;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #26DD88;
	content: counter(item);
	margin-left: -150px;
	margin-right: 80px;
}

.podnet h1{
	font-size: 28px;
	line-height: 28px;
}

.podnet h3{
	font-size: 18px;
	line-height: 36px;
}
.bublina-autor{
	font-size: smaller;
	font-weight: 700;
}
/*------------------------------------*\
    FORMS
\*------------------------------------*/
.container {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  margin:5px;
  cursor: pointer;
  font-size: 20px;
  line-height: 70px;
  font-weight: 800;
  color: #26DD88;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:237px!important;
  height: 80px;
  border: #26DD88 solid 5px;
  box-sizing: border-box;
  float: none!important;
}

.podnet .container{
	display: inline-block;
	color: black;
	width: auto!important;
	height: auto;
	line-height: 35px;
	font-size:  14px;
	border: none;
	font-weight: 700;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	box-sizing:border-box;
	top: 20px;
	left: 16px;
	height: 30px;
	width: 30px;
	background-color: white;
	border: #26DD88 solid 5px;
	
  }
  
  .podnet .checkmark{
	  top:0px;
	  
  }
  /* On mouse-over, add a grey background color */
  .container:hover{
	background-color:#26DD88;
	color: white;
  }
  
  .podnet .container:hover{
	background-color:white;
	color: #26DD88;
  }

  .container:hover input ~ .checkmark {
	background-color: #26DD88;
	border-color: white;
  }
  
  .podnet .container:hover input ~ .checkmark {
	background-color: #26DD88;
	border-color: #26DD88;
  }

  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
	background-color: white;
  }
  
  .container input:checked  .container {
	background-color: #26DD88!important;
  }

  .container input:checked ~ .checkmark {
	border-color: white;
  }
  
 .podnet  .container input:checked ~ .checkmark {
	border-color: #26DD88;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
	display: block;
  }
  
 

  /* Style the checkmark/indicator */
  .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #26DD88;
	border-width: 0 3px 4px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .pripad {
    background-attachment: local;
    background-image:
        linear-gradient(to right, white 10px, transparent 10px),
        linear-gradient(to left, white 10px, transparent 10px),
        repeating-linear-gradient(white, white 30px,#26DD88 30px,#26DD88 32px, white 31px);
    line-height: 31px;
	padding: 8px 10px;
	width: 100%;
	max-width: 882px;
	height: 180px;
	border: none;
}

input[type="text"], input[type="email"], input[type="tel"]{
	border: none;
	border-bottom: #26DD88 2px solid;
	max-width:429px;
	min-width: 250px;
	width: 48%;
	
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #26DD88;
	font-size: 18px;
	margin-bottom: 9px;
  }
  ::-moz-placeholder { /* Firefox 19+ */
	color:#26DD88;
	font-size: 18px;
	margin-bottom: 9px;
  }
  :-ms-input-placeholder { /* IE 10+ */
	color: #26DD88;
	font-size: 18px;
	margin-bottom: 9px;
  }
  :-moz-placeholder { /* Firefox 18- */
	color: #26DD88;
	font-size: 18px;
	margin-bottom: 9px;
  }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1814px) {
	
	#zeleny{
		font-size: 20px;
		line-height: 25px;
		min-height: 300px;
	}
	
	.box {
		width: 20%;
		margin: 5px;
	}

	#page-kontakty .box{
		min-width: 400px;
	}
	.btn-nadpis{
		
		height: 66px;
	}
	
	.btn{
		display: block;
		height: 60px;
		width: 200px;
		border-radius: 40px;
		color: white;
		font-size: 20px;
		line-height: 20px;
	}
	.podporte{
		border-color: black;
		background-color: white;
		color: black;
	}
	
	.napiste {
		color: black;
		border-color: black;
	}

}

@media only screen and (max-width:1400px) {
	#post-header h1{
		display: block;
		font-size: 80px;
		line-height: 105px;
		margin: 22px;
		margin-top: 0px;
		padding-top: 22px;
		height: 100vh;
	}
	.bublina{
		margin-top: 100px;
		font-size: 20px;
		line-height: 28px;
	}
	#vypis-clanku{
		font-size: 18px;
		line-height: 26px;
	}
	#obal h2, h2{
		font-size: 40px;
		line-height: 55px;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 0px;
	}	

	.mapa-ramecek{
		width:721px;
		height:341px;
		font-size: 18px;
		line-height: 28px;
		text-align: left;
		padding: 36px;
		position: absolute;
		z-index: 1100;
		overflow: hidden;
	}
	
	.mapa-ramecek .nadpis{
		font-size: 26px;
		line-height: 26px;
	}
	
	.mapa-ramecek .popis{
		margin-top:  26px;
	}
	
	
	.mapa-ramecek .title{
		font-size: 14px;
		line-height: 19px;
		width: 150px;
		height: 85px;
		margin: 10px;
		margin-top:  26px;
		padding-top: 14px;
	}
	#btn-map{
		width: 150px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;

		
	}
	
	
	#btn-podporte-top{
		width: 150px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;
	
	}

}

@media only screen and (max-width:1280px) {
	#post-header h1{
		display: block;
		font-size: 60px;
		line-height: 75px;
		margin: 22px;
		margin-top: 0px;
		padding-top: 22px;
		height: 100vh;
	}
	.img-hlavicka{
		background-position: right bottom;
	}
	.bublina{
		margin-top: 100px;
		font-size: 20px;
		line-height: 28px;
	}

	#post-header{
		height: 100%;
	}

	.vlevo{ 
		margin-left: -60px;
	}

  
	li::before {
		margin-left: -80px;
		margin-right: 40px;
		font-size: 30px;
		line-height: 60px;
		margin-bottom: -60px;
		margin-top: 50px;
		width: 60px;
		height: 60px;
	}
	#obal{
		padding-left: 22px;
		padding-right: 22px;

	}
	#obal h2{
		font-size: 60px;
		line-height: 70px;
		margin-top: 60px;
		margin-bottom: 40px;
	}
	#vypis-clanku{
		font-size: 18px;
		line-height: 26px;
	}
	#tags{
		margin-top: 22px;
		margin-right: 22px; 
	}

	.clanek{
		width: 250px;
		height: 250px;
		margin: 7px;
	}

	.clanek .title{
		font-size: 14px;
		line-height: 20px;
	}

	.clanek .nazev {
		padding: 7px;
		min-height: 100px;
	}

	.clanek .nazev A{
		background-color: #26DD88;	
		min-height: 100px;
	}
	.clanek .nazev:hover, .clanek .nazev:hover A   {
		min-height: 200px;
		top: -100px;
		color: black!important;
	}

	#zeleny{
		font-size: 20px;
		line-height: 25px;
		min-height: 300px;
	}
	
	.box {
		width: 20%;
		margin: 5px;
	}
	.btn-nadpis{
		
		height: 66px;
	}
	
	.btn{
		display: block;
		height: 60px;
		width: 200px;
		border-radius: 40px;
		color: white;
		font-size: 20px;
		line-height: 20px;
	}
	.podporte{
		border-color: black;
		background-color: white;
		color: black;
	}
	
	.napiste {
		color: black;
		border-color: black;
	}
}
	@media only screen and (max-width:1140px) {
		#post-header h1{
			display: block;
			font-size: 60px;
			line-height: 75px;
			margin: 22px;
			margin-top: 0px;
			padding-top: 22px;
		}
	
		.bublina{
			margin-top: 100px;
		}
	
		#post-header{
			height: 100%;
		}
	
		#tags{
			display: none;
		}

		

	}

	@media only screen and (max-width:1024px) {
	
		.logo{
			font-size: 14px;
			margin-left: 22px;
		}
	
		h1{
			font-size: 61px;
			line-height: 74px;
				}
	
		#post-header h1{
			display: block;
			font-size: 40px;
			line-height: 55px;
			margin: 22px;
			margin-top: 0px;
			padding-top: 22px;
		}
		.header h2{
			margin-top:20px;
			font-size: 24px;
			line-height: 30px;
		}
	
		#post-header{
			   min-height: 700px;
			   height: 100%;
	   }
	
	   #page-kontakty{
		   padding: 22px;
	   }
	   #page-kontakty .box{
		   font-size: 16px;
		   line-height: 24px; 
	   }
	
		#obal h2, h2{
			font-size: 40px;
			line-height: 55px;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-left: 0px;
		}
	
		#tags{
			display: none;
		}
	
		.bublina {
			max-width: 763px;
			border: 5px black solid;
			
			font-size: 16px;
			line-height: 24px;
			font-weight: 800;
			margin-top: 22px;
			margin-bottom: 100px;

		}
	
		#obal{
			width: 100%;
			display: block;
			padding-left: 23px;
			padding-right: 23px;
		}
	
		#vypis-clanku{
			font-size: 16px;
			line-height: 24px;
		}
		ol{
			margin-left: 80px;
		}
		.img-hlavicka{
			background-position: right bottom;
		}
	
		.vlevo{
			margin-left: 0px;
			max-width:95%;
		}
	
		#idea{
			font-size: 14px;
			line-height: 20px;
			padding: 20px;
		}
		.clanek{
			width: 177px;
			height: 177px;
			margin: 7px;
		}
	
		.clanek .title{
			font-size: 14px;
			line-height: 20px;
		}
	
		.clanek .nazev {
			padding: 7px;
			min-height: 80px;

		}
		.btn{
			height: 60px;
			width: 250px;
			font-size: 20px;
			line-height: 20px;
		}
	
		.btn-nadpis{
			font-size: 20px;
			line-height: 24px;
			height: auto;
			margin-top: 30px;
			margin-bottom: 30px;
			border-top: 5px solid white;
			padding-top:20px;
			width: 100%;
			display: block;
		}
		.box{
			width: 100%;
			min-height: 200px;
		}
	
		#cudliky{
			margin-bottom: 60px;
		}
	
		.col-footer{
			padding: 22px;
		}
	
		.btn{
			height: 60px;
			width: 250px;
			font-size: 20px;
			line-height: 20px;
		}
	
		.btn-nadpis{
			font-size: 20px;
			line-height: 24px;
			height: auto;
			margin-top: 30px;
			margin-bottom: 30px;
			border-top: 5px solid white;
			padding-top:20px;
			width: 100%;
			display: block;
		}
		.box{
			width: 100%;
		}
		.podporte{
			border-color: black;
			background-color: white;
			color: black;
		}
		
		.napiste {
			color: black;
			border-color: black;
		}

		.mapa-ramecek{
			width:500px;
			height:300px;
			font-size: 14px;
			line-height: 18px;
			text-align: left;
			padding: 26px;
			position: absolute;
			z-index: 1100;
			overflow: hidden;
		}
		
		.mapa-ramecek .nadpis{
			font-size: 20px;
			line-height: 20px;
		}
		
		.mapa-ramecek .popis{
			margin-top:  20px;
		}
		
		
		.mapa-ramecek .title{
			font-size: 12px;
			line-height: 16px;
			width: 85px;
			height: 85px;
			margin: 10px;
			margin-top:  26px;
			padding-top: 14px;
		}
		
		#btn-map{
			width: 120px;
			height: 40px;
			font-size: 14px;
			line-height: 40px;
	
			
		}
		
		
		#btn-podporte-top{
			width: 120px;
			height: 40px;
			font-size: 14px;
			line-height: 40px;
		
		}
	
	}

@media only screen and (max-width:768px) {

	.logo{
		font-size: 14px;
		margin-left: 22px;
	}

	h1{
		font-size: 61px;
		line-height: 74px;
			}

	#post-header h1{
		display: block;
		font-size: 40px;
		line-height: 55px;
		margin: 22px;
		margin-top: 0px;
		padding-top: 22px;
	}
	.header h2{
		margin-top:20px;
		font-size: 24px;
		line-height: 30px;
	}

	#post-header{
		   min-height: 700px;
		   height: 100%;
   }

   #page-kontakty{
	   padding: 22px;
   }
   #page-kontakty .box{
	   font-size: 14px;
	   line-height: 18px; 
   }

	#obal h2, h2{
		font-size: 40px;
		line-height: 55px;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 0px;
	}

	#tags{
		display: none;
	}

	.bublina {
		max-width: 763px;
		border: 5px black solid;
		background-color: transparent;
		font-size: 16px;
		line-height: 24px;
		font-weight: 800;
		margin-top: 22px;
		margin-bottom: 100px;
	}

	#obal{
		width: 100%;
		display: block;
		padding-left: 23px;
		padding-right: 23px;
	}

	#vypis-clanku{
		font-size: 16px;
		line-height: 24px;
	}

	.img-hlavicka{
		background-position: right bottom;
	}

	.vlevo{
		margin-left: 0px;
		max-width:95%;
	}

	#idea{
		font-size: 14px;
		line-height: 20px;
		padding: 20px;
	}
	.clanek{
		width: 177px;
		height: 177px;
		margin: 7px;
	}

	.clanek .title{
		font-size: 14px;
		line-height: 20px;
	}

	.clanek .nazev {
		padding: 7px;
		min-height: 80px;
	}
	.btn{
		height: 60px;
		width: 250px;
		font-size: 20px;
		line-height: 20px;
	}

	.btn-nadpis{
		font-size: 20px;
		line-height: 24px;
		height: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border-top: 5px solid white;
		padding-top:20px;
		width: 100%;
		display: block;
	}
	.box{
		width: 100%;
	}

	#cudliky{
		margin-bottom: 60px;
	}

	.col-footer{
		padding: 22px;
	}

	li::before {
		margin-left: -60px;
		margin-right: 40px;
		font-size: 20px;
		line-height: 40px;
		margin-bottom: -40px;
		margin-top: 50px;
		width: 40px;
		height: 40px;
	}

	.bod{
		display: none;
	}

	#btn-map{
		display:none;

		
	}
	
	
	#btn-podporte-top{
		display:none;
	
	}

}

	@media only screen and (max-width:480px)  {
		.logo{
			font-size: 14px;
			margin-left: 22px;
		}
	
		h1{
			font-size: 61px;
			line-height: 74px;
				}
	
		#post-header h1{
			display: block;
			font-size: 40px;
			line-height: 55px;
			margin: 22px;
			margin-top: 0px;
			padding-top: 22px;
		}
		.header h2{
			margin-top:20px;
			font-size: 24px;
			line-height: 30px;
		}
	
		#post-header{
			   min-height: 700px;
			   height: 100%;
	   }
	
	   #page-kontakty{
		   padding: 22px;
	   }
	   #page-kontakty .box{
		   font-size: 16px;
		   line-height: 24px; 
	   }
	
		#obal h2, h2{
			font-size: 40px;
			line-height: 55px;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-left: 0px;
		}
	
		#tags{
			display: none;
		}
	
		.bublina {
			max-width: 763px;
			border: 5px black solid;
			background-color: transparent;
			font-size: 16px;
			line-height: 24px;
			font-weight: 800;
			margin-top: 22px;
			margin-bottom: 100px;
		}
	
		#obal{
			width: 100%;
			display: block;
			padding-left: 23px;
			padding-right: 23px;
		}
	
		#vypis-clanku{
			font-size: 16px;
			line-height: 24px;
		}
	
		.img-hlavicka{
			background-position: right bottom;
		}
	
		.vlevo{
			margin-left: 0px;
			max-width:95%;
		}
	
		#idea{
			font-size: 14px;
			line-height: 20px;
			padding: 20px;
		}
		.clanek{
			width: 160px;
			height: 160px;
			margin: 7px;
		}
	
		.clanek .title{
			font-size: 13px;
			line-height: 20px;
		}
	
		.clanek .nazev {
			padding: 5px;
			min-height: 100px;

		}
		.btn{
			height: 60px;
			width: 250px;
			font-size: 20px;
			line-height: 20px;
		}
	
		.btn-nadpis{
			font-size: 20px;
			line-height: 24px;
			height: auto;
			margin-top: 30px;
			margin-bottom: 30px;
			border-top: 5px solid white;
			padding-top:20px;
			width: 100%;
			display: block;
		}
		.box{
			width: 100%;
		}
	
		#cudliky{
			margin-bottom: 60px;
		}
	
		.col-footer{
			padding: 22px;
		}
		#page-kontakty .box{
			min-width: 300px;
		}
	}

	@media only screen and (max-width:320px) {

	}
	
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    PDF
\*------------------------------------*/
.tisk .obsah{
	font-size: 9pt;
	line-height: 10pt;
}

.tisk h2{
	color: black;
	font-size: 22pt;
	line-height: 32pt;
	margin-top: 32pt;
	margin-bottom: 16pt;
}

.tisk .hlavicka{
	border: 20pt solid rgb(192,192,192);
	width:769px;
	height:1097px;
	margin: auto;
	margin-top: 304px;
}

.tisk img, .tisk .wp-caption-text {
	display: none;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	.body {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
		display: none;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}