body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
    line-height: 1.5em;
	background-image: url(design/back-page.gif);
	background-repeat: repeat-x;
	background-color: #FEFEF2;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

a {color: #EA3200;}
img {border: 0;}
p {margin: 1em 0;}
.mr10 {margin-right: 10px;}
h1 {font-size: 1.6em; margin: 0.6em 0;}
h2 {font-size: 1.4em; color: #FF3600; margin: 1em 0;}
.float-left {float: left;}
.float-right {float: right;}

#plech1 {width: 100%; height: 33px; background: url(design/plech.png) top left repeat-x; z-index: 1000; position: absolute; top: 170px;}
#plech2 {width: 100%; height: 33px; background: url(design/plech.png) top left repeat-x; z-index: 1000; position: absolute; top: 475px;}

#mother {width: 1000px; margin: auto; background: url(design/back-header.jpg) top left no-repeat;}
#header {width: 1000px; margin: auto;}
#page {}

#top {height: 120px;}

#logo-company {width: 247px; height: 78px; background: url(design/logo-kressida.gif) no-repeat; margin: 24px 0 0 0; float: left;}
#logo-company a {width: 247px; height: 78px; display: block;}
#logo-company span {display: none;}

#mapka {width: 133px; height: 78px; background: url(design/mapka.gif) top left no-repeat; float: left; margin: 21px 0 0 20px;}
#sanace-zdiva {width: 352px; height: 52px; background: url(design/sanace-zdiva.gif) top left no-repeat; float: left; margin: 36px 0 0 21px;}
#sanace-zdiva span {display: none;}
#volejte {width: 209px; height: 53px; background: url(design/volejte.gif) top left no-repeat; float: left; margin: 16px 0 0 18px;}
#volejte span {display: none;}

#language {float: right; height: 22px;}
#language ul {float: left; list-style-type: none; padding: 0; margin: 0; font-size: 11px;}
#language ul li {float: left; padding: 11px 8px 0 8px;}
#language ul li.active {background: url(design/dart1.png) center 2px no-repeat;}

#topmenu {width: 1000px; margin: auto;}
#topmenu ul {width: 1000px; height: 66px; background: url(design/back-topmenu.gif) top left repeat-x; list-style-type: none; margin: 0; padding: 0;}
#topmenu li {float: left; _height: 63px; line-height: 63px; background: url(design/topmenu-break.gif) top right no-repeat; padding: 0 2px 0 0;}
#topmenu li.last {background: none;}
#topmenu a {color: #FFF; font-weight: bold; text-decoration: none; display: block; padding: 0 10px;}
#topmenu a:hover, #topmenu a.active {background: url(design/topmenu-active.gif) top left repeat-x;}

#theme {height: 305px; background: url(design/cihly.jpg) top center repeat-x;}
#theme-in {width: 1000px; margin: auto;position:relative;}

#photos {position: absolute; top: 0; left: 0; width: 500px; height: 305px;}
#photos img{position:absolute; width: 245px; height: 245px;}
#photos img.image-1{top: 28px; left: 25px;z-index: 1;}
#photos img.image-2{top: 37px; left: 264px;z-index: 2;}
#photos img.image-1{top: 4px; left: 14px;z-index: 2;}
#photos img.image-2{top: 25px; left: 260px;z-index: 1;}
#photos-mask{position:absolute; top:0; left: 0; width: 500px; height: 300px; background: url(design/photos-mask2.png);z-index: 3;}

#about {width: 460px; height: 305px; background: #FFFEF3; right: 40px; z-index: 4;position: absolute; }
#about-in {padding: 60px 35px 0 35px;}
#about-in h1 {text-transform: uppercase; color: #000; font-size: 26px; margin: 0;}
#about-in h2 {margin: 0; padding: 0; font-size: 16px;}

a#button1 {display: block; width: 203px; height: 37px; line-height: 31px; background: url(design/button1.png) 0 -37px no-repeat; color: #FFF; text-decoration: none; float: left; margin-right: 10px;}
a#button1:hover {display: block; width: 203px; height: 37px; background: url(design/button1.png) 0 0 no-repeat;}
a#button1 span {margin-left: 20px;}

a#button2 {display: block; width: 159px; height: 37px; line-height: 31px; background: url(design/button2.png) 0 -37px no-repeat; color: #FFF; text-decoration: none; float: left;}
a#button2:hover {display: block; width: 159px; height: 37px; background: url(design/button2.png) 0 0 no-repeat;}
a#button2 span {margin-left: 20px;}

#main-sets {background: #F8F6DD url(design/back-main-set.gif) bottom left repeat-x;}
#sets {width: 1000px; margin: auto; padding: 35px 0;}
#sets h3 {color: #EA3200; margin: 0 0 18px 0; font-size: 18px;}
.set {width: 200px; float: left; text-align: center;}
.image {background: #FFF; border: 1px solid #B8B8B8; width: 186px; margin-bottom: 15px; float: left;}
.image img {margin: 4px 4px; float: left;}

#navi {width: 1000px; margin: auto; padding: 25px 0 20px 0;}

#index {width: 1000px; margin: auto;}
#index-left {width: 500px; float: left;}
#index-left ul {margin: 0 0 20px 0; padding: 0; list-style-type: none; line-height: 26px;}
#index-left ul li {padding-left: 15px; background: url(design/dart2.gif) center left no-repeat;}

#index-right {width: 360px; float: right;}
#index-left h3  {color: #EA3200; margin: 20px 0 16px 0; font-size: 18px;}
#index-right h3  {color: #EA3200; margin: 20px 0 0px 0; font-size: 18px; border-bottom: 1px solid #E4E4DE; padding-bottom: 10px;}

.cihla {background: url(design/cihla.jpg) center 20px no-repeat;}

#news {margin: 0 0 20px 0;}
.news-item {height: 35px; line-height: 35px; border-bottom: 1px solid #E4E4DE; padding-left: 8px; background: url(design/dart3.gif) center right no-repeat;}
.news-desc {padding-top: 2px;}
.news-img {float: left; margin-right: 12px;}
.news-date {background: #88BB56; color: #FFF; padding: 3px 6px;}
.news-item p {margin: 3px 0;}
.news-item a {color: #178CC5; margin-top: 3px;}

#news-page {margin: 15px 0 0 5px; width: 240px;}
.news-page-item {padding: 10px 8px; background: url(design/dart3.gif) right 17px no-repeat; border-top: 1px solid #E4E4DE;}
.news-page-title {margin-bottom: 4px;}
.news-page-title a {text-decoration: none; color: #4D4D4D; font-weight: bold;}
.news-page-title a:hover {color: #EA3200;}
.news-page-date {color: #808080; font-size: 11px;}
.h3-text-left {color: #EA3200; font-weight: bold; font-size: 18px; margin-left: 12px; margin-bottom: 0px;}
.ma {margin-left: 8px;}

.tel {padding-left: 30px; background: url(design/tel.gif) top left no-repeat;}

#ref {margin-top: 30px;}
#ref h3 {color: #EA3200; margin: 20px 0 16px 0; font-size: 18px;}

#main-footer1 {background: #1F1F1F; margin-top: 40px;}
#footer1 {width: 1000px; margin: auto; color: #FFF; padding: 20px 0;}
#footer1-left {width: 400px; border-right: 1px solid #3E3E3E;}
#footer1-right {width: 550px; float: right;}
.link-item {width: 200px; float: left;}
.link-item a {color: #FFF; text-decoration: none; line-height: 24px;}
.link-item a:hover {text-decoration: underline;}
#footer1-left h4, #footer1-right  h4 {color: #EBE59E; font-size: 16px; margin: 0 0 10px 0; padding: 0;}

#main-footer2 {background: #000;}
#footer2 {width: 1000px; margin: auto; height: 50px; line-height: 50px; color: #FFF;}
#footer2 a {color: #FFF;}

#text {width: 1000px; margin: auto; padding-top: 20px;}
#text-left {width: 250px; float: left; margin-right: 30px;}
#text-right {width: 690px; float: left;}

#submenu {width: 250px; background: #1E1E1E url(design/submenu-bottom.jpg) bottom left no-repeat; padding-bottom: 30px;}
#submenu ul {margin: 0; padding: 30px 0 20px 0; list-style-type: none; background: url(design/submenu-top.jpg) top left no-repeat;}
#submenu li {height: 50px; border-bottom: 1px solid #4B4B4B;}
#submenu li a {background: url(design/dart2.gif) 10px 23px no-repeat; color: #FFF; text-decoration: none; display: block; height: 50px; line-height: 50px; padding-left: 25px; text-transform: uppercase; font-size: 12px;}
#submenu li a:hover, #submenu ul li.sub1 a:hover, #submenu ul li.sub2 a:hover {background-color: #1F1F1F; color: #FFF;}
#submenu li.sub-1 a {background: url(design/dart2.gif) 10px 23px no-repeat; padding-left: 23px}
#submenu li.sub-2 a {background: url(design/dart2.gif) 30px 23px no-repeat; padding-left: 43px}
#submenu li.active a{font-weight: bold;}

table.data {width: 100%; background: #E1E1E1; border-collapse: separate; border-spacing: 1px 1px; font-size:11px;}
table.data th {color: #FFF; padding: 3px 3px; white-space: nowrap; text-align:left; background: url(design/back-th.gif) top left repeat-x;}
table.data td {padding: 3px 3px; background: #FFF}
table.data tr.tr1 td {background: #FFF;}
table.data tr.tr2 td {background: #EEF4F9;}

#photogallery {margin-top: 20px;}
#photogallery .photo-item {width: 141px; float: left; margin: 0 10px 10px 0; border: 1px solid #B8B8B8; background: #FFF;}
#photogallery .photo-item-side {width: 141x; float: left; margin: 0 0px 10px 0; background: url(design/back-image.gif) top left no-repeat;}
#photogallery img {margin: 5px 5px; float: left;}

p.important {background: #F8F6DD; border: 1px solid #E7E6DC; padding: 15px 20px;}

.izol-box {width: 295px; float: left; margin-right: 40px;}
.izol-box .photo-item {float: left; border: 1px solid #B8B8B8; background: #FFF; margin-bottom: 8px;}
.izol-box .photo-item img {margin: 5px 5px; float: left;}