body	{
	font-family: Tahoma;
	color: #000000;
	text-align: left;
	margin: 0px;
	margin: auto;
	background: #D5DFD6 url(../img/bcg_body.gif) repeat-y 0px 0px; 
	font-size: 10px;
}
body.index {background: #ffffff;}
body.window {background: #D5DFD6;}


/* --- odkazy (rozsireno o ikonky typu souboru) --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; text-decoration: none;}
a:visited 			{color: #000000;}
a:link 				{color: #000000;}
a:focus 				{color: #000000;}
a.mail 				{background: url(../../img/ico/ico_mail.gif) no-repeat 0px 1px; padding-left: 19px;  font-weight: normal;}
a.out					{background: url(../../img/ico/ico_outanchor.gif) no-repeat left 0em; padding-left: 12px;}
a.out_right			{background: url(../../img/ico/ico_outanchor.gif) no-repeat right 0em; padding-right: 12px;}
a.print 				{background: url(../../img/ico/ico_tisk.gif) no-repeat left 0em; padding-left: 18px;}
a.favourites 		{background: url(../../img/ico/ico_favourites.gif) no-repeat 0px 0px; padding-left: 25px;}
a.rss 				{background: url(../../img/ico/ico_rss.gif) no-repeat left 3px; padding-left: 25px;}
a.arrow 				{background: url(../../img/ico/ico_arrow.gif) no-repeat left 0em; padding-left: 18px;}
a.delete				{color:#ff0000;}
a.update				{color: Navy;}

/* --- ikonky souboru --- */
.ai 				{background: url(../img/ico/ai.png) no-repeat left; padding-left: 20px;}
.avi 				{background: url(../img/ico/avi.png) no-repeat left; padding-left: 20px;}
.bmp 				{background: url(../img/ico/bmp.png) no-repeat left; padding-left: 20px;}
.cdr				{background: url(../img/ico/cdr.png) no-repeat left; padding-left: 20px;}
.doc				{background: url(../img/ico/doc.png) no-repeat left; padding-left: 20px;}
.dxf				{background: url(../img/ico/dxf.png) no-repeat left; padding-left: 20px;}
.gif 				{background: url(../img/ico/gif.png) no-repeat left; padding-left: 20px;}
.html 			{background: url(../img/ico/html.png) no-repeat left;	padding-left: 20px;}
.jpg 				{background: url(../img/ico/jpg.png) no-repeat left; padding-left: 20px;}
.mp3 				{background: url(../img/ico/mp3.png) no-repeat left; padding-left: 20px;}
.pdf 				{background: url(../img/ico/pdf.png) no-repeat left; padding-left: 20px;}
.png 				{background: url(../img/ico/png.png) no-repeat left; padding-left: 20px;}
.ppt 				{background: url(../img/ico/ppt.png) no-repeat left; padding-left: 20px;}
.psd 				{background: url(../img/ico/psd.png) no-repeat left; padding-left: 20px;}
.qt 				{background: url(../img/ico/qt.png) no-repeat left; padding-left: 20px;}
.ra 				{background: url(../img/ico/ra.png) no-repeat left; padding-left: 20px;}
.rtf 				{background: url(../img/ico/rtf.png) no-repeat left; padding-left: 20px;}
.swf 				{background: url(../img/ico/swf.png) no-repeat left; padding-left: 20px;}
.tif 				{background: url(../img/ico/tif.png) no-repeat left; padding-left: 20px;}
.txt 				{background: url(../img/ico/txt.png) no-repeat left; padding-left: 20px;}
.xls 				{background: url(../img/ico/xls.png) no-repeat left; padding-left: 20px;}
.zip				{background: url(../img/ico/zip.png) no-repeat left; padding-left: 20px;}
.unknown, file	{background: url(../img/ico/unknown.png) no-repeat left; padding-left: 20px;}
.game				{background: url(../img/ico/ico_games.gif) no-repeat 0px 0px; padding-left: 20px; white-space: nowrap;}
.catg_number	{background: url(../img/ico/ico_catg.gif) no-repeat 0px 3px; padding-left: 10px; text-align: center; white-space: nowrap;}

/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
p 						{text-align: justify; margin: 10px 0px 10px 0px; }
code 					{font-size: 140%; font-weight: bold;}
hr						{display: block; clear: both; margin: 10px 0px 10px 0px; color: #084385; background: #084385; height: 1px; border: 0px; text-align: center;}

/* --- seznamy --- */
ul						{list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}

/* --- obrazky --- */
img 					{border: 0px;}
img.border 			{border: 1px solid #FF9092;}
img.icon				{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft			{margin-right: 10px;}
img.toright			{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table						{}
table tr td 			{}
table tr th 			{}

table.nice						{width: 100%; border-collapse: collapse; border:1px solid #AAAAAA; font-size: 11px;}
table.nice tr td 				{border:1px solid #AAAAAA; padding:3px 5px 3px 5px;}
table.nice tr td.item 		{font-weight: bold; width: 150px; background: #EEEEEE;}
table.nice tr td.button		{font-weight: bold; width: 40px; text-align: center;  text-transform: uppercase; white-space: nowrap;}
table.nice tr td.button a	{display: block;}
table.nice tr td.button.white	{background: #ffffff;}
table.nice tr td.button.blue	{background: #ADD8E6;}
table.nice tr td.button.normal	{background: none;}
table.nice tr.color1 td 	{background: #C7CEC6;cursor: default;}
table.nice tr.color2 td 	{background: #D5DFD6;cursor: default;}
table.nice tr.zvyraznene td{background: #ffffff; cursor: default;}

table.nice tr td.update		{width: 25px;text-align: center;white-space: nowrap;}
table.nice tr td.delete		{width: 25px; text-align: center;white-space: nowrap;}
table.nice tr td.download		{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.view			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.catg			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.image			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.select			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.show			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.game			{width: 25px; text-align: center; white-space: nowrap;}
table.nice tr td.update	a		{background: url(../img/ico/ico_update.gif) no-repeat 0px 4px; width: 15px; display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.delete	a		{background: url(../img/ico/ico_delete.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.download	a	{background: url(../img/ico/ico_down.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.view		a	{background: url(../img/ico/ico_view.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.catg		a	{background: url(../img/ico/ico_catg.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.image		a	{background: url(../img/ico/ico_img.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.select		a	{background: url(../img/ico/ico_select.png) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.show		a	{background: url(../img/ico/ico_show.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}
table.nice tr td.game		a	{background: url(../img/ico/ico_games.gif) no-repeat 0px 4px; width: 15px;  display: block; text-decoration: none; margin: auto; padding: 0px 0px 0px 0px}

table.nice tr th 				{background-color: #979C96; color:#ffffff; padding:3px 5px 3px 5px; text-align: left; border:0px solid #AAAAAA;}
table.nice tr th a			{color:#ffffff;}





/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; color: #000000; font-size: 1.2em; margin: 0px;  font-weight: normal;}
h1									{padding: 0px;	margin: 10px 0px 6px 0px; font-size: 1.7em; font-family: Tahoma; line-height: 1.3em;}
h2									{padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.45em;  font-family: Tahoma; line-height: 1.3em;}
h3 								{font-size: 1.3em; margin: 10px 0px 10px 0px; font-family: Tahoma;  line-height: 1.5em;}
h4									{font-size: 1.0em;}
h2 span							{display: none;}
h3 span							{display: none;}

/* --- formulare --- */
input				{}
input.long		{width: 300px;}
input.short		{width: 150px;}
input.readonly		{background:#F0F0EE;}

form				{margin: 0px; padding: 0px;}
legend			{padding: 3px 5px 3px 5px;	color:#000000; background:#DF8F20;}
fieldset 		{border: 1px solid #DF8F20;  margin-bottom: 15px; padding-bottom: 15px;}
textarea.long 		{width: 550px; height: 350px;}
textarea.short 	{width: 550px; height: 150px;}
textarea.small 	{width: 300px; height: 50px; font-size: 1em;}

/* --- globalni tridy --- */
.clear			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.gray 			{color: #666E70;}
.black 			{color: #000000;}
.white 			{color: #000000;}
.blue 			{color: #004080;}
.red				{color: #9f0000;}
.yellow			{color: #FFE386;}
.orange			{color: #DF8F20;}
.green			{color: #008000;}
.right 			{text-align: right;}
.center			{text-align: center;}
.center_block	{margin:auto;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.nopadding		{padding: 0px;}
.bold				{font-weight: bold;}
.underline		{text-decoration: underline;}
.big				{text-transform: uppercase;}
.nobold			{font-weight: normal;}
.error			{display: block; color: #EC1A24; font-weight: bold; text-align: center;}
.error a			{color: #EC1A24;}
.error_div		{display: block; color: #EC1A24; text-align: center; border: 1px solid #969B95; padding: 4px; background: #ffffff; margin-bottom: 7px;}
.hidden			{display: none;}
.bad				{background-color: Red; color: white;}
.bad a			{color: white;}
.nowrap			{white-space: nowrap;}

.strankovani			{display: inline; text-align: left;	margin: 0px 0px 10px 0px;}
.strankovani a			{background: #e6e6e6;border: 1px solid black; margin-left: -1px; padding: 0px 6px 0px 6px; text-decoration: none; font-weight: bold; color: #000000; font-family: arial;}
.strankovani a:hover	{background: #fcfc28; text-decoration: none;	color: #333333;}

#layout{
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.3em;
	width: 900px;
}
#layout.index{width: 100%;}
#layout.window{width: 430px; padding: 8px; margin: auto;}

#layout #login{width: 400px; margin: auto; padding-top: 30px;}
#layout #login form {margin: auto;  }
#layout #login #form_log {width: 350px; background: url(../img/logo.gif) no-repeat 10px 35px; height: 110px;}
#layout #login #form_log input{width: 150px; float: right;}
#layout #login #form_log input.submit{width: 100px; float: none;}
#layout #login #form_log label{width: 180px; float: left; text-align: right;}
#layout #login #form_log .clear{ height: 8px;}
#layout #login .info {width: 350px; font-size: 11px; margin: auto;padding-top: 5px; line-height: 1.5em;}


#layout #mainmenu 					{width: 135px; float: left; padding: 10px 5px 15px 10px;}
#layout #mainmenu ul					{list-style: none; margin: 4px 10px 4px 0px; padding: 0px;}
#layout #mainmenu ul li				{padding: 0px 0px 0px 0px; font-size: 11px; margin: 0px; line-height: 1.6em;}
#layout #mainmenu ul li.odsadit	{background: url(../img/menu_li.gif) no-repeat 10px 7px; padding-left: 20px;}
#layout #mainmenu .line				{border-bottom: 1px solid #DF8F20; font-size:0px; line-height: 0px; height: 1px;}

#layout #main {width: 730px; float: right; padding: 10px 5px 15px 10px;}
#layout #main.window { width: auto; float: none; padding: 0px;}

#layout #main ul{list-style: disc; padding: 0px 0px 0px 5px;}

#layout #main table.form {	width: 650px;	margin: 10px auto 0px auto;}
#layout #main table.form tr td.item {background: #979C96; color:#ffffff; text-align: right; font-weight: bold; padding: 1px 5px 1px 5px; white-space: nowrap;}
#layout #main table.form tr td.odesilaci {background: #979C96; text-align: center; padding: 3px;}
#layout #main table.form tr td.odesilaci input {font-size: 13px; font-weight: bold; padding: 2px 7px 2px 7px;}
#layout #main table.form tr td.small 	{background: #C5CFC6; font-size: 0.8em; padding-left:5px; padding-right: 3px;}

#layout #main .menicko {padding: 1px; border: 1px solid #969B95; margin: 8px 0px 15px 0px;}
#layout #main .menicko a{display: block; font-size: 12px; border: 1px solid #969B95; color:#ffffff; background-color: #979C96; padding: 2px 5px 2px 5px; text-align: center; float: left; margin-right: 1px; text-decoration: underline;}
#layout #main .menicko a:hover{color: #000000; background:#ffffff}

/* --- razeni/cislovani --- */
#layout #main #listing1 {padding: 1px; border: 1px solid #969B95; margin: 8px 0px 15px 0px;}
#layout #main #listing1 a{display: block; font-size: 12px; border: 1px solid #969B95; color:#ffffff; background-color: #979C96; padding: 2px 5px 2px 5px; text-align: center; float: left; margin-right: 1px; text-decoration: none;}
#layout #main #listing1 a:hover{color: #000000; background:#ffffff}

#layout #main #listing2 {padding: 1px 1px 1px 150px; border: 1px solid #969B95; margin: 8px 0px 15px 0px;}
#layout #main #listing2 .page {display: block; float: left; font-weight: bold; padding: 0px 2px 0px 5px;}
#layout #main #listing2 a{display: block; font-size: 12px; border: 1px solid #969B95; color:#ffffff; background-color: #979C96; padding: 0px 4px 0px 4px; margin: 0px 1px 0px 1px; text-align: center; float: left; text-decoration: underline;}
#layout #main #listing2 a:hover{color: #000000; background:#ffffff}
#layout #main #listing2 a.selected {font-weight: bold; background:#ffffff; color: #000000;}
#layout #main #listing2 a.prev {font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; text-decoration: none;}
#layout #main #listing2 a.next {font-weight: bold; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; text-decoration: none;}
