*	{
	margin: 0;
	padding: 0;
	}
body	{
	background: #96a7b9 url(bg.gif) top left repeat-x;
	color: #000;
	font-size: 80%;
	font-family: Trebuchet, 'Trebuchet MS', Verdana, 'Geneva CE', 'Helvetica CE', Helvetica, lucida, sans-serif; 
	line-height: 160%;
	text-align: center;
	margin: 0 auto;
      	}
#page, #page2, #page3, #page4	{
	text-align: center;
	margin: 0 auto;
	background: url(page.gif) center top no-repeat;
	}
img	{
	border: none;
      	}
ul	{
	list-style: none;
      	}

h2 a   	 {
	color: #9b0103;
      	}
#text a	{
	color: #bd0802;
	background: #f9efc4;
      	}
#text p.top a, #text ul.sitemap a, #text p.scheme a	{
	background: none;
      	}
#text a:hover, #text p.top a:hover, h2 a:hover, #text ul.sitemap a:hover	{
	color: #f9efc4;
	background: #bd0802;
      	}
#left ul a	{
	color: #fffdf4;
	text-decoration: none;
      	}
#right .banner a	{
	text-decoration: none;
	color: #333;
      	}
#left ul a:hover, #left address a, #left #copy a:hover	 {
	color: #f2e3a8;
      	}
#footer a, p.up a, p.up2 a	{
	color: #656c71;
      	}
#footer a:hover, p.up a:hover, p.up2 a:hover  {
	text-decoration: none;
      	}
#left #copy a, #left address a:hover, #footer a:hover, p.up a:hover, p.up2 a:hover, #text p.scheme a:hover strong	{
	color: #222;
      	}
#header	{
	width: 960px;
	height: 227px;
	display: block;
	margin: 0 auto;
	background: url("header.jpg") right top no-repeat;
	text-align: left;
	}
#logo	{
	width: 230px;
	height: 227px;
	display: block;
	float: left;
	margin-right: 4px;
	text-align: right;
	}
#content	{
	width: 960px;
	margin: 0 auto 30px auto;
	display: block;
	clear: both;
	text-align: center;
	}
#logo p, #logo em, #left h2, a.banner, a.certifikaty, #right h3 {
	display: block;
     	position: relative;
	overflow: hidden;
	width: 230px;
	height: 110px;
	}

#middle h2 	{
	width: 502px !important;
	height: 30px;
	text-transform: uppercase;
	background: url(h2.gif) top left no-repeat;
	padding: 8px 20px 0 20px;
	color: #333;
		margin-left:-10px !important;
margin-top:-20px !important;
_margin-top:-12px !important;
	}
html>body #middle h2	{
	width: 502px;
	height: 22px;
      	}
		
		
#middle h1 	{
	width: 542px;
	height: 30px;
	text-transform: uppercase;
	background: url(h2.gif) top left no-repeat;
	padding: 8px 20px 0 20px;
	color: #333;
	font-size:16px;
	}
html>body #middle h1	{
	width: 502px;
	height: 22px;
      	}
		
		
		
h2, h3, h4	{
	font-size: 105%;
	display: block;
	clear: both;
	}
#left h2, #right h3  {
	height: 30px;
	text-transform: uppercase;
	}
#right h3  {
	height: 49px;
	width: 180px;
	}
#middle h3 {
	text-transform: uppercase;
	padding: 0 0 6px 20px;
	background: url(h3_red.gif) center left no-repeat;
	color: #bd0802;
	font-size: 100%;
	border-bottom:1px solid #BD0802;
	margin-bottom:15px;
	}
#middle h3.top {
	background: url(h3_red2.gif) center left no-repeat;
	}
a.banner, a.certifikaty  {
	width: 193px;
	height: 117px;
	margin: 6px 23px 0 14px;
     	cursor: pointer;
	}
a.certifikaty 	{
	height: 74px;
	margin-top: 6px;
	}
#logo p span, #logo em span, #left h2 span, a.banner span, a.certifikaty span, #right h3 span {
	width: 230px;
	height: 110px;
     	display: block;
     	position:absolute; left:0; top:0; z-index:1;
	background: url(logo.gif) top left no-repeat;
      	}
#logo p, #logo em, #logo p span, #logo em span, #left h2 span {
	height: 45px;
	}
#logo p {
	text-transform: uppercase;
	padding: 10px 20px 0 0;
	height: 45px;
	line-height: 140%;
	font-size: 95%;
	}
html>body #logo p	{
	width: 210px;
	height: 35px;
      	}
