html {font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; background: #8EB5D6 url('../images/blue_grad.jpg') repeat-x top;}
body {margin: 0 auto; background: url('../images/bg.jpg') repeat-y center; font-size: small;}

.hidden {display: none;}
.clear {clear: both;}

a {color: black; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

p {text-align: justify;}

#all {background: url('../images/top_bg.jpg') no-repeat top center;}
#all-inner {margin: 0 auto; width: 900px;}

#top {height: 180px;}
#top h1 {position: relative; margin: 0; padding: 0; height: 104px;}
#top h1 a {display: block; height: 104px;}
#top h1 span {position: absolute; top: 0; left: 0; width: 903px; height: 104px; background: url('../images/top_bg.jpg') no-repeat top center;}
#top ul {margin: 0; padding: 0; list-style: none;}
#top ul li {position: relative; float: left;}
#top ul li a {display: block; height: 70px;}
#top ul li a span {position: absolute; top: 0; left: 0; height: 70px; cursor: pointer; background: url('../images/hht-menu.jpg') no-repeat;}
#top ul li#menu1 a {width: 65px;}
#top ul li#menu1 a span {width: 65px; background-position: 0 0;}
#top ul li#menu1 a:hover span {background-position: 0 -70px;}
#top ul li#menu1.active a span {background-position: 0 -140px !important;}
#top ul li#menu2 a {width: 125px;}
#top ul li#menu2 a span {width: 125px; background-position: -65px 0;}
#top ul li#menu2 a:hover span {background-position: -65px -70px;}
#top ul li#menu2.active a span {background-position: -65px -140px !important;}
#top ul li#menu3 a {width: 130px;}
#top ul li#menu3 a span {width: 130px; background-position: -190px 0;}
#top ul li#menu3 a:hover span {background-position: -190px -70px;}
#top ul li#menu3.active a span {background-position: -190px -140px !important;}
#top ul li#menu4 a {width: 165px;}
#top ul li#menu4 a span {width: 165px; background-position: -320px 0;}
#top ul li#menu4 a:hover span {background-position: -320px -70px;}
#top ul li#menu4.active a span {background-position: -320px -140px !important;}
#top ul li#menu5 a {width: 180px;}
#top ul li#menu5 a span {width: 180px; background-position: -485px 0;}
#top ul li#menu5 a:hover span {background-position: -485px -70px;}
#top ul li#menu5.active a span {background-position: -485px -140px !important;}
#top ul li#menu6 a {width: 147px;}
#top ul li#menu6 a span {width: 147px; background-position: -665px 0;}
#top ul li#menu6 a:hover span {background-position: -665px -70px;}
#top ul li#menu6.active a span {background-position: -665px -140px !important;}
#top ul li#menu7 a {width: 88px;}
#top ul li#menu7 a span {width: 88px; background-position: -812px 0;}
#top ul li#menu7 a:hover span {background-position: -812px -70px;}
#top ul li#menu7.active a span {background-position: -812px -140px !important;}

#content {min-height: 400px; padding: 5px 19px;}
#content #banner {margin: 0 -10px;}
#content .right {float: right; width: 200px; margin: 0 0 0 10px;}
#content a.right {float: right; width: auto; margin: 0 0 0 10px;}
#content #rozdelovac {margin: 0 -22px}
#content h2 {position: relative; height: 57px; margin: 0 -10px}
#content h2 span {position: absolute; top: 0; left: 0; width: 882px; height: 57px;}      

#content h2#uvod span {background: url('../images/nadpis_uvod.jpg');}
#content h2#potravinarske-chlazeni span {background: url('../images/nadpis_potravinarske_chlazeni.jpg');}
#content h2#akumulace-chladu span {background: url('../images/nadpis_akumulace_chladu.jpg');}
#content h2#projekce span {background: url('../images/nadpis_projekce.jpg');}
#content h2#odpadni_teplo span {background: url('../images/nadpis_vyuziti_odpadniho_tepla.jpg');}
#content h2#mobilni-kluziste span {background: url('../images/nadpis_mobilni_kluziste.jpg');}
#content h2#zimni-stadiony span {background: url('../images/nadpis_zimni_stadiony.jpg');}
#content h2#kontakty span {background: url('../images/nadpis_kontakty.jpg');}
#content h2#gastrotechnologie span {background: url('../images/nadpis_gastrotechnologie.jpg');}
#content h2#potr-chlazeni span {background: url('../images/h_chlazeni.jpg');}
#content h2#o-nas span {background: url('../images/h_onas.jpg');}
#content h2#prumyslove-chlazeni span {background: url('../images/h_prumysl.jpg');}
#content h2#velkokuchyne span {background: url('../images/h_kuchyne.jpg');}


#bottom {clear: both; height: 174px; background: url('../images/bottom.jpg') no-repeat center;}
#bottom-inner {width: 900px; padding: 20px 0 0 0; margin: 0 auto;}
#bottom ul {margin: 0 0 30px 0; padding: 0; list-style: none; text-align: center;}
#bottom ul li {display: inline; padding: 0 10px;}
#bottom ul li a {color: #7b7b7b; font-style: italic;}
#bottom ul li a:hover {color: #0058a0;}
#bottom p.left {clear: left; float: left; color: #0058a0; font-size: 85%;}
#bottom p.right {float: right; color: #0058a0; font-size: 85%;}
#bottom p.right a, #bottom p.left a {color: #0058a0;}

#content .images img{
   max-width: 200px;
   max-height: 150px;
   float: left;
   margin: 5px;
}
#content .floatRight{
   float: right;
}
#content .logo{
   height: 100px;
}
#content #banner{
width: 882px;
height: 225px; 
}