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


* {
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}

.cleaner {
			clear:both;
			font-size: 1px;

}
.cleaner_right {
			clear: right;
			font-size: 1px;
}
body {
	background: #fff url(../img/bg_body_top.jpg) top repeat-x;
	}
	
#body {
	margin: 0 auto;
	width: 100%;
	background: transparent url(../img/bg_body.jpg) top center no-repeat;
}	
#page{
	margin: 0 auto;
	width:1002px;
	position: relative;
}

#top {
	height: 221px;
	background: url(../img/bg_top.jpg) no-repeat;
	position: static;
}

#languages {
	position: absolute;
	top: 190px; left: 914px;
}

#menu {
	height: 50px;
}

/* top menu */
ul.topmenu {
	padding: 0 0 0 10px; height:50px;
    list-style-type:none;
    text-align:left;
    }

ul.topmenu li {
	float: left;
	height: 50px;
	text-align: center;
	}
	
	ul.topmenu li.a, ul.topmenu li.a-active { width: 141px; }
	ul.topmenu li.b, ul.topmenu li.b-active { width: 140px; }
	ul.topmenu li.c, ul.topmenu li.c-active { width: 140px; }
	ul.topmenu li.d, ul.topmenu li.d-active { width: 141px; }
	ul.topmenu li.e, ul.topmenu li.e-active { width: 140px; }
	ul.topmenu li.f, ul.topmenu li.f-active { width: 140px; }
	ul.topmenu li.g, ul.topmenu li.g-active{ width: 140px; }
	
ul.topmenu li a {
	display: block; 
	height: 50px; 
	text-decoration: none;   
	}

ul.topmenu li a:hover {
	text-decoration: none; 
	}	
	
	ul.topmenu li.a a { background: url(../img/bg_li_1.jpg);}
	ul.topmenu li.b a { background: url(../img/bg_li_2.jpg); }
	ul.topmenu li.c a { background: url(../img/bg_li_3.jpg); }
	ul.topmenu li.d a { background: url(../img/bg_li_4.jpg); }
	ul.topmenu li.e a { background: url(../img/bg_li_5.jpg); }
	ul.topmenu li.f a { background: url(../img/bg_li_6.jpg); }
	ul.topmenu li.g a { background: url(../img/bg_li_7.jpg); }
	
	ul.topmenu li.a a:hover, ul.topmenu li.a-active { background: url(../img/bg_li_1on.jpg);}
	ul.topmenu li.b a:hover, ul.topmenu li.b-active { background: url(../img/bg_li_2on.jpg); }
	ul.topmenu li.c a:hover, ul.topmenu li.c-active { background: url(../img/bg_li_3on.jpg); }
	ul.topmenu li.d a:hover, ul.topmenu li.d-active { background: url(../img/bg_li_4on.jpg); }
	ul.topmenu li.e a:hover, ul.topmenu li.e-active { background: url(../img/bg_li_5on.jpg); }
	ul.topmenu li.f a:hover, ul.topmenu li.f-active { background: url(../img/bg_li_6on.jpg); }
	ul.topmenu li.g a:hover, ul.topmenu li.g-active { background: url(../img/bg_li_7on.jpg);  }	
	
ul.topmenu li a h4 {
	padding: 21px 0 0 0; font: normal 12px Verdana, sans-serif; color: #989a9f; 
}
ul.topmenu li h4 {
	padding: 21px 0 0 0; font: normal 12px Verdana, sans-serif; color: #fff; 
}
	
