/* CSS Document */

@font-face {
    font-family: 'uncial_antiqua';
    src: url('obr/uncialantiqua-regular-webfont.eot');
    src: url('obr/uncialantiqua-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('obr/uncialantiqua-regular-webfont.woff') format('woff'),
         url('obr/uncialantiqua-regular-webfont.ttf') format('truetype'),
         url('obr/uncialantiqua-regular-webfont.svg#uncial_antiquaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
padding: 0px;
margin: 0px;
background-image: url('obr/tx_0.png');}
html, body
{height: 100%;
padding: 0px;
margin: 0px;
overflow-y: auto;
outline: none;}

* {margin:0;padding:0;} 

#celek{
background-image: url('obr/tx_2_levo.png'), url('obr/tx_2_pravo.png'), url('obr/tx_2.png');
background-repeat: repeat-y, repeat-y, repeat;
background-position: left, right, left;	
}

 /* Horní menu */
#top_menu{
background: rgba(0,153,0,0.5);}

#top_logo{
background-image: url('obr/top_bg.png');
}

		#top:hover #top_menu{
		box-shadow: black 0px 1px 12px;
		top: 0px;
		}
		
			#navigace{
			width: 900px;
			height: 30px;
			margin: 0 auto 0 auto;
			position: relative;
			top: 65px;
			z-index: 80;
			border-radius: 3px;
			-moz-transition: all 300ms linear;
			-webkit-transition: all 300ms linear;
			-o-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;
			}
				#navigace ul{
				list-style-type: none;
				margin: 0;
				padding: 0px;
				text-align: center;
				}
					#navigace ul a li{
					width: 100px;
					height: 30px
					margin: 0px;
					padding: 0px;
					border: none;
					display: inline;
					float: left;
					font-family: "uncial_antiqua";
					line-height: 30px;
					color: rgba(255,255,255,1);
					background: rgba(0,153,51,0);
					border-radius: 3px;
					-moz-transition: all 300ms linear;
					-webkit-transition: all 300ms linear;
					-o-transition: all 300ms linear;
					-ms-transition: all 300ms linear;
					transition: all 300ms linear;}
					#navigace ul a {
					color: rgba(255,255,255,1);
					text-decoration: none;
					}
					#navigace ul a:visited li{
					color: rgba(255,255,255,1);}
					#navigace ul a:active li{
					color: rgba(255,255,255,1);}

			#navigace:hover{
			background: rgba(0,0,0,0.5);
			}
			#navigace:hover ul a li {
			color: rgba(255,255,255,0.2);
			text-shadow: white 0px 0px 2px;
			border: none;}
			#navigace ul a li:hover{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;
			-moz-transition: all 300ms linear;
			-webkit-transition: all 300ms linear;
			-o-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;
			}
			#navigace ul a li:hover{
			color: rgba(255,255,255,1);
			text-shadow: none;
			-moz-transition: all 300ms linear;
			-webkit-transition: all 300ms linear;
			-o-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;}
			#navigace ul li.menu{
			display: none;}

			body.postavy #navigace ul a li.postavy{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.svet #navigace ul a li.svet{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.kroniky #navigace ul a li.kroniky{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.perly #navigace ul a li.perly{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.galerie #navigace ul a li.galerie{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.vymysly #navigace ul a li.vymysly{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.hlidka #navigace ul a li.hlidka{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.odkazy #navigace ul a li.odkazy{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}
			body.forum #navigace ul a li.forum{
			background-image: url('obr/menu_bg_2.png');
			color: rgba(255,255,255,1);
			text-shadow: none;}

/* Změna stylu */

form.stylovadlo{

position: absolute;
right: 0;
top: -45px;
line-height: 20px;
text-align: right;
padding: 20px 2px 0px 2px;
border-radius: 5px;
background: rgba(0,0,0,0);
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;}

form.stylovadlo:hover{
top: 0px;
background: rgba(0,0,0,0.15);}

form.stylovadlo input{
height: 20px;
margin: 0;
vertical-align:text-bottom;
border: none;
outline: none;
cursor: pointer;
-moz-transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;}

form.stylovadlo input:hover{
box-shadow: rgba(255,255,255,0.5) 0 0 5px}

form.stylovadlo img{
margin: 0;
vertical-align:text-bottom;
margin: 0 2px 0 0;}

form.stylovadlo input.zmen-styl{
border-radius: 5px;
border: none;
outline: none;
height: 20px;
line-height: 20px;
background: url(obr/css_3.png), rgba(0,102,0,0.5);
background-repeat: no-repeat;
background-position: 2px center, left top;
padding-left: 20px;
padding-right: 2px;
font-weight: bold;
box-shadow: inset rgba(255,255,255,0.5) 1px 1px 2px, inset rgba(0,0,0,0.5) -1px -1px 2px;
}

form.stylovadlo input.zmen-styl:hover{
box-shadow: inset rgba(255,255,255,0.5) 1px 1px 2px, inset rgba(0,0,0,0.5) -1px -1px 2px, rgba(255,255,255,0.5) 0 0 5px;
background-color: rgba(0,153,0,0.7)}

/* Obsah*/

#obsah{
top: 0px;
float: left;
position: relative;
left: 0px;
width: 96%;
padding: 0px;
margin: 80px 2% 0 2%;
padding: 10px 0 55px ;
text-align: center;

}

#napln{
width: 98%;
height: 100%;
margin: 0px 1% 0 1%;
padding: 0px 0 0 0;
text-align: justify;
position: relative;
}


/* Perly odkazovnik*/

input.perly{
	position: fixed;
	height: 25px;
	width: 200px;
	margin-left: -35px;
	cursor: pointer;
	opacity: 0;
}
label.perly{
	padding-left: 5px;
	position: fixed;
	display: block;
	text-align: left;
	background: url('obr/veverka_bg.png') 10px center no-repeat, rgba(255,255,255,0.7);
	height: 25px;
	width: 63px;
	margin-left: -35px;
	cursor: pointer;
	overflow: hidden;
	font-weight: bold;
	transition: all linear 0.3s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
	font-family: "uncial_antiqua";
	font-size: 14px;
	line-height: 25px;
	z-index: 100;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	}
label.perly:first-of-type{
	border-radius: 5px 5px 0 0;}
label.perly:last-of-type{
	border-radius: 0 0 5px 5px;}
	
input#tab-1, label.tab-label-1{
	margin-top: 25px;}
input#tab-2, label.tab-label-2{
	margin-top: 50px;}
input#tab-3, label.tab-label-3{
	margin-top: 75px;}
input#tab-4, label.tab-label-4{
	margin-top: 100px;}
input#tab-5, label.tab-label-5{
	margin-top: 125px;}
input#tab-6, label.tab-label-6{
	margin-top: 150px;}
input#tab-7, label.tab-label-7{
	margin-top: 175px;}
input#tab-8, label.tab-label-8{
	margin-top: 200px;}
input#tab-9, label.tab-label-9{
	margin-top: 225px;}
input#tab-10, label.tab-label-10{
	margin-top: 250px;}
input#tab-11, label.tab-label-11{
	margin-top: 275px;}
input#tab-12, label.tab-label-12{
	margin-top: 300px;}
input#tab-13, label.tab-label-13{
	margin-top: 325px;}
input#tab-14, label.tab-label-14{
	margin-top: 350px;}
