@font-face { font-family: 'DejaVuSans'; font-style: normal; font-weight: normal; src: url(../lib/DejaVuSans.ttf); }
@font-face { font-family: 'DejaVuSans_IE'; font-style: normal; font-weight: normal; src: url(../lib/DejaVuSans.eot); }

* { font: normal normal 16px 'DejaVuSans', 'DejaVuSans_IE'; color: #EFE6B9; text-shadow: 1px 1px 2px #000000; } /*, 'DejaVu Sans', 'MS Sans Serif', 'Verdana'*/

body { background: #121911 url(../img/bg-body.png) repeat-y fixed center; margin: 0; padding: 0; }
h1, h2 { font-size: 175%; color: #FDFEFF; margin: 3% 0 2%; }
h3 { font-size: 150%; color: #FDFEFF; margin: 3% 0 1%; }
h4 { font-size: 125%; color: #FDFEFF; margin: 2% 0 0; }
h5 {
	font-weight: normal; font-size: 100%; padding: 4px 5px; margin: 0; background: rgba(0,0,0,.5) url();
	border-top: 1px solid #000000; border-bottom: 1px solid rgba(255,255,255,.32);
	border-radius: 9px; border-shadow: 0px 0px 2px #000000;
}
p { margin: 1% 0; line-height: 150%; text-align: justify; }
b, strong { font-weight: bold; } i, em { font-style: italic; }
b i, i b { font-weight: bold; font-style: italic; }
sup { font-size: 75%; }
img { float: none; border: 1px solid #000000; margin: 5px 20px; padding: 4px; background: #EFE6B9; }
img.vlevo, img.le { float: left; margin-left: 0; } img.vpravo, img.ri { float: right; margin-right: 0; }
img.stred, img.ce { margin-left: 0; margin-right: 0; }
img.stred, img.ce { float: left; margin-left: auto; margin-right: auto; text-align: center; }
img.none, #pbox img { border: 0 none; margin: 0; padding: 0; background: transparent url(); }
img.noborder { border: 0 none; padding: 0; }
img.clear { border: 0 none; padding: 0; background: transparent url(); }
img.inline { border: 0 none; padding: 0; margin: 0 2px; vertical-align: bottom; }
.thumbs img { text-align: center; margin: 4px 7px; }
hr { border: 1px solid; border-color: #000000 rgba(255,255,255,.32) rgba(255,255,255,.32) #000000; }
table { border-collapse: collapse; }
table, tr, th, td { border-spacing: 0; padding: 0 1px; }
table tr td { text-align: left; } table tr th { text-align: right; font-weight: normal; }
tr.light { background: rgba(255,255,255,0.2) url(); }
tr.dark { background: rgba(0,0,0,0.04) url(); }
table.line { border-collapse: separate; padding: 0; border-top: 1px solid #000000; border-bottom: 1px solid rgba(255,255,255,.32); }
table.line tr th, table.line tr td { border-top: 1px solid rgba(255,255,255,.32); border-bottom: 1px solid #000000; }
table.line th, table.line td { padding: 2px; }
table.line tr.light th, table.line tr.light td { border-bottom: 1px solid #000000; }
table.line tr.dark th, table.line tr.dark td { border-top: 1px solid rgba(255,255,255,.32); }
table.grid { border-collapse: separate; padding: 0; border: 1px solid; border-color: #000000 rgba(255,255,255,.32) rgba(255,255,255,.32) #000000; }
table.grid tr th, table.grid tr td { border: 1px solid; border-color: rgba(255,255,255,.32) #000000 #000000 rgba(255,255,255,.32); }
table.grid th, table.grid td { padding: 2px 5px; }
table.grid tr.light th, table.grid tr.light td { border: 1px solid #000000; }
table.grid tr.dark th, table.grid tr.dark td { border: 1px solid rgba(255,255,255,.32); }
a { color: #EFE6B9; text-decoration: none; outline: none; }

.vaTop, table.vaTop tr > * { vertical-align: top !important; margin-top: 0; }
.taL { text-align: left; } .taC { text-align: center; } .taR { text-align: right; }
.maL { margin-left: 0; margin-right: auto; } .maC { margin-left: auto; margin-right: auto; } .maR { margin-left: auto; margin-right: 0; }
.wMax { width: 100%; } .w8p { width: 8%; } .w80p { width: 80%; }
.redBg, .blueBg, .braunBg, .blackBg {
	font-size: 100%; color: #EFE6B9 !important; text-shadow: 0 1px 1px #000000;
	padding: 3px 6px; margin: 0; background: #BF0000 url(../img/bg-butt.png);
	border-top: 1px solid rgba(255,255,255,.32); border-bottom: 1px solid rgba(0,0,0,.5);
	border-radius: 6px;
}
.blueBg { background: #0000BF url(../img/bg-butt.png); }
.braunBg { background: #78624F url(../img/bg-butt.png); }
.blackBg { background: rgba(0,0,0,.75) url(../img/bg-butt.png); }
.miniFont { font-weight: normal; font-size: 12px !important; padding: 5px 6px; }
.noBT, tr.noBT > * { border-top: none !important; } .noBB, tr.noBB > * { border-bottom: none !important; }
.noDisplay { display: none; } .noVisible { visibility: collapse; } .noWrap { white-space: nowrap; }
.noBgImg { background-image: url() !important; }

#bg-hlavicka {
	position: absolute; width: 100%; height: 80px; margin: 0; padding: 0;
	background: #121911 url(../img/bg-headconners.png) center repeat-x;
}
#hlavicka {
	float: none; position: relative; width: 1000px; height: 80px; top: 0; margin: 0 auto;
	background: #121911 url(../img/bg-header.png) repeat-x;
}

#hlavicka #index {
	position: absolute; height: 60px; width: 240px; top: 20px;
	background: transparent url("../img/miniLogo.png") no-repeat;
}
#hlavicka #index a { display: block; top: 0; height: 36px; width: 230px; }
#hlavicka #index h1 { margin: 10px 5px; }
#hlavicka #index h1 a span { display: none; }

#hlavicka #menu {
	display: block; float: right; clear: none; position: relative;
	margin: 0; padding: 0; top: 30px; left: 0; height: 45px; width: 760px;
	border: 0 none; background: transparent url();
}
#hlavicka #menu li { /* items */
	list-style: none url(); float: right; position: relative; left: 0; margin: 0;
	text-align: center;
	/*border-left: 1px solid #5A4536; border-right: 1px solid #78624F;*/
}
#hlavicka #menu li a { /* s backgroundem a 'span'em */
	float: left; position: relative; top: 0px; /*line-height: 16px; height: 6px;*/ padding: 8px 10px;
	font-weight: bold; color: #EFE6B9; text-shadow: 0 3px 2px #000000; text-decoration: none; border-radius: 6px;
}
#hlavicka #menu li.select a {
	color: #77604C; text-shadow: 0 1px 1px #000000; background: #EFE6B9 url(); /*#E8E0C9*/
	padding: 7px 10px; border-top: 1px solid #78624F; border-bottom: 1px solid #5A4536;
}
#hlavicka #menu li a:hover, #hlavicka #menu li:hover a {
	color: #FFFFFF; background: rgba(255,255,255,.16) url();
}


#plocha { float: none; position: relative; width: 960px; margin: 20px auto; }
#plocha div {
	background: rgba(255,255,255,.16) url(); border-radius: 9px; border-shadow: 0px 0px 2px #000000;
}

#plocha #pbox {
	float: left; clear: none; position: relative; width: 210px; padding: 0 20px 0 0;
	background: transparent url();
}

#pbox #subMenu { /* redefinice ul, li */
	display: block; float: left; clear: none; position: relative;
	margin: 0; padding: 0 0 20px; width: 226px;
	border: 0 none; background: transparent url();
}
#pbox #subMenu li { /* items */
	display: block; float: left; position: relative; width: 100%; left: 0; margin: 0;
	list-style: none url(); text-align: center;
	/*border-left: 1px solid #5A4536; border-right: 1px solid #78624F;*/
}
#pbox #subMenu li a { /* s backgroundem a 'span'em */
	float: left; position: relative; width: 200px; top: 0px; /*line-height: 16px; height: 6px;*/ padding: 5px;
	font-weight: bold; color: #EFE6B9; text-shadow: 0 3px 2px #000000; text-decoration: none; border-radius: 6px;
}
#pbox #subMenu li.select a {
	padding: 4px 5px; border-top: 1px solid rgba(255,255,255,.32); border-bottom: 1px solid #000000;
	background: rgba(255,255,255,.16) url();
}
#pbox #subMenu li a:hover, #pbox #subMenu li:hover a {
	color: #FFFFFF; background: rgba(255,255,255,.16) url();
}

#pbox div { float: left; }
#pbox div.list {
	margin-bottom: 20px; padding: 10px 10px 25px; width: 190px;
	font-size: 12px; color: #77604C; text-shadow: 0 -1px 1px #FFFFFF;
	background: #EFE6B9 url(../img/bg-pbox.png) bottom no-repeat;
}
#pbox div.list * { font-size: 12px; color: #0B0B0B; text-shadow: 0 -1px 1px #FFFFFF; }
#pbox div.list h3 {
	height: 25px; margin: 0; background: transparent url(../img/bg-pbox-top.png) no-repeat;
	font-size: 100%; text-align: center; color: #77604C; text-shadow: none;
}
#pbox div.list h3.duo { height: 32px; }
#pbox div.list p.miniFont { font-size: 9px; color: #77604C; padding: 2px 0 0; }
#pbox div.list p.mb { margin-bottom: 7px; }
#pbox div.list span { font-size: 9px; color: #77604C; vertical-align: sub; }
#pbox div.list a { color: #77604C; text-decoration: none; }
#pbox div.list a:hover { color: #0B0B0B; }
#pbox div.list .separa { width: 100%; height: 6px; background: transparent url(../img/bg-list-separa.png) center no-repeat; }
#pbox div.list .separa.h18 { height: 18px; }
#pbox .tBg, #pbox .redBg, #pbox .blueBg, #pbox .braunBg, #pbox .blackBg {
	text-shadow: none !important; padding: 2px 5px; background: transparent url(../img/bg-butt.png);
}
#pbox .redBg { background: rgba(255,0,0,0.75) url(); }
#pbox .blueBg { background: rgba(0,0,255,0.75) url(); }
#pbox .braunBg { background: #78624F url(); }
#pbox .blackBg { background: rgba(0,0,0,0.75) url(); }
#pbox .miniFont { font-weight: normal; font-size: 9px !important; color: #77604C !important; }