#logo em, #logo em span {
	height: 45px;
	}
#logo em	{
	padding-right: 20px;
	height: 50px;
	line-height: 140%;
	}
html>body #logo em	{
	width: 210px;
      	}
#logo p span {
	background: url(logo_p.gif) top left no-repeat;
      	}
#logo em span {
	background: url(logo_em.gif) top left no-repeat;
      	}
#left h2 span	{
	background: url(h3_menu.gif) top left no-repeat;
	}
#right h3 span	{
	width: 180px;
	height: 49px;
	background: transparent url(h3_right.gif) no-repeat scroll left top;
	}
a.banner span 	{
	width: 193px;
	height: 117px;
	background: url(banner.jpg) top left no-repeat;
	}
a.certifikaty span	{
	height: 74px;
	background: url(certifikaty.gif) top left no-repeat;
	}
.line 	{
padding-top:5px;
	width: 542x;
	display: block;
	clear: both;
color:#F9ECB9;
border-top:1px solid #8E9FAF;
*margin-bottom:10px;
      	}

.line a{
color:#F9ECB9;
}

form	{
	display: block;
	color: #333;
      	}
#header form	{
	width: 300px;
	height: 188px;
	float: right;
	margin: 12px 15px 0 0;
	overflow: hidden;
	font-size: 85%;
	color: #1d3a51;
      	}
#text form	{
	background: #f8edc0;
	border: 1px solid #ddce94;
	width: 502px;
	font-size: 90%;
	margin: 0 0 16px 0;
	padding-bottom: 10px;
	clear: both;
	min-height: 232px;
      	}
#header form fieldset	{
	border: none;
      	}
#text form fieldset	{
	border: 1px solid;
	border-color: #fff #ddce94 #ddce94 #fff;
	width: 360px;
	margin: 2px 5px;
	float: left;
	padding-bottom: 10px;
      	}
html>body #text form fieldset	{
	margin: 2px 10px;
      	}
form legend	{
	font-weight: bold;
	padding: 3px 0 2px 8px;
	font-size: 110%;
	text-transform: uppercase;
	color: #bd0802;
      	}
#header form legend	{
	padding: 0 0 4px 188px;
	color: #fef7db;
	font-style: italic;
      	}
html>body #header form legend	{
	padding-left: 178px;
      	}
form p	{
	margin: 4px 0 5px 0;
	width: 300px;
      	}
form p.end	{
	margin-top: 5px;
      	}
#text form p	{
	margin: 2px 0 5px 0;
	width: 360px;
      	}
#text form p.zajemce	{
	margin: 2px 0;
      	}
form label	{
	width: 96px;
	display: block;
	clear: both;
	float: left;
	text-align: right;
	text-transform: uppercase;
	padding-right: 6px;
      	}
#text form label	{
	width: 74px;
	padding-right: 8px;
      	}
#text form label.left	{
	clear: none;
	text-transform: none;
	float: left;
	text-align: right;
	width: 100px;
      	}
form input, form textarea	{
	border: 1px solid;
	border-color: #5b83a3 #fff #fff #5b83a3;
	background: #fef7db;
	width: 196px;
      	}
#text form input, #text form textarea	{
	border-color: #ddce94 #fff #fff #ddce94;
	width: 264px;
      	}
#text form p.zajemce input	{
	border: none;
	background: none;
	width: 16px;
	float: left;
      	}
form input	{
	height: 18px;
      	}
html>body #header form input	{
	height: 16px;
      	}
form textarea	{
	height: 42px;
      	}
#text form textarea	{
	height: 50px;
      	}
html>body #text form textarea	{
	height: 36px;
      	}
form p.end input, #text form input.send	 {
	width: 78px;
	height: 24px;
	background: #857A85 url(send.gif) center left no-repeat;
	border: none;
	float: right;
	cursor: pointer;
	color: #bd0802;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	font-family: Trebuchet, 'Trebuchet MS', Verdana, 'Geneva CE', 'Helvetica CE', Helvetica, lucida, sans-serif; 
      	}
html>body #header form p.end input	{
	height: 24px;
      	}
form em	{
	font-size: 110%;
	margin-top: 46px;
	display: block;
	line-height: 155%;
      	}
#text form input.send	 {
	width: 90px;
	background: url(send2.gif) center left no-repeat;
	margin: 18px 20px 0 0;
	text-align: center;
      	}
#text form span	 {
	color: #bd0802;
	font-size: 140%;
      	}