input#tab-15, label.tab-label-15{
	margin-top: 375px;}
input#tab-16, label.tab-label-16{
	margin-top: 400px;}
input#tab-17, label.tab-label-17{
	margin-top: 425px;}
input#tab-18, label.tab-label-18{
margin-top: 450px;}
input.perly:hover, label.perly:hover, input.perly:hover + label{
	width: 200px;
	overflow: hidden;
	white-space:nowrap;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	border-radius: 5px;
	background: url('obr/veverka_bg.png') 10px center no-repeat, rgba(255,255,255,0.7);
	margin-left: -64px;
	}
	
input.perly:checked + label{
	background: url('obr/veverka_bg.png') 10px center no-repeat, rgba(0,0,0,0.4);
	width: 92px;
	overflow: hidden;
	white-space:nowrap;
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	margin-left: -64px;
	}
input.perly:checked:hover + label{
	width: 200px;
	background: url('obr/veverka_bg.png') 10px center no-repeat, rgba(255,255,255,0.7);}
		
	#napln input.tab-selector-0:checked ~ .content .content-0,
	#napln input.tab-selector-1:checked ~ .content .content-1,
	#napln input.tab-selector-2:checked ~ .content .content-2,
	#napln input.tab-selector-3:checked ~ .content .content-3,
	#napln input.tab-selector-4:checked ~ .content .content-4,
	#napln input.tab-selector-5:checked ~ .content .content-5,
	#napln input.tab-selector-6:checked ~ .content .content-6,
	#napln input.tab-selector-7:checked ~ .content .content-7,
	#napln input.tab-selector-8:checked ~ .content .content-8,
	#napln input.tab-selector-9:checked ~ .content .content-9,
	#napln input.tab-selector-10:checked ~ .content .content-10,
	#napln input.tab-selector-11:checked ~ .content .content-11,
	#napln input.tab-selector-12:checked ~ .content .content-12,
	#napln input.tab-selector-13:checked ~ .content .content-13,
	#napln input.tab-selector-14:checked ~ .content .content-14,
	#napln input.tab-selector-15:checked ~ .content .content-15,
	#napln input.tab-selector-16:checked ~ .content .content-16,
	#napln input.tab-selector-17:checked ~ .content .content-17,
  #napln input.tab-selector-18:checked ~ .content .content-18
	 {
    display: block;
    }

	#napln div.content{
	position: relative;
	width: 100%;
	z-index: 45;
	}
	#napln .content div {
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 40px;
    display: none;
	z-index: 50;
	}
	
	/* Patička */
	

	#pocitadlo{
	position: relative;
	left: 10px;
	height: 55px;
	width: 110px;
	float: left;
	background-image: url('obr/patka_bg.png');
	border-top-left-radius: 55px;
	border-top-right-radius: 55px;
	box-shadow: black 0px -1px 5px;
	text-align: center;
	color: rgba(255,255,255,1);
	font-weight: bold;
	}
	
		#pocitadlo img{
		border: none;}
		#pocitadlo a{
		color: rgba(255,255,255,1);
		text-decoration: none;
		font-weight: bold;
			border-bottom: 2px dashed rgba(255,255,255,0.2);
}
#pocitadlo a:hover{
border-bottom: 2px dashed rgba(255,255,255,0.5);
background: url('obr/veverka_bg.png') center center no-repeat;
background-size: auto 100%;}
		
	#countdown{
	position: relative;
	right: 10px;
	bottom: -30px;
	height: 55px;
	width: 210px;
	max-width: 30%;
	float: right;
	background-image: url('obr/patka_bg.png');
	border-top-left-radius: 55px;
	border-top-right-radius: 55px;
	box-shadow: black 0px -1px 5px;
	text-align: center;
	color: rgba(255,255,255,1);
	font-weight: bold;
	padding: 5px;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	}
	#countdown:hover{
	bottom: 0px;}
	#hledani{
	position: relative;
	right: 10px;
	bottom: -30px;
	height: 55px;
	width: 210px;
	max-width: 30%;
	float: right;
	margin-left: 10px;
	background-image: url('obr/patka_bg.png');
	border-top-left-radius: 55px;
	border-top-right-radius: 55px;
	box-shadow: black 0px -1px 5px;
	padding: 5px;
	text-align: center;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	}
	#hledani:hover{
	bottom: 0px;}
	form.hledani{
	width: 90%;
	margin: 0 auto 0 auto;

}
	input.hledani-text{
	border-radius: 5px;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0;
	width: 100%;
	margin: 2px auto 0 auto;
	border: none;
	outline: none;
	background: url(obr/tx_2.png);
	box-shadow: inset rgba(0,0,0,0.5) 2px 2px 3px;
	text-align: center;

}
	input.hledani-cudl{
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto 0 auto;
	border: none;
	opacity: 0.7;
	background: url(obr/lupa.png), rgba(255,255,255,0.5);
	border-radius: 5px;
	background-size: 25px 25px;
	cursor: pointer;
	z-index: 20;
		-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	}
	input.hledani-cudl:hover{
		opacity: 1;
	box-shadow: rgba(255,255,255,1) 0px 0px 5px;
	transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);}
	
	
/* Nadpisy */
h1{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: bold;
font-size: 32px;
line-height: 32px;
margin: 0 0 30px 0;
text-align: center;
}
h1::before{
content:url(obr/veverka_levo.png);
position: relative;
top: 20px;
left: -15px;
}
h1::after{
content:url(obr/veverka_pravo.png);
position: relative;
top: 20px;
right: -15px;
}

h2{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: bold;
font-size: 24px;
line-height: 32px;
margin: 0 0 0 0;
text-align: center;
position: relative;
}
h2.lv::after{
content:url(obr/veverka_pravo.png);

}
h2.silvestr::after{
content:url(obr/veverka_silvestr.png);
}
h2.sd{
margin: 0 0 10px;}

h2.sd2::after{
content:url(obr/veverka_sd2.png);
}
h2.sd3::after{
content:url(obr/veverka_sd3.png);

}
h2.tangrob::after{
content:url(obr/veverka_tangrob.png);
}
h2.usvit::after{
content:url(obr/veverka_usvitcon.png);
}
h2.jine::after{
content:url(obr/veverka_jine.png);

}
h2.pondeli::after{
content:url(obr/veverka_pondeli.png);

}
h2.sine::after{
content:url(obr/veverka_sine.png);
}
h2.historie::after{
content:url(obr/veverka_historie.png);
}
h2.svet-lide::after{
content:url(obr/veverka_lide.png);
}
h2.svet-zeme::after{
content:url(obr/veverka_zeme.png);
}
h2.pravidla::after{
content:url(obr/veverka_pravidla.png);
}
h2.download::after{
content:url(obr/veverka_download.png);
}
h2.hrani::after{
content:url(obr/veverka_hrani.png);
}
h2.muzikal::after{
content:url(obr/veverka_muzikal.png);
}
h2.sd3umreli::after{
content:url(obr/veverka_sd3umreli.png);
}
h2.anketa-odpovedi::after{
content:url(obr/veverka_anketa-odpovedi.png);
}
h2.ankety::after{
content:url(obr/veverka_ankety.png);
}

