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

a {color: #FF7800;}
.a1 {color: #49ABCE;}
p {margin: 1em 0;}
img {border: 0;}
.bold {font-weight: bold;}
.align-right {text-align: right;}

h1 {font-size: 1.6em; margin: 1em 0;}
h2 {font-size: 1.4em; margin: 1em 0;}

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

#main {background: url(design/back-page.gif) repeat-x #ECF9FF; padding-bottom: 30px;}
#page {width: 950px; margin: auto; padding-top: 5px;}
#header {width: 950px; height: 400px; background: url(design/back-header.jpg) no-repeat;}

#logo {width: 361px; height: 25px; background: url(design/logo.gif) no-repeat; margin: 40px 0px 5px 43px; float: left;}
#logo a {width: 361px; height: 25px; display: block; border-bottom: none;}
#logo span {display: none;}

#otta-www {width: 200px; height: 12px; background: url(design/otta-www.gif) no-repeat; margin: 48px 0px 0 311px; float: left;}
#otta-www a {width: 200px; height: 12px; display: block; border-bottom: none;}
#otta-www span {display: none;}

#menu ul {margin: 53px 0 0 85px; padding: 0;}
#menu li {float: left; list-style-type: none;}
#menu a {display: block; border-bottom: none;}
#menu a span {display: none;}

#menu a.m1 {width: 63px; height: 21px; background: url(design/klimatizace-do-bytu.gif) no-repeat; margin-right: 67px;}
#menu a.m2 {width: 70px; height: 21px; background: url(design/klimatizace-do-firmy.gif) no-repeat; margin-right: 67px;}
#menu a.m3 {width: 162px; height: 21px; background: url(design/klimatizace-do-domu.gif) no-repeat;}
#menu a:hover {background-position: 0 -21px;}

#o-firme {margin: 60px 0 0 42px; color: #176C94;}
#o-firme h2 {color: #0D1011; font-size: 1.3em; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0;}
#o-firme ul {margin: 10px 0 0 0; padding-left: 15px;}
#o-firme li {background: url(design/dot1.gif) 0 5px no-repeat; padding-left: 15px; list-style-type: none; line-height: 1.6em;}

#zelena {position: relative; top: 46px; left: 288px;}
#zelena a {color: #FFF;}

#nejnizsi {height: 34px; position: relative; top: -2px; left: 627px; color: #176C94; line-height: 34px; background: url(design/dot2.gif) no-repeat; padding-left: 40px; float: left;}
#nejnizsi a {color: #176C94;}

h2.h2-akcni-nabidky {width: 145px; height: 22px; margin: 0 0 20px 0; background: url(design/h2-akcni-nabidky.gif) no-repeat;}
h2.h2-reference {width: 223px; height: 20px; margin: 0 0 20px 0; background: url(design/h2-reference.gif) no-repeat; float: left;}
h2.h2-infolinka {width: 194px; height: 66px; margin: 0 0 0 15px; background: url(design/h2-infolinka.gif) no-repeat;}
h2.h2-doprava {width: 118px; height: 16px; margin: 0px; background: url(design/h2-doprava.gif) no-repeat;}
h2.h2-zamereni {width: 222px; height: 15px; margin: 0px; background: url(design/h2-zamereni.gif) no-repeat;}
#tel {width: 255px; height: 20px; margin: 0 0 0 3px; background: url(design/tel.gif) no-repeat;}
h2.h2-akcni-nabidky span, h2.h2-reference span, h2.h2-infolinka span, #tel span, h2.h2-doprava span, h2.h2-zamereni span {display: none;}

#text {padding: 35px 35px 20px 35px; background: url(design/page-bottom.gif) no-repeat #FFF bottom left;}
#text-left {width: 585px; float: left; margin-right: 30px;}
#text-right {width: 260px; float: left;}

#news {background: url(design/line-news.gif) bottom center no-repeat; padding-bottom: 10px; margin-bottom: 20px;}
.news-item {margin-bottom: 20px;}
.news-img {width: 120px; float: left;}
.news-desc {width: 465px; float: left;}
.news-item p {margin: 0.5em 0;}

.reference-item {margin-bottom: 20px;}
.reference-img {float: left; border: 1px solid #C3EDFF; margin-right: 15px;}
.reference-img img {border: 3px solid #FFF; float: left;}
.reference-desc {width: 410px; float: left;}
.reference-item p {margin: 0.5em 0;}
.more-ref {padding: 4px 0 0 10px; float: left;}

#reference-list {margin-top: 30px;}
.reference-list-item {margin-bottom: 20px; width: 292px; float: left;}
.reference-list-img {float: left; border: 1px solid #C3EDFF; margin-right: 10px;}
.reference-list-img img {border: 3px solid #FFF; float: left;}
.reference-list-desc {width: 145px; float: left;}

.box {width: 260px; background: url(design/box-top.gif) #F1FBFF top left no-repeat; margin-bottom: 15px; padding-top: 13px;}
.box-in {padding: 0px 15px 13px 15px; background: url(design/box-bottom.gif) #F1FBFF bottom left no-repeat;}
.box p {margin: 0;}

#doprava {width: 260px; height: 155px; background: url(design/back-doprava.gif) top left no-repeat; margin-top: 30px;}
#doprava p {margin: 1em 0;}
#doprava-in {padding: 15px 15px;}

#zamereni {width: 260px; height: 155px; background: url(design/back-zamereni.gif) top left no-repeat; margin-top: 30px;}
#zamereni p {margin: 1em 0;}
#zamereni-in {padding: 15px 15px;}

#footer {width: 880px; margin: auto; color: #176C94; font-size: 90%;}
#footer-in {padding: 20px 0;}
#footer a {color: #176C94;}

#links ul {float: right; list-style-type: none; margin: 0; padding: 0;}
#links ul li {float: left; margin-left: 10px;}
.icon-print {background: url(design/icon-print.gif) 0 1px no-repeat; padding-left: 20px;}

#text ul.mapa li.level-1 { margin-left: 20px; }
#text ul.mapa li.level-2 { margin-left: 40px; }

ul#category {margin: 0 0 10px 0; padding: 0;}
ul#category li {list-style-type: none; float: left; background: url(design/icon-folder.gif) 0 3px no-repeat; margin-right: 14px; line-height: 1.5em;}
ul#category li a {padding-left: 24px; white-space: nowrap;}
ul#category li a.act {font-weight: bold;}

#photogallery .photo-item {width: 300px; float: left; margin: 30px 20px 0px 0;}
#photogallery .photo-item img {float: left; margin-right: 20px;}

#page-photogallery .photo-item {float: left; border: 1px solid #C3EDFF; margin: 0 8px 8px 0; padding-bottom: 3px;}
#page-photogallery .photo-item img {margin: 3px 3px 0 3px; float: left;}

#path { padding-bottom: 15px; border-bottom: 1px solid #DDD; margin-bottom: 15px; }
#map {float: right;}