#left 	{
	width: 230px;
	display: block;
	margin-top: 4px;
	float: left;
	clear: both;
	text-align: left;
	color: #f4e39d;
	background: #d71e00 url(ul.gif) top left repeat-x;
      	}
#left ul	{
	width: 230px;
	display: block;
	background: url(ul_top.gif) top left no-repeat;
	padding: 10px 0 6px 0;
	line-height: 150%;
	}
#left ul li {
	padding: 0 0 5px 0;
	background: url(ul_menu_li.gif) bottom left repeat-x;
	}
#left ul li a, #left ul li span {
	margin-left: 12px;
	padding: 0 5px 0 19px;
	background: url(odrazka.gif) top left no-repeat;

	display: block;
	}
#left ul li a:hover, #left ul li span {
	background: url(odrazka2.gif) top left no-repeat;
	}
#left ul.on, #left ul.on2 {
	width: 215px;
	background: none;
	margin: 3px 0;
	padding: 2px 0 2px 15px;
	line-height: 140%;
	}
#left ul.on li ul.on2 {
	width: 170px;
	margin: 2px 0 2px 30px;
	list-style: disc;
	}
html>body  #left ul.on ul.on2 {
	width: 180px;
	}
html>body #left ul.on, html>body #left ul.on2 {
	line-height: 160%;
	}
#left ul.on li {
	background: none;
	padding: 0;
	width: 215px;
	}
#left ul.on2 li {
	width: 170px;
	padding: 0;
	margin-left: 0;
	}
html>body #left ul.on2 li {
	width: 180px;
	}
#left ul.on li a, #left ul.on li span {
	background: url(odrazka_on.gif) center left no-repeat;
	text-transform: none;
	margin-left: 13px;
	}
#left ul.on li a:hover, #left ul.on li span {
	background: url(odrazka_on2.gif) center left no-repeat;
	}
#left ul.on2 li a, #left ul.on2 li a:hover, #left ul.on2 li span {
	padding-left: 0;
	background: none;
	margin-left: 0;
	}
#left address	{
	line-height: 140%;
	margin: 6px 22px 18px 14px;
	width: 194px;
	font-style: normal;
      	}
#left address span {
	font-size: 95%;
      	}
#left address a.map {
	width: 62px;
	height: 50px;
	display: block;
	float: right;
      	}
#left address a.mail {
	background: url(email.gif) center left no-repeat;
	padding-left: 22px;
      	}
#left address a.mail:hover {
	background: url(email2.gif) center left no-repeat;
      	}
#left #copy	{
	width: 230px;
	display: block;
	background: url(copy.gif) bottom left no-repeat;
	text-align: left;
	font-size: 95%;
	color: #222;
      	}

#left #copy a{
color:#fff;
}
		
#left #copy p  {
	background: url(copy_p.gif) top left repeat-x;
	margin: 0 20px 0 15px;
	width: 195px;
	padding: 5px 0 11px 0;
      	}
#middle	{
	width: 542px;
	_width: 502px !important;
	display: block;
	float: left;
	text-align: left;
	margin: 4px 4px 22px 4px;
	background: #fef9e0 url(middle.gif) top left repeat-x;
	}
#text	{
	width:522px; 
	_width: 502px !important;
	display: block;
	background: url(text.gif) top left no-repeat;
	padding: 20px 20px 0 20px;
	_margin-top:-8px;
	
	}

#text p	{
	margin: 6px 0 18px 0;
	}
#text p.top	{
	background: #fff9e2 url(p_top.gif) top right no-repeat;
	margin: 2px 0 15px 0;
	line-height: 150%;
	}
#text p.top em	{
	display: block;
	padding: 7px 18px 11px 18px;
	background: url(p_top2.gif) bottom left no-repeat;
	color: #000;
	}
#text p.right	{
	margin: 40px 10px 72px 0;
	text-align: right;
	}
#text p.long	{
	height: 598px;
	}
html>body  #text p.long	{
	height: 591px;
	}
#text p.scheme	{
	border: 2px solid #e9deb3;;
	background: #fff9e5;
	padding: 6px 10px;
	}
#text p.scheme strong	{
	color: #bd0802;
	text-transform: uppercase;
	}
#text p em, #page3 #text p.klimatizace strong	{
	color: #bd0802;
	}
#page3 #text p span	{
	color: #5b779b;
	font-weight: bold;
	}
#text p em.block	{
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 12px auto;
	}
#page3 #text p em.block	{
	line-height: 110%;
	}