h2.interview::after{
content:url(obr/veverka_interview.png);
}
h2.soutezcomix::after{
content:url(obr/veverka_soutezcomix.png);
}
h2.h-jazyky::after{
content:url(obr/veverka_jazyky.png);
}


h3{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: bold;
font-size: 18px;
line-height: 32px;
margin: 0 0 15px 0;
text-align: center;
position: relative;
}

h3.sd3::after{
content: url(obr/veverka_sd3.png);
}

h3.sd::after{
content:url(obr/veverka_sd.png);
}

h3.sd2::after{
content:url(obr/veverka_sd2.png);
}

h3.lovci::after{
content:url(obr/veverka_pravo.png);
}

h3.silvestr::after{
content:url(obr/veverka_silvestr.png);
}

h3.usvit::after{
content:url(obr/veverka_usvitcon.png);
}

h3.tangrob::after{
content:url(obr/veverka_tangrob.png);
}

h3.pondeli::after{
content:url(obr/veverka_pondeli.png);}

h3.denik::after{
content:url(obr/veverka_denik.png);
}
h3.francie::after{
content:url(obr/veverka_francie.png);
}
h3.anglie::after{
content:url(obr/veverka_anglie.png);
}
h3.historie::after{
content:url(obr/veverka_historie.png);
}

h4{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: bold;
font-size: 14px;
line-height: 20px;
margin: 0 0 10px 10px;
text-align: left;
}
h4.nastred{
text-align: center;
margin: 0 auto 10px auto;}

h5{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: normal;
font-size: 14px;
line-height: 20px;
margin: 0 0 0 10px;
text-align: left;
}
h5.podpis{
text-align: right;
}
h5.nadstopovane{
background: url('obr/stopy_2.png');
background-position: top left;
background-repeat: repeat-x;
padding-top: 25px;
margin: 10px 0 5px 0 !important;
}

/* Odkazy */

a.kotva{
position: relative;
top: -100px;
}
#obsah a{
color: rgba(0,102,0,1);
text-decoration: none;
font-weight: bold;
border-bottom: 2px dashed rgba(0,102,0,0.1);
}
#obsah a:hover{
border-bottom: 2px dashed rgba(0,102,0,0.5);
background: url('obr/veverka_bg.png') center center no-repeat;
background-size: auto 100%;}

#obsah a:visited{
color: rgba(0,102,0,1);}
#obsah a:active{
color: rgba(255,102,0,1);
border-bottom: 2px dashed rgba(255,0,102,0.5)}

#obsah a.hvezdicka:hover{
background: none !important;}

a.perly-odkaz::before{
content: url(obr/perlicky.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear
}
a.perly-odkaz:hover::before{
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);}

a.galerie-odkaz::before{
content: url(obr/fotak.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}
a.galerie-odkaz:hover::before{
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);}

a.sine-odkaz::before{
content: url(obr/hrobecek.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}
a.sine-odkaz:hover::before{
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);}

a.kroniky-odkaz::before{
content: url(obr/kroniky.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}
a.kroniky-odkaz:hover::before{
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);}

a.denik-odkaz::before{
content: url(obr/denik.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}
a.denik-odkaz:hover::before{
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);}

a.druziny-odkaz::before{
content: url(obr/druziny.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}
a.druziny-odkaz:hover::before{
transform: rotate(10deg);
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);}


/* Texty */
.ta-center  { text-align: center; }

#obsah p{
text-align: justify;
margin-bottom: 20px;
}

span.gone{
color: rgba(102,102,102,1);
font-weight: bold}
span.nove{
color: rgba(255,0,0,1);
font-weight: bold}
span.na-stred{
text-align: center;
width: 100%;
display: inline-block;}
span.basen-levo{
width: 48%;
text-align: right;
display: inline-block;
margin-right: 2%;
float: left;
}
span.basen-pravo{
width: 48%;
text-align: left;
display: inline-block;
margin-left: 2%;
float: right;
}

span.dva-sl-vlevo-levy{
width: 46%;
text-align: left;
display: inline-block;
margin-right: 2%;
margin-left: 2%;
float: left;

}
span.dva-sl-vlevo-pravy{
width: 46%;
text-align: left;
display: inline-block;
margin-left: 2%;
margin-right: 2%;
float: right;
}
span.rejstrik-modul a{
margin-left: -2%;}



span.tri-sloupce{
width: 31%;
text-align: left;
display: inline-block;
margin-right: 2%;
float: left;
vertical-align: text-top;
}
span.dva-sloupce{
width: 44%;
text-align: center;
margin-left: 3%;
margin-right: 3%;
float: left;
vertical-align: text-top;}

span.konec-sloupcu{
clear: left;
display: inline-block;
visibility: hidden;
width: 100%;
}

span.podpis{
text-align: right;
display: inline-block;
width: 100%;}
span.skrtle{
text-decoration: line-through;}
span.podtrh{
text-decoration: underline;}
span.zeleny-zvyraznovac{
font-weight: bold;
color: rgba(0,102,0,1);
}
span.zelenidlo{
color: rgba(0,102,0,1);
}
span.cerveny-zvyraznovac{
font-weight: bold;
color: rgba(255,0,0,1);
}
span.modry-zvyraznovac{
font-weight: bold;
color: rgba(0,0,204,1);
}

span.zlate{
background: rgba(255,204,0,0.7);
border-radius: 3px;
padding: 0 5px 0 5px;
box-shadow: rgba(255,204,0,1) 0 0 5px;}

span.stribrne{
background: rgba(204,204,204,0.7);
border-radius: 3px;
padding: 0 5px 0 5px;
box-shadow: rgba(204,204,204,1) 0 0 5px;}

span.bronzove{
background: rgba(158,49,27,0.7);
border-radius: 3px;
padding: 0 5px 0 5px;
box-shadow: rgba(158,49,27,1) 0 0 5px;}

p.historie{
margin-bottom: 5px !important;
margin-left: 100px;
text-indent: -100px;
}
span.rok{
display: inline-block;
width: 100px;
font-weight: bold;
text-align: right;
background: rgba(255,255,255,0.3);
border-radius: 5px;}


span.zelene{
color: rgba(0,102,0,1);
font-weight: bold;}
span.oranzove{
color: rgba(255,102,0,1);
font-weight: bold;}
span.cervene{
color: rgba(255,0,0,1);
font-weight: bold;}

p.rozchodnik{
text-align: center !important;
margin-bottom: 10px !important;
}

p.kroniky-odkazovnik{
line-height: 25px;
text-align: left;}
p.stopovany{
background: url('obr/stopy_2.png');
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 25px;
margin-bottom: 5px !important;}
p.stopovany-2{
text-align: center;
margin-bottom: 5px !important;
}

p.stopovany-2 span.konec-sloupcu{
clear: left;
display: inline-block;
visibility: visible;
width: 50%;
height: 20px;
background: url('obr/stopy_2.png');
background-position: bottom center;
background-repeat: repeat-x;
margin-left: 25%;
margin-right: 25%;
margin-top: 10px;}

p.zlodej{
background-image: url('obr/zlodej.png');
background-repeat: no-repeat;
background-position: center top;}
p.hranicar{
background-image: url('obr/hranicar.png');
background-repeat: no-repeat;
background-position: center top;}
p.valecnik{
background-image: url('obr/valecnik.png');
background-repeat: no-repeat;
background-position: center top;}
p.kouzelnik{
background-image: url('obr/kouzelnik.png');
background-repeat: no-repeat;
background-position: center top;}
p.alchymista{
background-image: url('obr/alchymista.png');
background-repeat: no-repeat;
background-position: center top;}
p.cp{
background-image: url('obr/cp.png');
background-repeat: no-repeat;
background-position: center top;}

