@charset "utf-8";

body {
	background: #3569a0 url(../images/bgr-body.gif) top center no-repeat;
	padding: 0;
	margin: 0;
	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	font-size: 78%; line-height: 1.4; color: #000;
	text-align:center;
	color: #fff;
}
a {
 	border: none;
	color: #88afda;
}
p {
	margin: 0 0 1.5em 0; padding: 0;
}
p.vyznacit, p.kontakty {
	padding: 8px 10px 10px 10px;
	background: #2c6097;
	margin-top: 1em;
	position: relative; left: -10px;
}
p.kontakty {
	border: 1px dashed #4276ae;
}
img {
	border: 1px solid #a0bad6;
	margin: 0 0 8px 0;
}
#center2 img {
	float: left; 
	border: 1px solid #a0bad6;
	margin: 0 5px 5px 0;
}
#header {
	padding: 0; margin: 0 auto; 
	width: 770px;
	height: 200px;
	background: url(../images/ruce.jpg) right top no-repeat;
	position: relative;
}
h1 {
	width: 156px; height: 75px;
	position: absolute; left: 30px; top: 40px;
		margin: 0; padding: 0; margin-top: 1.5em;
	_cursor: hand;
	font-size: 1em; 
	overflow: hidden;
}
h1 a span, h1 a:link span, h1 a:active span, h1 a:visited span {
	display: block;
	width: 156px; height: 75px;
	position: absolute; left: 0; top: 0; z-index: 1;
	margin: 0; padding: 0;
	background:  url('../images/logo.gif') left bottom no-repeat;
	cursor: pointer;
}
h2 {
	font-family: georgia, serif;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
#navlist  {
	height: 75px;
	width: 100%;
	background:  url('../images/bgr-nav.gif') left bottom repeat-x;
	font-family: georgia, serif;
	font-size: 1.3em;
}
#navlist a {
	position: relative; top: 15px;
	text-decoration: none;
	padding: 0 10px;
}
#navlist a:hover, .active {
	color: #fff;
}
#content {
	padding: 0; margin: 0 auto; 
	width: 770px;
	position: relative;
	text-align: left;
	background:  url('../images/bgr-content.gif') top left repeat-y;
}
#content2 {
	padding: 0; margin: 0 auto; 
	width: 770px;
	position: relative;
	text-align: left;
	background:  url('../images/bgr-content2.gif') top left repeat-y;
}
#left {
	width: 220px; _width: 240px;
	float: left;
	padding: 0 20px 20px 0;
}
.nav p {
	margin: 2px 0 0 0;
	font-weight: bold;
}
.nav ul {
	margin: 0;
}
#center {
	width: 210px; _width: 265px;
	float: left;
	padding: 0 25px 20px 30px; margin: 0;
}
#center2 { /*hlavni blok na podstrankach*/
	width: 470px; _width: 530px;
	float: left;
	padding: 0 25px 20px 30px; margin: 0;
}
#right{
	width: 205px; _width: 265px;
	float: left;
	padding: 0 23px 0 17px;
	font-style: italic;
}
ul {
	list-style-type: none;
	margin: 0 0 1em 0; padding: 0;
}
ul li {
	margin: 0; padding: 0 0 0 20px;
	background:  url('../images/li.gif') 0 0.7em no-repeat;
	position: relative; left: -20px;
}
ul.odsadit li {
	position: relative; left: 0;
}
ul.odsadit {
	margin-bottom: 1em;
}
h3 {
	font-size: 1em; margin: 0; padding: 0;
}
table {
	border-collapse: collapse;
	margin: 1em 0 2em 0;
	width: 97%;
	font-size: 1em;
}
th, td {
	border: 1px solid 	#88afda;
	border-left: 0; border-right: 0;
	padding: 2px 15px 2px 0;
	vertical-align: top;
	text-align: left;
}

.vice {
	padding: 0 0 0 9px;
	background:  url('../images/vice.gif') 0 0.3em no-repeat;	
	position: relative; left: -9px;
}
acronym {
	font-size: 0.8em; 
	letter-spacing: 0.1em;
}
.hidden {
	display: none;
}
hr {
	 height: 1px; 
     color: #7DAFC8; 
     background-color: #7DAFC8; 
     border: 0px solid #7DAFC8;
	margin: 1em 0; padding: 0;
}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}
/*vyrobky*/
.vyrobek {
	margin: 0.5em 0 1em 0; padding: 9px 10px 1em 10px;
	background: #2C6097;
}
.vyrobek h3, .vyrobek p {
	margin: 0 0 0.5em 130px;
}
.vyrobek table { /*hack me if you can!*/
	_width: auto; /*IE*/
	_wid/th: 70%; /*IE 6+*/
	margin: 0 0 1em 130px;
}
html>body .vyrobek table { /*hack me if you can!*/
	width: 70%; /*except IE*/
}

/*vyrobky*/
#center2 .vyrobek2 img {
  float: none;}
.vyrobek3 {
  float: right;
  width: 320px;
}
.vyrobek2 {
  float: left;
}
.vyrobek {
	float: left;
}
.vyrobek3 h3, .vyrobek3 p {
	margin: 0 0 0.5em 0;
	padding-left: 1px;
}
html>body .vyrobek3 table {
  width: 320px;
}
.vyrobek3 table {
  width: 320px;
	margin: 0 0 1em 0;
}
.vyrobek3 th {
  padding-left: 1px;
}