#text p.zaruka, #text p.kvalita, #text p.teplota, #text p.software, #text p.udrzba, #text p.zdravi, #text p.bezpecnost, #text p.klimatizace, #text p.autorizace, #text p.teplo, #text p.projekt {
	background: url(zaruka.gif) center left no-repeat;
	margin: 4px 0 22px 40px;
	line-height: 150%;
	text-align: right;
	padding: 7px 16px 11px 260px;
	}
#text p.kvalita, #text p.teplota, #text p.software, #text p.udrzba, #text p.zdravi, #text p.bezpecnost, #text p.klimatizace, #text p.projekt {
	background: url(kvalita.gif) center left no-repeat;
	padding: 7px 10px 11px 84px;
	}
#text p.teplota	{
	background: url(teplota.gif) center left no-repeat;
	}
#text p.software	{
	background: url(software.gif) center left no-repeat;
	}
#text p.udrzba	{
	background: url(udrzba.gif) center left no-repeat;
	}
#text p.zdravi	{
	background: url(zdravi.gif) center left no-repeat;
	}
#text p.bezpecnost	{
	padding-bottom: 16px;
	background: url(bezpecnost.gif) center left no-repeat;
	}
#text p.klimatizace	{
	background: url(klimatizace.gif) center left no-repeat;
	}
#text p.autorizace	{
	background: url(autorizace.png) center left no-repeat;
	padding: 19px 10px 18px 210px;
	line-height: 165%;
	}
#text p.teplo	{
	background: url(teplo.gif) center left no-repeat;
	padding: 14px 10px 14px 100px;
	}
#text p.projekt	{
	background: url(projekt.gif) center left no-repeat;
	}
#text ul	{
	margin: 10px 0 23px 2px;
	line-height: 150%;
	}
#text ul li	{
	padding: 2px 0 3px 22px;
	background: url(odrazka3.gif) center left no-repeat;
	}
#text ul.sitemap	{
	margin: 0 0 18px 30px;
	color: #bd0802;
	line-height: 140%;
	}
#text ul.sitemap li	{
	background: none;
	list-style: disc;
	padding: 1px 0 1px 12px;
	}
#text ul.sitemap ul.on, #text ul.sitemap ul.on2	{
	margin: 6px 0 7px 20px;
	}
ol {
	padding-left: 26px;
	margin: 8px 0 20px 0;
      	}
ol li {
	padding: 4px;
	margin: 3px 0;
      	}
#text a.word, #text a.word:hover, #text .pdf, #text a.pdf:hover, #text .cad, #text a.cad:hover {
	background: url(word.gif) center left no-repeat;
	padding: 2px 2px 3px 30px;
	display: block;
      	}
#text .pdf, #text a.pdf:hover {
	background: url(pdf.gif) center left no-repeat;
      	}
#text .cad, #text a.cad:hover {
	background: url(cad.gif) center left no-repeat;
      	}
#text a.word:hover, #text a.pdf:hover, #text a.cad:hover {
	color: #000;
      	}
table	{

	width: 502px;
	font-size: 100%;
	margin: 24px 0 28px 0;
	}
html>body table	{
	/*margin: 22px 0 26px 0;*/
	}
html>body #page3 table	{
	/*margin: 0 0 26px 0;*/
	}
table.refer	{
	margin: 22px 0 14px 0;
	}
html>body table.refer	{
	margin: 3px 0 12px 0;
	}
#page2 table.refer	{
	margin: 12px 0 26px 0;
	}
html>body #page2 table.refer	{
	margin: 0 0 22px 0;
	}
thead th	{
	background: #f1250a url(th.gif) left bottom repeat-x;
	padding: 2px 8px;
	color: #fef8db;
	}
html>body thead.kontakt th	{
	line-height: 170%;
	}
tbody td	{
	padding: 1px 4px 1px 8px;
	line-height: 150%;
	}
html>body #page3 tbody td	{
	padding: 2px 4px 2px 8px;
	}	
tbody tr.tr2 td	{
	background: #f7e7a8;
	}
#text tbody a	{
	background: none;
	}
table.refer td, table.refer th	{
	padding: 4px;
	}
table.refer th	{
	font-size: 95%;
	text-transform: uppercase;
	line-height: 140%;
	}
#text table.refer a	{
	width: 100px;
	height: 72px;
	display: block;
	float: left;
	margin: 2px;
	border: 3px solid #fffbee;
	}
#text table.refer a:hover	{
	border: 3px solid #c51c0b;
	}
