body {
	margin: 0;
	padding: 0 0 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #FFFEF3;
    line-height: 1.4em;
}

.clr {clear: both;}
.bold {font-weight: bold;}
a {color: #FE0000;}
h1, h2 {font-weight: normal; color: #FE0000; margin: 1em 0;} 
h1 {font-size: 1.8em; margin-top: 5px;}
h2 {font-size: 1.4em;}
.float-left {float: left;}
.float-right {float: right;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.vertical-top {vertical-align: top;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.w250 {width: 250px;}
.w280 {width: 280px;}
.w255 {width: 255px;}
.w327 {width: 327px;}
.wfull {width: 100%;}
img {border: 0;}

#page {width: 1036px; margin: auto;}

#logo-kressida {width: 270px; height: 85px; background: url(design/logo-kressida.gif) no-repeat; float: left; margin: 65px 0 0 10px;}
#logo-kressida a {width: 270px; height: 85px; display: block;}
#logo-kressida span {display: none;}

#top {width: 100%; height: 200px; background: url(design/back-top.gif) bottom center no-repeat;}
#header {width: 970px; height: 200px; margin: auto; background: url(design/tema1.jpg) top right no-repeat;}
#main {width: 100%; background: url(design/back-main.gif) center repeat-y;}
#main-top {width: 100%; background: url(design/back-main-top.gif) top center no-repeat;}
#page {width: 970px; margin: auto;}
#page-in {padding: 40px 40px 0 40px;}

#footer {width: 100%; height: 95px; background: url(design/back-main-bottom.gif) bottom center no-repeat; margin-top: 40px;}
#footer1 {width: 100%; height: 95px; background: url(design/back-footer.gif) top center no-repeat; font-size: 12px;}
#links {width: 970px; margin: auto; text-align: right; color: #565652;}
#links-in {padding: 13px 60px 0 0;}
#links a {color: #565652; margin: 0 5px;}

#copyright {width: 890px; margin: auto; font-size: 90%; color: #53524F; padding-top: 30px;}

#menu {float: left; margin: 145px 0 0 50px;}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu li {float: left; padding: 0 15px; background: url(design/rozdelovnik.gif) top right no-repeat;}
#menu a {text-decoration: none; color: #FE0000; font-weight: bold; line-height: 35px; height: 35px;}
#menu a:hover {color: #000;}
#menu li.last, #submenu li.last {background: none;}

#text-left {width: 240px; margin-right: 40px; float: left;}
#text-right {width: 610px; float: left;}

#submenu {width: 240px; background: url(design/menu-top.gif) #F5F5F5 top no-repeat; margin-bottom: 25px;}
#submenu ul {margin: 0; padding: 0; list-style-type: none;}
#submenu li {background: url(design/rozdelovnik1.gif) left bottom no-repeat;}
#submenu a {display: block; padding: 0 0 0 30px; height:40px; line-height: 40px; text-decoration: none; color: #FE0000; font-weight: bold;}
#submenu a:hover {color: #000;}
#menu-bottom {width: 240px; height: 10px; background: url(design/menu-bottom.gif) top no-repeat; font-size: 1px;}

#phone {background: url(design/phone.gif) top left no-repeat;}
#phone .number {font-size: 150%; font-weight: bold; padding: 5px 0 0 45px; display: block;}

#pusobnost {width: 221px; height: 77px; background: url(design/pusobnost.gif) top left no-repeat; margin-top: 25px;}
#pusobnost-in {padding-top: 52px;}

#uvod-left {width: 320px; float: left; margin-right: 40px;}
#uvod-right {width: 250px; float: left; padding-top: 53px;}

ul#list {margin: 0 0 15px 0; padding: 0 68px 0 0; list-style-type: none; background: url(design/pracovnik.jpg) top right no-repeat;}
ul#list li {background: url(design/li-list.gif) top left no-repeat; padding-left: 30px; padding-bottom: 8px;}

h2.aktualne {padding-left: 20px; width: width: 250px; height: 51px; line-height: 51px; background: url(design/back-h2.gif) top left no-repeat; margin: 0; padding-left: 15px;}
#news {width: 250px; height: 247px; background: url(design/back-aktuality.gif) top left no-repeat; margin-bottom: 35px;}
#news-in {padding: 20px 20px;}
.news-item {margin-bottom: 20px;}
.news-item-desc {margin-bottom: 2px;}
.news-detail {background: url(design/dart.gif) 0 5px no-repeat; padding-left: 15px; line-height: normal;}

#deska {width: 250px; height: 100px; background: url(design/back-deska.jpg) no-repeat; font-weight: bold;}
#deska-in {padding: 7px 5px 15px 103px; color: #545350;}
#deska-a {text-align: right; padding-right: 15px; font-weight: normal;}

#rozdil {margin-top: 8px;}
#technology {margin-top: 10px;}

#navigace {margin-bottom: 20px; font-size: 90%;}
#technology {}

.photo-item {float: left; border: 1px solid #D8D7CE; margin: 0 8px 5px 0;}
.photo-item img {margin: 5px 5px; float: left;}

#map {float: right;}

.wow {background: #F0EFE5; padding: 20px 20px;}

a.sub-0 { padding-left:50px !important; background-position: 23px 8px; }
a.sub-1 { padding-left:80px !important; background-position: 23px 8px; }
ul.mapa li.level-1 { margin-left: 30px; }
ul.mapa li.level-2 { margin-left: 60px; }

table.data {border: 0;}
table.data th {padding: 2px 2px; background: #C0C0C0;}
table.data td {padding: 2px 2px; background: #E0DFD5;}
table.tdnowrap td {white-space: nowrap;}