/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	em { font-style: italic; }
	strong { font-weight: 600; }
	small { font-size: 80%; }

	a, a:visited { text-decoration: none; outline: 0; }
	a:hover, a:focus {  text-decoration: none; }
	p a, p a:visited { line-height: inherit; }

	img.scale {
		max-width: 100%;
		height: auto; }
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	.padding {
		padding: 18px 26px;
		box-sizing: border-box;
	}
		.underline {
			text-decoration: underline;
		}
		.clear {
			clear: both;
		}
		.onlyprint {
display:none;
}
h1 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
}		
body.chci-darovat h1 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	max-width: 140px;
	text-align: left!important;
	background-image: url(../images/design/icons/srdce-icon.svg);
	background-position: 6px 15px;
	background-repeat: no-repeat;
	background-size: 74px 74px;
	padding-left: 90px;
	margin: 14vh 0px 16vh 0px;
}
h1 span {
	font-size: 24px;
	font-weight: 500;
}
h2 {
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}
h3 {
	font-size: 19px;
	font-weight: 600;
	text-align: center;
}
h4 {
	font-size: 19px;
	font-weight: 600;
}

.container > h3.full {
	margin-top: 30px;
	margin-bottom: 10px;
}
button, .button {
	display: inline-block;
	border-radius: 6px;
	text-align: center;
	border: none;
	cursor: pointer;
}
button span, .button span {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-left: 10px;
	padding-top: 4px;
	box-sizing: border-box;
	font-weight: 600;
}
.icon {
	width: 32px;
	height: 32px;
}
.icon-uloha {
	width: 44px;
	height: 44px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	background-size:44px 3476px;
}
.icon-uloha.icon-medium {
	width: 32px;
	height: 32px;
	background-size:32px 2528px;
}
.icon-uloha { background-image: url(../images/design/icons/web-ikonky.svg?v=d); }
.icon-uloha-1 { background-position: 0 0; }
.icon-uloha-2 { background-position: 0 -44px; }
.icon-uloha-3 { background-position: 0 -88px; }
.icon-uloha-4 { background-position: 0 -132px; }
.icon-uloha-5 { background-position: 0 -176px; }
.icon-uloha-6 { background-position: 0 -220px; }
.icon-uloha-7 { background-position: 0 -264px; }
.icon-uloha-8 { background-position: 0 -308px; }
.icon-uloha-9 { background-position: 0 -352px; }
.icon-uloha-10 { background-position: 0 -396px; }
.icon-uloha-11 { background-position: 0 -440px; }
.icon-uloha-12 { background-position: 0 -484px; }
.icon-uloha-13 { background-position: 0 -528px; }
.icon-uloha-14 { background-position: 0 -572px; }
.icon-uloha-15 { background-position: 0 -616px; }
.icon-uloha-16 { background-position: 0 -660px; }
.icon-uloha-17 { background-position: 0 -704px; }
.icon-uloha-18 { background-position: 0 -748px; }
.icon-uloha-19 { background-position: 0 -792px; }
.icon-uloha-20 { background-position: 0 -836px; }
.icon-uloha-21 { background-position: 0 -880px; }
.icon-uloha-22 { background-position: 0 -924px; }
.icon-uloha-23 { background-position: 0 -968px; }
.icon-uloha-24 { background-position: 0 -1012px; }
.icon-uloha-25 { background-position: 0 -1056px; }
.icon-uloha-26 { background-position: 0 -1100px; }
.icon-uloha-27 { background-position: 0 -1144px; }
.icon-uloha-28 { background-position: 0 -1188px; }
.icon-uloha-29 { background-position: 0 -1232px; }
.icon-uloha-30 { background-position: 0 -1276px; }
.icon-uloha-31 { background-position: 0 -1320px; }
.icon-uloha-32 { background-position: 0 -1364px; }
.icon-uloha-33 { background-position: 0 -1408px; }
.icon-uloha-34 { background-position: 0 -1452px; }
.icon-uloha-35 { background-position: 0 -1496px; }
.icon-uloha-36 { background-position: 0 -1540px; }
.icon-uloha-37 { background-position: 0 -1584px; }
.icon-uloha-38 { background-position: 0 -1628px; }
.icon-uloha-39 { background-position: 0 -1672px; }
.icon-uloha-40 { background-position: 0 -1716px; }
.icon-uloha-41 { background-position: 0 -1760px; }
.icon-uloha-42 { background-position: 0 -1804px; }
.icon-uloha-43 { background-position: 0 -1848px; }
.icon-uloha-44 { background-position: 0 -1892px; }
.icon-uloha-45 { background-position: 0 -1936px; }
.icon-uloha-46 { background-position: 0 -1980px; }
.icon-uloha-47 { background-position: 0 -2024px; }
.icon-uloha-48 { background-position: 0 -2068px; }
.icon-uloha-49 { background-position: 0 -2112px; }
.icon-uloha-50 { background-position: 0 -2156px; }
.icon-uloha-51 { background-position: 0 -2200px; }
.icon-uloha-52 { background-position: 0 -2244px; }
.icon-uloha-53 { background-position: 0 -2288px; }
.icon-uloha-54 { background-position: 0 -2332px; }
.icon-uloha-55 { background-position: 0 -2376px; }
.icon-uloha-56 { background-position: 0 -2420px; }
.icon-uloha-57 { background-position: 0 -2464px; }
.icon-uloha-58 { background-position: 0 -2508px; }
.icon-uloha-59 { background-position: 0 -2552px; }
.icon-uloha-60 { background-position: 0 -2596px; }
.icon-uloha-61 { background-position: 0 -2640px; }
.icon-uloha-62 { background-position: 0 -2648px; }
.icon-uloha-63 { background-position: 0 -2728px; }
.icon-uloha-64 { background-position: 0 -2772px; }
.icon-uloha-65 { background-position: 0 -2816px; }
.icon-uloha-66 { background-position: 0 -2860px; }
.icon-uloha-67 { background-position: 0 -2904px; }
.icon-uloha-68 { background-position: 0 -2948px; }
.icon-uloha-69 { background-position: 0 -2992px; }
.icon-uloha-70 { background-position: 0 -3036px; }
.icon-uloha-71 { background-position: 0 -3080px; }
.icon-uloha-72 { background-position: 0 -3124px; }
.icon-uloha-73 { background-position: 0 -3168px; }
.icon-uloha-74 { background-position: 0 -3212px; }
.icon-uloha-75 { background-position: 0 -3256px; }
.icon-uloha-76 { background-position: 0 -3300px; }
.icon-uloha-77 { background-position: 0 -3344px; }
.icon-uloha-78 { background-position: 0 -3388px; }
.icon-uloha-79 { background-position: 0 -3432px; }
.icon-uloha-80 { background-position: 0 -3476px; }
.icon-uloha-81 { background-position: 0 -3520px; }
.icon-uloha-82 { background-position: 0 -3564px; }
.icon-uloha-83 { background-position: 0 -3608px; }
.icon-uloha-84 { background-position: 0 -3652px; }
.icon-uloha-85 { background-position: 0 -3696px; }

