﻿body	{
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #000000;
	font-size: 0.75em;
	text-align: left;
	padding: 0px;
	background: #F6F6F6 url(../obr/bcg_body2.jpg) top;
	margin: 0px;
}

/* --- odkazy (rozsireno o ikonky typu souboru) --- */
a 					{color: #000000; text-decoration: underline; font-weight: bold;}
a:hover 			{color: #000000; text-decoration: none;}
a.mail 				{background: url(../obr/ico_mailanchor.gif) no-repeat right 0em; padding-right: 18px; font-weight: normal;}
a.out				{background: url(../obr/ico_outanchor.gif) no-repeat left 0em; padding-left: 12px;}
a.out_right			{background: url(../obr/ico_outanchor.gif) no-repeat right 0em; padding-right: 12px;}
a.print 			{background: url(../obr/ico_print.gif) no-repeat left 0em; padding-left: 18px;}
a.favourites 		{background: url(../obr/ico_favourites.gif) no-repeat left 0em; padding-left: 18px;}
a.rss 				{background: url(../obr/ico_rss.gif) no-repeat left 0em; padding-left: 18px;}
a.phone				{background: url(../obr/ico/phone.gif) no-repeat right; padding-right: 18px; color: #000000; text-decoration: none; font-weight: bold; cursor: Default;}
a.tip				{color: #000000; text-decoration: none; font-weight: bold; cursor: help; border-bottom: 1px dotted #000000;}
a.nic				{color: #000000; text-decoration: none;}
a.plus	 			{background: url(../obr/ico_plus.gif) no-repeat right; padding-right: 18px; color: #000000; font-weight: normal; cursor: Default;}


/* --- ikonky souboru --- */
.ai 				{background: url(../obr/ico/ai.png) no-repeat left; padding-left: 20px;}
.avi 				{background: url(../obr/ico/avi.png) no-repeat left; padding-left: 20px;}
.bmp 				{background: url(../obr/ico/bmp.png) no-repeat left; padding-left: 20px;}
.cdr				{background: url(../obr/ico/cdr.png) no-repeat left; padding-left: 20px;}
.doc				{background: url(../obr/ico/doc.png) no-repeat left; padding-left: 20px;}
.dxf				{background: url(../obr/ico/dxf.png) no-repeat left; padding-left: 20px;}
.gif 				{background: url(../obr/ico/gif.png) no-repeat left; padding-left: 20px;}
.html 				{background: url(../obr/ico/html.png) no-repeat left; padding-left: 20px;}
.jpg 				{background: url(../obr/ico/jpg.png) no-repeat left; padding-left: 20px;}
.mp3 				{background: url(../obr/ico/mp3.png) no-repeat left; padding-left: 20px;}
.pdf 				{background: url(../obr/ico/pdf.png) no-repeat left; padding-left: 20px;}
.png 				{background: url(../obr/ico/png.png) no-repeat left; padding-left: 20px;}
.ppt 				{background: url(../obr/ico/ppt.png) no-repeat left; padding-left: 20px;}
.psd 				{background: url(../obr/ico/psd.png) no-repeat left; padding-left: 20px;}
.qt 				{background: url(../obr/ico/qt.png) no-repeat left; padding-left: 20px;}
.ra 				{background: url(../obr/ico/ra.png) no-repeat left; padding-left: 20px;}
.rtf 				{background: url(../obr/ico/rtf.png) no-repeat left; padding-left: 20px;}
.swf 				{background: url(../obr/ico/swf.png) no-repeat left; padding-left: 20px;}
.tif 				{background: url(../obr/ico/tif.png) no-repeat left; padding-left: 20px;}
.txt 				{background: url(../obr/ico/txt.png) no-repeat right; padding-right: 20px; font-weight: normal;}
.xls 				{background: url(../obr/ico/xls.png) no-repeat left; padding-left: 20px;}
.zip				{background: url(../obr/ico/zip.png) no-repeat left; padding-left: 20px;}
file				{background: url(../obr/ico/unknown.png) no-repeat left; padding-left: 20px;}

.unknown			{background: url(../obr/ico/unknown.png) no-repeat left; padding-left: 20px;}

/* --- zakladni html prvky ---*/
i					{font-style: normal;}
em					{font-style: normal;}
hr					{display: block; clear: both; color: #666666; height: 1px; border-width: 0px;}
p 					{text-align: justify; margin: 10px 0px 10px 0px; line-height: 1.5em;}
code 				{font-size: 140%; font-weight: bold;}
hr					{display: block; clear: both; margin: 5px 0px 10px 0px; color: #e8e8e8; background: #e8e8e8; height: 3px; border: 0px; text-align: center;}

/* --- 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: 2px; border: 1px solid #7f7f7f; margin-right: 10px;}
img.icon			{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft			{margin-right: 10px;}
img.toright			{margin-left: 10px;}
img.toright-zluty	{
	margin: 5px 10px 5px 500px;
}
img.stred 			{display: block; margin-left: auto; margin-right: auto;}
img.levystred 		{display: block; margin-left: 100px;}

.in 				{background:#00cc00; color:inherit; border:1px solid #000000;}
.out 				{background:#0000ff; color:inherit; border:1px solid #000000;}


/* --- horni a dolni indexy --- */
sup 				{vertical-align: baseline; position: relative;}
sub 				{vertical-align: baseline; position: relative;}
sub 				{top: 0.4em;}
sup 				{bottom: 0.4em;}

/* --- tabulky --- */
table.nice					{width: 98%;font-size: 12px; border-collapse:collapse;}
table.nice tr td 			{padding: 2px;	border: 1px solid #000000; background-color: #FFFEF2; text-align: center;}
table.nice tr td.item2		{background: #FFFBD6; font-weight: bold; width: 15%;}
table.nice tr td.item		{background: #FFFBD6; font-weight: bold;}
table.nice tr td.item3		{background: #FFFBA6; font-weight: bold;}
table.nice tr td.item4		{background: #FFFB76; font-weight: bold;}
table.nice tr td.item5		{background: #FFFB46; font-weight: bold;}
table.nice tr td.item6		{
	background: #FFCC00;
	font-weight: bold;
}
table.nice tr th			{background-color: #72376F; color: #ffff; font-weight: bold; padding: 5px;}
table.nice tr td.long		{width: 250px;}
table.nice tr td.short		{width: 150px;}
table.nice tr td.full		{background-color: #DDDDDD; font-weight: bold;}
table.nice tr td.full2		{background-color: #EEEEEE;}

table.webmail				{width: 99%; font-size: 12px; background: #blue;}
table.webmail tr td 		{padding: 2px; background-color: #blue; text-align: left;}

td.polozka2 				{font-weight: normal;	text-align: right;	float: right;	vertical-align: top;	width: 50%;}

table.dataq					{width: 60%; font-size: 12px; border-collapse:collapse;}
table.dataq tr td		 		{padding: 2px;	border: 1px solid #000000; background-color: #FFFEF2; text-align: center;}
table.dataq tr td.item_zluta	{background: #FFFBD6; font-weight: bold;}
table.dataq tr td.item_zluta_dataq	{background: #FFFBD6; font-weight: bold; width: 33%;}

/* --- hlavicky --- */
h6 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h5 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h4 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h3 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h2 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h1 		{clear: both; color: #72376F; font-size: 1.3em; margin: 0px;}
h1		{padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
h2		{padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
h3 		{font-size: 1.18em; margin: 10px 0px 10px 0px;}
h4		{font-size: 1em;}
h5		{color: #064885; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
h6		{color: #72376F;}
h3 span		{display: none;}
h2 span		{display: none;}
h1 span		{display: none;}


/* --- formulare --- */
form			{margin: 0px; padding: 0px;}
legend			{padding: 3px; color: #ffffff; background-color: #72376F;}
legend a		{color: #ffffff; font-weight: normal;}
legend a:hover	{color: #ffffff;}

/* --- globalni tridy --- */
.clear			{clear: both; font-size: 0px;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.bluebold 			{color: #004080; font-weight: bold;}
.bluebold2 			{color: #004080; background-color: #bbbbee; font-weight: bold;}
.red			{color: #9f0000;}
.red2			{color: #FFFFFF; background-color: #FF0000;}
.red3			{font-size: 0.8em; color: #FFFFFF; background-color: #FF0000;}
.zelena			{
	padding: 10px;
	background-color: #85F899;
	color: #000000;
}
.green			{color: #008000;}
.right 			{text-align: right;}
.center			{text-align: center;}
.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;}
.nobold			{font-weight: normal;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.border			{border: 1px solid #993333; padding: 7px;}
.border_bottom	{border-bottom: 1px solid #993333;}
.half			{width: 240px;}
.bad			{background-color: #ff0000; color: #ffffff;}
.bad a			{color: #ffffff;}
.nadpisek		{color: #064885; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
.nadpiseklila	{color: #7d00c4; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
.nadpisekbily	{color: #ffffff; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
.nadpisekred	{color: #ff2222; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.4em;}
.nadpisekred2	{color: #ff2222; padding: 0px;	margin: 5px 0px 5px 0px; font-size: 1.0em;}
.pink			{background-color: #FFFF99;	color: #800000;}
.white			{
	font-size: x-large;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}
.lightblue			{
	margin: 0px;
	padding: 6px;
	background-color: #cbd8e8;
	color: #000000;
	width: 400px;
}

.zluta			{background-color: #FFFFCC;	color: #000000;}

/* --- layout webu --- */
#layout {
	display: block;
	margin: auto;
	width: 896px;
	text-align: left;
	border-left: 2px solid #525252;
	border-right: 2px solid #525252;
}

#layout #logo {
	width: 896px;
	height: 146px;
}

/* --- hlavni menu --- */
#layout #menu {
	width: 896px;
	height: 30px;
	background-color: #064885;
}

#layout #menu #menu_text {
	padding-top: 7px;
	padding-left: 15px;
}

#layout #menu #menu_text ul {
 	display: block;
 	margin: 0px;
}

#layout #menu #menu_text ul li { 
	display: inline;
	background: url(../obr/bcg_menu_li.gif) no-repeat left;
	padding-left: 11px;
	padding-right: 12px;
}

#layout #menu #menu_text ul li a {
	color: #ffffff;
 	text-decoration: none;
 	font-weight: bold;
 	text-align: center;
}

#layout #menu #menu_text ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#layout #page_space {
	height: 7px;
	background-color: #BBDBF4;
	font-size: 1px;
}

/* --- index --- */
#layout #main {
	background: #F6F6F6 url(../obr/bcg_main.gif) repeat-y top;
}

/* --- index levy sloupec --- */
#layout #main #main_left {
	float: left;
	width: 649px;
	background-color: #EBEBEB;
	padding-top: 7px;
}

#layout #main #main_left #text {
	background-color: #BBDBF4;
	width: 629px;
	margin-right: 7px;
	margin-left: 7px;
}

#layout #main #main_left #text .box {
	
	width: 169px;
/*	height: 160px;  */
	height: 15em;
	padding-left: 15px;
	padding-right: 20px;
	margin-left: 8px;
	float: left;
	background: #EBEBEB url(../obr/bcg_box.gif) repeat-x top;
}

#layout #main #main_left #text .box h1 {
	color: #000000;
}

#layout #main #main_left #text .box a {
	color: #013581;
	text-decoration: underline;
}

#layout #main #main_left #text .box a:hover {
	color: #013581;
	text-decoration: none;
}

#layout #main #main_left #text #banner {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}

#layout #main #main_left #text #news {
	background: #EBEBEB url(../obr/bcg_news.gif) repeat-y top;
}

#layout #main #main_left #text #news h1 {
	color: #BB0009;
}

#layout #main #main_left #text #news #news_left { 
	float: left;
	width: 164px;
	background-color: #EBEBEB;
	padding-right: 10px;
	
}

#layout #main #main_left #text #news #news_left strong {
	color: #000000;
}

#layout #main #main_left #text #news #news_left p {
	font-size: 0.9em;
	color: #053A7C;
	text-align: left;
}

#layout #main #main_left #text #news #news_right {
	float: right;
	width: 441px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #FFFFFF;
}

#layout #main #main_left #text #news #news_right span {
	font-size: 0.90em;
	color: #BB0007; 
	float: left;
	margin-top: 10px;
}

#layout #main #main_left #text #news #news_right p {
/* color:#000000; */
/* font-size:0.9em; */
margin-left:65px;
}

#layout #main #main_left #text #mail {
	background-color: #BDDBF5;
	padding-top: 8px;
	clear: both;
}

#layout #main #main_left #text #mail #login {
	background-color: #D9EEFF;
	padding: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#layout #main #main_left #text #mail #login h1 {
	color: #0022EE;
}

#layout #main #main_left #text #mail #login a {
	color: #033479;
}

#layout #main #main_left #text #mail #login input {
	background-color: #FFFED7;
	border: 1px solid Black;
	width: 90px;
}

#layout #main #main_left #text #mail #login input.submit {
	background: #EBEBEB url(../obr/bcg_submit.gif) no-repeat top;
	width: 62px;
	height: 24px;
	border: 0px;
}

#layout #main #main_left #text #mail #matrix {
	height: 43px;
}

/* --- index pravy sloupec --- */
#layout #main #main_right {
	float: right;
	width: 240px;
	background-color: #BBDBF4;
}

#layout #main #main_right #main_right_text .right_box{
	width: 240px;
	height: 173px;
	margin-bottom: 7px;
}

#layout #main #main_right #main_right_text .right_box2{
	width: 240px;
	height: 77px;
	margin-bottom: 7px;
}

#layout #main #main_right #main_right_text .right_box3{
	width: 240px;
	height: 206px;
	margin-bottom: 7px;
}


#layout #main #main_right #main_right_text input.submit {
	background: #EBEBEB url(../obr/bcg_submit.gif) no-repeat top;
	width: 62px;
	height: 24px;
	border: 0px;
	vertical-align: text-bottom;
}


#layout #main #main_right #main_right_text #right_box2 #right_box2_head {
	width: 240px;
	height: 32px;
}

#layout #main #main_right #main_right_text #right_box2 {
	width: 240px;
	color: #000000;
}

#layout #main #main_right #main_right_text #right_box2 #right_box2_text {
	padding-left: 6px;
	padding-right: 6px;
}

/* --- podstranka --- */

#layout #main2 {
	display: block;
	float: left;
	background: #F6F6F6 url(../obr/bcg_main2.gif) repeat-y top;
}

#layout #main2 #main2_left {
	float: left;
	width: 157px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	background-color: #EBEBEB;
}

#layout #main2 #main2_left h1 {
	color: #000000;
	font-style: italic;
}

#layout #main2 #main2_left ul {
 	display: block;
 	margin: 0px;
}

#layout #main2 #main2_left ul li a {
	color: #000000;
 	text-decoration: underline;
 	font-weight: bold;
}

#layout #main2 #main2_left ul li a:hover {
	color: #000000;
	text-decoration: none;
}

#layout #main2 #main2_left ul li a:hover span {
	text-decoration: none;
}

#layout #main2 #main2_right {
	display: block;
	float: right;
	width: 705px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
}

#layout #main2 #main2_right h1 {
	color: #BB0009;
	display: inline;
	clear: none;
}

#layout #main2 #main2_right h3 {
	color: #BB0009;
	display: inline;
	clear: none;
}

#layout #main2 #main2_right p {
	padding-right: 10px;
}

