body	{
	font-family: Trebuchet MS;
	color: #000000;
	text-align: left;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	background: #ffffff url(../img/bcg_body.jpg) repeat-x 0px 0px;
	font-size: 12px;
}

/* --- odkazy (rozsireno o ikonky typu souboru) --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #AE0001; text-decoration: none;}
a:visited 			{color: #000000;}
a:link 				{color: #000000;}
a:focus 				{color: #000000;}
a.out					{background: url(../img/ico/outanchor.png) no-repeat right 5px; padding-right: 12px;}

/* --- 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;}
.mail				{background: url(../img/ico/mail.png) no-repeat left; padding-left: 20px;}

/* --- zakladni html prvky ---*/
em, i					{}
p 						{ margin: 10px 0px 10px 0px; line-height: 1.5em; }
code 					{font-size: 140%; font-weight: bold;}

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

/* --- obrazky --- */
img 					{border: 0px;}
img.border 			{padding: 0px; border: 1px solid #c99999;}
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.nice						{width: 100%; border-collapse: collapse; margin: 8px 0px 10px 0px;}
table.nice thead tr td				{background:#B7E2F2; border: 1px solid #B7E2F2; color:#000000; font-weight: bold; padding:  3px 5px 3px 5px;}
table.nice thead tr td	a			{color:#000000;}
table.nice tr td 				{padding:  3px 5px 3px 5px;	border: 1px solid #B7E2F2; background:#FFFFFF;}
table.nice tr td.item		{color:#000000; background: #F1FBFD; border: 1px solid #B7E2F2; font-weight: bold; width: 120px;}
table.nice tr td.item a		{color:#000000;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; font-size: 1.2em; margin: 0px;}
h1									{padding: 0px;	margin: 5px 0px 15px 0px; font-size: 1.8em;  line-height: 1.2em;}
h2									{padding: 0px;	margin: 5px 0px 10px 0px; font-size: 1.6em; line-height: 1.2em;}
h3 								{font-size: 1.3em; padding: 0px; margin: 10px 0px 10px 0px; line-height: 1.2em;}
h4									{font-size: 1.2em; padding: 0px; margin: 10px 0px 5px 0px; line-height: 1.2em;}

hr									{font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 1px; background: #02A25C; border: 0px;}

/* --- formulare --- */
input				{}
form				{margin: 0px; padding: 0px;}
legend			{padding: 3px;	color:#000000; background: #B7E2F2; border: 1px solid #B7E2F2;}
fieldset 		{border: 1px solid #B7E2F2;}

/* --- 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;}
.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;}
.bold				{font-weight: bold;}
.big				{text-transform: uppercase;}
.nobold			{font-weight: normal;}
.error			{display: block; color: #EC1A24; margin-top:15px; font-weight: bold; text-align: center; padding: 10px; border:1px solid #048244}
.hidden			{display: none;}
.border			{border: 1px solid #085A94; padding:7px;}
.line				{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 1px; background: #02A25C;}
.space			{clear: both; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; height: 10px;}

/* --- layout webu --- */

#layout{
	width: 960px;
	background: #ffffff url(../img/bcg_layout.gif) repeat-y 0px 0px;
	margin: auto;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.0em;
}

#layout .corners {width: 460px; height: 15px;  margin: auto;}
#layout .corners .corner {line-height: 0px;	display: block;	font-size: 0px; width: 15px; height: 15px;}
#layout .corners.top 							{background: url(../img/corner_top_middle.gif) repeat-x 0px 0px;}
#layout .corners.top .corner.toleft 		{background: url(../img/corner_top_left.gif) no-repeat 0px 0px;}
#layout .corners.top .corner.toright 		{background: url(../img/corner_top_right.gif) no-repeat 0px 0px;}
#layout .corners.bottom 						{background: url(../img/corner_bottom_middle.gif) repeat-x 0px 0px;}
#layout .corners.bottom .corner.toleft 	{background: url(../img/corner_bottom_left.gif) no-repeat 0px 0px;}
#layout .corners.bottom .corner.toright 	{background: url(../img/corner_bottom_right.gif) no-repeat 0px 0px;}

#layout .header {
	border-top: 1px solid #B7E2F2;
	border-bottom: 1px solid #B7E2F2;
	padding: 4px 0px 4px 22px;
	font-weight: bold;
	color:#9054AC;
	background: url(../img/arrow.gif) no-repeat 8px 10px;
}

#layout #logo_date {
	width: 960px; 
	height: 130px; 
	background: url(../img/logo_cz.jpg) no-repeat 0px 0px;
}
#layout #logo_date a {
	display: block;
	text-decoration: none;
	height: 130px; 
}
#layout #logo_date a span{display: none;}

#layout #logo_date a.toleft {width: 816px; }
#layout #logo_date a.toright {width: 143px; }

#layout #logo {
	width: 936px; 
	height: 161px; 
	padding: 10px 24px 0px 0px;
	background: url(../img/top_cz.jpg) no-repeat 0px 0px;
}
#layout #logo .space {height: 15px;}
#layout #logo a{
	display: block;
	text-decoration: none;
}
#layout #logo a span {display: none;}
#layout #logo a.lang {
	width: 24px; 
	height: 19px; 
	float: right;
	margin: 0px 0px 0px 8px;
}
#layout #logo a#aplication {
	width: 280px; 
	height: 83px; 
	margin: auto;
}

#layout #logo_bottom {
	width: 960px; 
	height: 24px; 
	background: url(../img/bcg_logo_bottom.jpg) no-repeat 0px 0px;
}