.icon-uloha-1.icon-medium { background-position: 0 0; }
.icon-uloha-2.icon-medium { background-position: 0 -32px; }
.icon-uloha-3.icon-medium { background-position: 0 -64px; }
.icon-uloha-4.icon-medium { background-position: 0 -96px; }
.icon-uloha-5.icon-medium { background-position: 0 -128px; }
.icon-uloha-6.icon-medium { background-position: 0 -160px; }
.icon-uloha-7.icon-medium { background-position: 0 -192px; }
.icon-uloha-8.icon-medium { background-position: 0 -224px; }
.icon-uloha-9.icon-medium { background-position: 0 -256px; }
.icon-uloha-10.icon-medium { background-position: 0 -288px; }
.icon-uloha-11.icon-medium { background-position: 0 -320px; }
.icon-uloha-12.icon-medium { background-position: 0 -352px; }
.icon-uloha-13.icon-medium { background-position: 0 -384px; }
.icon-uloha-14.icon-medium { background-position: 0 -416px; }
.icon-uloha-15.icon-medium { background-position: 0 -448px; }
.icon-uloha-16.icon-medium { background-position: 0 -480px; }
.icon-uloha-17.icon-medium { background-position: 0 -512px; }
.icon-uloha-18.icon-medium { background-position: 0 -544px; }
.icon-uloha-19.icon-medium { background-position: 0 -576px; }
.icon-uloha-20.icon-medium { background-position: 0 -608px; }
.icon-uloha-21.icon-medium { background-position: 0 -640px; }
.icon-uloha-22.icon-medium { background-position: 0 -672px; }
.icon-uloha-23.icon-medium { background-position: 0 -704px; }
.icon-uloha-24.icon-medium { background-position: 0 -736px; }
.icon-uloha-25.icon-medium { background-position: 0 -768px; }
.icon-uloha-26.icon-medium { background-position: 0 -800px; }
.icon-uloha-27.icon-medium { background-position: 0 -832px; }
.icon-uloha-28.icon-medium { background-position: 0 -864px; }
.icon-uloha-29.icon-medium { background-position: 0 -896px; }
.icon-uloha-30.icon-medium { background-position: 0 -928px; }
.icon-uloha-31.icon-medium { background-position: 0 -960px; }
.icon-uloha-32.icon-medium { background-position: 0 -992px; }
.icon-uloha-33.icon-medium { background-position: 0 -1024px; }
.icon-uloha-34.icon-medium { background-position: 0 -1056px; }
.icon-uloha-35.icon-medium { background-position: 0 -1088px; }
.icon-uloha-36.icon-medium { background-position: 0 -1120px; }
.icon-uloha-37.icon-medium { background-position: 0 -1152px; }
.icon-uloha-38.icon-medium { background-position: 0 -1184px; }
.icon-uloha-39.icon-medium { background-position: 0 -1216px; }
.icon-uloha-40.icon-medium { background-position: 0 -1248px; }
.icon-uloha-41.icon-medium { background-position: 0 -1280px; }
.icon-uloha-42.icon-medium { background-position: 0 -1312px; }
.icon-uloha-43.icon-medium { background-position: 0 -1344px; }
.icon-uloha-44.icon-medium { background-position: 0 -1376px; }
.icon-uloha-45.icon-medium { background-position: 0 -1408px; }
.icon-uloha-46.icon-medium { background-position: 0 -1440px; }
.icon-uloha-47.icon-medium { background-position: 0 -1472px; }
.icon-uloha-48.icon-medium { background-position: 0 -1504px; }
.icon-uloha-49.icon-medium { background-position: 0 -1536px; }
.icon-uloha-50.icon-medium { background-position: 0 -1568px; }
.icon-uloha-51.icon-medium { background-position: 0 -1600px; }
.icon-uloha-52.icon-medium { background-position: 0 -1632px; }
.icon-uloha-53.icon-medium { background-position: 0 -1664px; }
.icon-uloha-54.icon-medium { background-position: 0 -1696px; }
.icon-uloha-55.icon-medium { background-position: 0 -1728px; }
.icon-uloha-56.icon-medium { background-position: 0 -1760px; }
.icon-uloha-57.icon-medium { background-position: 0 -1790px; }
.icon-uloha-58.icon-medium { background-position: 0 -1824px; }
.icon-uloha-59.icon-medium { background-position: 0 -1856px; }
.icon-uloha-60.icon-medium { background-position: 0 -1888px; }
.icon-uloha-61.icon-medium { background-position: 0 -1920px; }
.icon-uloha-62.icon-medium { background-position: 0 -1952px; }
.icon-uloha-63.icon-medium { background-position: 0 -1984px; }
.icon-uloha-64.icon-medium { background-position: 0 -2016px; }
.icon-uloha-65.icon-medium { background-position: 0 -2048px; }
.icon-uloha-66.icon-medium { background-position: 0 -2080px; }
.icon-uloha-67.icon-medium { background-position: 0 -2112px; }
.icon-uloha-68.icon-medium { background-position: 0 -2144px; }
.icon-uloha-69.icon-medium { background-position: 0 -2176px; }
.icon-uloha-70.icon-medium { background-position: 0 -2208px; }
.icon-uloha-71.icon-medium { background-position: 0 -2240px; }
.icon-uloha-72.icon-medium { background-position: 0 -2272px; }
.icon-uloha-73.icon-medium { background-position: 0 -2304px; }
.icon-uloha-74.icon-medium { background-position: 0 -2336px; }
.icon-uloha-75.icon-medium { background-position: 0 -2368px; }
.icon-uloha-76.icon-medium { background-position: 0 -2400px; }
.icon-uloha-77.icon-medium { background-position: 0 -2432px; }
.icon-uloha-78.icon-medium { background-position: 0 -2464px; }
.icon-uloha-79.icon-medium { background-position: 0 -2496px; }
.icon-uloha-80.icon-medium { background-position: 0 -2528px; }
.icon-uloha-81.icon-medium { background-position: 0 -2560px; }
.icon-uloha-82.icon-medium { background-position: 0 -2592px; }
.icon-uloha-83.icon-medium { background-position: 0 -2624px; }
.icon-uloha-84.icon-medium { background-position: 0 -2656px; }
.icon-uloha-85.icon-medium { background-position: 0 -2688px; }
/*============================= header =============================*/
header {
	min-height: 80px;
	width: 100%;
	margin-bottom: 2px;
	position: fixed;
	z-index: 999;
}
header .left {
	float: left;
}
header .right {
	float: right;
}
header .profile-neprihlaseny {
	display: inline-block;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 410px;
	height: 50px;
	padding-top: 19px;
	font-size: 13px;
	vertical-align: middle;
	text-align: center;
}
header .profile-neprihlaseny input,
.soutez-neprihlaseny input {
	font-size: 13px;
	height: 42px;
	vertical-align: middle;
	margin: 0px;
	padding-right: 42px;
	width: 160px;
	-webkit-appearance: none;
}
header .profile-neprihlaseny button,
.soutez-neprihlaseny button {
	width: 42px;
	height: 42px;
	text-align: center;
	padding: 0px;
	vertical-align: middle;
	margin: 0px;
	margin-left: -42px;
}
header .profile-neprihlaseny a {
	text-decoration: underline;
	padding: 12px;
	border-radius: 6px;
}
header .profile-neprihlaseny span {
	width: 2px;
	height: 40px;
	margin: 0px 12px;
	display: inline-block;
	vertical-align: middle;
}
header .profile-neprihlaseny i.icon,
.soutez-neprihlaseny i.icon {
	vertical-align: middle;
	margin-right: 4px;
}
header .profile {
	display: inline-block;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 340px;
	padding-top: 12px;
}
header .profile a.profile-pic {
	width: 56px;
	height: 56px;
	border-radius: 6px;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
header .profile a.profile-pic img {
	width: 56px;
}
header .profile p {
	font-size: 16px;
	font-weight: 600;
	padding-top: 8px;
	line-height: 20px;
	float: left;
	min-width: 110px;
}
header .profile p span {
	font-size: 14px;
	margin-right: 10px;
	line-height: 18px;
	vertical-align: middle;
}
header .profile p .icon {
	width: 16px;
	height: 16px;
	margin-right: 2px;
	vertical-align: sub;
	background-size: 16px 16px;
}
header .profile > div {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 162px;
	height: 68px;
	padding-left: 35px;
}
header .profile > div > div {
	height: 40px;
	padding: 8px 14px;
	text-align: center;
	float: left;
	margin-top: 20px;
	box-sizing: border-box;
	position: relative;
}
header .profile > div > div .icon {
	width: 24px;
	height: 24px;
}
header .profile > div > div span.neprecitane {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
a#logo {
	margin-top: 20px;
	float: left;
}
a#logo img {
	vertical-align: middle;
}
a#logo img.avatar {
	height: 40px;
	margin-right: 6px;
}
a.menu_button {
	width: 24px;
	height: 22px;
	display: inline-block;
	float: left;
	padding: 29px 28px;
}
a.menu_button span {
	width: 24px;
	height: 3px;
	display: inline-block;
	margin: 2px 0px;
	float: left;
}
ul.language {
	float: right;
	list-style: none;
	text-align: left;
	z-index: 9999;
	margin: 22px 32px;
}
ul.language li a {
	list-style: none;
	display: inline-block;
	text-align: left;
	background-image: url(../images/design/select.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 20px 7px;
	vertical-align: middle;
	border-radius: 6px;
	line-height: 15px;
	font-size: 15px;
	padding: 8px 30px 8px 8px;
}
ul.language img {
	margin-right: 4px;
}
ul.language li ul li a {
	background-image: none;
	padding: 8px;
	min-width: 120px;
}
ul.language li {
	float: right;
}
/* Clears all floated List Items */
ul.language:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* First Level List Items Style */
ul.language li {
	float: left;
	position: relative;
}
/* Sub Menu Unordered List Second Level Style */
ul.language li ul {
	display: none;
}
/* Before Second Level Unordered List Style */
ul.language li ul:before {
	content: " ";
	position: absolute;
	display: block;
	z-index: 1500;
	left: 0;
	width: 100%;
}
/* Sub Menu Unordered List Second Level Style
When Parent List Item is Hovered */
ul.language li:hover ul {
	position: absolute;
	display: block;
	z-index: 1000;
	list-style: none;
	
}  
/* Second Level Menu List Items Style */
ul.language li ul li {
	float: none;                          
	text-align: center;
}
/* Second Level List Items Links Style */
ul.language li ul li a, ul.language li ul li a:link {
	display: block;
}
#rb-logo img {
	height: 36px;
}


#main {
  transition: margin-left .5s;
  padding: 0px 15px;
  padding-top: 95px;
}
/*=========================== sidenav ===================== */
.sidenav { 
  min-height: calc(100% - 117px);
  min-height: 100%;
  width: 0;
  z-index: 99;
   padding-top: 100px;
	padding-bottom: 15px;
 	position: absolute;
  overflow-x: hidden;
  transition: 0.5s;
 	box-sizing: border-box;
}
.sidenav.fixed {
	position: fixed;
	top: 0px;
	min-height: none;
	height: 100%;
}
.fade-in {
animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}


.sidenav > div {
	padding: 30px;
}
.sidenav > ul, .sidenav > div, .sidenav > p {
	display: none;
}
.sidenav.opened > ul, .sidenav.opened > p {
	width: 280px; 
	display: block;
}
.sidenav.opened > ul.language {
	display: none;
	width: 280px; 
}
.sidenav.opened > div {
	width: 220px; 
	display: block;
}
#mySidenav.opened {
	width: 280px;
}
#main.opened {
	margin-left: 280px;
}

#mySidenav ul li a{
	height: 16px;
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	padding: 15px 30px;
	vertical-align: top;
}
span.neprecitane {
	font-size: 10px;
	height: 14px;
	width: 14px;
	line-height: 14px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
}
#mySidenav ul li a span.neprecitane {
	margin-left: 5px;
}
.icon {
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	background-size:32px 32px;
}
.icon-home { background-image: url(../images/design/icons/home-icon.svg); }
.icon-zpravy { background-image: url(../images/design/icons/zpravy-icon.svg); }
.icon-domaci-ukoly { background-image: url(../images/design/icons/domaci-ukoly-icon.svg); }
.icon-chci-darovat { background-image: url(../images/design/icons/chci-darovat-icon.svg); }
.icon-chci-darovat-probiha { background-image: url(../images/design/icons/srdce-icon.svg); }
.icon-moje-zviratka { background-image: url(../images/design/icons/moje-zviratka-icon.svg); }
.icon-obchod { background-image: url(../images/design/icons/obchod-icon.svg); }
.icon-muj-ucet { background-image: url(../images/design/icons/muj-ucet-icon.svg); }
.icon-zebricek { background-image: url(../images/design/icons/zebricek-icon.svg); }
.icon-zlatak { background-image: url(../images/design/icons/zlatak-icon.svg?v=1); }
.icon-level { background-image: url(../images/design/icons/level-icon.svg); }
.icon-odhlasit { background-image: url(../images/design/icons/odhlasit-icon.svg); }
.icon-prac-listy { background-image: url(../images/design/icons/prac-listy-icon.svg); }
.icon-start {background-image: url(../images/design/icons/start-icon.svg); }
.icon-hotova-uloha {background-image: url(../images/design/icons/hotova-uloha-icon.svg); }
.icon-nedokoncena-uloha {background-image: url(../images/design/icons/nedokoncena-uloha-icon.svg); }
.icon-rozehrane-hry {background-image: url(../images/design/icons/rozehrane-hry-icon.svg); }
.icon-odznaky {background-image: url(../images/design/icons/odznaky-icon.svg); }
.icon-posledni-cviceni {background-image: url(../images/design/icons/posledni-cviceni-icon.svg); }
.icon-co-dal {background-image: url(../images/design/icons/co-dal-icon.svg); }
.icon-na-co-pozor {background-image: url(../images/design/icons/na-co-pozor-icon.svg); }
.icon-penezenka {background-image: url(../images/design/icons/penezenka-icon.svg); }
.icon-print {background-image: url(../images/design/icons/print-icon.svg); }
.icon-fail {background-image: url(../images/design/icons/fail-icon.svg); }
.icon-user {background-image: url(../images/design/icons/user-icon.svg); }
.icon-sipka {background-image: url(../images/design/icons/sipka-icon.svg); }
.icon-zona-ucitel-rodic {background-image: url(../images/design/icons/zona-ucitel-rodic-icon.svg); }
.icon-neutral {background-image: url(../images/design/icons/neutral.svg); }
.icon-sad {background-image: url(../images/design/icons/sad.svg); }
.icon-smile {background-image: url(../images/design/icons/smile.svg); }
.icon-link-out {background-image: url(../images/design/icons/link-out-icon.svg); }
.icon-pravidla {background-image: url(../images/design/icons/pravidla-icon.svg); }
.icon-blue-dropdown {background-image: url(../images/design/icons/blue-dropdown-icon.svg); }
.icon-red-dropdown {background-image: url(../images/design/icons/red-dropdown-icon.svg); }
.icon-konfigurator-tisku { background-image: url(../images/design/icons/konfigurator-tisku-icon.svg); }
.icon-tvorba-pracovnich-listu { background-image: url(../images/design/icons/tvorba-pracovnich-listu-icon.svg); }
.icon-sprava-trid-a-zaku { background-image: url(../images/design/icons/sprava-trid-a-zaku-icon.svg); }
.icon-soutez { background-image: url(../images/design/icons/soutez-icon.svg); }
.icon-petros { background-image: url(../images/design/icons/hornina-icon.svg); }
.icon-fungi { background-image: url(../images/design/icons/hriby-icon.svg); }
.icon-plant { background-image: url(../images/design/icons/rastliny-icon.svg); }
.icon-atlas { background-image: url(../images/design/icons/atlas-icon.svg); }
.icon-video-prednasky { background-image: url(../images/design/icons/video-prednasky-icon.svg); }
.icon-tabulky { background-image: url(../images/design/icons/tabulky-icon.svg); }
.icon-pokus { background-image: url(../images/design/icons/pokus-icon.svg); }
.icon-vzorce { background-image: url(../images/design/icons/vzorce-icon.svg); }

