﻿body {
	background: url('../img/bg.png') center center repeat-y #7985AA;
	font: 70%/1.2 Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #404040;
	text-align: center;
	background-color: #007cb1;
}
img {border: 0;}
a {color: #3668D1; text-decoration: none; }
h1 { font-size: 15px; font-weight: bolder; margin: 10px 0px 0px 40px;}
h2 { font-size: 15px; font-weight: bolder; margin: 10 0 0 40;}
h3 {font-size: 16px; margin: 0 0 10px 0; color: #1F438B;}
h4 {font-size: 100%; margin: 0 0 10px 0; color: #1F438B;}
#page { width: 764px; margin: 0 auto; padding: 0; background-image: url('../img/kom-stred-bg.jpg'); text-align: center;}
#komu-left {width: 235px; float: left;}
#komu-right {width: 529px; float: right; height: 328px;}
#komu-top-bg {width: 790px; height: 21px; background: url('../img/kom-top-bg.jpg') right top no-repeat; overflow: visible; float: right;}
#logo {width: 235px; height: 120px; background: url('../img/kom-logo.jpg') right top no-repeat; overflow: visible; float: right;}
#logo a {display: block; height: 98px; margin-bottom: 22px;}
#logo a:hover {display: block; height: 98px; margin-bottom: 22px;}
#logo span {display: none;}

#menu {float: left;}
#menu a {display: block; height: 18px; float: left;}
/* \*/ #menu a {float: none;} /* IE5/Mac fix */
#menu a:hover {background-position: 0 -18px;}
#menu span {display: block; padding: 0px 0px 0px 0px;}
#menu a span {display: none !important;}
#menu ul {margin: 0; padding: 0;}
#menu li {float: none; margin: 0 0 0 0 0px; display: inline; list-style-type: none; padding: 0px;}
#menu-01 {width: 235px; background: url('../img/kom-menu-01.jpg') no-repeat;}
#menu-02 {width: 235px; background: url('../img/kom-menu-02.jpg') no-repeat;}
#menu-03 {width: 235px; background: url('../img/kom-menu-03.jpg') no-repeat;}
#menu-04 {width: 235px; background: url('../img/kom-menu-04.jpg') no-repeat;}
#menu-05 {width: 235px; background: url('../img/kom-menu-05.jpg') no-repeat;}
#menu-06 {width: 235px; background: url('../img/kom-menu-06.jpg') no-repeat;}
#menu-07 {width: 235px; background: url('../img/kom-menu-07.jpg') no-repeat;}
#menu-08 {width: 235px; background: url('../img/kom-menu-08.jpg') no-repeat;}
#menu-09 {width: 235px; background: url('../img/kom-menu-09.jpg') no-repeat;}
#menu-10 {width: 235px; background: url('../img/kom-menu-10.jpg') no-repeat;}
#menu-11 {width: 235px; background: url('../img/kom-menu-11.jpg') no-repeat;}
#menu-12 {width: 235px; background: url('../img/kom-menu-12.jpg') no-repeat; height: 21px;}
#menu-13 {width: 235px; background: url('../img/kom-menu-13.jpg') no-repeat;}
#menu-14 {width: 235px; background: url('../img/kom-menu-14.jpg') no-repeat;}
#menutop {
	background: url('../img/kom-menu-top.jpg');
	width: 529px;
	height: 56px;
	float: right;
}
#menustred {
	background: url('../img/kom-menu-stred.jpg');
	width: 529px;
	height: 242px;
	float: left;
}
#menustreduzivatel {
	background: url('../img/kom-menu-uzivatele.jpg');
	width: 529px;
	height: 37px;
	float: left;
}
#menustred2 {
	background: url('../img/kom-menu-stred2.jpg');
	width: 529px;
	height: 23px;
	float: left;
}
#menudole {
	background: url('../img/kom-menudole.jpg');
	width: 529px;
	height: 21px;
	float: left;
}

#menu-dole-obr {
	vertical-align: bottom;
}
#vrsekmenu {
	width: 529px;
	float: left;
	height: 30px;
}
#vrsekmenu a {display: block; height: 30px; float: left;}
/* \*/ #vrsekmenu a {float: left;} /* IE5/Mac fix */
#vrsekmenu a:hover {background-position: 0 -30px;}
#vrsekmenu span {display: block; padding: 0px 0px 0px 0px;}
#vrsekmenu a span {display: none !important;}
#vrsekmenu ul {margin: 0; padding: 0;}
#vrsekmenu li {float: none; margin: 0 0 0 0 0px; display: inline; list-style-type: none; padding: 0px;}
#vrsekmenu-01 {width: 59px; background: url('../img/kom-menuv-01.jpg') no-repeat;}
#vrsekmenu-02 {width: 59px; background: url('../img/kom-menuv-02.jpg') no-repeat;}
#vrsekmenu-03 {width: 72px; background: url('../img/kom-menuv-03.jpg') no-repeat;}
#vrsekmenu-04 {width: 69px; background: url('../img/kom-menuv-04.jpg') no-repeat;}
#vrsekmenu-05 {width: 69px; background: url('../img/kom-menuv-05.jpg') no-repeat; height: 30px;}
#vrsekmenu-06 {width: 73px; background: url('../img/kom-menuv-06.jpg') no-repeat;}
#vrsekmenu-07 {width: 34px; background: url('../img/kom-menuv-07.jpg') no-repeat;}
#vrsekmenu-08 {width: 46px; background: url('../img/kom-menuv-08.jpg') no-repeat;}
#vrsekmenu-09 {width: 48px; background: url('../img/kom-menuv-09.jpg') no-repeat;}