p.kouzelnik-plus{
background-image: url('obr/plus_carodej.png');
background-repeat: no-repeat;
background-position: center top;}
p.bojovnik-plus{
background-image: url('obr/plus_bojovnik.png');
background-repeat: no-repeat;
background-position: center top;}
p.theurg-plus{
background-image: url('obr/plus_theurg.png');
background-repeat: no-repeat;
background-position: center top;}
p.hranicar-plus{
background-image: url('obr/plus_hranicar.png');
background-repeat: no-repeat;
background-position: center top;}
p.lupic-plus{
background-image: url('obr/plus_zlodej.png');
background-repeat: no-repeat;
background-position: center top;}
p.knez-plus{
background-image: url('obr/plus_knez.png');
background-repeat: no-repeat;
background-position: center top;}
p.macil{
background-image: url('obr/plus_macil.png');
background-repeat: no-repeat;
background-position: center top;;}

p.stinove{
background: rgba(0,0,0,0.1);
color: rgba(255,255,255,0.9);
padding: 10px;
box-shadow: rgba(0,0,0,0.2) 0 0 10px;
font-style: italic;
}

p.italic{
	font-style: italic;
}

p.win{
	color: rgba(0,102,0,1);
}
p.viola{
	color: rgba(0,102,204,1);
}
p.deti{
	color: rgba(51,51,51,1);
}
p.zula{
	font-weight: bolder;
}
p.drung{
	font-weight: bolder;
	color: rgba(102,0,0,1);
}
p.modul-perlicka{
text-align: center !important;
font-size: smaller;}

img.iniciala{
float: left;
width: 38px;
margin: 0 3px 0 0;
border: none;
}

ul.docasna{
text-align: left;
margin: 0 20px 0 20px;
}

ul.nastred{
text-align: center;
width: auto;
}
ul.seznam{
list-style-image: url('obr/stopa.png');
list-style-position: inside;}
ul.seznam li{
margin-bottom: 7px;}
ul.seznam2{
list-style-image: url('obr/stopa.png');
margin: 0 0 20px 25px;}
ul.seznam2 li{
margin-bottom: 7px;}

ul.seznam-cislovany{
list-style-type:decimal;
margin: 0 0 20px 25px;
}
ul.seznam-cislovany li{
margin-bottom: 7px;
}

img.hl-jazyky{
display: inline;
margin: 0;
vertical-align: text-top;
}

a.hlidka-jazyk-obrazek{
border-bottom: none!important;
}
a.hlidka-jazyk-obrazek:hover{
background-color: none!important;
box-shadow: rgba(0,0,0,1) 0 0 5px;
background-image: none!important;}

/* Tabulka vlastností u člověče */

table.clovece{
width: atuo;
display: block;
float: left;
border: 1px solid rgba(255,255,255,0);
margin: 0 10px 0 0;
text-align: center;

}
table.clovece td{
padding: 5px;
background: rgba(255,255,255,0.2);
box-shadow: inset rgba(0,0,0,0.3) 1px 1px 2px, inset rgba(255,255,255,0.5) -1px -1px 2px;
}

table.clovece td.lh{
border-top-left-radius: 5px;}

table.clovece td.ld{
border-bottom-left-radius: 5px;}

table.clovece td.ph{
border-top-right-radius: 5px;}

table.clovece td.pd{
border-bottom-right-radius: 5px;}

table.clovece td.horni{
font-weight: bold;
color: rgba(0,102,0,1);
background: rgba(0,0,0,0.1)}

table.clovece td.leve{
font-weight: bold;
color: rgba(0,102,0,1);
background: rgba(0,0,0,0.1);
text-align: left;}


/* Muzikál Pán Prstenů */


input.muzikal{
display: none;
}

label.muzikal{
position: relative;
top: 0;
left: 0;
margin-left: 10px;
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-size: 14px;
line-height: 20px;
border-radius: 5px;
cursor: pointer;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
}

label.muzikal::after{
content:url(obr/rozbalit.png);
margin: 0 10px 0 10px;
display: inline-block;
vertical-align: middle;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;}

input.muzikal:checked + label::after{
content:url(obr/sbalit.png);
margin: 0 10px 0 50px;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;}

label.muzikal:hover, input.muzikal:checked + label{
box-shadow: rgba(255,255,255,1) 0 0 5px;
background: rgba(255,255,255,0.5);
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;}

p.text-muzikalu{
height: 0px;
opacity: 0;
	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;}
input.muzikal:checked + label + p.text-muzikalu{
opacity: 1;
height: auto;

	transition: all linear 0.3s;
	-webkit-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;}

a.muzikal-odkaz::before, a.muzikal-odkaz2::before{
content: url(obr/mp3.png);
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline-block;
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}

a.muzikal-odkaz{
display: none;}
input.muzikal:checked + label + p.text-muzikalu a.muzikal-odkaz{
display: inline-block;}
a.muzikal-odkaz:hover::before, a.muzikal-odkaz2:hover::before{
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transition: all 0.1s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear}


/* Blueborďácké ankety */

div.bb-anketa{
text-align: center;
width: 50%;
min-width: 200px;
float: left;
margin: 0 0 10px 0;}
div.bb-anketa div{
margin: 0 auto 0 auto;
border-radius: 5px;
box-shadow: rgba(0,0,0,1) 2px 2px 5px;
}

div.bb-anketa div label, div.bb-anketa div input{
cursor: pointer;}
div.bb-anketa div input{
margin: 0 5px 0 0;
box-shadow: rgba(0,0,0,0.5) 0px 0px 5px}
div.bb-anketa div input:hover{
box-shadow: rgba(255,255,255,0.5) 0px 0px 5px}
div.bb-anketa div input:checked{
box-shadow: rgba(255,255,255,1) 0px 0px 5px}
div.bb-anketa table tr:first-of-type td{
text-align: center!important;
font-family: "uncial_antiqua";
font-size: 14px!important;
}
div.bb-anketa table tr td a{
text-decoration: none !important;
border-bottom: 2px dashed rgba(255,255,255,0.3) !important;}
div.bb-anketa table tr td a:hover{
border-bottom: 2px dashed rgba(255,255,255,0.8) !important;}

/* ------------------------------------ Naše ankety */

ul.anketa-seznam{
width: 300px;
max-width: 99%;
background: rgba(0,102,0,0.5);
margin-left: auto;
margin-right: auto;
overflow: hidden;
text-align: left;
position: relative;
border-radius: 5px;
box-shadow: rgba(0,0,0,1) 0px 2px 5px;
}

ul.anketa-seznam li{
width: 100%;
padding: 0;
display: block;
list-style-type: none;
margin-bottom: 5px;
border-radius: 5px;
position: relative;
background: rgba(255,255,255,0.2);
line-height: 1em;
}

ul.anketa-seznam li:nth-of-type(2n){
background: rgba(0,0,0,0.2)}

ul.anketa-seznam li:nth-last-child(2){
margin-bottom: 0;}

