body, table, form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #7A7A7A;}
body { background-image: url(/picture/mask/back_body.jpg); background-position: 0px 0px; background-repeat: repeat-x;}
.body-editor {background: 0;}
img {border: 0;}
img.border {border: 1px solid #ACAEAC; padding: 5px;}

h1 {padding: 5px 0 5px 15px; color: #4F4F4F; margin: 0 0 17px 0; border-bottom: 2px solid #EBEBEB; font-size: 13px; font-weight: bold; height: 17px; width: 575px; background-image: url(./picture/mask/arr_plus.gif); background-position: 0 8px; background-repeat: no-repeat;}
h2 {padding: 5px; margin: 10px 0 15px 0; font-size: 11px; background-color: #f4f4f4; border: 1px solid #DEDEDE;}
h3 {margin: 0; padding: 6px 0 6px 9px; height: 13px; font-size: 11px; font-weight: bold;}
h4 {padding: 0 0 5px 0; margin: 0 0 0 0; font-size: 12px;}
h5 {padding: 0 3px 3px 10px; margin: 0; font-size: 12px; font-weight: bold;}

hr {border: 1px solid #ebebeb; float: left; width: 100%;}

a {color: #CF4040; text-decoration: none; font-weight: normal;}
a:hover {color: #BF0000; text-decoration: underline;}

a.sipka, .webmap a, .cat-all .cat-text a {color: #CF4040; text-decoration: none; font-weight: normal; padding-left: 8px; background-image: url(/picture/mask/arr_gray.gif); background-position: 0px 3px; background-repeat: no-repeat;}
a.sipka:hover, .webmap a:hover, .cat-all .cat-text a:hover {color: #BF0000; text-decoration: underline;}

a.plus {padding-left: 15px; font-weight: normal; color: #8a8a8a; background-image: url(./picture/mask/arr_plus.gif); background-position: 0 2px; background-repeat: no-repeat;}
a.plus:hover {color: #BF0000; text-decoration: none;}

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

input, textarea {border: 1px solid #C4C3C1;}

.help {border-bottom: 1px dashed #CDCDCD; cursor: help;}
.half {width: 50%; float: left}

.clear {clear: both;}
.more {width: 100%; float: left; text-align: right;}

#page {text-align: left; width: 780px;}
#top, #top-banner, #body, #footer {border-right: 1px solid #E6E6E6;}
#header {height: 24px; width: 780px; float: left; text-align: right;}
	#header a {color: #FFFFFF; font-weight: bold; font-size: 10px;}
#top {height: 60px; width: 780px; float: left; background-color: #FFFFFF;}
	#top .logo {float: left; height: 60px; width: 85px;}
	#top .menu {float: left; height: 60px; width: 693px; padding-top: 10px; font-size: 9px; color: #ABABAB;}
 #top .menu .main {width: 137px; height: 40px; border-left: 1px solid #DBDBDB; float: left;}
#top-banner {height: 184px; width: 100%; float: left; background-position: 0px 0px; background-repeat: no-repeat;}
	#top-banner .left {color: #DFDFDF; position: absolute; margin: 132px 0 0 123px; width: 200px; height: 40px;}
	#top-banner .left a {color: #DDDDDD;}
	#top-banner .left a:hover {color: #ADADAD; text-decoration: none;}
	#top-banner .right {color: #000000; position: absolute; margin: 10px 0 0 570px; width: 180px; height: 140px;}
#body {width: 100%; float: left; padding: 7px 0 15px 0; background-color: #FFFFFF; background-image: url(./picture/mask/body_back.jpg); background-position: 0px 0px; background-repeat: repeat-x;}
	#body #clickmap {float: left; width: 100%; height: 25px; background-image: url(./picture/mask/clickmap_back.jpg); background-position: left bottom; background-repeat: repeat-x;}
		#body #clickmap div {float: left; margin: 0 7px 7px 7px;}
		#body #clickmap div a {color: #555555; text-decoration: none;}
		#body #clickmap div a:hover {color: #7A7A7A; text-decoration: none;}
	#body .menu {float: left; width: 180px; margin-top: 5px;}
		#body .menu .items, #body .menu .items-back {width: 175px; float: left;  margin-top: 10px;}
		#body .menu .items-back {background-color: #EEEEEE;  margin-top: 20px;}
		#body .menu .items-back form {padding: 0 10px 10px 10px;}
		#body .menu .items .main, #body .menu .items-back .main {width: 175px;}
		#body .menu .items h4, #body .menu .items-back h4 {padding: 10px;}
		#body .menu .items .title {padding: 10px 10px 5px 10px; float: left;}
		#body .menu .items .description {padding: 0 10px 10px 10px; float: left;}
		#body .menu .items .odr {float: left; height: 1px; font-size: 1px; width: 175px; border-bottom: 1px solid #EEEEEE;}
	#body .main {float: left; width: 590px;}
		#body .main .text {margin-left: 5px; width: 580px; padding-bottom: 20px; text-align: justify;}
#footer {margin: 0 0 10px 0; width: 100%; float: left; height: 45px; background-color: #ececec;}
	#footer .left {width: 200px; float: left;}
	#footer .left div {margin: 10px 0 0 10px;}
	#footer .right {width: 560px; float: left; text-align: right; color: #BBBBBB;}
	#footer .right div {margin-top: 15px}
#valid {width: 780px; float: left; margin-bottom: 10px; text-align: right; color: #BBBBBB;}
	#valid a {text-decoration: none; color: #BBBBBB;}
	#valid a:hover {text-decoration: underline;}

/*menu top*/
.top-normal, .top-active, .top-locked {float: left; padding: 0 1px 0 5px;}
.top-normal a, #menu-top .buttons a, .top-active a, .top-locked {padding-left: 7px; font-size: 11px; color: #6B737E; text-decoration: none; font-weight: bold; background-position: 0 4px; background-repeat: no-repeat;}
.top-normal a {background-image: url(./picture/mask/arr_red.gif);}
.top-normal a:hover {color: #BF0000; background-image: url(./picture/mask/arr_gray.gif);}
.top-active a {color: #CF4040; background-image: url(./picture/mask/arr_gray.gif);}
.top-active a:hover {color: #BF0000;}
.top-locked {color: #CCCCCC;}
.top-normal a:hover, .top-active a:hover, #menu-top .buttons a:hover {text-decoration: none;}
/*menu top end*/

/*menu left*/
.left-normal, .left-active, .left-locked {padding: 1px 0 1px 0; border-bottom: 1px solid #EBEBEB; float: left;}
.left-normal a, .left-active a, .left-locked {border-left: 4px solid #FFFFFF; width: 172px; padding: 7px 0 7px 0; float: left; text-decoration: none; background-position: 5px 11px; background-repeat: no-repeat; font-weight: normal;}
.left-normal a span, .left-active a span, .left-locked span {padding: 0 0 0 13px}
.left-normal a {color: #7A7A7A; background-image: url(./picture/mask/arr_red.gif); }
.left-normal a:hover {color: #FFFFFF; border-left: 4px solid #CF4040; background-image: url(./picture/mask/arr_white.gif); background-color: #858585; text-decoration: none;}
.left-active a {color: #FFFFFF; border-left: 4px solid #CF4040; background-image: url(./picture/mask/arr_white.gif); background-color: #ACACAC;}
.left-active a:hover {color: #FFFFFF; background-image: url(./picture/mask/arr_white.gif); text-decoration: none;}
.left-locked {color: #AAAAAA; background-image: url(./picture/mask/arr_red.gif);}
/*menu left end*/

/*menu bottom*/
#footer .right a {margin: 0 5px 0 5px; color: #999999; font-weight: normal;}
#footer .right a.normal {color: #666666;}
#footer .right a.active {color: #CF4040;}
/*menu bottom end*/

/*news*/
.news-main .item {width: 100%; float: left; margin-bottom: 10px;}
.news-main .item .image {float: left; width: 90px; text-align: center;}
/*news end*/

/*prave spusteno & reference*/
.reference-small {width: 48%; float: left; margin: 10px 0 0 0; float:left;}
.reference {width: 100%; float: left; margin: 10px 0 10px 0;}
.reference-small .image, .reference .image, .img-odsaz {padding: 4px 5px 5px 6px; margin: 0 5px 0 0; text-align: center; float: left; background-image: url(./picture/mask/background-120.jpg); background-position: center top; background-repeat: no-repeat;}
.reference-small .image {width: 100%;}
.reference .image {width: 120px;}
.reference-small .title {width: 100%; padding: 10px 0 10px 0; float: left;}
.reference .title {width: 440px; padding: 3px 0 10px 0; float: left;}
.reference-small .title a, .reference .title a.sipka, .news-main .title a {font-weight: bold;}
/*prave spusteno & reference end*/

/*search*/
.search-result {background-color: #DFDFDF; font-weight: bold;}
/*search end*/

/*cenik*/
table.cenik {width: 100%; float: left;}
table.cenik td.title {}
table.cenik td.price {width: 120px; text-align: right;}
/*cenik end*/

/*home*/
.home-left {width: 205px; float: left; margin-top: 10px;}
	.home-left .item {margin: 10px 0 10px 0;}
.home-right {width: 375px; float: left; margin: 10px 0 10px 10px;}
.home-bottom {width: 100%; margin-top: 10px; float: left; background-image: url(./picture/mask/back-home-bottom.gif); background-position: 0px 0px; background-repeat: repeat-y;}
	.home-bottom h4 {padding-bottom: 15px;}
	.home-bottom .left {float: left; width: 390px;}
		.home-bottom .left .item {width: 100%; float: left; margin: 0 0 10px 0;}
			.home-bottom .left .item .title a {font-weight: bold;}
			.home-bottom .left .item .image {width: 90px; float: left;}
	.home-bottom .right {float: left; margin-left: 20px; width: 180px;}
		.home-bottom .right div {float: left; margin-bottom: 15px;}
/*home end*/

/*webmap*/
.webmap div {margin-bottom: 3px;}
/*webmap end*/

/*zamestnani*/
.zamestnani {width: 100%; float: left;}
.zamestnani .title {width: 440px; padding: 3px 0 10px 0; float: left;}
/*zamestnani end*/

/*kategorie*/
.cat-all {margin-bottom: 10px; float: left; width: 100%;}
.cat-img {width: 90px; float: left; text-align: center;}
/*kategorie end*/

/*gallery*/
.gallery {margin: 10px 0 10px 0; width: 100%; float: left;}
.gallery .photo {width: 145px; float: left; text-align: center; height: 180px;}
.gallery .photo img {border: 1px solid #ACAEAC;}
.gallery .photo .description {width: 125px; float: left; margin: 5px 10px 0 5px; text-align: right; font-size: 10px;}
.gallery-group .photo-group {width: 150px; float: left; height: 190px; border: 1px solid #DEDEDE; margin: 0 10px 10px 10px; padding: 10px;}
.gallery-group .photo-group .title a {width: 100%; float: left; font-weight: bold; margin-bottom: 5px; font-size: 13px;}
.gallery-group .photo-group .description{width: 100%; float: left; margin-bottom: 10px;}
.gallery-group .photo-group .img{width: 100%; float: left; text-align: center;}
.gallery-group .photo-group .img img {border: 1px solid #ACAEAC;}
.gallery-group .photo-group .count{width: 100%; float: left; margin-top: 5px;}
/*gallery end*/
.sub, .search-sub {color: #FFFFFF; background-color: #BF0000; font-weight: bold; font-size: 11px; padding: 0 30px 0 30px; border-color: #CF4040;}
.search-sub {padding: 0 5px 0 5px;}

/*vyhledavani*/
.search-box {width: 120px;  font-size: 11px;}
/*vyhledavani end*/

.bor {border: 1px solid #CCC;}