#text table.refer a img	{
	width: 100px;
	height: 72px;
	}
table.mb   {
	background: #fef9e0;
	margin: 25px 0;
	}
html>body table.mb   {
	margin: 0 0 20px 0;
	}
table.mb thead  {
	/*text-align: center;*/
	}
table.mb thead th {
	padding: 9px 0 6px 0;
	background: #f1250a url(th2.gif) left bottom repeat-x;
	}
#middle table.mb h3 {
	text-transform: uppercase;
	background: none;
	padding: 0;
	color: #fbe89d;
	line-height: 100%;
	}
#text table.mb thead th a {
	padding: 2px 0 8px 44px;
	background: url(lupa.png) bottom left no-repeat;
	color: #fef8db;
	line-height: 180%;
	}
html>body #text table.mb thead th a {
	padding-bottom: 9px;
	}
#text table.mb thead th a:hover {
	color: #fbe89d;
	text-decoration: none;
	}
table.mb td   {
	line-height: 140%;
	}
table.mb td.center  {
	/*text-align: center;*/
	}
table.mb td a  {
	height: 300px;
	width: 300px;
	display: block;
	margin: 5px auto;
	}
img.right, #text a.map, #text a.big, #text a.big2, #text a.big3 {
	display: block;
	float: right;
	margin: 4px 0 8px 22px;
	}
img.right {
	width: 138px;
	height: 80px;
	}
#text a.map{
	width: 240px;
	height: 110px;
	margin: 8px 0 8px 30px;
	}
#text a.big, #text a.big2, #text a.big3 {
	width: 270px;
	height: 94px;
	margin: 0 0 8px 30px;
	border: 7px solid #e9deb3;
	}
#text a.big2 {
	height: 70px;
	}
#text a.big3 {
	margin-top: 8px;
	}
#text a.big:hover, #text a.big2:hover, #text a.big3:hover {
	border: 7px solid #c51c0b;
	}
#text address	{
	font-style: normal;
	line-height: 180%;
      	}
.col1, .col2	{
	width: 250px;
	display: block;
	float: left;
	}
#footer	{
	width: 542px;
	display: block;
	clear: both;
	background: #fef9e0 url(footer.gif) left bottom repeat-x;
	text-align: center;
	font-size: 95%;
	color: #656c71;
	}
#footer ul {
	margin: 0 18px;
	width: 504px;
	display: block;
	padding: 5px 0 11px 0;
	text-align: center;
	text-transform: uppercase;
	background: url(footer_ul.gif) left top repeat-x;
	}
#footer ul li  {
	display: inline;
	}
#right	{
	width: 180px;
	display: block;
	float: right;
	text-align: center;
	margin: 0;
	background: #e9deb3 url(right_bottom.gif) bottom right no-repeat;
	}
#right .banner	{
	width: 160px;
	display: block;
	text-align: center;
	margin: 11px auto 29px auto;
	color:  #e9deb3;
	}
#page2 #right .banner	{
	margin-bottom: 32px;
	}
html>body #page3 #right .banner	{
	margin-bottom: 31px;
	}
#right .banner h4	{
	width: 160px;
	height: 24px;
	display: block;
	background: #fffbee url(h4_banner.gif) top left no-repeat;
	text-transform: uppercase;
	color: #f1edd9;
	padding-top: 2px;
	}
html>body #right .banner h4	{
	height: 22px;
      	}
#right .banner a	{
	width: 160px;
	display: block;
	text-align: left;
	padding: 10px 0 0 0;
	background: #fffbee url(p_banner.gif) top left no-repeat;
	}
#right .banner a span	{
	width: 134px;
	display: block;
	margin: 0 4px 10px 22px;
	line-height: 130%;
	font-size: 95%;
      	}
#right .banner strong	{
	color: #bd0802;
      	}
#right .banner img	{
	width: 160px;
	height: 99px;
	display: block;
	}
#right a.icon	{
	width: 70px;
	height: 69px;
	display: block;
	margin: 0 auto 11px auto;
	}
#right p.up	{
	width: 124px;
	margin: 0 auto;
	padding: 5px 0 11px 0;
	font-size: 95%;
	background: url(p_up.gif) top left repeat-x;
	}
#page4 #right p.up	{
	margin-top: 43px;
	}
html>body #page4 #right p.up	{
	margin-top: 48px;
	}
p.red	{
	text-align: right;
	color: #bd0802;
	}


.sidddde a
{
color:#BD0802;
float:left;
font-size:13px;
font-weight:bold;
margin-left:20px;
}