/* W3C doporucuje pro vychozi okraje stranky pouzit padding, vetsina prohlizecu ale pouziva margin. */

html {
	height: 100%;
}

body {	font: 13px/21px "trebuchet ms",helvetica,"helvetica neue","lucida grande","lucida sans",arial,verdana,sans-serif;

	margin: 0;
	padding: 0;
	line-height: 130%;
	background: #fff url(/css/5/bg.gif) repeat-x top; 
	color: #000;
	height: 100%;}
	
*{
	margin: 0;
	padding: 0;
	border:0; 
}
.cleaner{
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
border:none;
visibility: hidden; 
overflow: hidden;
}

#main { margin: 0 auto 0; padding: 0; width: 970px;}

#header { height: 110px; /*margin-bottom: 30px;*/ }
/*#header p{	text-align: right; padding: 10px 10px 0 0; margin: 0; color: #fff;}
#header p a { font-size: 0.9em; text-decoration: none; color: #d85728;}
#header p a.hactive { color: #fff;}*/

#header h1 a{ text-decoration: none;}
#header h1 {
	width: 250px;
	height: 60px;
	position: relative; top: 25px; left: 0px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 1em; 
	overflow: hidden;
	float: left;
}

#header h1 span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 250px;
	height: 60px;
	margin: 0; 
	padding: 0;
	background:  url('/css/5/logo.png') left top no-repeat;
	cursor: pointer;
	cursor: hand;
}

#cont{}
#lft{	float: left; width: 250px; background: Blue; }
#cntrl{ float: left; margin-left: 20px; width: 370px;}
#rght{ float: left;	width: 310px;margin-left: 20px;}
#fullcontent{float: left; margin-left: 20px; width: 685px;  padding: 5px;}
#fullcontent h1 { padding: 10px; padding-left: 0px;}


#footer{ height: 50px; background: url(/css/5/bg_footer.gif) repeat-x top; text-align: center; margin: 10px 0 0;  }
#footer span{ color: #999999; text-align: left; position: relative; top: -5px; left: 250px;}
#footer img{ margin: 17px 0 0;}

div#imgs{ background: #a6c2dc; margin: 20px 0 0; }
div#imgs img{ margin: 10px 0 7px 10px;}
p.text{  font-size: 12px; margin: 5px 0 0;}

a.r1{ display: block; width: 310px; height: 188px; background: url(/css/5/r1-a.jpg) no-repeat top; }
a.r1:hover{ background: url(/css/5/r1-b.jpg) no-repeat top; }

a.r2{ display: block; width: 310px; height: 188px; background: url(/css/5/r2-a.jpg) no-repeat top;margin: 6px 0 0; }
a.r2:hover{ background: url(/css/5/r2-b.jpg) no-repeat top; }

a.r3{ display: block; width: 310px; height: 180px; background: url(/css/5/r3-a.jpg) no-repeat top;margin: 6px 0 0; }
a.r3:hover{ background: url(/css/5/r3-b.jpg) no-repeat top; }


#footer{ height: 50px; background: url(/css/5/bg_footer.gif) repeat-x top; text-align: center; margin: 10px 0 0;  }
#footer span{ color: #999999; text-align: left; position: relative; top: -5px; left: 250px;}
#footer img{ margin: 17px 0 0;}

h5{ color: #27a8e0; font-weight: bold; font-size: 14px; margin: 0 0 10px; }
p.cur{ font-style: italic;}


/* Menu */
#boxs { margin: 30px 0 0; background: url(/css/5/bg_prod.jpg) 0 22px repeat-x; height: 119px }
#boxs2 { margin: 30px 0 0; padding: 20px 0 20px; margin-bottom: 20px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;}
h2{ font: bold 23px/27px "trebuchet ms",arial,verdana,sans-serif;  color: #231F20; padding: 0 0 10px; }
p.main_p{font: normal 12px/15px "trebuchet ms",arial,verdana,sans-serif;  color: #4D4D4D; margin-top: 15px;}


#navlist{padding: 0 0px 1px; margin-left: 0; font: bold 12px Verdana, sans-serif; background: #d1d1d1; }
#navlist li{list-style: none;margin: 0; border-top: 1px solid #d1d1d1; text-align: left;}
#navlist li a{display: block; padding: 10px 0.5em 10px 0.75em; border-left: 1em solid #313131; background: #fff; text-decoration: none;}
#navlist li a.scr{display: block; padding: 10px 0.5em 10px 0.75em; border-left: 1em solid #8b9f0c; background: #fff; text-decoration: none;}
#navlist li a.clc{display: block; padding: 10px 0.5em 10px 0.75em; border-left: 1em solid #b4310b; background: #fff; text-decoration: none;}
#navlist li a.pcs{display: block; padding: 10px 0.5em 10px 0.75em; border-left: 1em solid #0e7b9e; background: #fff; text-decoration: none;}
#navlist li a.pop{display: block; padding: 10px 0.5em 10px 0.75em; border-left: 1em solid yellow; background: #fff; text-decoration: none;}
#navlist li a:link { color: #303030; }
#navlist li a:visited { color: #667; }
#navlist li a:hover{/*border-color: #FE3;*/ color: #000; background: #ebebeb;}
a.link{ color: #29a9e1; font-size: 12px; text-decoration: underline; text-align: right;}
a.link:hover{ color: #231F20;}




#footer{ height: 50px; background: url(/css/5/footer.jpg) repeat-x top; text-align: center; margin: 50px 0 0; padding: 10px 0 0;  }
/*#footer span{ color: #999999; text-align: left; position: relative; top: -20px; left: 250px;}
#footer img{ margin: 5px 0 0;}*/





table td { padding: 5px;};
.suda  {background:#FFFFFF;}
.licha {background:#EBEBEB;}
.selected {background: #FFE498;}



input, textarea {border: 1px solid gray; padding: 2px;}
input:focus, textarea:focus, select:focus { background: #E2F3FF;}