#layout #main2 #main2_right #box {
	float: right;
	display: inline;
	width: 242px;
	margin-left: 15px;
	background: url(../obr/bcg_box_right_top.gif) #BDDBF5 repeat-x top;	
}

#layout #main2 #main2_right #box #box_text {
	padding-left: 7px;
	padding-right: 10px;
	padding-top: 5px;
}	

#layout #main2 #main2_right #box #box_text ul {
 	margin: 0px;
	padding-left: 25px;
	padding-top: 10px;
}	

#layout #main2 #main2_right #box #box_text ul li {
	 background: url(../obr/bcg_menu_right_li.gif) no-repeat left; padding-left: 10px;
}	

#layout #main2 #main2_right #box #box_text h1 {
	color: #021476;
	font-style: italic;
}	

#layout #main2 #main2_right #box #box_bottom {
	background: #BDDBF5 url(../obr/bcg_box_right_bottom.gif) repeat-x bottom;
	height: 55px;
}

#box_text2 ul li {
	background: no-repeat left;
	list-style-image: url('../obr/bcg_menu_right_li.gif');
	list-style-position: inside;
}
#box_text3 ul li {
	background: no-repeat left;
	list-style-image: url('../obr/bcg_menu_right_li2.gif');
}

#box_text4 ul li {
	background: no-repeat left;
	list-style-type: decimal;
	margin-left: 2.5em;
	margin-right: 2.5em;
}

