body { 
    margin:0; 
    padding:0;
    font-family:Arial, sans-serif;
    background:#fff url(../images/bg.png) repeat-x left top;
}

a {color:#dd5800;}
a:hover {text-decoration:none;}


.clear {position:relative;clear:both;_font-size:0px;height:0px;line-height:0px;}



#page {
	width:100%;
	height:500px;
    background:url(../images/page-bg2.jpg) no-repeat center top;
}
#head {
	position:relative;
	margin:auto;
	width:920px;
	height:240px;
	background-color:#0382ae;
}
#content {
	position:relative;
	margin:auto;
	padding:0 30px;
	width:920px;
	background-color:#fff;
	z-index:100;
    background:url(../images/content-bg.png) repeat-y right top;
}
#content div.bottom {
    background:#fff url(../images/content-bottom.png) no-repeat left bottom;
}


.box1 {
	float:left;
	width:613px;
    background:url(../images/box1-sh.png) repeat-y right top;
}
.box1 div.bbottom {
	width:613px;
    background:url(../images/bbox-bottom.png) no-repeat right bottom;
}
.box1 div.cnt {
	padding:0 0 0 19px;
	width:594px;
    background:url(../images/box1-sh-top.png) no-repeat right top;
}
.box2 {
	float:right;
	padding:0 19px 0 0;
	width:272px;
}

#sh1 {
	position:absolute;
	left:1px;
	top:-20px;
	width:29px;
	height:55px;
    background:url(../images/sh-left.png) no-repeat left top;
}
#sh2 {
	position:absolute;
	right:1px;
	top:-20px;
	width:29px;
	height:55px;
    background:url(../images/sh-right.png) no-repeat left top;
}


#foot {
	position:relative;
	margin:auto;
	width:980px;
	height:154px;
}

/*logo*/
#logo {
    position:absolute;
    top:58px;
    left:0;
    margin:0; 
    padding:0;
    width:144px; 
    height:150px;
    overflow:hidden;
    z-index:100;
    font-size:1em;
    font-weight:normal;
    background-color:#0382ae;
}
#logo a {
	display:block;
	text-decoration:none;
	padding:0 0 0 20px;
    width:124px; 
    height:150px;
	color:#fff;
	font-weight:bold;
}
#logo a:hover {color:#01bae8;}
#logo a strong {font-size:1.5em;color:#e9eaf0;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:144px; 
    height:150px;
    cursor:pointer;
    background:url(../images/logo.png) no-repeat left top;
}
/*head*/
#head p {
	position:relative;
	margin:0;
	padding:150px 100px 0 0;
	width:820px;
	height:90px;
	color:#fff;
	text-align:right;
	background-color:#0382ae;
	z-index:10;
}
#head p span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:920px;
	height:240px;
    background:url(../images/head-bg.jpg) no-repeat left top;
}
/*menu*/
#menu {
	position:relative;
	margin:auto;
	padding:0 0 0 55px;
	width:865px;
	height:68px;
    background:#0382ae url(../images/menu-bg.jpg) no-repeat left top;
	z-index:10;
}
#menu li {
	display:inline;
}
#menu li a {
	float:left;
	display:block;
	position:relative;
	height:68px;
	line-height:68px;
	text-align:center;
	font-size:0.75em;
	color:#fff;
	text-decoration:none;
	background:#a84200;
}
#menu li a:hover {
	background:#c96c07;
}
#menu li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:68px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#menu li a.active span,
#menu li a:hover span {
	background-position:right top;
}
#menu li.item1 a,#menu li.item1 a span {width:181px;}
#menu li.item1 a span {background-image:url(../images/menu1.png);}
#menu li.item2 a,#menu li.item2 a span {width:86px;}
#menu li.item2 a span {background-image:url(../images/menu2.png);}
#menu li.item3 a,#menu li.item3 a span {width:102px;}
#menu li.item3 a span {background-image:url(../images/menu3.png);}
#menu li.item4 a,#menu li.item4 a span {width:116px;}
#menu li.item4 a span {background-image:url(../images/menu4.png);}
#menu li.item5 a,#menu li.item5 a span {width:79px;}
#menu li.item5 a span {background-image:url(../images/menu5.png);}
#menu li.item6 a,#menu li.item6 a span {width:115px;}
#menu li.item6 a span {background-image:url(../images/menu6.png);}
#menu li.item7 a,#menu li.item7 a span {width:131px;}
#menu li.item7 a span {background-image:url(../images/menu7.png);}
/*navi*/
#navi {
	position:relative;
	margin:0 0 17px 0;
	width:920px;
	height:100px;
	z-index:100;
}
#navi ul {
	position:absolute;
	left:0;
	top:-21px;
	margin:0;
	padding:0;
	width:920px;
	height:41px;
	list-style:none;
}
#navi ul li {
	display:inline;
}
#navi ul li a {
	position:relative;
	float:left;
	display:block;
	width:184px;
	height:122px;
	line-height:41px;
	font-size:0.75em;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#navi ul li a span.image {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:184px;
	height:81px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#navi ul li.item1 a span.image {background-image:url(../images/navi1-top.png)}
#navi ul li.item2 a span.image {background-image:url(../images/navi2-top.png)}
#navi ul li.item3 a span.image {background-image:url(../images/navi3-top.png)}
#navi ul li.item4 a span.image {background-image:url(../images/navi4-top.png)}
#navi ul li.item5 a span.image {background-image:url(../images/navi5-top.png)}