#dolemenu { width: 529px; float: none;}
#dolemenu a {display: block; height: 26px; float: left;}
/* \*/ #dolemenu a {float: left;} /* IE5/Mac fix */
#dolemenu a:hover {background-position: 0 -26px;}
#dolemenu span {display: block; padding: 0px 0px 0px 0px;}
#dolemenu a span {display: none !important;}
#dolemenu ul {margin: 0; padding: 0;}
#dolemenu li {float: none; margin: 0 0 0 0 0px; display: inline; list-style-type: none; padding: 0px;}
#dolemenu-00 {width: 150px; background: url('../img/kom-menuvdole-00.jpg') no-repeat; height: 26px;}
#dolemenu-00-video {width: 150px; background: url('../img/kom-menuvdole-00-video.jpg') no-repeat; height: 26px;}
#dolemenu-01 {width: 114px; background: url('../img/kom-menuvdole-01.jpg') no-repeat;}
#dolemenu-02 {width: 105px; background: url('../img/kom-menuvdole-02.jpg') no-repeat;}
#dolemenu-03 {width: 73px; background: url('../img/kom-menuvdole-03.jpg') no-repeat;}
#dolemenu-04 {width: 87px; background: url('../img/kom-menuvdole-04.jpg') no-repeat;}
#dolemenu-05 {width: 123px; background: url('../img/kom-menuvdole-05.jpg') no-repeat;}

#komu-stred {
	background: url('../img/kom-stred-bg.jpg');
	width: 764px;
	text-align: left;
	float: left;
}
#komu-stred-nad {
	background: url('../img/kom-h2.gif') center repeat-y;
	width: 762px;
	color: #F4F4F4;
	height: 50px;
	vertical-align: middle;
	padding-top: 5px;
	text-align: left;
	margin-bottom: 5px;
}
#komu-stred-top {
	width: 764px;
	text-align: left;
	background: url('../img/kom-stred.gif') center repeat-y;
}
.komu-stred-text {
	width: 710px;
	text-align: left;
	vertical-align: top;
	left: 28px;
	position: relative;
	top: 10px;
}
#bp-stred-obr {
	float: right;
}
#bp-left {
	width: 652px;
	float: left;
	color: #CBD0D8;
}

#bp-left-top {
	width: 196px;
	float: left;
	left: 0px;
	position: static;
	top: 0px;
	min-height: 500px;
}
#bp-left-top {
	text-align: left;
}
#komu-stred-top ul {
	padding: 0;
	margin: 0;
	margin-left: 5px;
}
#komu-stred-top li {
	list-style: none;
	padding-left: 12px;
	background: url('../img/li-normal.png') 0 0.99em no-repeat;
	padding-top: 10px;
}
#komu-stred-top ol {
	list-style: none;
	padding-left: 12px;
	background: url('../img/ol-normal.png') 0 0.99em no-repeat;
	padding-top: 10px;
	margin-left: 13px;
}


#bp-stred-top-c {
	text-align: left;
}
#bp-stred-top-c ul {
	padding: 0;
	margin: 0;
	margin-left: 15px;
}
#bp-stred-top-c li {
	list-style: none;
	padding-left: 12px;
	background: url('../img/li-stred.png') 0 0.45em no-repeat;
	padding-top: 5px;
	padding-right: 12px;
}
#bp-stred-top-c ol {list-style: none; padding-left: 10px; font-weight: bold; margin-bottom: 2px;}
#bp-stred-top-c td {
	text-align: center;
}
#foot {
	font-size: 90%;
	color: #909090;
	margin: 0px 0 0px 0;
	text-align: center;
	clear: both;
	width: 764px;
	padding-top: 6px;
}
#foot a {
	text-decoration: none;
	color: #041B61;
}
#foot-cara {
	width: 764px;
	height: 10px;
	background: url('../img/kom-foot-cara.gif') center top no-repeat;
	float: none;
	font-size: 1px;
}
#foot-cary {
	width: 764px;
	height: 15px;
	padding-top: 13px;
	float: none;
}
#foot-loga {
	width: 284px;
	height: 46px;
	float: left;
	margin-left: 5px;
}
#foot-text {
	width: 460px;
	text-align: left;
	float: right;
	font-size: 6.4pt;
	color: #666666;
	padding-right: 8px;
	margin-top: 3px;
	line-height: 9pt;
}
#foot-loga2 {
	width: 358px;
	height: 96px;
	float: left;
	margin-left: 5px;
}
#foot-text2 {
	width: 387px;
	text-align: left;
	float: right;
	font-size: 6.4pt;
	color: #666666;
	padding-right: 8px;
	margin-top: 3px;
	line-height: 9pt;
}

