@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}

html, body { background:#c9e8cb;}

#main { margin-left:auto; margin-right:auto; width:952px; height:auto;}
#top1 { width:894px; height:41px; }
#top1 #top_box1 { width:223px; height:41px; float:left;}
#top1 #top_box2 { width:220px; height:41px; float:left; }
#top1 #top_box3 { width:450px; height:41px; float:right;}
#top1 #top_box3 #odrazka  { width:47px; height:41px; float:right;}
#top1 #top_box3 #top1_header  { width:auto; height:41px; float:right; }


#top2 { width:952px; height:165px;}
#top2 #menu { width:175px; height:165px; float:left; background:url(../images/top2_menu_background.jpg)}
#top2 #menu #top2_inside { width:110px; height:155px; float:left; padding-left:35px; padding-top:5px}
#top2 #box { width:735px; height:165px; float:left; background:url(../images/top2_background.jpg) repeat-x}
#top2 #box #top2_left { width:6px; height:165px; float:left;}
#top2 #box #top2_box1 { width:358px; height:165px; float:left;}
#top2 #box .inside { padding:4px; width:348px; height:149px; float:left; padding-top:10px}
#top2 #box #top2_middle { width:8px; height:165px; float:left;}
#top2 #box #top2_box2{ width:357px; height:165px; float:left;}
#top2 #box #top2_right { width:6px; height:165px; float:left;}



#menu_box{width:175px; height:165px; float:left; background:url(../images/top2_menu_background.jpg)}

ul.menu * {	padding: 0;	margin: 0; float:left;padding-left:35px; padding-top:5px }
ul.menu {}
ul.menu a {	text-decoration: none; font-size:11px; font-weight:bold  }
ul.menu a:hover {	color:#ed1c24; text-decoration:none}
ul.menu li {	/* IE */		position: relative;	list-style-type: none;	float: left;}
ul.menu li a {	width: 120px;		padding: 4px 3px;	display: block;	color: #FFF;}
ul.menu li.first a {}
ul.menu li a:hover { background:#FFF}
ul.menu li:hover ul {	/*	display: block;	*/}
ul.menu ul {	border-left: 4px solid  #FFF; width:auto;	display: none;	position: absolute;	top: 5px;	left: 161px; background-color: #CCC; margin:0; padding:0;   }
ul.menu ul li { padding:0; margin:0;}
ul.menu li.first ul {	left: 0;}
ul.menu li li {	height: auto; width:auto; }
ul.menu li li a {	height: auto; color: #231f20; 	/* IE great bug! */	background: url("#") no-repeat; padding-left:3px }
ul.menu li.first li a {	border-left: 0;}
ul.menu ul li a:hover {}





#menu_left {	padding: 0; margin:0}

#menu_left li{float:left; width:auto; list-style: none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:2px; list-style:none; color:#FFF; margin:0  }
#menu_left li a{display: block;	padding: 4px 3px;	text-decoration: none;  width: auto;color: #FFFFFF;white-space: nowrap;font-weight:bold}
#menu_left li a:hover{ color:#ee4d16; background-color:#FFFFFF}
#menu_left li ul	{margin: 0;	padding: 0; margin-top:-23px;margin-left:275px; position: absolute; visibility: hidden; border:solid 1px #d4d4d4; border-top:none; background-color:#FFFFFF}
#menu_left li ul li		{float: none;display: inline; margin-right:10px; padding:0}
#menu_left li ul li a{	width: 130px;border:none;color:#747474}
#menu_left li ul li a:hover	{background-image:url(../images/menu_button_background_mo.jpg); color:#FFFFFF}





#top3 { width:952px; height:40px;}

#flash { width:952px; height:321px; background:url(../images/flash.jpg) no-repeat}
#content1 { width:952px; height:250px;}
#content1 #inside { width:900px; height:250px; padding-left:26px; float:left}

#content1 #inside #box1{ width:290px; height:250px; float:left}
#content1 #inside #box1 #box1_header{ width:290px; height:29px; float:left; background:url(../images/content_box_header_orange_back.jpg) repeat-x;}
#content1 #inside #box1 #box1_header #box1_left{ width:13px; height:29px; float:left}
#content1 #inside #box1 #box1_header #box1_content{ width:260px; height:29px; float:left}
#content1 #inside #box1 #box1_header #box1_right{ width:16px; height:29px; float:right}
#content1 #inside #box1 #box1_content_box{ width:290px; height:267px; float:left; background:url(../images/content_box_content_back.jpg) center -46px no-repeat}
#content1 #inside #box1 #box1_content_box #box1_inside{ width:260px; height:155px; float:left; padding-left:13px; padding-top:10px}

#content1 #inside #box2{ width:290px; height:250px; float:left; margin-left:3px}
#content1 #inside #box2 #box2_header{ width:290px; height:29px; float:left; background:url(../images/content_box_header_green1_back.jpg) repeat-x;}
#content1 #inside #box2 #box2_header #box2_left{ width:13px; height:29px; float:left}
#content1 #inside #box2 #box2_header #box2_content{ width:260px; height:29px; float:left}
#content1 #inside #box2 #box2_header #box2_right{ width:16px; height:29px; float:right}
#content1 #inside #box2 #box2_content_box{ width:290px; height:267px; float:left; background:url(../images/content_box_content_back.jpg) center -46px no-repeat}
#content1 #inside #box2 #box2_content_box #box2_inside{ width:260px; height:155px; float:left; padding-left:13px; padding-top:10px}

#content1 #inside #box3{ width:293px; height:250px; float:left; margin-left:2px}
#content1 #inside #box3 #box3_header{ width:294px; height:29px; float:left; background:url(../images/content_box_header_green2_back.jpg) repeat-x;}
#content1 #inside #box3 #box3_header #box3_left{ width:13px; height:29px; float:left}
#content1 #inside #box3 #box3_header #box3_content{ width:260px; height:29px; float:left}
#content1 #inside #box3 #box3_header #box3_right{ width:16px; height:29px; float:right}
#content1 #inside #box3 #box3_content_box{ width:293px; height:267px; float:left; background:url(../images/content_box_content_back2.jpg) center -46px no-repeat}
#content1 #inside #box3 #box3_content_box #box3_inside{ width:260px; height:155px; float:left; padding-left:13px; padding-top:10px}

#content2 { width:952px; height:auto; background:url(../images/content2_middle_back.jpg) repeat-y}
#content2 #header { width:952px; height:75px; background:url(../images/content2_top_back.jpg)}
#content2 #header #inside_box { width:850px; height:60px; padding-top:25px; padding-left:44px}
#content2 #inside { width:860px; height:auto; padding-left:43px; padding-top:0px}

#content2 .next_page { width:850px; height:20px;  padding-left:44px; padding-bottom:10px;}
#content2 .next_page .box_next { width:auto; height:20px; float:left}

#content2 .reference_box { width:425px; height:340px; float:left; padding-bottom:25px }
#content2 .reference_box .header { width:410px; height:50px;}
#content2 .reference_box .header .odrazka { width:43px; height:34px; float:left}
#content2 .reference_box .header .content { width:350px; height:auto; float:left; padding-left:15px; padding-top:19px}
#content2 .reference_box .box1 { width:200px; height:auto; float:left;}
#content2 .reference_box .box2 { width:215px; height:auto; float:left; padding-left:10px}
#content2 .reference_box .pict_left { width:180px; height:auto; border:#FFF solid 5px; background:#FFF}
#content2 .reference_box .link_box { width:200px; height:auto; padding-top:5px; text-align:center}


#content2 .clanek{ width:850px; height:auto; padding-bottom:20px}
#content2 .clanek .header{ width:850px; height:50px; }
#content2 .clanek .header .odrazka{ width:43px; height:50px; float:left}
#content2 .clanek .header .content{ width:auto; height:auto; float:left; padding-left:15px; padding-top:15px}
#content2 .clanek .clanek_content{ width:852px; height:auto;}

#footer1 { width:952px; height:127px; background:url(../images/footer_back.jpg)}
#footer1 #copy{ float:left; padding-left:170px; padding-top:70px; width:230px; height:30px}

#footer2 { width:952px; height:127px; background:url(../images/footer_back2.jpg)}
#footer2 #copy{ float:left; padding-left:170px; padding-top:70px; width:230px; height:30px}

p, h1, h2, h3, h4, ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #3F3F3F; }


ul {line-height:1.5}
li {margin-left:15px; list-style:disc}

#content1 p, #content2 p {line-height:1.7; padding-bottom:5px}

a:link, a:visited { text-decoration:underline; font-weight:bold}
a:hover { text-decoration: underline; font-weight:bold}

#content1 #inside #box2 a:link,#content1 #inside #box2 a:visited{ color:#143d1a; font-weight:bold}
#content1 #inside #box2 a:hover{ color:#143d1a; text-decoration:underline;font-weight:bold}
#content1 #inside #box3 a:link,#content1 #inside #box3 a:visited{ color:#2a7f61; font-weight:bold}
#content1 #inside #box3 a:hover{ color:#2a7f61; text-decoration:underline;font-weight:bold}

#top2 #box a:link, #top2 #box a:visited, #top2 #box a:hover{ color:#ee4d16;}


h1 {font-size:14px;font-weight:bold;padding-top:20px; color:#000 }
h2, h3, h4 {font-size:14px;font-weight:bold; padding-bottom:5px; color: #4D4D4D; }

#top2 #box .inside h2 { font-size:12px; padding-top:2px; padding-bottom:5px}
#top2 #box .inside p { line-height:1.5;}

.orange{color:#ee4d16 }
.green{color:#143d1a }



#top1 #top_box2 p{ color: #000; padding-top:20px; font-size:14px; font-weight:bold;}
#top2 #box h2{ color:#df4916}

#top2 #box a{ font-weight:bold}
#content1 h2 { color:#FFF;  font-size:14px; padding-top:5px;  font-weight:bold;}
#content2 h2 { font-size:14px; padding-top:5px;  font-weight:bold;}

#picts_right {float:right; height:auto; width:auto;}
.pict_right {float:right; padding-bottom:5px; clear:both}
.pict_left {float:left; padding-bottom:5px; clear:both; padding-right:10px}
.right_box { float:right; padding-left:10px; width:200px}

.right_box .pict_left { width:180px; height:auto; border:#FFF solid 5px; background:#FFF}

.clr {clear:both}

img {border:none}