#box_text5 ul li {
	background: no-repeat left;
	list-style-type: upper-alpha;
	padding-left: 1em;
}


/* --- paticka --- */
#layout #bottom{
	background-color: #4E4B5C;
	padding: 8px 10px 2px 10px;
}

#layout #bottom #bottom_text {
	display: block;
	float: left;
	padding-top: 3px;
}

#layout #bottom #bottom_text a {
	color: #B2B1B7;
	font-size: 11px;
	padding-left: 20px;
	margin-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#layout #bottom #bottom_text a:hover {
	text-decoration: underline;
}

#layout #bottom #bottom_text a.item1 {
	background: url(../obr/bcg_bottom_1.gif) no-repeat left;
}

#layout #bottom #bottom_text a.item2 {
	background: url(../obr/bcg_bottom_2.gif) no-repeat left;
}

#layout #bottom #bottom_text a.item3 {
	background: url(../obr/bcg_bottom_3.gif) no-repeat left;
}

/* --- lightbox --- */

#lightbox	{
	background-color: #dddddd;
	padding: 10px 10px 5px 10px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
}

#lightboxDetails	{
	font-size: 1em;
	padding-top: 0.4em;
}	

#lightboxCaption	{float: left;}
#keyboardMsg		{float: right;}
#closeButton		{top: 5px; right: 5px;}

#lightbox img		{border: none; clear: both;} 
#overlay img		{border: none;}