.right-icon {
	position: relative;
}
.right-icon .icon {
	position: absolute;
	right: 16px;
	top: 8px;
}
.sidenav .icon {
	margin-right: 16px;
	width: 16px;
	height: 16px;
	background-size: 20px 20px;
	vertical-align: inherit;
}
.sidenav > div > a {
	font-size: 14px;
}
.sidenav > div > a.button {
	width: 48%;
	box-sizing: border-box;
	padding: 15px;
	margin-top: 30px;
}
.sidenav ul.language {
	display: none;
}
a.in-weby {
	padding: 16px;
	box-sizing: border-box;
	border-radius: 6px;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
}
a.in-weby span {
	font-size: 11px;
	text-decoration: underline;
}
a.in-weby img {
	float: left;
	margin-right: 16px;
}
a.in-weby span.matika 	{ color: #47B870; }
a.in-weby span.gramar 	{ color: #18B2A2; }
a.in-weby span.trainbra { color: #E86D9E; }
a.in-weby span.geograf 	{ color: #8DC73D; }
a.in-weby span.zlatka 	{ color: #2F89E5; }
a.in-weby span.historie { color: #0E84AE; }
a.in-weby span.prirodak { color: #16B7B6; }
a.in-weby span.fyzika { color: #FFA02B; }
a.in-weby span.pexeso { color: #0E84AE; }

p.raiffeisen {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 30px;
	width: calc(100% - 43px)!important;
	box-sizing: border-box;
   border-radius: 6px;
	padding: 6px 0px;
}
p.raiffeisen a {
	text-decoration: underline;
}
ul.stats {
	text-align: center;
	font-size: 13px;
	margin: 24px 0px;
}
ul.stats li {
	margin: 12px 0px;
}
/*=========================== home content ===================== */
.intro_banner {
  height: 353px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center right;
  text-align: left;
  background-repeat: no-repeat;
  position: relative;
}
.banner_overlay {
	height: 353px;
	position: absolute;
	top: 0px;
	width: 100%;
	border-radius: 6px;
}
#intro_banner_1 {
  background-image: url(../images/design/banner-hp/banner-hp-bg_1.jpg);
}
#intro_banner_2 {
  background-image: url(../images/design/banner-hp/banner-hp-bg_2.jpg);
}
#intro_banner_3 {
  background-image: url(../images/design/banner-hp/banner-hp-bg_3.jpg);
}
#intro_banner_4 {
  background-image: url(../images/design/banner-hp/banner-hp-bg_4.jpg);
}
#intro_banner_4_a {
  background-image: url(../images/design/banner-hp/banner-hp-bg_4_a.jpg);
}
#intro_banner_4_b {
  background-image: url(../images/design/banner-hp/banner-hp-bg_4_b.jpg);
}
#intro_banner_4_charity {
  background-image: url(../images/design/banner-hp/banner-hp-bg_4_charity.jpg);
}
#intro_banner_4_charity_2022 {
  background-image: url(../images/design/banner-hp/banner-hp-bg_4_charity_2022.jpg);
}
.intro_banner .banner_postavicka {
	position: absolute;
	bottom: 0px;
	right: 5%;
	background-position: bottom;
	background-repeat: no-repeat;
	display: inline-block;
	width: 404px;
	height: 300px;
	background-size: 404px 300px;
}
#banner_1 {
	background-image: url(../images/design/banner-hp/banner_1.png);
}
#banner_2 {
	background-image: url(../images/design/banner-hp/banner_2.png);
}
#banner_3 {
	background-image: url(../images/design/banner-hp/banner_3.png);
}
#banner_4 {
	background-image: url(../images/design/banner-hp/banner_4.png);
}
#banner_soutez {
	background-image: url(../images/design/banner-hp/banner_soutez.png);
}
.intro_banner h1 {
	text-align: left;
	max-width: 280px;
	margin: 64px 0px 0px 64px;
}
.stupne {
	min-height: 96px;
	text-align: center;
}
.full.stupne {
	margin-bottom: 0px;
}
.stupne span.line {
	height: 8px;
	display: block;
	border-radius: 6px 6px 0 0;
}
.stupne h2 {
	font-size: 24px;
	line-height: 32px;
	margin-top: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.stupne h3 {
	margin-top: 10px;
}
.stupne strong {
	font-size: 20px;
	line-height: 32px;
	font-weight: 600;
	display: block;
}
a.stupne {
	 transition: 0.5s;
}
a.stupne strong {
	margin-top: 16px;
	margin-bottom: 3px;
}
.stupne span {
	font-size: 16px;
	font-weight: 500;
}
.nedokoncena-uloha {
	vertical-align: middle;
	line-height: 32px;
}
.nedokoncena-uloha img,
.nedokoncena-uloha .icon,
.nedokoncena-uloha .icon-uloha {
	float: left;
	margin-right: 16px;	
}
h4.brown-button {
	text-align: center;
	font-size: 19px; 
	line-height: 19px;
}
h4.brown-button a {
	display: block;
	padding: 16px;
}
h4.brown-button .icon {
	margin-right: 16px;
	line-height: 19px;
	vertical-align: middle;
}
.rozehrane-hry  {
	text-align: center;
}
.rozehrane-hry p.block {
	display: inline;
}
.rozehrane-hry span.time {
	margin-left: 20px;
}
.rozehrane-hry > a {
	text-align: left;
	margin-bottom: 6px;
	display: block;
}
.rozehrane-hry > a span.button {
	float: right;
	border-radius: 6px;
	height: 50px;
	line-height: 20px;
	vertical-align: middle;
	padding: 15px 30px;
	box-sizing: border-box;
	margin: -8px -10px 0px 24px;
}
.rozehrane-hry > p {
	margin-top: 16px;
}
.white-bg-full-button, .white-bg, .red-bg {
	border-radius: 6px;
   padding: 16px;
   box-sizing: border-box;
	 transition: 0.5s;
}
.ulohy-button {
	position: relative;
}
.ulohy-button .badge_nove {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 42px;
	height: 42px;
	background-image: url(../images/design/icons/badge_nove.svg);
	background-position: top right;
	background-repeat: no-repeat;
}
.ulohy-button span,
.odznak span.odznak-uloha {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	position: relative;
	transition: 0.5s;
	padding-top: 10px;
} 
.ulohy-button span {
	margin-right: 16px;
	float: left;
} 
.ulohy-button.aktivita span {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	padding-top: 8px;
} 
.ulohy-button span .icon.mini,
.odznak span.odznak-uloha .icon.mini {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.icon.mini {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.ulohy-button h4 {
	margin: 10px 0px 5px 0px;
}
.ulohy-button.miniaplikace,
.ulohy-button.aktivita {
	 display: flex;
    align-items: center; 
	 border-radius: 6px;
   padding: 16px;
   box-sizing: border-box;
	 transition: 0.5s;
}
.ulohy-button.miniaplikace h4,
.ulohy-button.aktivita h4 {
	margin: 0;
}
.white-bg-full-button.ucet {
	text-align: center;
	position: relative;
}
.white-bg-full-button.ucet div {
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 32px;
	margin: 8px 0px 12px 0px;
	 transition: 0.5s;
}
.white-bg-full-button.ucet div i.icon {
	background-size: 48px 48px;
	width: 40px;
	height: 40px;
	margin-top: 12px;
}
.white-bg-full-button.ucet div {
	overflow: hidden;
}
.white-bg-full-button:hover div,
.white-bg-full-button.aktivita:hover span {
	border-radius: 6px;
	 transition: 0.5s;
}
.white-bg-full-button.ucet  span.neprecitane {
	position: absolute;
	width: 24px;
	height: 24px;
	font-size: 17px;
	padding-top: 5px;
	top: 65px;
	margin-left: 45px;
}
.white-bg-full-button.ucet h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	margin: 2px 0px;
}
.white-bg-full-button.ucet p {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 8px;
}

.white-bg-full-button.ucet p a {
	text-decoration: underline;
	margin: 0px 5px;
}
.home_odznaky, .home_zviratka {
	border-radius: 6px;
	min-height: 260px;
}
.home_odznaky {
	text-align: center;
	transition: 0.5s;
}
.home_odznaky h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	margin-top: 30px;
}
.home_odznaky h3 .icon {
	vertical-align: middle;
}
span.badge {
	width: 96px;
	height: 96px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 96px 96px;
	text-align: center;
	font-size: 28px;
	display: inline-block;
	float: left;
	padding-top: 23px;
	box-sizing: border-box;
}
span.badgebb {
	background-image: url(../images/design/badge-blue-bronze.png);
}
span.badgebs {
	background-image: url(../images/design/badge-blue-silver.png);
}
span.badgebg {
	background-image: url(../images/design/badge-blue-gold.png);
}
span.badgegb {
	background-image: url(../images/design/badge-green-bronze.png);
}
span.badgegs {
	background-image: url(../images/design/badge-green-silver.png);
}
span.badgegg {
	background-image: url(../images/design/badge-green-gold.png);
}
span.badgeeb {
	background-image: url(../images/design/badge-beige-bronze.png);
}
span.badgees {
	background-image: url(../images/design/badge-beige-silver.png);
}
span.badgeeg {
	background-image: url(../images/design/badge-beige-gold.png);
}
span.badgeb {
	background-image: url(../images/design/badge-bronze.png);
}
span.badges {
	background-image: url(../images/design/badge-silver.png);
}
span.badgeg {
	background-image: url(../images/design/badge-gold.png);
}
.home_odznaky span.badge {
	margin-right: 15px;
}
.home_odznaky > div {
	overflow: hidden;
	margin-bottom: 20px;
	margin: 0px 15% 10px 15%;
	width: 70%;
}
.home_odznaky p {
	text-align: left;
	width: calc(100% - 111px);
	float: left;
	margin: 5px 0px;
}
.home_zviratka {
	text-align: center;
	float: right;
}
.home_zviratka h2 {
	border-radius: 6px 6px 0 0;
	text-align: left;
}
.home_zviratka h2 span.underline{
	font-size: 16px;
	font-weight: 500;
}
.home_odznaky h2, .home_zviratka h2 {
	font-size: 19px;
	font-weight: 600;
}
.home_zviratka > a {
	width: 120px;
	height: 120px;
	margin: 30px 1.4%;
	display: inline-block;
	border-radius: 50%;
	transition: 0.5s;
	text-align: center;
	position: relative;
}
.home_zviratka > a > span {
	border-radius: 50%;
	overflow: hidden;
	width: 110px;
	display: inline-block;
	height: 110px;
	margin: 5px;
}
.home_zviratka > a strong {
	font-size: 23px;
	font-weight: 600;
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
}
.home_zviratka > a h3 {
	font-size: 10px;
	min-height: 10px;
	font-weight: 500;
	line-height: 10px;
	padding: 4px 10px;
	width: 50%;
	margin: 0px 18%;
	border-radius: 5px;
	position: absolute;
	top: 45px;
}
.home_zviratka > a > img {
	width: 90px;
	height: 90px;
	position: absolute;
	bottom: -18px;
	right: -18px;
}
footer {
	padding: 32px 0px 17px 0px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	opacity: 0.75;
	margin-top: 64px!important;
}
footer a {
	text-decoration: underline;
}
/*=========================== podstranky ===================== */
.breadcrumbs {
	text-align: center;
	padding: 10px;
	font-size: 20px;
	line-height: 24px;
	vertical-align: middle;
}

.breadcrumbs h1,.breadcrumbs a  {
	display: inline;
	font-size: 24px;
	line-height: 24px;
	margin: 0px 10px;
	vertical-align: middle;
}
.breadcrumbs a, .pravidla_tlac a {
	text-decoration: underline;
	transition: 0.5s;
}
.breadcrumbs a.icon,.breadcrumbs span,
.pravidla_tlac a,.pravidla_tlac span {
	margin: 0px 10px;
	vertical-align: middle;
	font-size: 15px;
	display: inline-block;
}
.breadcrumbs a.icon,
.pravidla_tlac a.icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	box-sizing: border-box;
}
.breadcrumbs a.icon i.icon,
.pravidla_tlac a.icon i.icon {
	background-size: 24px 24px;
}
a.full.white-bg {
	vertical-align: middle;
}
.breadcrumbs span.hide,
.pravidla_tlac span.hide {
	margin: 0px;
}
/*=========================== uloha ===================== */
#uloha {
	padding-bottom: 100px;
}
#uloha .container {
	margin-top: 15px !important;
}
#uloha .breadcrumbs  {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 24px;
	z-index: 99;
}
#uloha .pravidla_tlac {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 24px 10px 10px 10px;
	font-size: 20px;
	line-height: 24px;
	vertical-align: middle;
	z-index: 99;
}
#uloha .breadcrumbs a.icon,
#uloha .pravidla_tlac a.icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	padding-top: 15px;
	text-align: center;
}
#uloha .breadcrumbs a.icon i.icon,
#uloha .pravidla_tlac a.icon i.icon {
	background-size: 36px 36px;
}
.poradie_ulohy {
	font-size: 32px;
	text-align: center;
	padding-bottom: 30px;
}
#uloha .container {
	padding-top: 20px;
}
#uloha .ulohy {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#uloha .ulohy.ulohy-hodnoceni {
	margin-bottom: 40px;
	margin-top: 10px;
}
#uloha .full.white-bg {
	padding-bottom: 30px;
}
#uloha .full.white-bg.text-center p {
	line-height: 22px;
}
#uloha .full.white-bg.text-center .ulohy.ulohy-hodnoceni {
	margin-bottom: 10px;
}
#uloha .ulohy li {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 12px;
	margin: 0px 6px;
	padding-top: 4px;
	box-sizing: border-box;
	position: relative;
	vertical-align: middle;
}