#navi ul li a span.anchor {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:184px;
	height:41px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#navi ul li a:hover span.anchor {
	background-position:right top;
}

#navi ul li.item1 a span.anchor {background-image:url(../images/navi1.png);}
#navi ul li.item2 a span.anchor {background-image:url(../images/navi2.png);}
#navi ul li.item3 a span.anchor {background-image:url(../images/navi3.png);}
#navi ul li.item4 a span.anchor {background-image:url(../images/navi4.png);}
#navi ul li.item5 a span.anchor {background-image:url(../images/navi5.png);}

.box1 h2.title {
	position:relative;
	margin:0;
	padding:0 0 0 19px;
	width:594px;
	height:50px;
	line-height:33px;
	background:#fff;
}
.box1 h2.title span {
	display:block;
	position:absolute;
	left:19px;
	top:0;
	width:577px;
	height:32px;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px solid #cfd1d4;
}
.box1 h2.title span#bolek {background-image:url(../images/title-bolek.png); }



.box1 h2.title { 
  color:#A4A4A4;
  font-size:15px;
  font-weight:normal;
  font-style: italic;
}

.box1 h2.title strong {
  color:#01BAE8;
  font-size:19px;
  font-style: normal;
  font-weight:Bold;
}


.box1 div.cnt p {
	margin:0;
	padding:0 20px 20px 0;
	line-height:1.5;
	font-size:0.75em;
	text-align:justify;
}

.box1 div.cnt ul li {
	
	padding-left:0px;
	padding-right:25px;
}

.box1 div.cnt ul.mapa li ul li {
  font-size:12px;
}

.box1 div.cnt table {
  border-collapse:collapse;
  width:95%;
}
.box1 div.cnt table tr td {
  font-size:0.75em;
  border:1px solid #ddd;
  margin:0;
  padding:3px;
  vertical-align:top;
  line-height:1.5;
}

.box1 div.cnt table tr td a img {
  border:0;
}

.box1 div.cnt div.more {
	padding:0 10px 0 0;
	height:35px;
	font-size:0.75em;
}
.box1 div.cnt div.more a {
	float:right;
	display:block;
	position:relative;
	padding:0;
	width:112px;
	height:28px;
	line-height:28px;
	text-align:center;
}
.box1 div.cnt div.more a span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:112px;
	height:28px;
	cursor:pointer;
    background:url(../images/button-more-box1.png) no-repeat left top;
}

.box1 div.cnt h3 {
  color:#01BAE8;
  font-size:1.0em;
  margin-top:0;
}

.box1 div.cnt h4 {
  color:#dd5800;
  font-size:1.0em;
  margin-top:0;
}

.box1 div.cnt ul {
	margin-top:0;
}
	
.box1 div.cnt ul li {
	line-height:1.5;
	font-size:0.75em;
	text-align:justify;
}


.box2 h2.title {
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	height:32px;
	line-height:33px;
	background:#fff;
	color:#01BAE8;
	font-size:1.2em;
}
.box2 h2.title span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:274px;
	height:32px;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px solid #cfd1d4;
}
.box2 h2.title span#news {background-image:url(../images/title-novinky.png);}




.nitem {
	position:relative;
	margin:0;
	padding:0 0 21px 80px;
	font-size:0.7em;
	width:194px;
}
.nitem img {
	position:absolute;
	left:0;
	top:0;
	border:1px solid #0bacd2;
}
.nitem span.date {
	display:block;
	padding:0 0 5px 18px;
    background:url(../images/icon-clock.gif) no-repeat left 0px;
}



.box2 div.more {
	margin:0;
	padding:0;
	font-size:0.75em;
}
.box2 div.more a {
	float:right;
	display:block;
	position:relative;
	padding:0 8px 0 0;
	width:113px;
	height:28px;
	line-height:28px;
	text-align:center;
}
.box2 div.more a span {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:113px;
	height:28px;
	cursor:pointer;
  background:url(../images/button-more-box1.png) no-repeat left top;
}

.box2 ul {
  list-style:none;
  margin-left:0;
  padding-left:20px;
}
.box2 ul li{
  font-size:13px;
  line-height:1.6;
  background:url(../images/sipka.gif) no-repeat left 7px;
  padding-left:12px;
}

/*foot*/
#foot p.image {
	position:relative;
	margin:0 0 30px 0;
	padding:0;
	width:980px;
	height:154px;
	line-height:54px;
	text-align:center;
	color:#fff;
	background-color:#0382ae;
	z-index:10;
}
#foot p.image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:980px;
	height:154px;
    background:url(../images/foot-img.png) no-repeat left top;
}
#foot p#copy {
	position:absolute;
	top:140px;
	left:0;
	margin:0;
	padding:0;
	width:980px;
	z-index:100;
	text-align:center;
	font-size:0.75em;
	color:#b4b4b4;
}
#foot p#copy a {
	color:#0386b3;
	text-decoration:none;
}
#foot p#copy a:hover {text-decoration:underline;}


.tretina {
  float:left;
  width:198px;
  display:block;
}

.vpravo {
  float:right;
  margin-left:15px;
  margin-bottom:15px;
  margin-right:15px;
}

.vpravo a img {
  border:0;
}


.doleva {
  float:left;
  margin-right:15px;
  margin-bottom:15px;
}

.doleva a img {
  border:0;
}

.certifikaty a img {
  border:0;
  margin:5px;
}