ul.anketa-seznam li.titul{
text-align: center;
font-weight: bold;
padding: 2%;
border-radius: 5px 5px 0 0;
margin-bottom: 0;
box-shadow: inset rgba(0,0,0,0.5) -2px -2px 3px;
font-family: "uncial_antiqua";
font-weight: normal;
font-size: 14px;
line-height: 20px;
}

ul.anketa-seznam li.celkem{
text-align: center;
padding: 2%;
border-radius: 0 0 5px 5px;
margin-bottom: 0;
box-shadow: inset rgba(0,0,0,0.5) -2px 2px 3px;}

.anketa button{
display: inline-block;
background-image: url('obr/bg_2.png');
background-color: rgba(255,255,255,0.1);
padding-left: 2%;
border: none;
outline: none;
text-align: left;
border-radius: 5px 5px 0 0;
font-weight: bold;
width: 100%;
cursor: pointer;
line-height: 1em;
position: relative;
float: left;
height: 16px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
}

.anketa input.dolni{
display: inline-block;
background-image: url('obr/bg_2.png');
background-color: rgba(255,255,255,0.1);
margin-left: 25%;
margin-right: 25%;
margin-bottom: 5px;
border: none;
outline: none;
text-align: left;
border-radius: 5px;
font-weight: normal;
width: 50%;
cursor: pointer;
line-height: 1em;
position: relative;
text-align: center;
cursor: pointer;
height: 16px;
box-shadow: rgba(0,0,0,0.7) 0px 1px 3px;
font-family: "uncial_antiqua";
font-size: 14px;
Line-height: 16px;

}

.anketa input:hover{
background-color: rgba(255,255,255,0.5);
box-shadow: rgba(255,255,255,0.5) 0px 0px 3px;}

.anketa button:hover{
background-color: rgba(255,255,255,0.5);
box-shadow: rgba(255,255,255,0.5) 0px 0px 3px;}

.anketa .checkbutton{
display: inline-block;
background-image: url('obr/bg_2.png');
background-color: rgba(255,255,255,0.1);
padding-left: 2%;
border: none;
outline: none;
text-align: left;
border-radius: 5px 5px 0 0;
font-weight: bold;
width: 100%;
line-height: 1em;
position: relative;
float: left;
height: 16px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
}

.anketa .checkbutton:hover{
background-color: rgba(255,255,255,0.5);
box-shadow: rgba(255,255,255,0.5) 0px 0px 3px;}

.anketa .ctverecek{
margin-right: 5px;}
.anketa span.pocet{
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 10%;
height: 100%;
line-height: 1.2em;
vertical-align: baseline;
text-align: center;
color: rgba(255,255,255,1);
background: rgba(0,0,0,0.2);
border-radius: 0 5px 0 0;
font-weight: bold;
margin: 0;
padding: 0;
}

.anketa ul.anketa-seznam li span.bar{
height: 8px;
min-width: 1%;
max-width: 96%;
margin-left: 2%;
margin-right: 2%;
border-radius: 5px;
display: inline-block;
margin-top: 5px;
background-image: url('obr/bg_1.png');
background-color: rgba(255,255,255,1);
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
}

ul.anketa-seznam li:nth-of-type(7n) span.bar{
background-color: rgba(255,0,0,1);}

ul.anketa-seznam li:nth-of-type(7n-1) span.bar{
background-color: rgba(0,204,0,1);}

ul.anketa-seznam li:nth-of-type(7n-2) span.bar{
background-color: rgba(0,51,255,1);}

ul.anketa-seznam li:nth-of-type(7n-3) span.bar{
background-color: rgba(204,153,0,1);}

ul.anketa-seznam li:nth-of-type(7n-4) span.bar{
background-color: rgba(50,50,50,1);}

ul.anketa-seznam li:nth-of-type(7n-5) span.bar{
background-color: rgba(220,220,220,1);}

ul.anketa-seznam li:nth-of-type(7n-5) span.bar{
background-color: rgba(102,0,153,1);}

.anketa span.suda{
background: rgba(255,0,0,1);}

.anketa span.licha{
background: rgba(0,0,153,1);}

form.mazadlo{
display: inline-block;}

/* Fooooooooooooooooooooooooooooooooorum */

form.forum-formular{
width: 70%;
margin: 0 auto 0 auto;
}

form.forum-formular input{
	width: 40%;
	max-width: 70%;
	height: 25px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 5px 0;
border: 0;
outline: 0;
border-radius: 5px;
box-shadow: inset rgba(0,0,0,0.5) 1px 1px 3px;
background: rgba(255,255,255,0.3);
padding: 0 5px 0 5px;
font-family: auto;
}
form.forum-formular input.posilaci{
width: 100px;
height: 30px;
margin: 0 auto 5px auto;
padding: 5px 8px 5px 8px;
text-align: center;
display: block;
font-family: "uncial_antiqua";
background: rgba(0,102,0,0.3);
box-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
cursor:pointer;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;}

form.forum-formular input.posilaci:hover{
background: rgba(0,102,0,0.6);
box-shadow:  rgba(0,0,0,0.4) 3px 3px 8px;
transform: scale(1.1), rotate(-2deg);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;}

form.forum-formular input.potvora{
display: none!important;
}
form.forum-formular textarea{
	width: 70%;
	max-width: 70%;
	height: 100px;
	text-align: left;
	display: inline-block;
	vertical-align: text-top;
	margin: 0 0 5px 0;
	border: 0;
	outline: 0;
	padding: 5px 0 5px 0;
	border-radius: 5px;
	text-indent: 5px;
box-shadow: inset rgba(0,0,0,0.5) 1px 1px 3px;
background: rgba(255,255,255,0.3);
font-family: auto;}
form.forum-formular label{
width: 29%;
max-width: 29%;
vertical-align: text-top;
display: inline-block;
	text-align: right;
	margin: 0 1% 0 0;
	font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-size: 14px;
line-height: 20px;
}

span.napoveda-in{
text-align: left;
position: absolute;
top: 0;
left: 0;
width: 300px;
height: auto;
background: rgba(0,0,0,0.8);
color: rgba(255,255,255,1);
padding: 5px;
border-radius: 5px;
box-shadow: rgba(0,0,0,1) 2px 2px 5px;
opacity: 0;
display: none;
}
span.napoveda-vrch{
		font-family: auto;
position: relative;
margin: 0;}
span.napoveda-vrch:hover span.napoveda-in{
opacity: 1;
display: block;}



ul.forum{
width: 80%;
list-style-type: none;
margin: 0 auto 0 auto;}

ul.forum li img.smajlik{
width: 20px;
height: 20px;
border: none;
display: inline-block;
vertical-align: text-bottom;}
ul.forum li{
position: relative;
margin: 0 0 10px 0;
text-align: left;
padding: 10px;
line-height: 20px;
background: url(obr/tx_3.png);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.1);
text-align: left;}

ul.forum li::before ul.forum li::after{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: -5px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
	z-index: -1;
}
ul.forum li::after{
left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);}
ul.forum li:nth-of-type(9n-1){
background: url(obr/tx_4.png);}
ul.forum li:nth-of-type(9n-2){
background: url(obr/tx_1.png);}
ul.forum li:nth-of-type(9n-3){
background: url(obr/tx_3.png);}
ul.forum li:nth-of-type(9n-4){
background: url(obr/tx_4.png);}
ul.forum li:nth-of-type(9n-5){
background: url(obr/tx_3.png);}
ul.forum li:nth-of-type(9n-6){
background: url(obr/tx_1.png);}
ul.forum li:nth-of-type(9n-7){
background: url(obr/tx_4.png);}
ul.forum li:nth-of-type(9n-8){
background: url(obr/tx_1.png);}