#uloha .ulohy li#gradient {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 20px;
	margin: 0px;
	border-radius: 0;
	height: 60px;
}
#uloha .ulohy li img {
	width: 28px;
	height: 28px;
}
#uloha .ulohy li i.icon {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}
#uloha .ulohy li.active {
	width: 56px;
	height: 56px;
	margin: 0px 4px;
	padding-top: 6px;
}
#uloha .ulohy li.active img {
	width: 40px;
	height: 40px;
}
#uloha h1, #uloha h2 {
	text-align: center;
}
#uloha h1 {
	font-size: 30px;
	padding-top: 24px;
}
#uloha h2 {
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#uloha .container, .content {
	max-width: 1096px;
}
.content {
	margin: 24px auto;
}
.jak_resit {
	margin-top: 30px;
	padding: 26px;
	line-height: 24px;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
}

.jak_resit h3 {
	text-align: left;
	font-size: 17px;
	font-weight: 600;
}
.full.jak_resit, .full.white-bg {
	margin: 4px 15px;
}
button, input.button {
	font-size: 17px;
	line-height: 17px;
	padding: 13px 40px;
	-webkit-appearance: none;
}
#uloha .postavicka {
	text-align: center;
	padding: 0px;
	margin: 8px;
	width: 210px;
	height: 210px;
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	vertical-align: top;
}
#uloha .postavicka > img {
	width: 70%;
	height: auto;
	margin-top: 20px;
}
#uloha .postavicka > img.postavicka-skvela {
	width: 120%;
}
#uloha .postavicka p {
	margin-top: 40px;
	padding: 0px 10%;
}
#uloha .postavicka span.badge {
	margin: 0px auto;
	float: none;
	padding-top: 30px;
	width: 120px;
	height: 120px;
	background-size: 120px 120px;
}
.rot90 {
	  transform: rotate(90deg);
}
.jak_resit .in-weby {
	line-height: 16px;
	text-decoration: none;
	margin: 1%;
	width: 48%;
	float: left;
}
.jak_resit .in-weby strong {
	text-decoration: none;
}
.jak_resit .in-weby > div {
	height: 22px;
	width: 68px;
	display: inline-block;
	text-align: right;
	float: right;
	margin-top: -14px;
	padding-top: 6px;
	font-size: 16px;
}
/*=========================== profil ===================== */
table.nice {
	 border-collapse:separate;
    border-spacing:0 5px;
	 margin-bottom: 40px;
}
table.nice a, .jak_resit a {
	text-decoration: underline;
}
table.nice a:hover, .jak_resit a:hover {
	text-decoration: none;
}
table.nice th {
	font-size: 16px;
}
table.nice th, 
table.nice td {
	padding: 16px 24px;
	text-align: left;
	vertical-align: middle;
}
table.nice td:first-of-type {
	border-radius: 6px 0px 0px 6px;
}
table.nice td:last-of-type {
	border-radius: 0px 6px 6px 0px;
}
table.nice img {
	margin-right: 6px;
	vertical-align: middle;
}
table.nice i {
	 vertical-align: middle;
}
.small-icon {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.container a.button,
.container button,
.container input.button,
.ui-dialog a.button {
	text-decoration: none;
	min-height: 46px;
	line-height: 16px;
	padding: 14px 32px;
	box-sizing: border-box;
	vertical-align: middle;
	-webkit-appearance: none;
}
table.nice a.button.negative_margin {
	float: right;
	margin: -6px -8px -6px 0px;
}
table.nice td.vysledek .icon-fail {
	margin-left: 20px;
}

i.zlatak {
	box-sizing: border-box;
  height: 16px;
  width: 16px;
  border: 2px solid #FED100;
  background-color: #FFF30A;
 	display: inline-block;
	margin-right: 6px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	color: #FED100;
	border-radius: 50%;
	text-align: center;
	vertical-align: bottom;
}
table.nice i.zlatak {	
	vertical-align: bottom;
}
.zlataky-stav {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
}
.zlataky-stav h3 {
	margin-top: 18px;
}
.zlataky-stav i.zlatak {
	width: 32px;
	height: 32px;
	border: 4px solid #FED100;
	font-size: 24px;
	line-height: 24px;
}
hr {
	width: 100%;
	margin: 18px 0px;
	border: 0;
	clear: both;
}
h2.h1 {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 32px;
	margin-top: 32px;
}
.p_margin_b p {
	margin-bottom: 15px;
}
/*=========================== forms ===================== */
form label {
	font-weight: 600;
	display: inline-block;
}
form .third label {
	width: 25%;
}
form select, form input, form textarea {
	font-size: 17px;
	border-radius: 6px;
	padding: 9px 6px 8px 6px;
	margin-bottom: 12px;
	box-sizing: border-box;
}

form input.button {
	margin-bottom: 0px;
}
form.inline-form select,
form.inline-form input {
	margin-right: 5px;
}


form .third select {
	width: 75%;
}
form table {
	width: 70%;
	margin: 24px auto;
}
form table.small {
	max-width: 460px;
}
form table.small input {
	margin-top: 4px;
}
form table button {
	margin-top: 24px;
}
form table td, form table th {
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}
form table select, form table input, form table textarea, form table input[type='date'] {
	width: 100%;
	vertical-align: baseline;
}
form table select.perc70, form table input.perc70, form table textarea.perc70 {
	width: 70%;
}
form table select.perc50, form table input.perc50, form table textarea.perc50 {
	width: 50%;
}
form table select.px60, form table input.px60, form table textarea.px60 {
	width: 60px;
}
form table select.px130, form table input.px130, form table textarea.px130 {
	width: 130px;
}
form table select.px200, form table input.px200, form table textarea.px200 {
	width: 200px;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
input.checkbox {
	width: auto;
}
.mini_buttons {
	padding-top: 12px;
}
.mini_buttons button,
.mini_buttons a {
	padding: 7px 10px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 15px;
}

.white-bg-full-button.blue-text {
	text-decoration: underline;
	font-size: 18px;
	text-align: center;
	padding-top: 23px;
	padding-bottom: 23px;
}

a.delete.x {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	box-sizing: border-box;
	margin: 0px 10px;
	padding: 2px 0px 0px 0px;
	vertical-align: text-top;
}
.obchod-active {
	padding-bottom: 50px !important;
}
.obchod-buttons {
	margin-bottom: 5px !important;
}
.obchod-buttons a {
	margin-right: 10px;
	padding: 20px;
}
.obchod-buttons a span {
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: bold;
	padding-top: 9px;
	background-size: cover;
	vertical-align: middle;
	margin-right: 8px;
}
.obchod-buttons a span.ledovazeme {
	background-image: url(../images/obchod/pozadi/ledovazeme_pozadi_thumb.jpg);
}
.obchod-buttons a span.les {
	background-image: url(../images/obchod/pozadi/les_pozadi_thumb.jpg);
}
.obchod-buttons a span.prales {
	background-image: url(../images/obchod/pozadi/prales_pozadi_thumb.jpg);
}
.obchod-buttons a span.savana {
	background-image: url(../images/obchod/pozadi/savana_pozadi_thumb.jpg);
}
.obchod-buttons a span.vodnirise {
	background-image: url(../images/obchod/pozadi/vodnirise_pozadi_thumb.jpg);
}
.karta {
	width: 27.33%;
	margin: 3%;
	text-align: center;
	float: left;
	border-radius: 30px;
	padding: 12px;
	box-sizing: border-box;
	overflow: hidden;
}
.obchod .karta {
	width: 18%;
	margin: 1%;
}
.losy .karta {
	width: 23%;
	margin: 1%;
}
.pexeso .karta {
	width: 14.66%;
	height: 14.66%;
	margin: 1%;
	position: relative;
}
.pexeso2 .karta {
	width: 4.6cm;
	height: 4.6cm;
	position: relative;
	margin: 0!important;
	border-radius: 0px;
	border: 1px solid #555555;
}
.pexeso2 .karta span.cena i.icon {
	display: none;
}

.karta h3 {
	font-size: 15px;
	text-align: center;
	margin: 18px 0px;
}
.obchod .karta h3 {
	font-size: 15px;
	text-align: center;
	margin: 0px 0px 18px 0px;
}
.pexeso2 .karta h3, .pexeso .karta h3 {
	margin: -10px 0px 0px 0px;
	font-size: 12px;
}
 
.karta strong.orez {
	border-radius: 30px;
	display: inline-block;
	width: 100%;
}
.karta strong.orez2 IMG {
	border-radius: 30px;
}
.karta span {
	font-size: 15px;
	border-radius: 28px;
	padding: 8px 16px;
	margin-bottom: 12px;
	display: inline-block;
	 transition: 0.5s;
}
a.karta {
	text-decoration: none;
}
.karta span.cena {
	height: 28px;
	font-weight: 600;
	margin-top: -14px;
	padding: 5px 12px 20px 12px;
	box-sizing: border-box;
	vertical-align: middle;
}
.pexeso .karta span.cena {
	margin-top: -200%;
	height: 24px;
}
.pexeso2 .karta span.cena {
	top: 20px;
	left: calc(50% - 30px);
	position: absolute;
	width: 60px;
	z-index: 999;
	height: 24px;
}
.karta span.cena i.icon {
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
}

.obchod {
	padding: 26px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 500;
}
.krajina {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}
.krajina img {
	float: left;
	width: 100%;
}
.krajina img.zviratko {
	position: absolute;
	max-width: 20%;
}
.obchod .full {
	margin-top: 60px;
}
.odznak {
	text-align: center;
	min-height: 480px;
}
.odznak span.badge {
	width: 100%;
	height: 170px;
	margin-bottom: 24px;
	background-size: 170px 170px;
	font-size: 45px;
	padding-top: 40px;
}
.odznak p {
	font-size: 13px;
	margin-bottom: 24px;
}
.odznak p strong {
	font-size: 15px;
}
.odznak > img {
	max-height: 173px;
}
.odznak h4 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 25px;
}
.odznak span.odznak-uloha {
	margin-top: 32px;
	margin-bottom: 20px;
}
.adresati > a {
	padding: 24px 32px;
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 6px;
}
.adresati > a strong.orez {
	width: 64px;
	height: 64px;
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	float: left;
	margin-right: 16px;
}
.adresati > a strong.orez .icon {
	margin-top: 10px;
}
.adresati > a  span.neprecitane {
	position: absolute;
	top: 64px;
	left: 32px;
	width: 24px;
	height: 24px;
	font-size: 17px;
	z-index: 9;
	padding-top: 5px;
	font-weight: 600;
}
.adresati > a strong.orez img {
	width: 100%;
}

.adresati > a h3 {
	font-size: 18px;
	display: inline-block;
	float: left;
	width: calc(100% - 112px);
	text-align: left;
	margin: 6px 0px;
}
.adresati > a p {
	display: inline-block;
	float: left;
	width: calc(100% - 112px);
}

.no_padding {
	padding: 0px!important;
}
.chat {
	height: calc(100vh - 304px);
	overflow-y: scroll;
	position: relative;
	padding: 0px 24px;
}
.chat .prichadzajuca {
	margin-right: 120px;
}
.chat .odchadzajuca {
	margin-left: 120px;
}
.chat .odchadzajuca,
.chat .prichadzajuca {
	margin-top: 6px;
	position: relative;
	margin-bottom: 20px;
}
.chat .prichadzajuca p {
	 border-radius: 16px 16px 16px 4px; 
}

.chat .odchadzajuca p {
	  border-radius: 16px 16px 16px 4px;
}

.chat .prichadzajuca p,
.chat .odchadzajuca p {
	padding: 24px;
	font-size: 16px;
	 line-height: 26px;
	 margin-bottom: 6px;
} 
.chat .prichadzajuca a,
.chat .odchadzajuca a {
	text-decoration: underline;
} 
.chat strong.orez {
	width: 32px;
	height: 32px;
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	float: left;
	bottom: 6px;
}
.chat .prichadzajuca strong.orez {
	margin-right: 8px;
	left: 0px;
}
.chat .odchadzajuca strong.orez {
	margin-left: 8px;
	right: 0px;
}
.chat .orez img,
.chat-hlavicka .orez img {
	width: 100%;
}
.chat .datum {
  font-size: 12px;
  line-height: 19px;
	margin-top: 6px;
} 
.chat .datum span {
	margin-right: 20px;
}
.chat .datum a {
	text-decoration: underline;
	margin-right: 20px;
}
.chat .prichadzajuca .datum,
.chat .prichadzajuca p { 
	margin-left: 40px; 
}
.chat .odchadzajuca .datum,
.chat .odchadzajuca p { 
	margin-right: 40px; 
}
.chat .odchadzajuca .datum {
	text-align: right;
}
.chat-hlavicka {
	width: 100%;
	top: 0px;
	padding: 6px 24px;
	box-sizing: border-box;
	z-index: 9999;
	border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.chat-hlavicka span.orez {
	width: 44px;
	height: 44px;
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
	float: left;
	margin-right: 12px;
}
.chat-hlavicka h2 {
	float: left;
	margin-top: 15px;
	font-size: 17px;
	font-weight: 600;
}
.chat-paticka {
	padding: 16px 16px 6px 16px;
	box-sizing: border-box;
}
.chat-paticka textarea {
	 border-radius: 6px;
	height: 130px;
	font-size: 16px;
	vertical-align: top;
	width: calc(100% - 164px);
	margin-right: 16px;
}
.chat-paticka button {
	height: 56px;
	font-size: 16px;
}
.notice {
	border-radius: 6px;
	padding: 23px;
	font-weight: 600;
	text-align: left;
	overflow: hidden;
	line-height: 20px;
}
.notice.text-center {
	text-align: center;
}
.notice p {
	float: left;
	width: 85%;
}
.notice .icon {
	float: left;
	margin-right: 20px;
}
.o-nas {
	font-size: 16px;
	line-height: 26px;
	box-sizing: border-box;
	padding: 54px 114px;
}
.text a {
	text-decoration: underline;
}
.text p, .text li {
	line-height: 26px;
}
.text p, .text h2, .text h3 {
	margin: 20px 0px;
}
.text .qr {
	margin: 40px 0px;
	text-align:left;
}

ol.styled {
  list-style: none;
  counter-reset: my-awesome-counter1;
  padding-left: 50px;
}
ol.styled ol.styled {
  list-style: none;
  counter-reset: my-awesome-counter2;
  padding-left: 50px;
}
ol.styled li {
  margin: 0 0 15px 0;
  counter-increment: counter1;
  position: relative; 
}
ol.styled li ol.styled li {
  counter-increment: counter2;
}
ol.styled li::before {
  content: counter(counter1);
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 20px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  font-weight: 600;
  border-radius: 50%;
  text-align: center;
}
ol.styled li ol.styled li::before {
  content: counter(counter2);
  
}
.white-bg.text.full {
	margin-bottom: 20px;
}
.clen-timu {
	padding: 32px 16px;
}
.clen-timu .orez {
	width: 130px;
	height: 130px;
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
}
.clen-timu h4 {
	margin: 24px 0px;
}
#uloha .vyplatene {
	margin-bottom: 32px;
}
#uloha .vyplatene h2 {
	padding-bottom: 6px;
	padding-top: 0px;
}
#uloha .full.white-bg > h3 {
	margin: 10px 0px 24px 0px;
}
.vyplatene p {
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
}
.vyplatene .icon {
	vertical-align: inherit;
}
.podporeny-nadace {
	padding: 24px;
	box-sizing: border-box;
}
.podporeny-nadace h3 {
	text-align: left;
	margin-top: 0px;
	line-height: 28px;
}
.podporeny-nadace span.orez {
	width: 200px;
	height: 160px;
	border-radius: 6px;
	display: inline-block;
	float: left;
	margin-right: 24px;
	overflow: hidden;
}
.darovani-table {
	padding: 16px 0px;
	text-align: left;
}
.darovani-table .icon.mini{
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	margin-left: 10px;
}
.darovani-table img {
	vertical-align: middle;
	margin-right: 6px;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 16px;
  border-radius: 6px;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin: 32px 0px 48px 0px;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;  
  background-image: url(../images/design/icons/srdce-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}
.slider::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  background-image: url(../images/design/icons/srdce-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}
.zlatakov_pocet {
	margin-right: 12px;
	border-radius: 6px;
	padding: 10px 24px;
}
.zlatakov_pocet .icon {
	margin-right: 12px;
}
td.v-align-middle {
	vertical-align: middle;
}
td.half-td {
	width: 50%;
}

input[type="checkbox"][readonly],input[type="radio"][readonly] {
	pointer-events: none;
	opacity: 0.5;
}
ol.zoznam,ul.zoznam,
.pracovni_list_2 ol, .pracovni_list_2 ul {
	margin: 32px 0px;
}
ol.zoznam li,ul.zoznam li,
.pracovni_list_2 ol li, .pracovni_list_2 ul li {
	margin: 5px 0px 15px 40px;
}
ol.zoznam li,
.pracovni_list_2 ol li {
	list-style: decimal;
}
.pracovni_list_2 ol.styled li {
	list-style: none;
}
ul.zoznam li,
.pracovni_list_2 ul li {
	list-style: disc;
}
.pracovni_list_2 ul.sortable li {
	list-style: none !important;
	margin: 6px 10% !important;
}
#uloha .pracovni_list_2 li.oddel {
	list-style: none !important;
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 150px;
text-align: center;
padding: 5px 0;
border-radius: 6px;

/* Position the tooltip text */
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -75px;

/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
td.text-center {
    text-align: center!important;
}
.vysledek {
	width: 100%;
	max-width: 590px;
	margin: 60px auto 10px auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 316px;
	position: relative;
}
.vysledek > strong {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	display: block;
	z-index: 99;
}
.vysledek img {
	height: 105%;
	width: auto;
	top: 0px;
	right: 10px;
	position: absolute;
}
.vysledek > strong i.icon {
	margin-right: 6px;
	vertical-align: bottom;
}
.vysledek.vysledek-skvely {
	background-image: url(../images/design/vysledek-skvely.png);
}
.vysledek.vysledek-nicmoc {
	background-image: url(../images/design/vysledek-nicmoc.png);
}
.vysledek.vysledek-dobry {
	background-image: url(../images/design/vysledek-dobry.png);
}
.badge.no-circle {
	background-image: url(../images/design/vysledek-trofej-1.png);
}
.vysledek .badge.no-circle {
	width: 140px;
	height: 140px;
	background-size: 140px 140px;
	font-size: 36px;
	padding-top: 30px;
}
.vysledek p {
	position: absolute;
	left: 30px;
	text-align: center;
	top: 27%;
}
#uloha .pracovni_list_2 h2 {
	font-size: 25px;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#uloha .pracovni_list_2 div.full > div {
	max-width: 800px;
	margin: 0px auto;
}
#uloha .pracovni_list_2 .por6 {
	padding: 12px;
	border-radius: 6px;
	box-sizing: border-box;
	margin: 3px 0px;
}
#uloha .pracovni_list_2 .cursormove {
	cursor: move;
	border-radius: 6px;
}
.pracovni_list_2 .utr_third {
	border-radius: 6px;
}
#uloha .pracovni_list_2 .active {
    cursor: pointer;
	 border-radius: 6px;
	 padding: 4px 2px;
}
#uloha .pracovni_list_2 .word {
    display: inline;
}
#uloha .pracovni_list_2 .dve_odpovede {
float: right;
}
.dve_odpovede.spravne, span.spravne {
padding: 5px 10px;
}
.dve_odpovede.nespravne, span.nespravne {
padding: 5px 10px;
}