#layout #partners {
	width: 201px; 
	padding: 20px 25px 0px 0px;
	float: right;
}	

#layout #main {
	width: 710px; 
	padding: 0px 0px 0px 0px;
	float: left;
}

#layout #main #menu {
	width: 201px; 
	padding: 20px 0px 0px 25px;
	float: left;
	height: 500px;
}

#layout #main #menu ul {margin: 0px;padding: 0px 0px 0px 0px; border-bottom: 1px solid #B7E2F2;}
#layout #main #menu ul li {
	margin: 0px;
	font-size: 12px;
	display:block;
	border-top: 1px solid #B7E2F2;
	font-weight: bold;
	color:#9054AC;
}
#layout #main #menu ul li  a {
	color: #9054AC; 
	display: block;
	padding: 4px 0px 4px 22px;
	background: url(../img/arrow.gif) no-repeat 8px 10px;
	
}
#layout #main #menu ul li  a:hover { text-decoration: underline;}

#layout #main #menu ul li ol {margin: 0px;padding: 0px 0px 0px 0px; list-style: none;}
#layout #main #menu ul li ol li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 11px;
	display:block;
	color: #9054AC;
	text-transform: none;
	border: 0px;
	
}
#layout #main #menu ul li ol li a {
	color: #9054AC;
	display: block;
	padding: 4px 0px 4px 22px;
	background: url(../img/arrow.gif) no-repeat 8px 10px;
}

#layout #main #menu #box_pozvanka{
	color: #9054AC;	
	padding: 15px 0px 4px 0px;
	text-align: right;
	font-size: 0.9em
}

#layout #main #menu #box_pozvanka a {color: #9054AC;}


#layout #text {
	width: 460px; 
	padding: 0px 0px 0px 0px;
	float: right;
}
#layout #text #text_padding{padding: 0px 15px 0px 15px;}

#layout #main #text h1		{font-size: 1.8em; color:#9054AC; font-weight: bold;}
#layout #main #text h1 a	{color:#9054AC;}
#layout #main #text h2 		{line-height: 1.4em; color:#9054AC; font-weight: bold; border-bottom:1px dotted #9054AC;}
#layout #main #text h2 a	{color:#9054AC;}
#layout #main #text h3 		{line-height: 1.2em; color:#000000; font-weight: bold;}
#layout #main #text h3 a	{color:#000000;}

#layout #main #text p		{line-height: 1.6em;}
#layout #main #text .line {background: transparent; border-bottom: 1px dotted #A89E9F;}
#layout #main #text ul		{list-style: circle; padding-left: 10px;}
#layout #main #text ul	li	{}

#layout #main #text #photogallery {padding: 0px 0px 0px 5px; margin: 15px 0px 0px 0px;}
#layout #main #text #photogallery .photo_box {width: 191px; text-align: center; float: left; padding: 5px 5px 5px 5px;}
#layout #main #text #photogallery .photo_box a.photo {height: 160px; border: 1px solid #B7E2F2;padding: 10px 5px 5px 5px; display: block; text-decoration: none;}
#layout #main #text #photogallery .photo_box a.photo:hover {background: #E3F7FE;}
#layout #main #text #photogallery .photo_box .photo_desc {padding: 4px; background:#B7E2F2; color:#000000}
#layout #main #text #photogallery .photo_box .photo_desc a{color:#000000}

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

#layout .space.bottom {height: 30px; background: #ffffff;}
#layout #bottom {
	text-align: center;
	width: 960px; 
	height: 35px; 
	background: url(../img/bcg_bottom.jpg) no-repeat 0px 0px; 
	margin: auto;
	padding: 10px 0px 0px 0px;
}