ul.forum span.forum-jmeno{
font-family: "uncial_antiqua";
font-size: 14px;
margin: 0 0 0 5px;
}

ul.forum span.forum-cas{
text-align: right;
float: right;
color: rgba(0,0,0,0.5);
font-style: italic;
}

span.chybovka{
margin: -10px auto 10px auto;
display: block;
font-family: "uncial_antiqua";
font-weight: bold;
font-size: 14px;
color: rgba(255,0,0,1);
text-align: center;}

/* Aktuááááááálněěěěě */

div.aktualne{
width: 303px;
max-width: 95%;
height: auto;
float: right;
background: url('obr/aktualne_top.png'), url('obr/aktualne_bottom.png'), url('obr/aktualne_in.png');
background-repeat: no-repeat, no-repeat, repeat-y;
background-position: top left, bottom left, top left;
background-size: 100% auto;
text-align: center;
margin: -20px 2px 5px 8px;	
position: relative;
}

div.aktualne::before{
content: '';
position: absloute;
width: 70px;
height: 76px;
z-index: 20;
background: url('obr/hrebik.png') no-repeat;
display: block;
margin: -10px auto 0 auto;}

div.aktualne-obsah{
text-align: left;
width: 260px;
max-width: 99%;
margin: -40px auto 25px auto;
z-index: 10;}

/* Obrázky u družin */
#napln div.konec-figur{
clear: left;
visibility: hidden;
}
img.druziny{
position: relative;
float: right;
border-radius: 5px;
margin: 0px 0 10px 10px;
border: none;
max-width: 100%;
}

#napln figure a{
background: none !important;
border-bottom: none !important;}
#napln figure.obrazek, #napln figure.galerie-alfa{
position: relative;
display: block;
overflow: hidden;
float: left;
padding: 0px;
border-radius: 5px;
margin: 0 10px 20px 0;}
#napln figure.obrazek img, #napln figure.galerie-alfa img{
border: none;
border-radius: 5px;
}
#napln figure.obrazek figcaption{
padding: 2%;
width: 97%;
position: absolute;
background: rgba(0,0,0,0.7);
color: rgba(255,255,255,1);
text-align: left;
border-radius: 5px 5px 0px 0px;
box-shadow: 0px 1px 5px rgba(0,0,0,1);
opacity: 0;
top: -20%;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
-ms-transition:      all 0.6s ease}
#napln figure.obrazek:hover figcaption, #napln figure.galerie-alfa:hover figcaption{
opacity: 1;
top: 0;}

#napln figure.obrazek::before{
content: "?";
text-align: center;
line-height: 25px;
font-weight: bold;
width: 25px;
height: 25px;
background: url('obr/veverka_bg.png'), rgba(0,102,0,0.2);
background-position: center center;
background-size: 22px;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
left: 2px;
top: 2px;
opacity: 1;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease}
#napln figure.obrazek:hover:before{
opacity: 0;
top: 30%;
}


img.erb{
position: relative;
float: right;
border-radius: 5px;
margin: 0px 0 10px 10px;
border: none;
max-width: 100%;
	-ms-transition: all 200ms linear;
	-webkit-transition: all  200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all  200ms linear;
	transition: all  200ms linear;
}

img.erb:hover{
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
	-ms-transition: all 200ms linear;
	-webkit-transition: all  200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all  200ms linear;
	transition: all  200ms linear;}
/* Úvodní obrázky na stránce Galerie*/

#napln figure.galerie-alfa{
position: relative;
display: block;
float: left;
width: 21%;
padding: 0px;
text-align: center;
margin: 0 2% 20px 2%;
min-width: 200px;

}

#napln figure.galerie-alfa a{
background: none !important;
border-bottom: none !important;
color: rgba(255,255,255,1) !important;}
#napln figure.galerie-alfa figcaption{
text-align: center;
font-family: "uncial_antiqua";
font-weight: bold;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
width: 96%;
position: absolute;
background: rgba(0,0,0,0.7);
color: rgba(255,255,255,1);
border-radius: 5px 5px 0px 0px;
box-shadow: 0px 1px 5px rgba(0,0,0,1);
opacity: 0;
top: -20%;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition:    all 0.6s ease;
-o-transition:      all 0.6s ease;
-ms-transition:      all 0.6s ease
}

#napln figure.galerie-alfa::before{
content: "?";
text-align: center;
line-height: 25px;
font-weight: bold;
width: 25px;
height: 25px;
background: url('obr/veverka_bg.png'), rgba(255,255,255,0.5);
box-shadow: rgba(255,255,255,1) 0px 0px 3px;
background-position: center center;
background-size: 22px;
background-repeat: no-repeat;
border-radius: 100%;
position: absolute;
left: 2px;
top: 2px;
opacity: 1;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease}
#napln figure.galerie-alfa:hover:before{
opacity: 0;
top: 30%;
}

#napln p.prihlaseni{
margin-bottom: 0;}

#napln p.prihlaseni img.prihlaseny{
display: inline-block;
margin: 0 5px 0 0;
opacity: 0.8}

img.slunicko{
position: relative;
margin-top: 0;
margin-left: auto;
margin-right: auto;	
display: block;
opacity: 0.9
}

/* Seznam galerií v každé kategorii*/

ul.galerie-uvod{
width: 80%;
list-style-type: none;
text-align: center;
margin: 0 auto 0 auto;}

ul.galerie-uvod li{
font-family: "uncial_antiqua";
color: rgba(0,0,0,1);
font-weight: bold;
font-size: 18px;
width: 100%;
margin: 0 0 0 0;
padding: 0;
position: relative;
min-height: 90px
}

ul.galerie-uvod li img{
border-radius: 5px;
border: none;
}

ul.galerie-uvod li a.obrazek{
border-bottom: none !important;
background: none !important;
width: 120px;
height: 100%;
text-align: center;
	-ms-transition: all 100ms linear;
	-webkit-transition: all  100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all  100ms linear;
	transition: all  100ms linear;
}

ul.galerie-uvod li a.text-k-obrazku{
position: relative;
top: 36px;}
ul.galerie-uvod li:nth-of-type(2n-1){
text-align: left}
ul.galerie-uvod li:nth-of-type(2n-1) a.obrazek{
margin-right: 20px;
float:left;}
ul.galerie-uvod li:nth-of-type(2n-1) a.obrazek:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);}
ul.galerie-uvod li:nth-of-type(2n){
text-align: right;}
ul.galerie-uvod li:nth-of-type(2n) a.obrazek{
margin-left: 20px;
float: right;}
ul.galerie-uvod li:nth-of-type(2n) a.obrazek:hover{
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);}

/* Galerie Lovců Veverek*/

ul.galerie-lovci{
width: 80%;
margin: 0 10% 10px 10%;
list-style-type: none;
}

ul.galerie-lovci li{
width: 100%;
margin: 0 0 10px 0;
display: block;
clear: both;

}