#uloha .pracovni_list_2 .oddel {
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
}
#uloha .pracovni_list_2 .oddel input {
	margin-bottom: 0px;
}
#uloha .pracovni_list_2 .dve_odpovede span {
	margin: 0px 0px 0px 25px;
	padding: 10px;
	display: inline-block;
	border-radius: 6px;
	vertical-align: middle;
}




input.minus_big, input.plus_big {
	width: 40px;
	font-weight: 600;
	font-size: 25px;
	line-height: 25px;
	vertical-align: top;
	cursor: pointer;
}
input.input_minus_plus {
	width: calc(100% - 90px);
	vertical-align: top;
}

td.vertical-align {
	vertical-align: middle;
}
td.vertical-align label {
	padding-bottom: 10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.jak-se-darilo {
	text-align: center;
}
.jak-se-darilo textarea {
	width: 100%;
	width: calc(100% - 24px);
	margin: 0px 12px;
	border-radius: 6px;
	padding: 10px;
	box-sizing: border-box;
}
.jak-se-darilo p {
	margin-bottom: 12px!important;
}
.jak-se-darilo a {
	width: 128px;
	height: 128px;
	display: inline-block;
	border-radius: 6px;
	margin: 12px;
}
.jak-se-darilo a .icon{
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	margin-top: 28px;
}
.text-with-icon {
	display: inline-block;
	width: calc(100% - 30px);
	vertical-align: middle;
}

.oddel-buttony input.button {
	margin: 20px 10% 10px 10%;
}
/*=========================== soutez ===================== */
.intro_soutez img {
	width: 177px;
	float: left;
}
.intro_soutez h1 {
	float: left;
	font-size: 34px;
	text-align: left!important;
	margin: 20px 0px 0px 20px;
}
.intro_soutez h1 strong {
	display: block;
}
.soutez_odpocet,
.soutez .white-bg {
	border-radius: 30px;
}
.soutez_odpocet {
	text-align: center!important;
	max-width: 400px;
	float: right;
}
.soutez .half.soutez_odpocet h2 {
	font-size: 28px!important;
	text-align: center!important;
	margin: 30px 0px  20px 0px !important;
}
.soutez .half.soutez_odpocet p {
	float: left;
	width: 21%;
	margin: 10px 2% 30px 2%;
}
.soutez_cena_img {
	width: 50%;
	float: left;
	margin: 0px 5%;
	position: relative;
}
.soutez_cena_txt {
	width: 30%;
	float: left;
	margin: 5%;
}
.soutez .half.soutez_odpocet p strong {
	display: block;
	font-size: 32px;
}

.soutez h2 {
	font-size: 32px!important;
	margin-bottom: 30px !important;
	margin-top: 100px !important;
	padding: 0px !important;
}
.soutez .soutez_cena_txt h2 {
	font-size: 24px!important;
	text-align: left!important;
	line-height: 32px!important;
	margin-top: 0px !important;
}
.soutez .soutez_cena_txt p {
	font-size: 14px;
	line-height: 22px;
	margin: 12px 0px;
}
.soutez .text_soutez {
	text-align: center;
	margin-bottom:50px;
}
.soutez .text_soutez p a {
	text-decoration: underline;
}
img.soutez-dalsi-ceny {
	max-width: 320px;
}
.soutez .text_soutez.full {
	margin-top: 100px;
}
.soutez .text_soutez.full .half strong {
	font-size: 24px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	padding-top: 20px;
}
.soutez .text_soutez.full h3 {
	font-size: 24px;
	margin: 20px 0px;
}
.soutez .text_soutez h2 {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}
.soutez .text_soutez.full .half {
	padding: 2% 10%;
}
.soutez .half.text_soutez {
	padding: 0px 5%;
	text-align: left;
}
.soutez .half > p {
	font-size: 16px;
	line-height: 24px;
}
.soutez .half > h2 {
	text-align: left !important;
	margin-top: 60px !important;
	margin-bottom: 20px !important;
}
.soutez .half > p > a.button {
	margin-top: 30px;
	border-radius: 30px;
}
.soutez .home_zviratka {
	width: 100%;
	background-color: transparent;
}
.soutez .home_zviratka p {
	margin: 12px 0px;
}
.soutez .home_zviratka p a {
	text-decoration: underline;
}
.soutez .home_zviratka > a > img {
    width: 70px;
    height: 70px;
   bottom: -18px;
    right: 0;
	 left: 25%;
}
.soutez .home_zviratka > a {
	margin: 30px -10px;
}
.losy {
	margin-top: 80px;
}
.menu_soutez {
	margin-bottom: 40px;
}
.menu_soutez a {
	text-decoration: underline;
	font-size: 18px;
	display: inline-block;
	margin: 20px 30px;
}
.soutez_badge2, 
.soutez_badge1 {
	width: 142px;
	height: 142px;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
}
.soutez_badge1 {
	left: 0;
	top: 0;
	font-size: 28px;
	padding-top: 43px;
}
.soutez_badge2 {
	right: 0;
	bottom: 0;
	padding-top: 50px;
}
.video-container { 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 30px; 
height: 0; 
overflow: hidden; 
}
.video-container iframe, .video-container object, .video-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
.soutez-neprihlaseny {
	text-align: center!important;
	padding-top: 80px!important;
}
.soutez-neprihlaseny a {
	text-decoration: underline;
}
.soutez-neprihlaseny form {
	margin-top: 20px;
}
.soutez-neprihlaseny button {
	padding: 0px 0px 0px 4px;
	min-height: 40px;
}
.soutez_banner h1, .soutez_banner h1 strong {
	font-size: 32px;
}
.soutez_banner h1 strong {
	display: block;
}
.soutez_banner h1{
	background-image: url(../images/soutez/soutez-logo.png);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	background-size: 106px 115px;
	padding: 20px 0px 20px 130px;
}
.soutez_button {
	margin-left: 70px;
	border-radius: 24px;
	z-index:9999;
	position:relative;
}
.charita_2021_tabula,.charita_2022_tabula {
	text-align: center;
	padding: 80px 0px;
	position: relative;
}
.charita_2021_tabula > div,.charita_2022_tabula > div {
	position: absolute;
	font-size: 40px;
	text-align: center;
	color: #FFF;
	top: 30%;
	width: 100%;
	line-height: 100px;
}
.charita_2021_tabula > div i.icon,.charita_2022_tabula > div i.icon {
	vertical-align: super;
}
.charita_2021_tabula > div strong,.charita_2022_tabula > div strong {
	font-size: 100px;
	padding-right: 30px;
}
.charita_2021_tabula img.tabula,.charita_2022_tabula img.tabula {
	width: 70%;
}
.charita_2021_tabula img.kruzok,.charita_2022_tabula img.kruzok {
	width: 10%;
	position: absolute;
}
.charita_2021_tabula img.kruzok.kruzok1  { left: 2%; top: 0%; }
.charita_2021_tabula img.kruzok.kruzok2  { left: 2%; top: 16%; }
.charita_2021_tabula img.kruzok.kruzok3  { left: 2%; top: 32%; }
.charita_2021_tabula img.kruzok.kruzok4  { left: 2%; top: 48%; }
.charita_2021_tabula img.kruzok.kruzok5  { left: 2%; top: 64%; }
.charita_2021_tabula img.kruzok.kruzok6  { left: 2%; top: 80%; }
.charita_2021_tabula img.kruzok.kruzok7  { left: 88%; top: 0%; }
.charita_2021_tabula img.kruzok.kruzok8  { left: 88%; top: 16%; }
.charita_2021_tabula img.kruzok.kruzok9  { left: 88%; top: 32%; }
.charita_2021_tabula img.kruzok.kruzok10 { left: 88%; top: 48%; }
.charita_2021_tabula img.kruzok.kruzok11 { left: 88%; top: 64%; }
.charita_2021_tabula img.kruzok.kruzok12 { left: 88%; top: 80%; }

.charita_2021_tabula img.kruzok.kruzok1.natabuli  { left: 30%; top: 22%; }
.charita_2021_tabula img.kruzok.kruzok2.natabuli  { left: 42%; top: 22%; }
.charita_2021_tabula img.kruzok.kruzok3.natabuli  { left: 54%; top: 22%; }
.charita_2021_tabula img.kruzok.kruzok4.natabuli  { left: 66%; top: 22%; }
.charita_2021_tabula img.kruzok.kruzok5.natabuli  { left: 26%; top: 42%; }
.charita_2021_tabula img.kruzok.kruzok6.natabuli  { left: 40%; top: 42%; }
.charita_2021_tabula img.kruzok.kruzok7.natabuli  { left: 54%; top: 42%; }
.charita_2021_tabula img.kruzok.kruzok8.natabuli  { left: 68%; top: 42%; }
.charita_2021_tabula img.kruzok.kruzok9.natabuli  { left: 21%; top: 62%; }
.charita_2021_tabula img.kruzok.kruzok10.natabuli { left: 34%; top: 62%; }
.charita_2021_tabula img.kruzok.kruzok11.natabuli { left: 47%; top: 62%; }
.charita_2021_tabula img.kruzok.kruzok12.natabuli { left: 60%; top: 62%; }

.charita_2022_tabula img.kruzok.kruzok1  { left: 2%; top: 0%; }
.charita_2022_tabula img.kruzok.kruzok2  { left: 2%; top: 20%; }
.charita_2022_tabula img.kruzok.kruzok3  { left: 2%; top: 40%; }
.charita_2022_tabula img.kruzok.kruzok4  { left: 2%; top: 60%; }
.charita_2022_tabula img.kruzok.kruzok5  { left: 2%; top: 80%; }
.charita_2022_tabula img.kruzok.kruzok6  { left: 88%; top: 0%; }
.charita_2022_tabula img.kruzok.kruzok7  { left: 88%; top: 20%; }
.charita_2022_tabula img.kruzok.kruzok8  { left: 88%; top: 40%; }
.charita_2022_tabula img.kruzok.kruzok9  { left: 88%; top: 60%; }
.charita_2022_tabula img.kruzok.kruzok10 { left: 88%; top: 80%; }

.charita_2022_tabula img.kruzok.kruzok1.natabuli  { left: 30%; top: 18%; }
.charita_2022_tabula img.kruzok.kruzok2.natabuli  { left: 42%; top: 18%; }
.charita_2022_tabula img.kruzok.kruzok3.natabuli  { left: 54%; top: 18%; }
.charita_2022_tabula img.kruzok.kruzok4.natabuli  { left: 66%; top: 18%; }
.charita_2022_tabula img.kruzok.kruzok5.natabuli  { left: 20%; top: 42%; }
.charita_2022_tabula img.kruzok.kruzok6.natabuli  { left: 73%; top: 42%; }
.charita_2022_tabula img.kruzok.kruzok7.natabuli  { left: 21%; top: 62%; }
.charita_2022_tabula img.kruzok.kruzok8.natabuli { left: 34%; top: 62%; }
.charita_2022_tabula img.kruzok.kruzok9.natabuli { left: 47%; top: 62%; }
.charita_2022_tabula img.kruzok.kruzok10.natabuli { left: 60%; top: 62%; }


.half-minus-tisk, .tisk-button {
	border-radius: 6px;
	margin: 15px;
	float: left;
	box-sizing: border-box;
}

.half-minus-tisk {	width: calc(40% - 30px); }
.tisk-button {	width: calc(20% - 30px); }

.corner-box {
	border-radius: 6px;
	padding: 12px;
	width: 280px;
	bottom: 12px;
	left: 12px;
	min-height: 100px;
	position: fixed;
	box-sizing: border-box;
}
.corner-box span {
	border-radius: 50%;
	width: 46px;
	height: 46px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 0px 12px 12px 0px;
}
.corner-box h4 {
	margin: 6px 0px;
}
.corner-box p {
	font-size: 15px;
	line-height: 20px;
	margin: 4px 0px;
}
.corner-box a.button {
	padding: 10px 18px;
	font-size: 16px;
	margin-top: 12px;
}
.corner-box img {
	width: 40px;
	margin: 3px;
}
.corner-box a.close {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 6px;
	right: 6px;
	background-image: url(../images/design/icons/close-cross.svg);
	background-position: center;
	background-repeat: no-repeat;
}
/*=========================== #Media Queries ===================== */


@media only screen and (max-width: 1440px) {
	.home_odznaky > div {
		margin: 0px 0 20px 0;
		width: 100%;
	}
	.home_zviratka > a {
		width: 100px;
		height: 100px;
		margin: 50px 1%;
	}
	.home_zviratka > a > span {
		width: 90px;
		height: 90px;
		margin: 5px;
	}
	.home_zviratka > a > img {
		width: 70px;
		height: 70px;
	}
	.home_odznaky h3 {
		margin-top: 22px;
	}
	.soutez .home_zviratka > a > img {
    	width: 50px;
   	 height: 50px;
	}
}

@media only screen and (max-width: 1240px) {
	#main.opened {
		margin-left: 0px;
	}	
	form table {
		width: 100%;
		margin: 24px 0px;
	}
	.intro_banner h1 {
		margin: 32px 0px 0px 32px;
	}
	.obchod .karta {
	width: 23%;
		margin: 1%;
	}
	.home_zviratka > a {
		width: 110px;
		height: 110px;
		margin: 50px 1%;
	}
	.home_zviratka > a > span {
		width: 96px;
		height: 96px;
		margin: 7px;
	}
	.home_zviratka > a > img {
		width: 76px;
		height: 76px;
	}
	.soutez .text_soutez.full .half {
		padding: 2% 5%;
	}
	.soutez_button {
		margin-left: 40px;
	}
}
@media only screen and (max-width: 1100px) {
	.rozehrane-hry span.time {
		display: none;
	}	
	.obchod-buttons a {
		padding: 16px;
	}
	.home_zviratka > a {
		width: 100px;
		height: 100px;
		margin: 45px 1%;
	}
	.home_zviratka > a > span {
		width: 88px;
		height: 88px;
	}
	.home_zviratka > a > img {
		width: 66px;
		height: 66px;
	}
	.white-bg-full-button.ucet p {
		min-height: 36px;
	}
	.soutez_cena_img {
		width: 40%;
	}
	.soutez_cena_txt {
		width: 40%;
		margin-top: 0px;
	}
	.soutez .soutez_cena_txt h2 {
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}
	.soutez_badge1, .soutez_badge2 {
		transform: scale(0.7);
	}
	.soutez_badge1 {
		left: -40px;
	}
}
	
	
@media only screen and (min-width: 960px) and (max-width: 1240px) {
	.quarter.odznak {		width: calc(33.33% - 30px); }
	
}
	
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#main.opened {
		margin-left: 0px;
	}
	header {
		min-height: 56px;
	}
	#rb-logo img {
		height: 30px;
	}
	header ul.language {
		display: none;
	}
	
	.sidenav ul.language {
		float: left;
		margin: 12px 0px 28px 30px;
	}
	.sidenav.opened > ul.language {
		display: block;
		width: 280px; 
	}
	#mySidenav ul.language li a {
		padding: 8px 30px 8px 8px;
	}
	.sidenav p.raiffeisen {
		margin-bottom: 40px;
	}
	a.menu_button {
		width: 24px;
		height: 22px;
		padding: 17px;
	}
	a#logo {
		margin-top: 12px;
	}
	a#logo img {
		height: 18px;
	}
	a#logo img.avatar {
		height: 32px;
	}
	header .profile {
		padding-top: 6px;
		margin-right: 130px;
	}	
	header .profile > div {
		height: 40px;
		margin-top: 8px;
	}
	header .profile > div > div {
		margin-top: 0px;
	}
	header .profile a.profile-pic {
		width: 44px;
		height: 44px;
	}
	header .profile a.profile-pic img {
		width: 44px;
		margin-right: 5px;
	}
	header .profile p {
		padding-top: 2px;
		font-size: 14px;
	}
	header .profile > div .icon {
		width: 20px;
		height: 20px;
		background-size: 26px 26px;
	}
	.intro_banner,.banner_overlay {
		height: 260px;
	}
	.intro_banner .banner_postavicka {
			width: 310px;
			height: 230px;
			background-size: 310px 230px;
		}
	.intro_banner h1 {
		font-size: 24px;	
		max-width: 160px;
	}
	.intro_banner h1 span {
		padding-top: 10px;
		font-size: 18px;	
		display: block;
	}
	.home_odznaky, .home_zviratka  {
		width: calc(100% - 30px) !important;
	}
	table.nice th, 
	table.nice td {
		padding: 8px 12px;
	}
	table.nice a.button {
		height: 34px;
		padding: 9px 24px;
	}
	.sidenav.fixed {
  		 padding-top: 70px;
	}
	#main {
		padding-top: 70px;
	}
	.karta {
		width: 31.33%;
		margin: 1%;
	}
	
	.odznak {
		min-height: 530px;
	}
	.adresati > a p {
		display: none;
	}
	.o-nas {
		padding: 32px 64px;
	}
	header .profile-neprihlaseny {
		padding-top: 6px;
		padding-left: 70px;
	}
	.breadcrumbs span.hide,
	.pravidla_tlac span.hide {
		display: none;
	}
	
	#uloha .breadcrumbs a.icon,
	#uloha .pravidla_tlac a.icon{
		width: 48px;
		height: 48px;
		padding-top: 8px;
	}
	#uloha .breadcrumbs a.icon i.icon,
	#uloha .pravidla_tlac a.icon i.icon {
		background-size: 32px 32px;
	}
	#uloha .pravidla_tlac > a  {
		width: 48px;
		text-align: center;
		height: 48px;
		padding-top: 12px;
		margin: 0px 0px 0px 4px;
		border-radius: 50%;
		box-sizing: border-box;
	}
	#uloha .breadcrumbs, #uloha .pravidla_tlac {
		padding-top: 16px;
	}
	header .profile-neprihlaseny a {
		height: 18px;
	}
	.obchod-buttons a {
		display: inline-block;
		min-height: 50px;
		padding: 8px 12px !important;
		vertical-align: middle;
		margin-bottom: 6px;
	}
	.obchod-buttons a.obchod-button {
		padding-top: 18px !important
	}
	.white-bg-full-button.ucet {
		min-height: 190px;
	}
	.menu_soutez a {
		margin-left: 12px;
		margin-right: 12px;
	}
	.soutez_banner h1 {
		background-size: 90px 100px;
		padding: 20px 0px 20px 110px;
	}
	a.soutez_button {
		margin-left: 30px;
	}
	body.chci-darovat h1 {
		margin: 5% 0px ;
	}
	.half-minus-tisk,.tisk-button {	width: calc(100% - 30px); }

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 748px) and (max-width: 959px) {
	.home_zviratka {
		min-height: 10px;
	}
	.home_zviratka > a {
		margin: 30px 3%;
	}
	.home_odznaky {
		min-height: 50px;
	}
	.home_odznaky > span {
		margin-bottom: 20px;
		margin: 0px 1.5% 10px 1.5%;
		width: 20%;
		float: left;
		padding-top: 45px;
		text-align: right;
	}
	.home_odznaky > div {
		margin-bottom: 20px;
		margin: 0px 1.5% 10px 1.5%;
		width: 35%;
		float: left;
	}
	.home_odznaky > div h2,
	.home_odznaky > div h3 {
		text-align: left;
	}
	.home_odznaky > div h2 {
		margin-top: 20px;
	}
	.home_odznaky > div h3 {
		margin-top: 10px;
	}
	.ulohy-button h4 {
		font-size: 15px;
	}
	.ulohy-button h5 {
		font-size: 12px;
	}
}