#plocha #telo, #plocha #aktualita {
	width: 690px; padding: 20px; margin-bottom: 20px; float: left; position: relative;
}
#telo div, #aktualita div {
	width: 100%; padding: 0; background: transparent url();
}
#aktualita div span.button {
	color: #EFE6B9; padding: 2px 5px 4px;
	background: transparent url(../img/bg-butt.png); border-radius: 6px;
}
#aktualita div a.button {
	color: rgba(255,255,255,.5); padding: 2px 5px 4px;
	background: transparent url(../img/bg-butt.png); border-radius: 6px;
}
#aktualita div a:hover {
	color: #EFE6B9; background: rgba(255,255,255,.1) url(../img/bg-butt.png);
}
#aktualita div i { color: rgba(255,255,255,.5); float: right; }

#plocha div.separa { width: 100%; height: 6px; background: transparent url(../img/bg-list-separa.png) center no-repeat; }

#paticka {
	float: left; position: relative; width: 100%; margin: 0; bottom: 0;
	border-top: solid 2px #070707; background: #121911 url();
}
#paticka.fixed { position: fixed; }
#paticka p { font-size: 75%; color: #78624F; }

/** IE10 viewport hack for Surface/desktop Windows 8 bug */
@-ms-viewport, @-o-viewport, @viewport { width: device-width; }