/*--- definice telo+scroll ---*/
BODY {
background-image: url(top_bg.gif);
background-position: center top;
background-repeat: repeat-x;
background-color: #101010;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
/*--- cela stranka ---*/
#stranka{
top: 0px;
width: 968px;
text-align: left;
}
/*--- lista spodni ---*/
#paticka{
background: url(lista_bottom.gif) 0 0 repeat-x;
padding-right: 0px;
margin-right: 0px;
width: 100%;
height: 156px;
}
#paticka #uvnitr{
text-align: left;
padding-top: 48px;
width: 968px;
height: 110px;
}
#paticka #uvnitr a.logo{
display: block;
width: 170px;
height: 54px;
background: url(logo_male.gif);
}
#paticka #uvnitr p{
text-align: center;
margin-top: -30px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
font-weight: normal;
}
#paticka #uvnitr p a{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #666666;
font-weight: normal;
text-decoration: none;
}
#paticka #uvnitr p a:hover{
color : #cccccc;
font-weight: normal;
text-decoration: underline;
}

#logo{
margin-left: 0px;
margin-top: 0px;
width: 329px;
height: 140px;
background: url(logo.jpg);
}
#logo a{
display: block;
width: 329px;
height: 140px;
}
/*--- horni menu ---*/
#menu{
margin-left: 329px;
margin-top: -140px;
width: 640px;
height: 171px;
background: url(menu.jpg) no-repeat bottom;
}
#menu .mezera{
width: 568px;
height: 78px;
}
#menu ul{
margin-top: 0px;
margin-left: 66px;
width: 568px;
height: 92px;
}
#menu ul span{
display: none;
}

#menu ul li.tl01{
list-style-type: none;
float: left;
margin-right: 17px;
margin-left: 0px;
width: 99px;
height: 92px;
}
#menu ul li.tl02{
list-style-type: none;
float: left;
margin-right: 18px;
margin-left: 0px;
width: 99px;
height: 92px;
}
#menu ul li.tl03{
list-style-type: none;
float: left;
margin-right: 19px;
margin-left: 0px;
width: 99px;
height: 92px;
}
#menu ul li.tl04{
list-style-type: none;
float: left;
margin-right: 19px;
margin-left: 0px;
width: 99px;
height: 92px;
}
#menu ul li.tl05{
list-style-type: none;
float: left;
margin-right: 0px;
margin-left: 0px;
width: 99px;
height: 92px;
}
#menu ul li.tl01 a{
display: block;
width: 99px;
height: 92px;
}
#menu ul li.tl01 a:hover{
background: url(tlac_uvod.gif);
}
#menu ul li.tl02 a{
display: block;
width: 99px;
height: 92px;
}
#menu ul li.tl02 a:hover{
background: url(tlac_ofirme.gif);
}
#menu ul li.tl03 a{
display: block;
width: 99px;
height: 92px;
}
#menu ul li.tl03 a:hover{
background: url(tlac_nabizime.gif);
}
#menu ul li.tl04 a{
display: block;
width: 99px;
height: 92px;
}
#menu ul li.tl04 a:hover{
background: url(tlac_reference.gif);
}
#menu ul li.tl05 a{
display: block;
width: 99px;
height: 92px;
}
#menu ul li.tl05 a:hover{
background: url(tlac_kontakt.gif);
}
/*--- submenu (barevne prouzky ---*/
#submenu{
margin-left: 0px;
margin-top: 37px;
width: 394px;
height: 249px;
}
#submenu ul{
padding-left: 0px;
margin-left: 0px;
width: 394px;
height: 249px;
}
#submenu ul span{
display: none;
}
#submenu ul li.zluty{
float: left;
list-style-type: none;
margin-right: 13px;
width: 66px;
height: 249px;
background: url(sub_zlute.gif);
}
#submenu ul li.zluty a{
display: block;
width: 66px;
height: 249px;
}
#submenu ul li.zluty a:hover{
display: block;
width: 66px;
height: 249px;
background: url(sub_zlute-over.gif);
}