@media only screen and (max-width: 800px) {
.home_zviratka > a {
		width: 110px;
		height: 110px;
		margin: 30px 1%;
	}
	.home_zviratka > a > span {
		width: 98px;
		height: 98px;
		margin: 6px;
	}
	.home_zviratka > a > img {
		width: 76px;
		height: 76px;
	}
	.soutez_cena_txt, .soutez_cena_img {
		width: 90%;
		margin: 20px 5%;
	}
	.soutez_odpocet {
		float: none;
		margin: 0px auto 30px auto;
		overflow: hidden;
	}
	.intro_soutez {
		text-align: center;
	}
	.intro_soutez img,.intro_soutez h1 {
		float: none;
	}
	.intro_soutez h1 {
		text-align: center!important;
		margin: 0px 0px 40px 0px;
		padding-top: 10px!important;
		
	}
	.intro_soutez h1 strong {
		display: inline;
	}
	.charita_2021_tabula > div,.charita_2022_tabula > div {
		font-size: 20px;
		top: 36%;
		line-height: 60px;
	}
	.charita_2021_tabula > div strong,.charita_2022_tabula > div strong {
		font-size: 60px;
		padding-right: 30px;
	}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 747px) {
	.home_zviratka {
		padding-bottom: 30px;
	}
	.home_zviratka > a {
		margin: 30px 6% 0px 6%;
	}
	header {
		min-height: 112px;
	}
	header .profile {
		padding: 6px 16px;
		box-sizing: border-box;
		width: 100%;
		top: 56px;
		margin: 0px auto;
		right: 0px;
		left: 0px;
	}
	header .profile-neprihlaseny {
		padding: 6px 16px;
		box-sizing: border-box;
		width: 100%;
		top: 59px;
		margin: 0px auto;
		right: 0px;
		left: 0px;
	}
	header .profile-neprihlaseny span {
		display: none;
	}
	header .profile-neprihlaseny input,
	header .profile-neprihlaseny button {
		float: left;
	}
	header .profile-neprihlaseny a {
		float: right;
	}
	.intro_banner {
		background-position: -100px;
	}
	.stupne strong {
		font-size: 16px;
		line-height: 22px;
	}
	.third, .half.brown-button {
		width: calc(100% - 30px);
	}
	.third.white-bg-full-button.ucet {
		width: calc(50% - 20px);
		margin-right: 0px;
	}
	.third.white-bg-full-button.ucet:nth-of-type(2n) {
		margin-right: 0px;
	}
	.third.stupne {
		width: calc(33.33% - 20px);
		margin-right: 0px;
		min-height: 85px;
	}
	.third.stupne:last-of-type {
		margin-right: 0px;
	}
	#main {
		padding: 0px;
	}
	.container {
		margin-top: 0px!important;
	}
	.home_odznaky > div {
    	margin: 0px 25% 20px 25%;
		width: 50%;
	}
	
	.breadcrumbs {
		padding-top: 20px;
	}
	.breadcrumbs a.icon {
		margin-left: 0px;
	}
	.nedokoncena-uloha {
		text-align: center!important;
		overflow: hidden;
	}
	.nedokoncena-uloha .block {
		display: block;
		clear: both;
		text-align: center;
		float: left;
		width: 100%;
	}
	.nedokoncena-uloha > span,
	.nedokoncena-uloha > span.button,
	.nedokoncena-uloha img {
		display: inline;
		vertical-align: middle;
		float: none!important;
	}
	.nedokoncena-uloha .icon-uloha {
		float: none!important;
		vertical-align: middle;
	}
	.nedokoncena-uloha img,
	.nedokoncena-uloha .icon-uloha {
		margin-right: 10px;
	}
	.rozehrane-hry > a span.button{
		margin: 0px 10px 0px 0px;
		padding: 8px 16px;
	}
	.rozehrane-hry .block{
		margin-bottom: 20px;
	}
	.nedokoncena-uloha i.icon {
		float: none;
		vertical-align: middle;
		margin-left: 10px;
	}
	
	.rozehrane-hry.okres_pocet_mob > a {
		display: none;
	}
	.rozehrane-hry.okres_pocet_mob > a:first-of-type {
		display: block;
	}
	table.nice th, 
	table.nice td {
		padding: 4px 6px;
	}
	table.nice a.button {
		height: 24px;
		padding: 4px 24px;
	}
	table.nice a.button.negative_margin {
		margin: 0px;
	}
	.jak_resit .in-weby {
		margin: 1% 0px;
		width: 100%;
	}
	#main {
		padding-top: 110px;
	}
	.sidenav.fixed {
		min-height: 50px;
  		 padding-top: 10px;
		padding-bottom: 40px;
		z-index: 99999;
		margin-top: 58px;
	}
	.karta {
		width: 48%;
		margin: 1%;
	}
	.adresati > a {
   	 padding: 12px 16px;
	 }
	.adresati > a strong.orez {
    	width: 32px;
    	height: 32px;
   	 margin-right: 8px;
	}
	.adresati > a span.neprecitane {
   	 position: absolute;
   	 top: 30px;
   	 left: 12px;
   	 width: 16px;
    	height: 16px;
    	font-size: 10px;
    	padding-top: 2px;
	}
	.qr .half {
		width: calc(100% - 24px);
	}
	#uloha ul.ulohy li.hide {
		display: none;
	}
	.obchod .karta {
		width: 31%;
		margin: 1%;
	}
	.pracovni_list_2 ul.sortable li {
		margin: 6px 0px!important;
	}
	.breadcrumbs h1, .breadcrumbs a {
    	font-size: 20px;
    	line-height: 20px;
	}
	.pexeso .karta {
		width: 23%;
		height: 23%;
	}
	.soutez .half > h2, .soutez .half > p {
		text-align: center !important;
	}
	a.soutez_button {
		margin-left: 30px;
		margin-top: 20px;
	}
	.intro_banner.soutez_banner {
		height: 350px;
		overflow: hidden;
	}
	.banner_overlay {
		height: 260px;
	}
	.intro_banner.soutez_banner .banner_postavicka {
		right: -60px;
	}
	.charita_2021_tabula,.charita_2022_tabula {
		padding: 25px 0px;
	} 

	.charita_2021_tabula > div,.charita_2022_tabula > div {
		top: 30%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 460px) and (max-width: 747px) {
	
}
@media only screen and (max-width: 650px) {
	.home_odznaky > div {
    	margin: 0px 25% 20px 25%;
		width: 60%;
	}
	table.responsive tr {
		display: block;
		overflow: hidden;
		margin-bottom: 2px;
	}
	table.responsive tr td,
	table.responsive tr th {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		float: left;
		text-align: left;
		min-height: 40px;
	}
	table.nice.responsive a.button.negative_margin {
		float: none;
	}
	table.responsive tr td.w25,
	table.responsive tr th.w25 {
		width: 25%;
	}
	table.responsive tr td.w33,
	table.responsive tr th.w33 {
		width: 33.33%;
	}
	table.responsive tr td.w100,
	table.responsive tr th.w100 {
		width: 100%;
	}
	table.responsive tr td.w0,
	table.responsive tr th.w0 {
		display: none;
	}
	.chat .prichadzajuca {
		margin-right: 70px;
	}
	.chat .odchadzajuca {
		margin-left: 70px;
	}
	.home_zviratka > a {
		margin: 30px 5% 0px 5%;
	}
	.pexeso .karta {
		width: 33%;
		height: 33%;
	}
	.losy .karta {
   	width: 46%;
    	margin: 2% !important;
	}
	.soutez_button.button {
		font-size: 14px;
		padding: 6px;
	}
	.intro_banner.soutez_banner .banner_postavicka {
		transform: scale(0.7);
		bottom: -40px;
	}
	.charita_2021_tabula > div,.charita_2022_tabula > div {
		font-size: 18px;
		top: 36%;
		line-height: 30px;
	}
	.charita_2021_tabula > div strong,.charita_2022_tabula > div strong {
		font-size: 30px;
		padding-right: 20px;
	}
	.charita_2021_tabula > div i.icon,.charita_2022_tabula > div i.icon {
		vertical-align: sub;
	}
}
@media only screen and (max-width: 550px) {
	.home_odznaky > div {
    	margin: 0px 15% 20px 15%;
		width: 70%;
	}
	#uloha ul.ulohy {
		margin-top: 50px;
	}
	#uloha .poradie_ulohy {
		margin-bottom: -30px;
	}
	.intro_banner {
  background-position: -200px 0px;
  overflow: hidden;
	}
	.intro_banner .banner_postavicka {
			width: 310px;
			height: 230px;
			background-size: 310px 230px;
			right: -15%;
		}
	.intro_banner h1 {
    	margin: 16px 0px 0px 16px;
	}
	.vysledek {
		background-size: contain;
		background-position: bottom;
		min-height: 250px;
	}
	.vysledek p {
		left: 40px;
		top: 80px;
	 	font-size: 12px;
	}
	.vysledek img {
		height: 90%;
		bottom: 0px;
		top: auto;
		right: 10px;
	}
	.vysledek .badge.no-circle {
    	width: 100px;
    	height: 100px;
    	background-size: 100px 100px;
		font-size: 28px;
		padding-top: 20px;
	 }
	 .obchod .karta {
		width: 46%;
		margin: 2%;
	}
	.home_zviratka > a {
		margin: 30px 2% 0px 2%;
	}
	.jak-se-darilo {
		padding: 40px;
	}
	.jak-se-darilo p {
		margin-bottom: 16px !important;
	}
	.jak-se-darilo a {
		width: 64px;
		height: 64px;
		margin: 6px;
	}
	.jak-se-darilo a .icon{
		width: 32px;
		height: 32px;
		background-size: 32px 32px;
		margin-top: 14px;
	}
	.obchod .karta h3 {
		min-height: 48px;
	}
	a.soutez_button {
		margin-left: 10px;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 459px) {
	header {
		z-index: 999999;
	}
	.sidenav.opened > ul, .sidenav.opened > p {
		width: 100%; 
		display: block;
	}
	.sidenav.opened > ul.language {
		width: 100%; 
	}
	.sidenav.opened > div {
		width: calc(100% - 60px); 
		display: block;
	}	
	#mySidenav.opened {
		width: 100%;
	}
	#main.opened {
		overflow: hidden!important;
		display: none!important;
	}
	.sidenav.fixed {
		position: absolute;
		top: auto;
		min-height: 50px;
		height: auto;
  		 padding-top: 0px;
		padding-bottom: 0px;
		z-index: 99999999;
		margin-top: 60px;
	}
	.home_zviratka > a {
		margin: 30px 6% 0px 6%;
	}
	.nedokoncena-uloha {
		text-align: center;
	}
	.nedokoncena-uloha img, .nedokoncena-uloha .icon, .nedokoncena-uloha .icon-uloha {
		float: none;
		margin: 0px 5px;
	}
	
	.home_odznaky > div {
    	margin: 0px 5% 20px 5%;
		width: 90%;
	}
	.third.stupne {
		width: calc(33.33% - 16px);
	}
	.shorten {
		display: none;
	}
	table.responsive tr th::first-letter {
		text-transform: uppercase;
	}
	.karta {
		width: 100%;
		margin: 6px 0px!important;
	}
	.odznak {
		min-height: 200px;
	}
	.chat-paticka textarea {
		height: 44px;
		font-size: 14px;
		width: calc(100% - 74px);
		margin-right: 6px;
	}
	.chat-paticka button {
		height: 44px;
		padding: 4px!important;
		font-size: 14px;
	}
	.chat .prichadzajuca {
		margin-right: 40px;
	}
	.chat .odchadzajuca {
		margin-left: 40px;
	}
	.o-nas {
		padding: 16px 32px;
	}
	.podporeny-nadace span.orez {
		width: 100%;
		margin-bottom: 20px;
	}
	.vysledek img {
		height: 80%;
	}
	.vysledek p {
		left: 20px;
	}
	.obchod .karta {
		width: 48%;
		margin: 1%!important;
	}
	.white-bg-full-button.ucet {
		min-height: 208px;
	}
	.breadcrumbs h1, .breadcrumbs a {
    	font-size: 16px;
    	line-height: 16px;
		margin: 0px 5px;
	}
}
@media only screen and (max-width: 400px) {
	.white-bg-full-button.ucet {
		min-height: 231px;
	}
	.img.soutez-dalsi-ceny {
		max-width: 100%;
	}
}