ul.galerie-lovci li a.g-obrazek img{
margin: 0 auto 0 auto;
border: none;
border-radius: 5px;
box-shadow: rgba(0,0,0,1) 3px 3px 5px;
	-ms-transition: all 100ms linear;
	-webkit-transition: all  100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all  100ms linear;
	transition: all  100ms linear;}

ul.galerie-lovci li a.g-obrazek img:hover{
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);}

ul.galerie-lovci li a.g-obrazek{
border-bottom: none !important;
background: none !important;
width: 120px;
display: block;
text-align: center;
}

ul.galerie-lovci li span.g-text{
display: block;
overflow: auto;
word-wrap: break-word;
}
ul.galerie-lovci li span.g-text h5{
display: inline;
}
ul.galerie-lovci li span.g-text span.autor{
font-size: small;}

ul.galerie-lovci li:nth-of-type(2n) a.g-obrazek{
float: right;
margin: 0 0 0 10px;}
ul.galerie-lovci li:nth-of-type(2n) span.g-text{
text-align: right;}
ul.galerie-lovci li:nth-of-type(2n) span.g-text h5{
margin: 0 10px 0 0;}
ul.galerie-lovci li:nth-of-type(2n-1) a.g-obrazek{
float: left;
margin: 0 10px 0 0;}



/* Galerie Comix*/

ul.g-comix{
width: 80%;
margin: 0 10% 10px 10%;
list-style-type: none;
}

ul.g-comix li{
width: 133px;
height: 100px;
text-align: center;
margin: 0 5px 10px 5px;
float: left;
display: inline-block;
position: relative;
}
ul.g-comix li a{
background: none !Important;
border-bottom: none !Important;
color: rgba(255,255,255,1)  !Important;
font-size: smaller;}
ul.g-comix li img{
border: none;
border-radius: 5px;
margin: 0 auto 0 auto;
box-shadow: rgba(0,0,0,1) 3px 3px 5px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-ms-transition: all 500ms ease;
}
ul.g-comix li:hover img{
box-shadow: rgba(0,0,0,0) 10px 10px 20px;}
ul.g-comix li span.comix-titul{
position: absolute;
top: 0;
right: -50px;
width: 120%;
border-radius: 5px;
background: rgba(0,0,0,0.7);
color: rgba(255,255,255,1);
box-shadow: rgba(0,0,0,1) 3px 3px 5px;
opacity: 0;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
-ms-transition: all 600ms ease;
}
ul.g-comix li:hover span.comix-titul{
opacity: 1;
right: 0px;}
ul.g-comix li span.comix-cislo{
display: block;
position: absolute; 
left: 3px;
bottom: 3px;
background: rgba(0,0,0,1);
box-shadow: rgba(0,0,0,1) 0px 0px 5px;
color: rgba(255,255,255,1);
font-size: smaller;
width: 25px;
height: 25px;
border-radius: 100%;
text-align: center;
line-height: 25px;
vertical-align: middle;
opacity: 0.3;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
-ms-transition: all 600ms ease;
}
ul.g-comix li:hover span.comix-cislo{
opacity: 0.8;}


img.nastred{
position: relative;
display: block;
width: auto;
height: auto;
margin: 5px auto;
border: none;
border-radius: 5px;
box-shadow: rgba(0,0,0,1) 3px 3px 5px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-ms-transition: all 500ms ease;
background: none!important;}

img.nastred:hover{
box-shadow: rgba(0,0,0,0) 10px 10px 20px;}

/* CSS lightbox*/

.lb-overlay{
width: 0px;
height: 0px;
position: fixed;
overflow: auto;
left: 0;
top: 0;
padding: 0;
text-align: center;
z-index: 200;
opacity: 0;
background: rgba(0,0,0,0.9);
}

.overlay-hidden{
-moz-overflow: hidden!important;
-webkit-overflow: hidden!important;
-ms-overflow: hidden!important;
}
noindex:-o-prefocus, .lb-overlay{
overflow: auto;
}
.lb-overlay div.popis{
position: relative;
color: rgba(255,255,255,1);
font-weight: bold;
width: auto;
height: 50px;
margin: 20px auto 0 auto;}
.lb-overlay	a.lb-close{
background:rgba(255,255,255,1);
z-index: 360;
position: absolute;
top: 6px;
line-height: 30px;
left: 50%;
width: 100px;
height: 30px;
overflow: hidden;
margin-left: -50px;
opacity: 0;
border-bottom: none !important;
}
a.first-close{
border-radius: 5px 0 0 0;}
a.last-close{
border-radius: 0 5px 0 0;}
a.lonely-close{
border-radius: 5px 5px 0 0;}

.lb-overlay:target a.lb-close:hover{
border-bottom: none !important;
background: url('obr/veverka_bg.png'), rgba(255,255,255,1) !important;
background-size: auto 100%;
background-position:  center center !important;
background-repeat:  no-repeat !important;
opacity: 1;
	-ms-transition: opacity 300ms linear;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}

.lb-overlay div.obrazek{
height: auto;
text-align: center;
width: auto;
position: relative;
z-index: 350;
border: none;
padding: 0;
margin: 0;
display: inline;
line-height: 100%;
}

div.obrazek a.zoom{
background: rgba(255,255,255,0.5) !important;
border-bottom: none !important;
position: absolute;
top: 10px;
right: 10px;
z-index: 400;
border-radius: 100%;
box-shadow: rgba(255,255,255,1) 0px 0px 3px;}

div.obrazek a.zoom img{
width: 20px;
height: 20px;
opacity: 0.5 !important;
transition: all 0.3s linear;
	-moz-transition: all  0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	border: none;
}

div.obrazek a.zoom:hover img{
width: 30px;
height: 30px;
opacity: 0.8 !important;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);}

.lb-overlay img{
max-height: 100%;
max-width: 100%;
position: relative;
opacity: 0;
border-radius: 5px;
z-index: 350;
border: none;
padding: 0;
margin: 0;
transition: opacity 1s ease-in-out;
	-moz-transition: opacity  1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	vertical-align: text-top;
}

.lb-overlay:target {
    width: auto;
    height: auto;
	max-height: 100%;
    bottom: 0px;
    right: 0px;
    padding: 35px 100px 70px 100px;
	opacity: 1;
}
.lb-overlay:target img{
    opacity: 1;
}

.lb-overlay:target a.lb-close{
opacity: 0.8;
	-ms-transition: opacity 300ms linear;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;}

.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: 6px;
    width: 40px;
    height: 30px;
	-ms-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	z-index: 400;
	opacity: 0.8;
	border-bottom: none !important;
}

.lb-next:hover{
	border-bottom: none !important;
	background: url('obr/dalsi.png'), rgba(255,255,255,1) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	padding-left: 17px;
	opacity: 1;

}
.lb-prev:hover{
	border-bottom: none !important;
	background: url('obr/predchozi.png'), rgba(255,255,255,1) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	padding-right: 17px;
	margin-left: -107px;
	opacity: 1;

}
.lb-prev{
	left: 50%;
	margin-left: -90px;
    background:  url('obr/predchozi.png'), rgba(255,255,255,1);
	background-position: left center !important;
	background-repeat: no-repeat;
	border-top-left-radius: 13px;
}
.lb-next{
	left: 50%;
    margin-left: 50px;
    background: url('obr/dalsi.png'), rgba(255,255,255,1);
	background-position: right center !important;
	background-repeat: no-repeat;
	border-top-right-radius: 13px;
}