.img-prev {background: #c0c0c0; float: left; width: 100px; height: 100px; margin-right: 10px;}
.img-prev img {margin: 10px; width: 80px; height: 80px;}

dfn, abbr, acronym {cursor: help; font-style: normal; border-bottom: 1px dotted #999;}
#formular {text-align: left; width: 720px; position: relative; height: 170px;}
#fornazjme {float: left; width: 50px;}
#forpoljme {float: right; width: 160px; top: 0px; left: 50px; position: absolute;}
#fornazpri {float: left; width: 50px; top: 0px; position: absolute; left: 310px;}
#forpolpri { float: right; width: 160px; top: 0px; position: absolute; left: 60px;}
#fornazem {float: left; width: 50px; top: 22px; position: absolute; left: 0px;}
#forpolem {float: right; width: 160px; top: 0px; position: absolute; left: 50px;}
#fornazmob {float: left; width: 50px; top: 22px; position: absolute; left: 310px;}
#forpolmob {float: right; width: 160px; top: 0px; position: absolute; left: 60px;}
#fornazpoz {float: left; width: 100px; top: 46px; position: absolute; left: 0px;}
#forpolpoztxt {float: right; width: 200px; top: 0px; position: absolute; left: 50px;}
#fortlac {width: 610px; top: 160px; position: absolute; left: 0px; text-align: right;}


.policko {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F3372C;
	background-color: #DFDFDF;
	border-left-color: #0183BA;
	border-left-style: solid;
	border-left-width: 2px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-color: #0183BA;
	border-right-color: #0183BA;
	border-top-color: #0183BA;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
.tlacitko {text-align: left; height: 16px; width: 60px; background-color: #0183BA; border-left-color: #1F438B; border-left-style: solid; border-left-width: 2px; border-bottom-width: 0px; border-right-width: 0px; border-top-width: 0px; font-size: 9px; color: #DFDFDF;}
.barva-text {
	color: #DE9934;
}
.polickovys {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E1358;
	padding-bottom: 2px;
	padding-top: 2px;
}
.polickomenu {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CBD0D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CBD0D8;
	text-align: center;
}
.polickomenu2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CBD0D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #CBD0D8;
}
.tabpole0 {
	background-color: #007CB1;
	color: #F2F2F2;
	font-size: 12px;
	font-weight: bold;
}
.tabpole1 {
	background-color: #1696CC;
	color: #F2F2F2;
	font-size: 12px;
}
.tabpole2 {
	background-color: #0089C4;
	color: #F2F2F2;
	font-size: 12px;
}
.tabpole0b {
	background-color: #F57035;
	color: #F2F2F2;
	font-size: 12px;
	font-weight: bold;
}
.tabpole1b {
	background-color: #F78859;
	color: #F2F2F2;
	font-size: 12px;
}
.tabpole2b {
	background-color: #F77944;
	color: #F2F2F2;
	font-size: 12px;
}
#bg-obr {
	background-image: url(../img/bp-bg-obr.jpg);
	height: 53px;
	width: 79px;
	padding-top: 6px;
	padding-left: 8px;
	float: left;
}
#bg-video {
	height: 53px;
	width: 79px;
	padding-top: 6px;
	padding-left: 8px;
	float: left;
}
.chatboardtext {
font-family: tahoma, arial;
font-size: 11px;
color: #404040; }

.chatboard {
	background-color: #AFD0E0;
	width: 650px;
}

.chatboardinput {
	font-family: tahoma, arial;
	font-size: 11px;
	color: #EE3442;
	backround-color: white;
	border: 1px black solid;
}

.chatboardnadpis {
	font-family: tahoma, arial;
	font-size: 11px;
	color: #F4F4F4;
	font-weight: bold;
	border-bottom: 1px #658AA7 solid;
	background-color: #019DE0;
}
.metodika-nadpis {
	font-size: 12px;
	font-weight: bold;
	color: #0077aa;
}
.oran-nadpis {
	font-size: 12px;
	font-weight: bold;
	color: #F57035;
}
.kom-nadpis {
	font-size: 14px;
	font-weight: bold;
}
.kom-obr {
	float: left;
	position: relative;
}
.kom-podnadpis {

	font-size: 12px;
	font-weight: bold;
}
.kom-obr2 {

	float: right;
}
.clear {clear: both;}

table#fotogalerie td.kom-obr-text {
	padding: 0px 0px 0px 20px;
	vertical-align: top;
}
table#fotogalerie td.kom-obr {
	padding: 0px 0px 15px 0px;
}
