/* CSS Document */

@charset "utf-8";
* {margin:0; padding:0}

html, body { background-image:url(../images/background.jpg); background-repeat:repeat}
body {  margin-top:10px }

#main { width:888px; height:auto; margin-left:auto; margin-right:auto;margin-bottom:10px}

#top { width:888px; height:16px; float:left}
#top #left{ width:13px; height:16px; float:left}
#top #middle{ width:862px; height:auto;background-image:url(../images/top_middle.jpg); background-repeat:repeat-x; float:left}
#top #right{ width:13px; height:16px; float:right}

#main #box{ width:888px; height:auto;  float:left;background-image:url(../images/page_background.jpg); background-repeat:repeat-y;}

#top_menu_box { width:888px; height:28px; margin-bottom:3px}
.top_menu { width:862px; margin-left:13px; height:28px; background:#000000;}

#menu {	padding: 0; margin:0}
#menu li{float:left; width:auto; list-style: none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 	margin-left:5px; height:20px; margin-top:4px}
#menu li a{display: block;padding: 0px 10px;	text-decoration: none;  width: auto;color:#FFFFFF;white-space: nowrap}
#menu li a:hover{ background-image:url(../images/menu_top_background.jpg); background-repeat:repeat-x; color:#FFFFFF}
#menu li ul {margin: 0;	padding: 0;margin-right:15px; position: absolute; visibility: hidden; }
#menu li ul li{float: none;display: inline; margin-right:10px;margin: 0;	padding: 0; }
#menu li ul li a    {width: 113px;border:none;}
#menu li ul li a:hover	{background-image:url(../images/menu_button_background_mo.jpg);}
		
#flash { width:862px; height:258px; padding-left:13px}
#middle1{ width:888px; height:auto;padding-left:13px; margin-top:3px;  }
#col_left{ width:286px; height:auto; float:left; }
#col_left #header{ width:286px; height:27px; float:left; background:#000000; }
#col_left #menu_box{ width:286px; height:auto; float:left; margin:3px 0 3px 0; background:#d6d3d6; padding: 10px 0 10px 0; }
#col_left #header2{ width:286px; height:27px; float:left; background-image:url(../images/pruh_blue.jpg); background-repeat:repeat-x}
#col_left #kontakt{ width:286px; height:auto; float:left; margin:3px 0 3px 0; background:#d6d3d6;  padding: 10px 0 5px 0; border:none;  /border-bottom:3px solid #FFFFFF;}
#col_left #kontakt_box{	padding: 0; margin:0; margin: 10px 10px 20px 12px; }

#col_right{ width:574px; height:auto; float:left;margin-left:2px;}
#col_right #top{ width:286px; height:27px; float:left; background-image:url(../images/pruh_blue.jpg); background-repeat:repeat-x;}
#col_right #header{ width:286px; height:27px; float:left; background-image:url(../images/pruh_red.jpg); background-repeat:repeat-x; margin-left:2px}
#col_right #content{ width:560px; height:auto; float:left;margin-left:10px; margin-top:15px}

#menu_left {padding: 0; margin:0; margin: 5px 0 20px 12px; }
#menu_left li{float:left; width:266px; list-style: none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:2px;}
#menu_left li a{display: block;	padding: 2px 8px 0 12px;text-decoration: none;width: auto;color: #636363;white-space: nowrap; background-image:url(../images/button_background_n.gif); background-repeat:no-repeat}
#menu_left li a:hover{ color: #FFFFFF; background-image:url(../images/button_background_mo.jpg); background-repeat:no-repeat}
#menu_left li ul	{margin: 0;	padding: 10px 0 10px 10px; margin-top:-23px;margin-left:276px; position: absolute; visibility: hidden;  background-image: url(../images/menu_left_background.jpg); background-repeat:no-repeat;  width:256px}
#menu_left li ul li		{float: none;display: inline; }
#menu_left li ul li a{	border:none;color:#747474;  margin-top:6px;  width:224px;}
#menu_left li ul li a:hover	{ background-image:url(../images/menu_top_background.jpg); background-repeat:repeat-x; color:#FFFFFF}

#footer{ width:870px; height:39px; background-image:url(../images/footer_background.jpg); background-repeat:no-repeat; margin-left:13px; }
#footer #left{ width:200px; float:left; margin-left:12px; margin-top:8px }
#footer #right{ width:200px; float:right; margin-right:18px; margin-top:8px; text-align:right }

#bottom { width:888px; height:17px; float:leftl;}
#bottom #left{ width:12px; height:17px; float:left}
#bottom #middle{ width:864px; height:17px;background-image:url(../images/bottom_middle.jpg); background-repeat:repeat-x; float:left}
#bottom #right{ width:12px; height:17px; float:right}

p, ul, li, h1, h2, h3, td { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:0; margin:0; color:#373737; line-height:1.8; padding-bottom:5px}

#col_right #content li { list-style:square; padding:0; margin-left:17px}
hr { width:560px; height:1px; color:#999999; margin:10px 0 10px 0; text-align:left}

#col_left p{color:#373737;}

h1, h2, h3 { font-size:13px; font-weight:bold; padding-bottom:8px; color:#ea0112}

h1 a:link {text-decoration:none; color:#b70303}
h1 a:visited {text-decoration:none; color:#b70303}
h1 a:hover {text-decoration:none; color:#b70303}

#col_right #header h1{ color:#FFFFFF; text-align:right; padding-right:13px}

.red {color:#b70303}
.yellow {color:#d19b00}

p a{ color:#d60312; text-decoration:none;font-weight:bold;}
p a:link { color:#d60312;text-decoration:none;}
p a:hover { color:#d60312; text-decoration: underline;}

li a{ color:#b70303; text-decoration:none;font-weight:bold;}
li a:link { color:#b70303;text-decoration:none;}
li a:hover { color:#b70303; text-decoration: underline;}

#col_left h3{ padding:2px 0 2px 12px; color:#FFFFFF}

#footer p a{ color:#373737;}
#footer p a:link { color:#373737;text-decoration:none;}
#footer p a:hover { color:#373737; text-decoration: underline;}

.clr { clear:both}


.pict_box_obal {float:right;}
.pict_box {float:right;}

.pict_border{float:left; padding:5px;}
.pict_left {float:left; padding-right:0px; padding-bottom:0px; width:auto}
.pict_right {float:right; padding-left:10px; padding-bottom:10px; width:auto}


.pict_top{ float:left; width:auto; background-image:url(../images/pict_tm.jpg); background-repeat:repeat-x }
.pict_tl{ float:left; width:12px; height:9px; }
.pict_tr{ float:right; width:12px; height:9px; }

.pict_middle{ float:left; width:auto; height:auto}
.pict_ml{ float:left; width:12px; height:auto; background-image:url(../images/pict_ml.jpg); background-repeat:repeat-y  }
.pict_mm{ float:left; width:auto; height:auto; }
.pict_mr{ float:right; width:12px; height:auto;background-image:url(../images/pict_mr.jpg); background-repeat:repeat-y }

.pict_bottom{ float:left; width:auto; background-image:url(../images/pict_bm.jpg); background-repeat:repeat-x}
.pict_bl{ float:left; width:12px; height:9px; }
.pict_br{ float:right; width:12px; height:9px; }