/* Lightbox Comix a galerie podruhé */

ul.g-comix .lb-overlay div.popis{
font-weight: normal;
height: auto;
margin: 20px auto 20px auto;}

div.popis-just{
text-align: justify !important}

ul.g-comix .lb-overlay	a.lb-close{
top: -30px;}

ul.g-comix .lb-overlay:target {
    padding: 35px 50px 70px 50px;
}

ul.g-comix .lb-overlay img{
max-height: none;
margin: 0 auto;
}

ul.g-comix .lb-overlay:target img{
    opacity: 1;}
	
ul.g-comix .lb-prev, ul.g-comix .lb-next{
	top: -30px;}

ul.g-comix .lb-overlay div.lumiere{
width: 600px;}
img.lumiere-horni{
border-radius: 5px 5px 0 0 !important;}
img.lumiere-dolni{
border-radius: 0 0 5px 5px !important;}

.prev-intermezzo{
border-bottom-left-radius: 5px}
.next-intermezzo{
border-bottom-right-radius: 5px}
.last-close-intermezzo{
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;}

ul.g-comix .lb-overlay div.obrazek div.intermezzo{
position: relative;
max-width: 100%;
width: 800px;
height: auto;
display: inline-block;
height: auto;
padding: 0;
margin: 0 auto;
opacity: 0;
text-align: center;
vertical-align: text-top;
transition: opacity 1s ease-in-out;
	-moz-transition: opacity  1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
}
ul.g-comix .lb-overlay:target div.obrazek div.intermezzo{
opacity: 1;}

ul.g-comix  .lb-overlay div.obrazek div.intermezzo p{
width: 100%;
text-align: justify;
color: rgba(255,255,255,1);
margin: 10px 0 10px 0;}

ul.g-comix  .lb-overlay div.obrazek div.intermezzo h5{
color: rgba(255,255,255,1);
margin-top: 15px;}

ul.g-comix  .lb-overlay div.obrazek div.intermezzo ul.seznam li{
display: block !important;
width: 100% !important;
float: none !important;
text-align: left;
color: rgba(255,255,255,1);
height: auto;
}

div.popis-topka{
padding-top: 10px;}

div.popis-dobloku{
text-align: justify;
position: relative;
color: rgba(255,255,255,1);
height: auto;
width: 600px;
max-width: 100%;
margin: 20px auto 20px auto;}

div.popis-dobloku h5{
color: rgba(255,255,255,1);}

ul.g-comix  .lb-overlay div.popis span.podpis{
position: relative;
right: 20%;}



/* Seznam pro download */

ul.download{
width: 100%;
margin: 0;
list-style-type: none;
}

ul.download li{
width: 100%;
margin: 0 0 10px 0;
display: block;
clear: both;
}

ul.download li span.d-ikonka{
width: 200px;
display: block;
text-align: center;}

ul.download li span.d-ikonka a{
border-bottom: none !important;
background: none !important;}

ul.download li span.d-ikonka a img{
margin: 0 auto 0 auto;
border: none;
border-radius: 5px;
	-ms-transition: all 100ms linear;
	-webkit-transition: all  100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all  100ms linear;
	transition: all  100ms linear;}

ul.download li span.d-ikonka a img:hover{
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);}

ul.download li span.d-text{
display: block;
overflow: auto;
word-wrap: break-word;
}
ul.download li span.d-text h5{
display: inline;
}
ul.download li span.d-text span.autor{
font-size: small;}

ul.download li:nth-of-type(2n) span.d-ikonka{
float: right;
margin: 0 0 0 10px;}
ul.download li:nth-of-type(2n) span.d-text{
text-align: right;}
ul.download li:nth-of-type(2n) span.d-text h5{
margin: 0 10px 0 0;}
ul.download li:nth-of-type(2n-1) span.d-ikonka{
float: left;
margin: 0 10px 0 0;}


/*  Seznam odkazů */


ul.odkazy{
width: 90%;
margin: 0 5% 10px 5%;
list-style-type: none;
}

ul.odkazy li{
width: 100%;
margin: 0 0 10px 0;
display: block;
clear: both;
}

ul.odkazy li span.o-ikonka{
width: 100px;
display: block;
text-align: center;
float: left;
margin: 0 10px 10px 0;}

ul.odkazy li span.o-ikonka a{
border-bottom: none !important;
background: none !important;}

ul.odkazy li span.o-ikonka img{
margin: 0 auto 0 auto;
border: none;
box-shadow: rgba(0,0,0,1) 3px 3px 5px;
border-radius: 5px;
	-ms-transition: all 100ms linear;
	-webkit-transition: all  100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all  100ms linear;
	transition: all  100ms linear;}

ul.odkazy li span.o-ikonka img:hover{
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);}

ul.odkazy li span.o-text{
display: block;
overflow: auto;
word-wrap: break-word;
text-align: left;
margin: 0 0 10px 0}
	
ul.odkazy li span.o-text h5{
display: inline;
margin: 0 0 0 10px;
}


/* Návštěvní kniha */

iframe.navstevni-kniha{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;}


@media screen and (max-width: 1024px){
	input.perly, label.perly{
	margin-left: 0px;}
	label.perly{
	background: url('obr/veverka_bg.png') 10px center no-repeat, rgba(255,255,255,0.3);}
	
	input.perly:checked + label{
	margin-left: 0px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	}
input.perly:hover, label.perly:hover, input.perly:hover + label{
margin-left: 0px;
}
	
}

/* Silvestr 2015 SW pozvánka */
#sw_titles
{
	position: relative;
	width: 100%;
	height: 6em;
	/*bottom: 0;
	left: 50%;*/
	margin-top: -100px;
	margin-bottom: 20px;
	font-size: 350%;
	font-weight: bold;
	text-align: justify;
	overflow: hidden;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-moz-transform: perspective(300px) rotateX(25deg);
	-webkit-transform: perspective(300px) rotateX(25deg);
	-o-transform: perspective(300px) rotateX(25deg);
	-ms-transform: perspective(300px) rotateX(25deg);
	transform: perspective(300px) rotateX(25deg);
}

#sw_titles:after
{
	position: absolute;
	content: ' ';
	left: 0;
	right: 0;
	top: 0;
	bottom: 60%;
	background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
	pointer-events: none;
}

#sw_titlecontent
{
	position: absolute;
	top: 100%;
	-moz-animation: sw_scroll 40s linear 4s infinite;
	-webkit-animation: sw_scroll 40s linear 4s infinite;
	-ms-animation: sw_scroll 40s linear 4s infinite;
	-o-animation: sw_scroll 40s linear 4s infinite;
	animation: sw_scroll 40s linear 4s infinite;
}

@-webkit-keyframes sw_scroll {
	0% { top: 100%; }
	100% { top: -350%; }
}
@-moz-keyframes sw_scroll {
	0% { top: 100%; }
	100% { top: -350%; }
}
@-ms-keyframes sw_scroll {
	0% { top: 100%; }
	100% { top: -350%; }
}
@-o-keyframes sw_scroll {
	0% { top: 100%; }
	100% { top: -350%; }
}
@keyframes sw_scroll {
	0% { top: 100%; }
	100% { top: -350%; }
}