body, table, form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #8C9EAC;}
body {text-align: center; background-color: #000;}
.body-editor {text-align: left;}
img {border: 0; margin: 0; padding: 0;}

h1 {padding: 5px 0 5px 0; margin: 5px 0 10px 0; font-size: 14px; font-weight: bold; width: 100%; color: #FEAC1A;}
h2 {margin: 5px 5px 10px 0px; font-size: 12px; font-weight: bold; color: #EEE;}
h3 {color: #EEEEEC; margin: 5px 5px 10px 0px; padding: 0 0 0 18px; font-size: 13px; font-weight: bold; background-image: url(/picture/mask/h3.gif); background-repeat: no-repeat; background-position: 0 1px;}
h4 {color: #EEEEEC; margin: 5px 5px 10px 0px; padding: 0 0 0 18px; font-size: 13px; font-weight: bold; background-image: url(/picture/mask/h4.gif); background-repeat: no-repeat; background-position: 0 0;}
h5 {color: #ffcc00; padding: 0; margin: 10px 0 10px 0; font-size: 11px; font-weight: bold;}
a {color: #93C7E5; text-decoration: none; font-weight: normal;}
a:hover {color: #FEAC1A; text-decoration: none; font-weight: normal;}

input {border: 1px solid #888;}
input.button {color: #FFF; background-color: #58A0D0; border: 1px solid #58A0D0; font-weight: bold;}

.hl-form-ok {color: #1D9F23; font-weight: bold;}
.hl-form-bad {color: #BF1717; font-weight: bold;}

.search-result {background-color: #1d4558; font-weight: bold;}

.clear {clear: both;}
.center {text-align: center; width: 530px; float: left; _width: 510px;}

.noscreen {display: none;}

#page {text-align: left; width: 777px; margin: auto;}

#body {width: 100%; float: left; background-color: #051B29; padding: 33px 0 5px 0;}
	#body .top {float: left; width: 767px; height: 94px; margin: 0 5px 0 5px; background-image: url(/picture/mask/top.jpg); background-repeat: repeat-x; background-position: 0 0;}
		#body .top .flagsico {float: left; padding: 10px 0 0 440px;}
			#body .top .flagsico .flags {float: left; width: 100px; height: 11px;}
			#body .top .flagsico .ico {float: left; width: 215px; height: 15px; color: #000; text-align: right;}
				#body .top .flagsico .ico a {color: #000; text-decoration: none; font-size: 10px;}
				#body .top .flagsico .ico a:hover {color: #666; text-decoration: none;}
		#body .top .left {float: left; width: 500px;}
			#body .top .left .logo {float: left; padding: 10px 0 0 25px;}
		#body .top .right {float: left; width: 267px; margin-top: 10px; position: relative;}
				#body .top .right .flags a {margin-right: 5px;}
				#body .top .right .search {float: left; width: 100%; height: 25px; color: #000; margin: 12px 0 0 0; background-image: url(/picture/mask/search-zoom.gif); background-repeat: no-repeat; background-position: 72px 0;}
				#body .top .right .search input {border: 1px solid #eee;}
				#body .top .right .search input.search-box {float: left; margin-left: 97px; width: 115px;}
				#body .top .right .search input.search-submit {float: left; margin: 1px 0 0 5px;}
	#body .banner {float: left; width: 767px; height: 181px; margin: 0 5px 0 5px;}
	#body .menu {float: left; width: 767px; height: 60px; margin: 0 5px 0 5px; background-image: url(/picture/mask/menu_back.jpg); background-repeat: no-repeat; background-position: 0 0;}
	#body .main {float: left; width: 767px; margin: 0 5px 8px 5px;}
		#body .main .home .left {float: left; width: 530px;}
			#body .main .home .left .welcome {float: left; width: 530px; height: 140px; background-color: #0C2532; margin-bottom: 8px;}
				#body .main .home .left .welcome .welcome-main {float: left; padding: 5px 10px 5px 10px;}
					#body .main .home .left .welcome .welcome-main .img {float: left; width: 169px;}
					#body .main .home .left .welcome .welcome-main .text {float: left; margin-left: 15px; width: 325px;}
					#body .main .home .left .welcome .welcome-main .more {float: left; width: 340px; text-align: right; margin-top: 10px;}
			#body .main .home .left .speed-nav {float: left; width: 530px; height: 300px; background-color: #0C2532; margin-bottom: 8px;}
				#body .main .home .left .speed-nav .speed-nav-main {float: left; padding: 5px 10px 5px 10px;}
			#body .main .home .left .export {float: left; width: 530px; height: 170px; background-color: #0C2532;}
				#body .main .home .left .export .export-main {float: left; padding: 5px 10px 5px 10px;}
					#body .main .home .left .export .export-main .img {float: left; width: 223px;}
					#body .main .home .left .export .export-main .text {float: left; margin-left: 10px; width: 275px;}
					#body .main .home .left .export .export-main .more {float: left; width: 285px; text-align: right; margin-top: 10px;}
		#body .main .home .right {float: left; width: 230px; margin-left: 7px;}
			#body .main .home .right .download {float: left; width: 230px; height: 77px; background-color: #0C2532;}
		#body .main .wire {float: left; width: 100%;}
			#body .main .wire .left {float: left; width: 230px;}
				#body .main .wire .left .menu-left {float: left; width: 230px; margin: 0 0 6px 0; padding: 5px 0 10px 0; background-color: #0C2532;}
				#body .main .wire .right {float: left; width: 531px; margin-left: 6px; background-color: #0C2532; color: #d4d4de;}
				#body .main .wire .right .clickmap {color: #e3e4e6;}
					#body .main .wire .right .clickmap a {color: #babcc1; text-decoration: none;}
					#body .main .wire .right .clickmap a:hover {color: #FEAC1A; text-decoration: none;}
				#body .main .wire .right .text {float: left; padding: 10px;}

	#body .footer {width: 767px; float: left; text-align: center; background-color: #193D4f; height: 60px; margin: 0 5px 0 5px; color: #8C9EA7;}
		#body .footer .left {float: left; width: 260px; text-align: left; padding: 18px 0 0 5px;}
		#body .footer .right {float: right; width: 495px; _width: 505px; text-align: right; padding: 25px 5px 0 0;}
		#body .footer .cms {float: left; font-size: 9px;}
		#body .footer .cms a {color: #607986; text-decoration: none;}
		#body .footer .cms a:hover {color: #8297a2; text-decoration: none;}
		#body .footer .ps {float: left; margin-left: 6px; margin-top: -3px;}

/*menu bottom*/
#body .footer .right a {margin: 0 5px 0 5px; color: #D1D8DC; font-weight: normal; text-transform: uppercase; text-decoration: none; font-size: 10px;}
#body .footer .right a.normal:hover, #body .footer .right a.active:hover {color: #FEAC1A; text-decoration: none;}
#body .footer .right a.normal {color: #D1D8DC;}
#body .footer .right a.active {color: #93C7E5;}
#body .footer .right .locked-item {color: #666;}
/*menu bottom end*/

/*gallery*/
#gallery, #gallery form, #gallery table {color: #624831;}
#gallery .preview {background-color: #ab9775; border-top: 10px solid #624831;}
table.gallery td.foto {text-align: center; vertical-align: top; font-style: italic;}
/*gallery end*/

/*novinky small*/
.news {float: left; width: 230px; background-color: #0C2532; margin-bottom: 8px;}
.news a {text-decoration: none;}
.news a:hover {text-decoration: underline;}
.news .news-small {float: left; width: 214px; padding: 2px 8px 5px 8px;}
/*.news .news-small .item .news-date-first{float: left; width: 100%; color: #58A0D0; margin-bottom: 9px;}*/
/*.news .news-small .item .news-date-other {float: left; width: 100%; color: #8C9EAC; margin-bottom: 9px;}*/
.news .news-small .item .news-title-first, .news .news-small .item .news-title-other {float: left; width: 100%; margin-bottom: 11px;}
.news .news-small .item .news-title-first a {color: #EB9100; font-weight: bold; font-size: 12px;}
.news .news-small .item .news-title-other a {color: #8C9EAC; font-weight: bold; font-size: 12px;}
.news .news-small .item .news-description {float: left; width: 100%; margin-bottom: 5px;}
.news .news-small .item .news-more {float: left; width: 210px; text-align: right;}
.news .news-small .news-archiv {float: left; width: 100%; padding: 0; margin: 0;}
.news .news-small .news-archiv a {font-weight: bold; color: #D4D4DE;}
/*novinky small end*/

/*menu left*/
.menu-left .normal, .menu-left .active, .menu-left .locked {padding: 8px 0 8px 0; margin: 0 8px 0 8px; _margin: 0 4px 0 4px; border-bottom: 1px solid #3c505a; float: left;}
.menu-left .normal a, .menu-left .active a, .menu-left .locked {width: 214px; float: left; text-decoration: none; background-position: 0 4px; background-repeat: no-repeat; font-weight: normal;}
.menu-left .normal a span, .menu-left .active a span, .menu-left .locked span {padding: 0 0 0 8px}
.menu-left .normal a {color: #d4d4de; background-image: url(./picture/mask/menu-left-arr.gif);}
.menu-left .normal a:hover {color: #FEAC1A;}
.menu-left .active a {color: #93C7E5; background-image: url(./picture/mask/menu-left-arr.gif);}
.menu-left .active a:hover {color: #FEAC1A;}
.menu-left .locked {color: #AAAAAA;}
/*menu left end*/

/*news*/
.news-main, .news-main .item {width: 100%;}
.news-main .item {margin-bottom: 15px;}
.news-main .item .image {width: 90px; float: left; text-align: center;}
.news-main .item .news-more {float: left; width: 100%; text-align: right; padding: 10px 0 10px 0;}
.news-home .title a, .right .main .title a, .news-main .title a, .cat-text a {font-weight: bold;}
/*news end*/

/*webmap*/
.webmap div {margin-bottom: 3px;}
.webmap a { background-image: url(./picture/mask/menu-left-arr.gif); background-position: 0 4px; background-repeat: no-repeat; padding-left: 8px;}
/*webmap end*/

.uppercase {text-transform: uppercase;}

/*products*/
.product {float: left; background-color: #153241; padding: 12px; width: 486px; _width: 510px;}
.product-img {float: left; width: 297px;}
.product-table {float: left; margin-left: 10px; width: 179px;}
.product-table table {width: 100%;}
.product-table table td {padding-left: 10px;}
.product-podb {background-color: #3b4b5b;}
.product-desc {float: left; width: 100%; margin-top: 20px;}
/*products end*/

/*product catalogue*/
.product-cat {float: left; background-color: #153241; width: 165px; height: 140px; margin: 2px;  text-align: center; padding: 10px 0 15px 0;}
.product-cat-href {height: 45px; margin: 0 5px 0 5px;}
.product-cat-href a {font-weight: bold; color: #d4d4de; background-image: url(./picture/mask/product-cat-arr.gif); background-position: 0 1px; background-repeat: no-repeat; padding-left: 9px;}
.product-cat-href a:hover {font-weight: bold; color: #FEAC1A; text-decoration: none;}
.product-cat-img {float: left; width: 80px;}
/*product catalogue end*/

/*contact*/
.contact-left {float: left; background-color: #1b3a4a; width: 201px; margin: 10px 0 0 14px; _margin:  10px 0 0 7px; padding-bottom: 10px;}
.contact-left img {margin-bottom: 10px;}
.contact-more {float: left; width: 100%; text-align: right;}
.contact-more a {margin: 20px 10px 10px 10px; color: #ced0d6; text-decoration: underline;}
.contact-more a:hover {color: #ced0d6; text-decoration: none;}
.contact table {color: #d4d4de;}
.contact table tr td{width: 50%; vertical-align: top;}
.contact-img {float: right;}
/*contact end*/

.cat-prod-zdanice {float: left; padding-left: 90px; width: 430px;}

.prod-all {float: left;}

.print-ico {clear: both; margin-top: 40px;}
.print-ico a {cursor: pointer;}

.hsor1, .hsor2, .hsor3, .hsor4, .hsor5, .hsor6 {float: left; width: 163px; height: 121px; margin: 0 2px 10px 3px;}
.hsor1 {background: url(/picture/mask/hsor_1.jpg);}
.hsor2 {background: url(/picture/mask/hsor_2.jpg);}
.hsor3 {background: url(/picture/mask/hsor_3.jpg);}
.hsor4 {background: url(/picture/mask/hsor_4.jpg);}
.hsor5 {background: url(/picture/mask/hsor_5.jpg);}
.hsor6 {background: url(/picture/mask/hsor_6.jpg);}

.hsor {float: left; margin-top: 75px; text-align: center; padding: 5px; width: 153px; text-align: center;}
.hsor a {color: #000; font-weight: bold; text-decoration: none; background: url(/picture/mask/arr-hsor.gif) no-repeat 0 1px; padding-left: 9px;}
.hsor a:hover {color: #444; font-weight: bold; text-decoration: none;}