ul.topmenu li a:link h4 	{ color:#989a9f; }
ul.topmenu li a:visited h4 { color:#989a9f; }
ul.topmenu li a:hover h4 	{ color:#ffffff; }
ul.topmenu li a:active h4 	{ color:#FFFFFF; }


/* submenu */
#submenu {
	height: 32px;
	background:url(../img/bg_submenu.jpg) center no-repeat;
}

ul.submenu {
	padding: 0 0 0 15px; height:32px;
    list-style-type:none;
    text-align:left;
	font: normal 12px Helvetica, sans-serif; color: #FFFFFF;
}

ul.submenu li {
	float: left;
	height: 32px;
	text-align: center;
}
ul.submenu li h4 {
	padding: 9px 0 0 0; font: normal 12px Verdana, sans-serif; color: #fff; 
}
ul.submenu li a	{ display: block; height: 32px; text-decoration: none;   }
ul.submenu li a h4 {
	padding: 9px 0 0 0; font: normal 12px Verdana, sans-serif; color: #fff; 
}

ul.submenu li a:link h4 	{ font: normal 12px Verdana, sans-serif; color: #fff;   }
ul.submenu li a:hover h4 	{  background: url(../img/bg_submenu_hover.gif) top center no-repeat;   }
ul.submenu li a:visited h4 	{ font: normal 12px Verdana, sans-serif; color: #fff;   }
ul.submenu li a:active h4 	{ font: normal 12px Verdana, sans-serif; color: #fff; }



ul.submenu li.active h4 {
	padding: 9px 0 0 0; font: bold 12px Verdana, sans-serif; color: #fff;
}


/* middle */

#middle {
	background: url(../img/bg_middle.jpg) repeat-y;
}
#middle_top{
	background: url(../img/bg_middle_top.jpg) top no-repeat;
	position:relative;
}
#middle_bottom	{
	padding: 0 0 20px 0;
	background: url(../img/bg_middle_bottom.jpg) bottom no-repeat;
	position:relative;
}
#middle_center {
	padding: 0 0 0 10px;
	width: 982px;
}
#middle_left {
	float: left;
	width: 744px;
}

#middle_right {
	float: right;
	width: 238px;
	background: url(../img/bg_middle-right.jpg) top no-repeat;
	position: relative;
}
#middle_support {
	float: left; width: 1px; height: 400px;
}

/* middle_right */

#middle_right h2 {
	padding:  52px 0 0 17px;
	font: bold 12px Arial, Helvetica, sans-serif; color: #fff;
}

#middle_right p {
	padding: 14px 0 0 17px; width: 200px;
	font: bold 11px Arial, Helvetica, sans-serif; color: #000033;
	line-height: 21px;
}

#divider {
	margin: 40px 0 0 0;
	width: 238px; height: 8px; font-size: 8px;
	background: url(../img/divider.jpg) no-repeat;
}


/* middle_left */

h1 {
	padding: 18px 0 2px 220px;
	font: bold 18px Arial, Helvetica, sans-serif; color: #e36425;
}

/* pole podstranka */

#pole_podstranka {
	margin: 0 14px 0 14px; padding: 0 0 20px 0; height: auto;
	background: url(../img/bg_tech-obsah.jpg) top  repeat-x;
}

#pole_podstranka_index {
	margin: 0 14px 0 0px; padding: 0 0 20px 0; height: auto;
	background: url(../img/bg_tech-obsah.jpg) top  repeat-x;
	text-align: center;
}

#pole_podstranka_index p {
	font: normal 12px Arial, Helvetica, sans-serif; color: #444 /*7b8292*/;
	line-height: 17px;
}

#pole_podstranka_index img {
	margin-top: 40px;
}

#pole_right {
	float: right;
	padding: 23px 11px 0 0;
	width: 500px; 
	text-align: left;
}
#pole_right p, #pole_tmave p{
	font: normal 11px Arial, Helvetica, sans-serif; color: #444 /*7b8292*/;
	line-height: 17px;
}

#pole_right_index {
	float: right;
	padding: 23px 0 0 0;
	width: 505px; 
	text-align: left;
}
#pole_right_index p {
	font: normal 12px Arial, Helvetica, sans-serif; color: #444 /*7b8292*/;
	line-height: 17px;
}