#submenu ul li.cerveny{
float: left;
list-style-type: none;
margin-right: 13px;
width: 66px;
height: 249px;
background: url(sub_cervene.gif);
}
#submenu ul li.cerveny a{
display: block;
width: 66px;
height: 249px;
}
#submenu ul li.cerveny a:hover{
display: block;
width: 66px;
height: 249px;
background: url(sub_cervene-over.gif);
}
#submenu ul li.oranzovy{
float: left;
list-style-type: none;
margin-right: 13px;
width: 67px;
height: 249px;
background: url(sub_oranzove.gif);
}
#submenu ul li.oranzovy a{
display: block;
width: 67px;
height: 249px;
}
#submenu ul li.oranzovy a:hover{
display: block;
width: 67px;
height: 249px;
background: url(sub_oranzove-over.gif);
}
#submenu ul li.zeleny{
float: left;
list-style-type: none;
margin-right: 13px;
width: 66px;
height: 249px;
background: url(sub_zelene.gif);
}
#submenu ul li.zeleny a{
display: block;
width: 66px;
height: 249px;
}
#submenu ul li.zeleny a:hover{
display: block;
width: 66px;
height: 249px;
background: url(sub_zelene-over.gif);
}
#submenu ul li.modry{
float: left;
list-style-type: none;
margin-right: 0px;
width: 66px;
height: 249px;
background: url(sub_modre.gif);
}
#submenu ul li.modry a{
display: block;
width: 66px;
height: 249px;
}
#submenu ul li.modry a:hover{
display: block;
width: 66px;
height: 249px;
background: url(sub_modre-over.gif);
}
/*--- animace ---*/
#animace{
margin-left: 394px;
margin-top: -249px;
width: 574px;
height: 249px;
background: url(poz_animace.jpg);
}
/*--- bannery ---*/
#bannery{
margin-left: 0px;
width: 968px;
height: 171px;
}
#ban_nabizime{
float: left;
margin-left: 0px;
margin-right: 11px;
width: 314px;
height: 171px;
background: url(ban_nabizime.jpg);
}
#ban_nabizime a{
display: block;
width: 314px;
height: 171px;
}
#ban_reference{
float: left;
margin-left: 0px;
margin-right: 11px;
width: 314px;
height: 171px;
background: url(ban_reference.jpg);
}
#ban_reference a{
display: block;
width: 314px;
height: 171px;
}
#ban_kontakt{
float: left;
margin-left: 0px;
width: 314px;
height: 171px;
background: url(ban_kontakt.jpg);
}
#ban_kontakt a{
display: block;
width: 314px;
height: 171px;
}
#obsah{
margin-top: 30px;
width: 968px;
background: url(obsah_bg.jpg);
}
#pod_obsah{
margin-top: 0px;
width: 968px;
background: url(obsah_bottom.gif) no-repeat bottom;
}
#rozdeleni{
margin-top: 0px;
margin-left: 0px;
width: 968px;
}
#content{
vertical-align: top;
width: 742px;
padding-bottom: 10px;
}
#obsah_menu{
vertical-align: top;
margin-left: 0px;
width: 226px;
}
#obsah_menu ul{
list-style: none;
margin-top: 10px;
margin-left: 10px;
width: 216px;
}
#obsah_menu ul li.nadpis{
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
width: 216px;
height: 40px;
background: url(nadpis.gif);
}
#obsah_menu ul li.nadpis p{
padding-top: 5px;
margin-left: 10px;
margin-bottom: 0px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
}
#obsah_menu ul li{
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
width: 216px;
height: 30px;
background-color: #B9B9B9;
}
#obsah_menu ul li a{
display: block;
padding-top: 7px;
width: 216px;
padding-bottom: 8px;
background: url(arow.gif) no-repeat left center;
}
#obsah_menu ul li a:hover{
background-color: #A4A7A6;
}
#obsah_menu ul li a span{
margin-left: 12px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
text-decoration: underline;
}
#obsah_menu ul li a:hover span{
color : #000000;
font-weight: normal;
text-decoration: none;
}

/*--- texty ---*/
ul.odrazky{
margin-left: 20px;
list-style: none;
}
ul.odrazky li{
padding-left: 18px;
background: url(sipka.gif) no-repeat left center;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
}
h1{
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
margin-bottom: 16px;
margin: 10px;
}
h2{
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
padding-bottom: 14px;
margin: 10px;
}
h3{
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
padding-bottom: 14px;
margin: 10px;
}
h4{
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
padding-bottom: 14px;
margin: 10px;
}
p{
margin: 10px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-bottom: 12px;
}
#content a{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
text-decoration: underline;
}
div.odstavec{
margin-left: 10px;
margin-right: 0px;
float: left;
width: 732px;
height: 100px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-bottom: 12px;
}
p.kont{
margin-left: 0px;
margin-right: 0px;
float: left;
width: 180px;
height: 100px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-bottom: 12px;
}
p.bile{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight: normal;
margin-bottom: 10px;
}
.odstavec{
width: 723px;
margin-left: 10px;
}
/*--- reference ---*/
.reference{
margin-left: 10px;
}
.bunka{
float: left;
width: 356px;
height: 171px;
background: url(reference.jpg);
margin-right: 5px;
margin-bottom: 10px;
}
.bunka .nahled{
margin-left: 0px;
margin-top: 9px;
width: 120px;
height: 161px;
}
.bunka .nahled a{
display: block;
margin-left: 9px;
width: 100px;
height: 75px;
background: url(no_foto.gif);
}
.bunka .popis{
margin-left: 120px;
margin-top: -171px;
width: 236px;
height: 171px;
}
.bunka .popis h4{
margin-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
height: 46px;
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
}
.bunka .popis .prace{
margin-left: 5px;
margin-top: 0px;
height: 64px;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}

.uvod_nadpisy{
margin-left: 12px;
background: url(nadpisy.jpg);
width: 730px;
height: 420px;
}
.uvod_nadpisy a{
display: block;
width: 169px;
height: 120px;
}
.uvod_nadpisy span{
display: none;
}
.uvod_nadpisy h3.prumyslove{
float: left;
margin-left: 0px;
margin-top: 240px;
padding-bottom: 0px;
margin-right: 10px;
width: 170px;
height: 120px;
}
.uvod_nadpisy h3.rodinne{
float: left;
margin-left: 0px;
margin-top: 240px;
padding-bottom: 0px;
margin-right: 10px;
width: 170px;
height: 120px;
}
.uvod_nadpisy h3.osvetleni{
float: left;
margin-left: 0px;
margin-top: 240px;
padding-bottom: 0px;
margin-right: 10px;
width: 170px;
height: 120px;
}
.uvod_nadpisy h3.zabezpeceni{
float: left;
margin-top: 240px;
margin-left: 0px;
padding-bottom: 0px;
width: 170px;
height: 120px;
}