@import url("reset.css");
@import url("obsah.css");
/*oranžová - color: #FF6600;
červená - color: #FF0000;
světle modrá - #CCCCFF;
tmavě modrá - #336699;
vnitřní plochy menu - color: #F9F9F9;
rámeček červený - border: #FF0000 1px solid;
rámečk sětle šedý (form. tabulky) - border: #EFEFEF 1px solid;
barva rámečku okolo formuláře: #DDD*/
div.neobtekat	{
	clear: both;
}
div.uprostred	{
	text-align: center;
}
img.ikonka_un, img.ikonka	{
	width: 20px;
	height: 20px;
	margin-left: 2px;
	margin-right: 2px;
}
img.ikonka	{
	float: left;
	margin-left: 10px;
}
img.ikonka_sm	{
	width: 12px;
	height: 12px;
	margin: 2px;
}
img#logo	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
}
img.avatar	{
	width: 80px;
	height: 100px;
	margin: 5px auto 5px auto;
	border: #FF0000 1px solid;
}
/*KOSTRA WEBU
pozadí s okrajem vycentrované*/
div#ramecek	{
	width: 990px;
	text-align: center;
	margin:  25px auto 5px auto;	
	background-image: url(grafika/skin_230.jpg);
	background-repeat: repeat-y;
}
/*obal stránky vycentrovaný*/
div#obal {
	width: 980px;
	text-align:left;
	margin: 0px auto 0px auto;
}
/*kvuli stanovení nového bas. */
div#hlava div.absolut {
	width: 980px;
	height: 260px;
	position: absolute;
}
div#pata div.absolut	{
	width: 980px;
	height:60px;
	position: absolute;
}
div#hlava	{
	height: 260px;	
	background-image:url(grafika/skin_05.jpg);
}
div#pata {
	height: 60px;
	background-image:url(grafika/skin_26.jpg);
	background-repeat: repeat-x;
	clear: both;
}
div#pata h3#vytvoril	{
	position: absolute;
	bottom: 10px;
	right: 45px;
	font-size: 9px;
}
div#pata #nahoru	{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
div#hlava h1	{
	position: absolute;
	top: 80px;
	left: 60px;
}
div#hlava h2	{
	position: absolute;
	top: 165px;
	left: 565px;
}
div#topminiatur	{
	position: absolute;
 	top: -10px;
 	right: 2px;
	font-size: 8px;
	color: #000000;
}
div#quick	{
	position: absolute;
 	top: 5px;
 	right: 190px;
}
div#upper	{
 	width: 950px;
 	height: 40px;
 	position: absolute;
 	top: 212px;
 	left: 0px;
 	color: #FFFFFF;
	display: table;
}
div#upper div#upper_centr	{
	display: table-cell;
	vertical-align: middle;
	_position: absolute;  _top: 50%;
}
div#upper_centr div#krizek	{
	_position: relative;  _top: -50%;
	float: left;
}
div#upper_centr div#textik	{
	_position: relative;  _top: -50%;
	float: right;
	margin-right: 10px;
}
div#upper_centr div#vod_menu {
	_position: relative;  _top: -50%;
	margin-left: 15px;
	float: left;
}
div#vod_menu li	{
	float: left;
}
div#vod_menu a:link, div#vod_menu a:visited	{
	display: block;
	padding: 2px 2px 2px 14px;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background:  url(grafika/prouzek.gif) repeat-y 2px center;
}
div#vod_menu a:hover, div#vod_menu a:active	{
	padding: 2px 2px 2px 14px;
	font-weight: bold;
	color: #FF0000;
	background: url( grafika/prouzekon.gif) repeat-y 2px center;
}
div#obsah {
	width: 590px;
	text-align: center;
	float: left;
	background-image:url(grafika/skin_21.jpg);
	background-repeat: repeat-y;
}
div#obsah div.hlavicka, div#obsah div.paticka	{
	height: 25px;
	background-image:url(grafika/skin_08.jpg);
}
div#obsah div.paticka	{
	background-image:url(grafika/skin_23.jpg);
}
div#obsah div.hlavicka	h2	{
	/*původně 120%*/
	font-size: 13px;
	color: #000000;
	padding-top: 2px;
}
div#obsah div.text	{
	width: 94%;  		/*puvodne 98% */
	text-align: left;
	margin:  0px auto 0px auto;
	padding-bottom: 5px;
}
div#sloupec, div#sloupec2 {
	width: 180px;
	text-align: center;
	float: left;
}
div#sloupec2	{
	width: 210px;
}
div.menu, div.menu2 {
	margin:  0px auto 0px auto;
}
div.telo_menu, div.hlava_menu, div.pata_menu, 		div.telo_menu2, div.hlava_menu2, div.pata_menu2 {
	margin:  0px auto 0px auto;
	background-image:url(grafika/skin_12.jpg);
	background-repeat: repeat-y;
}
div.hlava_menu, div.pata_menu,		div.hlava_menu2, div.pata_menu2 {
	height: 25px;
	padding-left: 2px;
	/*vertical-align: bottom;*/
	background-image: url(grafika/skin_07.jpg);
	text-align: left;
	/*původně 120%*/
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
div.pata_menu,		div.pata_menu2	{
	height: 16px;
	background-image: url(grafika/skin_17.jpg);
	margin-bottom: 10px;
}
div.telo_menu2 {
	background-image:url(grafika/skin_14.jpg);
	background-repeat: repeat-y;
}
div.hlava_menu2	{
	background-image: url(grafika/skin_09.jpg);
}
div.pata_menu2{
	background-image: url(grafika/skin_18.jpg);
}
div.telo_vnitrni,	div.telo_vnitrni2	{
	width:	84%;
	text-align: left;
	margin: 0px auto 0px auto;
	padding-bottom: 5px;
}
div.telo_vnitrni img,	div.telo_vnitrni2 img	{
	margin-right: 2px;
}
div.telo_vnitrni ul li, div.telo_vnitrni2 ul li, ul.seznam li {
	width: 100%;
}
div.telo_vnitrni ul li.graphic, div.telo_vnitrni2 ul li.graphic, ul.seznam li.graphic {
	margin-left: 18px;
	list-style-image: url(grafika/sipka.gif);
}
div.telo_vnitrni ul li a, div.telo_vnitrni2 ul li a, ul.nazevnadrazene li b, ul.seznam li a	{
	display: block;
	padding: 2px 2px 2px 14px;
	font-size: 11px; 
	border-top: #EFEFEF 1px solid;
	background: #F9F9F9 url(grafika/sipka.gif) no-repeat 2px center;
}
ul.nazevnadrazene li b	{
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-weight: bold;
	border-bottom: #FF0000 1px solid;
	background-image:url(grafika/a33.gif);
	background-repeat: repeat-x;
}
div.telo_vnitrni ul li ul li a, div.telo_vnitrni2 ul li ul li a, ul.seznam li ul li a {
	display: block;
	padding: 2px 2px 2px 24px;
	font-size: 11px; 
	border-top: #EFEFEF 1px solid;
	background: #F9F9F9 url(grafika/sipka.gif) no-repeat 12px center;
}
div.telo_vnitrni ul li ul li ul li a, div.telo_vnitrni2 ul li ul li ul li a,  ul.seznam li ul li ul li a	{
	display: block;
	padding: 2px 2px 2px 34px;
	font-size: 11px; 
	border-top: #EFEFEF 1px solid;
	background: #F9F9F9 url(grafika/sipka.gif) no-repeat 22px center;
}
div.telo_vnitrni ul li ul li ul li ul li a, div.telo_vnitrni2 ul li ul li ul li ul li a, ul.seznam li ul li ul li ul li a   {
	display: block;
	padding: 2px 2px 2px 44px;
	font-size: 11px; 
	border-top: #EFEFEF 1px solid;
	background: #F9F9F9 url(grafika/sipka.gif) no-repeat 32px center;
}
div.telo_vnitrni ul li a:hover, div.telo_vnitrni2 ul li a:hover, ul.seznam li a:hover	{
	padding: 2px 2px 2px 24px;
	font-size: 11px;
	border-top: #EFEFEF 1px solid;
	background:#EAEAEA url(grafika/sipkaon.gif) no-repeat 10px center;
}
div.telo_vnitrni ul li ul li a:hover, div.telo_vnitrni2 ul li ul li a:hover, ul.seznam li ul li a:hover	{
	padding: 2px 2px 2px 34px;
	font-size: 11px;
	border-top: #EFEFEF 1px solid;
	background:#EAEAEA url(grafika/sipkaon.gif) no-repeat 20px center;
}
div.telo_vnitrni ul li ul li ul li a:hover, div.telo_vnitrni2 ul li ul li ul li a:hover, ul.seznam li ul li ul li a:hover 	{
	padding: 2px 2px 2px 44px;
	font-size: 11px;
	border-top: #EFEFEF 1px solid;
	background:#EAEAEA url(grafika/sipkaon.gif) no-repeat 30px center;
}
div.telo_vnitrni ul li ul li ul li ul li a:hover, div.telo_vnitrni2 ul li ul li ul li ul li a:hover, 
ul.seznam li ul li ul li ul li a:hover	{
	padding: 2px 2px 2px 54px;
	font-size: 11px;
	border-top: #EFEFEF 1px solid;
	background:#EAEAEA url(grafika/sipkaon.gif) no-repeat 40px center;
}
/*SEZNAMY*/
ul#zalozky {
	position: absolute;
 	top: 5px;
 	left: 2px;
}
ul#zalozky li	{
	float: left;	
}
ul#zalozky a	{
	display: block;
	padding: 2px 2px 2px 24px;
	background: url(grafika/page.gif) no-repeat 12px center;
	text-decoration: none;
}
ul#zalozky a:link, ul#zalozky a:visited	{
	color: #FFFFFF;
}
ul#zalozky a:hover, ul#zalozky a:active	{
	color: #FF0000;
}
ul#drobky	{
	margin-bottom: 2px;
	padding: 2px;
	border-bottom: #FF0000 1px solid;
}
ul#drobky  li	{
	display: inline;
	font-size: 10px;
}
ul#drobky  li.aktualni	{
	font-style: italic;
}
ul.title li	{
	margin-bottom: 10px;
}
ul.title li b	{
	font-size: 14px;
	text-decoration: underline;
}
/*FORMULÁŘE
Formulář hledej*/
form#hledej	{
	position: absolute;
	top: 20px;
 	right: 15px;
	vertical-align: middle;
}
form#hledej	label	{
	color: #FFFF66;
	font-weight: bold;
}
form#hledej input {
	border: #009900 1px solid;
	margin-bottom: auto;
}
/* Formulář panely (Základní - z něho se dědí)*/
form.razeni	{
	text-align: left;
}
form.panely label.nadpis, form.formular label.nadpis	{
	color: #000000;
	font-weight: bold;
	background-color: #E9E9E9;
}
form.panely label, form.formular label, form.razeni label	{
 	color: #000000;
	margin-right: 2px;
}
form.razeni label	{
	color: #000000;
	margin-left: 20px;
}
form.panely textarea	{
	width: 100%;
	height: 100px;
	margin-bottom: 2px;
}
form.panely input, 	form.panely select, form.razeni input, form.razeni select	{
	margin-bottom: 2px;
	margin-top: 2px;
	width: 70px;
}
form.razeni input, form.razeni select	{
	width: auto;
}
form.panely input.odeslat, form.formular input.odeslat, form.razeni input.odeslat, form#hledej input.odeslat	{
	width: 60px;
	margin-left: 80px;
	font-weight: bold;
	background: none; 
	background-color:#EFEFEF;
}
form.panely input.odeslat, form#hledej input.odeslat, form.razeni input.odeslat	{
	height: 20px;
	background-image: url(grafika/button.gif);
	border: none;
}
form#hledej input.odeslat	{
	margin-left: 0px;
	width: 30px;
	background-image: url(grafika/button_30.gif);
}
form.razeni input.odeslat	{
	margin-left: 20px;
}
form.razeni div.pole	{
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
	background: #E9E9E9;
}
/* Formulář  - STANDARTNÍ Formulář. */
form.formular	{
	margin-bottom: 10px;
}
form.formular div.pole	{
	padding: 10px;
	margin: 0px auto 0px auto;
}
form.formular label.nadpis	{
	width: 150px;
	text-align:center;
}
form.formular label	{
	float: left;
	width: 170px;
	padding-left:10px;
	text-align: left; 
}
form.formular textarea	{	
	width: 520px;
	height: 300px;
}
form.formular input	, form.formular select	{
	width: 340px; 
}
form.formular input.check	{
	width: auto; 
}
form.formular input.odeslat	{
	width: 180px;
	height: 30px;
	margin-left: 0px; 
}
/* tabulky */
table.anketa_vypis	{
	width: 160px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
table.anketa_vypis img, table.anketa img	{
	height: 8px;
}
table#kalendar	{
	margin:  5px auto 0px auto;
}
table.anketa	{
	margin:  0px auto 0px auto;
}
table#kalendar td	{
	width: 30px;
}
table#kalendar b, table#kalendar b.den	{
	color: #FFFF66;
	background: #FF0000;
	font-weight: bold;
}
table#kalendar b.den	{
	background: #006600;
}
table#kalendar b.novinka a	{
	font-size: 8px;
	color: #FFFF66;
}