#pole_right h5 {
	padding:  10px 0 0 0;
	font: bold 12px Arial, Helvetica, sans-serif; color: #e36425;
}
#pole_right a, #pole_right a:visited, #pole_right a:active  {
	color: #444;
}
#pole_right a:hover {
	color: #e36425;
}
#pole_podstranka img{

	padding: 13px 0 0 11px;
}
	
#pole_right table {
	padding: 17px 0 0 0;
	font: normal 11px Arial, Helvetica, sans-serif; color: #444;
}	

#pole_right table thead td{
	border: #999999 1px solid;
	text-align: center;
} 
.ta {
	padding: 0 0 0 5px;
	background-color: #eee;
	
}
.tax {
	background-color: #eee;
	text-align: center;
}
.tb {
	padding: 0 0 0 5px;
}
.tbx {
	text-align: center;
}
.tc {
	text-align: center;
	border:  #999999 1px solid;
}
#pole_right table thead td.tx { border: none; }

/* pole tmave */
#pole_tmave {
	padding: 0 0 20px 0; height: auto;
	/*width: 744px;*/
	background: url(../img/bg_technologie2.jpg) right repeat-y;
}

#pole_tmave h2 {
	padding: 10px 0 2px 26px;
	font: bold 20px Arial, Helvetica, sans-serif; color: #e36425;
}

#pole_tmave_obsah {
	margin: 0 14px 0 14px; height: auto;
	background: url(../img/bg_tech-obsah2.jpg) top  repeat-x;
}

#pole_tmave_obsah p.first{
	padding: 28px 0 0 15px;
	width: 478px;
}
#pole_tmave_obsah p{
	padding: 0 0 0 15px;
	width: 478px;
}

#pole_tmave_obsah img{
	float: right;
	padding: 14px 12px 0 0;
	}
#pole_tmave a, #pole_tmave a:visited, #pole_tmave a:active  {
	color: #444;
}	
	

#tech-obsah {
	margin: 0 14px 0 14px; height:175px;
	background: url(../img/bg_tech-obsah.jpg) top  repeat-x;
}
#tech-obsah p{
	float: right;
	padding: 23px 11px 0 0;
	width: 502px;
	font: normal 11px Arial, Helvetica, sans-serif; color: #6c7687;
	line-height: 17px;
	
}

#tech-obsah img{
	padding: 13px 0 0 11px;
	}
	

	
	
#logo {
	position: absolute;
	top: 21px; left: 25px;
	width: 137px; height: 39px;
}

/* copyright */

#copyright {
	margin: 0 auto;
	width: 982px; height: 76px;
	background: url(../img/bg_copyright.jpg) repeat-x;
	
	background-color:#FF9933
}

#copyright p{
	padding: 53px 0 0 14px;
	font: normal 10px Arial, Helvetica, sans-serif; color: #636b7a;

}

#copyright_right {
	float: right; padding: 53px 14px 0 0;
	font: normal 10px Arial, Helvetica, sans-serif; color: #636b7a;
	text-align: right;
}

#copyright_right a {
	font: normal 10px Arial, Helvetica, sans-serif; color: #636b7a; text-decoration: none; 
}

#preloader {
	position: absolute;
	top: 1px; left: 1px;
	width: 400px; height: 1px;
	visibility: hidden;
}

#post {
	position: absolute;
	top: 9px; left: 16px;
	width: 38px; height: 29px;
	
}

#wysiwyg {
	margin: 0 0 0 18px; padding: 0;
	height: 240px; width: 207px;
	overflow: hidden;
}

#index {
	margin: 0 auto;
	width: 505px;
}

#index  h1 {
	padding: 18px 0 2px 0px;
	font: bold 18px Arial, Helvetica, sans-serif; color: #e36425;
}

#index p {
	font: normal 12px Arial, Helvetica, sans-serif; color: #444 /*7b8292*/;
	line-height: 17px;
}

#index img {
	margin-top: 40px;
}