body {background : #ffffff; margin: 0; padding: 0; text-align: center; font: 12px/1.5 Verdana, Arial, Sans-serif;}

div#page {
  position: relative;
  width: 709px;
  height: 500px	
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0em;
  border: 0px solid #cc9;
  color: #000;
  background : #ffffff;
  text-align: left;
}

div#telo {position: absolute; top: 120px; left: 0px;}


img#top01 {position: absolute; top: 0px; left: 0px; border: 0;}
img#top02 {position: absolute; top: 0px; left: 519px; border: 0;}
img#top03 {position: absolute; top: 81px; left: 519px;}

div#top {position: absolute; top: 0px; left: 0px;}

h1 {font-size: 170%; margin-left: 15px;}
h2 {font-size: 110%; margin-left: 10px; color: #003366;}
h3, p {margin: 1em 10px 1em 10px; font: 12px/1.5 Verdana, Arial, Sans-serif; text-align: justify}
h4 {font-size: 50%; color: white; margin-top: 2px; margin-left: 10px;}
h5 {font-size: 150%; margin-top: 15px; margin-left: 15px; padding: 2px; border: 0px solid #ffcc66; background-color: #f7f7f7; text-align: center}
h6 {font-size: 160%; margin-left: 35px; margin-right: 10px; color: #dddddd; text-align: center; background: #ffffff}
h3.nahoru {margin: 1em 10px 1em 10px; font: 12px/1.5 Verdana, Arial, Sans-serif; text-align: right}

img#obalka {position: absolute; top: 340px; left: 25px;}
div#kontakt {position: absolute; top: 350px; left: 10px; text-align: center; z-index: 20;}
div#kontakt a {color: #003366;}
div#kontakt a:hover {color: #ffcc66;}

img#amenity {position: absolute; top: 195px; left: 585px; z-index: 2;}
img#intellect {position: absolute; top: 55px; left: 581px; z-index: 2;}
img#persica {position: absolute; top: 335px; left: 585px; z-index: 2;}
img#sanon {position: absolute; top: 100px; left: 565px; z-index: 2;}
img#servis {position: absolute; top: 135px; left: 550px; z-index: 2;}
img#notebook01 {position: absolute; top: 135px; left: 550px; z-index: 2;}
img#notebook02 {position: absolute; top: 535px; left: 550px; z-index: 2;}
img#kopirka01 {position: absolute; top: 135px; left: 550px; z-index: 2;}
img#toner01 {position: absolute; top: 605px; left: 550px; z-index: 2;}
img#lcd {position: absolute; top: 100px; left: 500px; z-index: 2;}
img#uver01 {position: absolute; top: 120px; left: 560px; z-index: 2;}
img#nahoru {position: absolute; top: 2340px; left: 675px; z-index: 20;}
img#nahoru03 {position: absolute; top: 2007px; left: 675px; z-index: 20;}
img#nahoru02 {position: absolute; top: 1658px; left: 675px; z-index: 20;}
img#nahoru01 {position: absolute; top: 1308px; left: 675px; z-index: 20;}




div#menutop {background:  url(img/menupruh.jpg) top left repeat-x; position: absolute; top: 81px; left: 0px;}
div#menutop a {color:#ffffff; text-decoration: none;}
div#menutop a:link {color:#ffffff; text-decoration: none;}
div#menutop a:visit {color:#ffffff; text-decoration: none;}
div#menutop a:hover {color:#ffcc66; text-decoration: none;}

div#menu {position: absolute; z-index:7; width: 230px; top: 40px; left: 0; margin-left: 5px; padding: 0.25em 0 0 0.5em;}
div#menu a {display: block;color: #003366; background-color: transparent; margin: 0; padding: 6px 8px; text-align: left; font-weight: normal; text-decoration: underline;}
div#menu a:link {display: block; color: #003366; background-color: transparent; margin: 0; padding: 6px 8px; text-align: left; font-weight: normal; text-decoration: underline;}
div#menu a:visit {display: block; color: #003366; background-color: transparent; margin: 0; padding: 6px 8px; text-align: left; font-weight: normal; text-decoration: underline;}
div#menu a:hover {display: block; color:#003366; background-color: transparent; padding-left: 4px; border-left: 4px solid #ffcc66;}
img#ls {position: absolute; z-index: 1; top: 210px; left: 8px;}

div#textbunkasort01 {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkasort02 {position: absolute; top: 180px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkasort03 {position: absolute; top: 320px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkafirma {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border: 2px #003366; border-style: dotted; background: #ffffff none; padding: 0em 10px 0em 0px;}

div#textbunkasortnote01 {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkasortnote02 {position: absolute; top: 490px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkasortkopir01 {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkasortkopir02 {position: absolute; top: 560px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkasortkomponent01 {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkauver01 {position: absolute; top: 40px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkauver01 h3 a {color: #003366; text-decoration: underline}
div#textbunkauver01 h3 a:link {color: #003366; text-decoration: underline}
div#textbunkauver01 h3 a:visit {color: #003366; text-decoration: underline}
div#textbunkauver01 h3 a:hover {color: #ffcc66; text-decoration: underline}

div#textbunkauver02 {position: absolute; top: 1000px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkauver03 {position: absolute; top: 1350px; left: 200px; z-index: 2; width: 503px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkauver04 {position: absolute; top: 1700px; left: 200px; z-index: 2; width: 503px;border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}

div#textbunkauver05 {position: absolute; top: 2050px; left: 200px; z-index: 2; width: 503px;border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px #003366; border-style: dotted; background: #ffffff none; padding: 0em 150px 0em 0px;}
div#textbunkauver05 h3.nahoru a {color: #003366; text-decoration: underline}
div#textbunkauver05 h3.nahoru a:link {color: #003366; text-decoration: underline}
div#textbunkauver05 h3.nahoru a:visit {color: #003366; text-decoration: underline}
div#textbunkauver05 h3.nahoru a:hover {color: #ffcc66; text-decoration: underline}


div#textbunkaaktual01a {position: absolute; top: 50px; left: 0px; z-index: 2; width: 300px; border-top: 0px; border-bottom: 0px #003366; border-right: 1px #cccccc ;border-left: 0px; border-style: solid; background: #ffffff none; padding: 0em 5px 0em 0px; font-size: 100%; color: #000000; margin-top: 2px; margin-left: 0px;}

div#textbunkaaktual01a h2 {border: 1px #cccccc solid; padding-left: 5px; margin-left: 5px; background-color: #f7f7f7}
div#textbunkaaktual01a a {color: #003366; text-decoration: underline}
div#textbunkaaktual01a a:link {color: #003366; text-decoration: underline}
div#textbunkaaktual01a a:visit {color: #003366; text-decoration: underline}
div#textbunkaaktual01a a:hover {color: #ffcc66; text-decoration: underline}

div#textbunkaaktual01b {position: absolute; top: 250px; left: 0px; z-index: 2; width: 300px; border-top: 0px; border-bottom: 0px #003366; border-right: 1px #FFCC66; border-left: 0px; border-style: solid; background: #ffffff none; padding: 0em 5px 0em 0px; font-size: 100%; color: #000000; margin-top: 2px; margin-left: 0px;}

div#textbunkaaktual01b h2 {border: 1px #cccccc solid; padding-left: 5px; margin-left: 5px; background-color: #f7f7f7}
div#textbunkaaktual01b a {color: #003366; text-decoration: underline}
div#textbunkaaktual01b a:link {color: #003366; text-decoration: underline}
div#textbunkaaktual01b a:visit {color: #003366; text-decoration: underline}
div#textbunkaaktual01b a:hover {color: #ffcc66; text-decoration: underline}

div#textbunkaaktual01c {position: absolute; top: 750px; left: 0px; z-index: 2; width: 300px; border-top: 0px; border-bottom: 0px #003366; border-right: 1px #FFCC66; border-left: 0px; border-style: solid; background: #ffffff none; padding: 0em 5px 0em 0px; font-size: 100%; color: #000000; margin-top: 2px; margin-left: 0px;}

div#textbunkaaktual01c h2 {border: 1px #cccccc solid; padding-left: 5px; margin-left: 5px; background-color: #f7f7f7}
div#textbunkaaktual01c a {color: #003366; text-decoration: underline}
div#textbunkaaktual01c a:link {color: #003366; text-decoration: underline}
div#textbunkaaktual01c a:visit {color: #003366; text-decoration: underline}
div#textbunkaaktual01c a:hover {color: #ffcc66; text-decoration: underline}

div#textbunkaaktual02a {position: absolute; top: 50px; left: 320px; z-index: 2; width: 380px; border-top: 0px; border-bottom: 0px; border-right: 1px #cccccc ;border-left: 0px; border-style: solid; padding: 0em 5px 0em 0px;}

div#textbunkaaktual02a h2 {font-size: 120%; margin-left: 10px; color: #ffffff; border: 1px #FFCC66 solid; padding-left: 5px; margin-left: 5px; background-color: #aabbcc;}

div#textbunkaaktual02b {position: absolute; top: 270px; left: 400px; z-index: 2; width: 300px; border-top: 0px; border-bottom: 0px; border-right: 1px #cccccc ;border-left: 0px; border-style: solid; padding: 0em 5px 0em 0px;}

div#textbunkaaktual02b h2 {font-size: 120%; margin-left: 10px; color: #ffffff; border: 1px #FFCC66 solid; padding-left: 5px; margin-left: 5px; background-color: #aabbcc;}
div#textbunkaaktual02b a {color: #003366; text-decoration: underline}
div#textbunkaaktual02b a:link {color: #003366; text-decoration: underline}
div#textbunkaaktual02b a:visit {color: #003366; text-decoration: underline}
div#textbunkaaktual02b a:hover {color: #ffcc66; text-decoration: underline}

div#textbunkaaktual02c {position: absolute; top: 540px; left: 400px; z-index: 2; width: 300px; border-top: 0px; border-bottom: 0px; border-right: 1px #cccccc ;border-left: 0px; border-style: solid; padding: 0em 5px 0em 0px;}

div#textbunkaaktual02c h2 {font-size: 120%; margin-left: 10px; color: #ffffff; border: 1px #FFCC66 solid; padding-left: 5px; margin-left: 5px; background-color: #aabbcc;}


div#pageseznam01 {position: absolute; top: 250px; left: 200px;}
div#pageseznam01 a {color: #003366;}
div#pageseznam01 a:hover {color: #ffcc66;}
div#textbunkasortnote01 a {color: #003366;}
div#textbunkasortnote01 a:hover {color: #ffcc66;}
div#textbunkasortnote02 a {color: #003366;}
div#textbunkasortnote02 a:hover {color: #ffcc66;}
div#textbunkasortkopir01 a {color: #003366;}
div#textbunkasortkopir01 a:hover {color: #ffcc66;}
div#textbunkasortkomponent01 a {color: #003366; font-size: 140%; padding: 100px 10px 1em 80px;}
div#textbunkasortkomponent01 a:hover {color: #ffcc66;}


div#dekortvar5{position: absolute; top: 20px; left: 550px; z-index: 1; width: 100px; height: 700px; border: 1px solid #818181; background: #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=10, finishx=40, finishy=80)
}




div#caradown01 {position: absolute; top: 650px; left: 0px; z-index: 10;}
div#caradown02 {position: absolute; top: 652px; left: 0px; z-index: 10;}
div#caradown01firma {position: absolute; top: 750px; left: 0px; z-index: 10;}
div#caradown02firma {position: absolute; top: 752px; left: 0px; z-index: 10;}
div#caradown01servis {position: absolute; top: 870px; left: 0px; z-index: 10;}
div#caradown02servis {position: absolute; top: 872px; left: 0px; z-index: 10;}
div#caradown01aktual {position: absolute; top: 1000px; left: 0px; z-index: 10;}
div#caradown02aktual {position: absolute; top: 1002px; left: 0px; z-index: 10;}
div#caradown01sortiment {position: absolute; top: 550px; left: 0px; z-index: 10;}
div#caradown02sortiment {position: absolute; top: 552px; left: 0px; z-index: 10;}
div#caradown01komponent {position: absolute; top: 500px; left: 0px; z-index: 10;}
div#caradown02komponent {position: absolute; top: 502px; left: 0px; z-index: 10;}
div#caradown01uver {position: absolute; top: 2470px; left: 0px; z-index: 10;}
div#caradown02uver {position: absolute; top: 2472px; left: 0px; z-index: 10;}


div#textdown {position: absolute; top: 700px; left: 0px;}
div#textdownfirma {position: absolute; top: 800px; left: 0px;}
div#textdownservis {position: absolute; top: 900px; left: 0px;}
div#textdownaktual {position: absolute; top: 1030px; left: 0px;}
div#textdownsortiment {position: absolute; top: 600px; left: 0px;}
div#textdownkomponent {position: absolute; top: 530px; left: 0px;}
div#textdownuver {position: absolute; top: 2502px; left: 0px;}

img#down01 {position: absolute; top: 700px; left: 516px; z-index: 20;}
img#down01firma {position: absolute; top: 800px; left: 516px; z-index: 20;}
img#down01servis {position: absolute; top: 900px; left: 516px; z-index: 20;}
img#down01aktual {position: absolute; top: 1030px; left: 516px; z-index: 20;}
img#down01sortiment {position: absolute; top: 600px; left: 516px; z-index: 20;}
img#down01komponent {position: absolute; top: 530px; left: 516px; z-index: 20;}
img#down01uver {position: absolute; top: 2502px; left: 516px; z-index: 20;}






#textbunka {width: 400px; border: 1px solid #003366;border-style:solid;
background : #ffffff none;
  }

#textbunka3 {
  width: 450px;
border: 2px #003366;
border-style:dotted;
background : #ffffff none;
  }

#textbunka4 {
  width:200px;	  
border: 2px #003366;
border-style:solid;
background : #ffffff none;
  }


#dekortvar{
width: 200px;
height: 300px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=80, finishx=40, finishy=10)
}
#dekortvar2{
width: 150px;
height: 300px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=10, finishx=40, finishy=80)
}
#dekortvar3{
width: 150px;
height: 500px;
border: 1px dotted #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=90, style=1, startx=80, starty=80, finishx=10, finishy=10)
}
#dekortvar4{
width: 150px;
height: 300px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=80, finishx=40, finishy=10)
}
#dekortvar5{
width: 100px;
height: 20px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=10, finishx=40, finishy=80)
}
#dekortvar6{
width: 180px;
height: 300px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=80, finishx=40, finishy=10)
}

#dekortvar7{
width: 100px;
height: 550px;
border: 1px solid #818181;
background : #e9e9e9 none;
filter: alpha(opacity=0, finishopacity=60, style=1, startx=10, starty=10, finishx=40, finishy=80)
}


body, html  {
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #aabbcc;
scrollbar-3dlight-color: #aabbcc;
scrollbar-darkshadow-color: #aabbcc;
scrollbar-shadow-color: #aabbcc;
scrollbar-arrow-color: #aabbcc; }