body {
text-align:center;
background-color:#FFFFFF;
}
img {
border:0px;
}
div.screen {
width:750px; height:auto;
position:relative;
margin:auto; text-align:left;
}
div.top-pruh {
position:absolute;
top:-7px; _top:-14px;
background: url('./images/top-back.gif') repeat-x bottom;
height:11px; width:748px; _width:750px;
font-size:0px;
}
img.top-levy{
position:absolute; left:0px; top:0px;
height:11px; width:3px;
}
img.top-pravy{
position:absolute; left:748px; top:0px;
height:11px; width:3px;
}
div.logo-pruh {
position:absolute; top:10px; _top:6px;
height:200px; width:750px;
background-color: #FFFFFF;
font-size:0px;
}
img.logo {
position:absolute; left:10px; top:2px;
height:14px; width:174px;
}

div.menu-obal{
position:absolute; 
top:3px; _top:5px;
left:260px;
height:13px; width:550px;
background-color: #FFFFFF;
font-size:0px;
}
img.odrazka{
margin:0 2 -3 3px;
}
img.odrazka-DE{
margin:0 0 -3 1px;
}
ul.menu {
font:11px Arial;
font-weight:bold;
margin:15 0 0 80;
}
li{
display:inline;
}
a.text {
color:#818181;
}
a.text:hover {
color:#c8c6c6;
font:bold 11px Arial;
}

div.about-background {
position:absolute;
top:40px; _top:38px;
left:0px;
background: url('./images/about-background.gif') repeat-x bottom;
height:162px; width:319px; _width:319px;
}
div.left-menu {
position:absolute;
top:199px; _top:197px;
left:2px;
height:393px; width:311px; _width:313px;
border:1px solid #cfcfcf;
}
div.right-main {
position:absolute;
top:42px; _top:40px;
left:316px;
height:550px; width:434px; _width:435px;
border:1px solid #cfcfcf;
}
div.right-main-scroll {
position:absolute;
top:42px; _top:40px;
left:316px;
height:550px; width:434px; _width:435px;
border:1px solid #cfcfcf;
overflow:auto; 
}
div.buttons{
position:absolute;
top:4px; _top:4px;
left:105px;
width:210;
height:auto;
}
a.button{
display:block;
width:209px;
height:41px;
background: url('./images/button-back-0.gif') repeat-x bottom;
font:bold 12px Verdana;
color:#c8c6c6;
}
a.button:hover{
display:block;
width:209px;
height:41px;
font:bold 12px Verdana;
color:#6c6b6b;
background: url('./images/button-back-1.gif') repeat-x bottom;
text-decoration:none;
}

a.button2{
display:block;
width:209px;
height:41px;
background: url('./images/button-back-2.gif') repeat-x bottom;
font:bold 12px Verdana;
color:#6c6b6b;
text-decoration:none;
}

span.odkaz-text{
padding-top:12px;
padding-left:30px;
display:block;
}

div.left-menu-back {
position:absolute;
background: url('./images/left-menu-back.gif') repeat-x bottom;
top:264px; _top:262px;
left:3px;
height:126px; width:305px; _width:305px;
}

div.right-menu-back {
position:absolute;
background: url('./images/left-menu-back.gif') repeat-x bottom;
top:421px; _top:419px;
left:3px;
height:126px; width:428px; _width:428px;
}

img.pencil{
position:absolute;
top:220px; _top:218px;
left:60px;
height:116px; width:169px; _width:169px;
}

img.memos{
position:absolute;
top:374px; _top:372px;
left:10px;
height:14px; width:165px; _width:165px;
}

div.text-area{
position:absolute;
top:6px; _top:6px;
left:8px;
height:520px; width:418px; _width:418px;
font:normal 11px Tahoma;
color:#6b6b6b;
}

div.text-area-scroll{
position:absolute;
top:6px; _top:6px;
left:8px;
height:auto; width:405px; _width:405px;
font:normal 11px Tahoma;
color:#6b6b6b;
}

div.line-back{
font-size:0px;
width:418px;
height:3px;
margin-top:5px;
margin-bottom:5px;
background: url('./images/line-back.gif') repeat-x bottom;
}
span.name{
font:bold 12px Tahoma;
color:#646464;
}
span.names{
font:normal 11px Tahoma;
color:#646464;
}

a.email{
font:normal 11px Verdana;
color:#6c6b6b;
text-decoration:none;
}
a.email:hover{
font:normal 11px Verdana;
color:#7f2626;
text-decoration:none;
}

a.email-big{
font:bold 15px Verdana;
color:#6c6b6b;
text-decoration:none;
}
a.email-big:hover{
font:bold 15px Verdana;
color:#7f2626;
text-decoration:none;
}
span.name-bordo{
font:bold 14px Tahoma;
margin-top:2px;
margin-bottom:1px;
color:#7f2626;
}

ul.text {
font-weight:normal;
text-indent:-40px;
}

li.text{
display:list-item;
font-weight:normal;
list-style-image: url('./images/odrazka-round.gif'); 
}

input.main_form {
background-color:#FFFFFF;
font:bold 1em Verdana;
font-size:11px;
color:gray;
border: 1px solid gray;
padding:2px;
margin-bottom:4px;
}





div.cerny-pruh-prechod {
position:absolute; top:15px;
height:5px; width:750px;
font-size:0px;
}
img.cerny-pruh-prechod {
height:5px; width:750px;
}

img.horni-pravy {
position:absolute; left:567px;
height:128px; width:183px;
}
div.cerny-pruh-prechod2 {
position:absolute; top:150px;
height:5px; width:750px;
font-size:0px;
}
img.cerny-pruh-prechod2 {
height:5px; width:750px;
}
div.cerny-pruh2 {
position:absolute; top:156px;
height:15px; width:748px; _width:750px;
background-color:#29292B;
border:1px solid #FFFFFF;
font-size:0px;
}
ul.menu {
display:inline; padding-left:0px; margin:5px;
font:bold 11px Arial; color:white;
}
span.menu {
font:bold 10px Arial; color:white; margin-left:5px;
}
li.menu {display:inline;}
a { color:white; text-decoration:none; }
div.stred {
position:absolute; top:173px;
height:402px; width:750px;
max-width:748px;max-height:400px;
border:1px solid #CCCCCC;
background: url('tvorba-www-stranek-images/stred-prechod.gif') repeat-x bottom;
background-color:#FFFFFF;
}
img.stred {
position:absolute; top:107px;
height:293px; width:748px;
}
img.spodni-oblouk {
position:absolute; top:357px;
height:43px; width:144px;
}
div.cerny-pruh3 {
position:absolute; top:578px;
height:13px; font-size:0px;
height:15px; width:748px; _width:750px;
background-color:#29292B;
border:1px solid #CCCCCC;
}
div.spodni-kostky {
position:absolute; left:659px; top:502px;
height:90px; width:94px;
}
img.spodni-kostky {
height:90px; width:94px;
}
.seo { display: none; }
/* default */
div.box {
position:absolute; left:-10px;
height:20px; width:20px;
}
div.box-reference{
position:absolute; top:20px; left:525px;
height:280px; width:200px;
border: dashed #B5B5B5;
border-width:1px;
font:11px Arial;
color:#7C7C7C;
font-weight:normal;
}
div.box-polozka{
position:absolute;
height:100px; width:200px;
border: dashed #B5B5B5;
border-width:1px;
font:11px Arial;
color:#7C7C7C;
font-weight:normal;
}


a.box {
position:absolute;
font:bold 11px Arial;
left:15px;
}
div.nadpis-reference{
position:absolute;
font:bold 12px Verdana;
left:603px;
top:5px;
color:#B7DB43;
}
img.reference-kufrik{
position:absolute;
width:76px;
height:77px;
left:496px;
top:248px;
_top:246px;
}


img.obrazek {
position:absolute;
left:103px; top:-41px;
}


/* o nas */
span.green {
color:#84B40C;
}
span.green2 {
color:#7C7C7C;
font-weight:normal;
}

a.cesta {
padding:5 0 0 5;
font:bold 11px Verdana;
color:black;
}
p.text {
font:11px Arial;
margin:30 0 0 80;
width:450px;
height:auto;
color:#7C7C7C;
font-weight:normal;
border: dashed #B5B5B5;
border-width:1px;
padding: 10 10 10 10px;
}
ul.text {
font:11px Arial;
font-weight:bold;
margin:15 0 0 80;
padding-left:40px;
}
li{
list-style-image: URL('tvorba-www-stranek-images/odrazka.gif');
}

img.onas {
position:absolute; left:580px; top:105px;
}
img.garance {
position:absolute; left:580px; top:105px;
}
img.zaruka {
position:absolute; left:560px; top:80px;
}



/* kontakty */
img.kontakty {
position:absolute; left:500px; top:100px;
}

img.sipka1 {
position:absolute; left:130px; top:30px;
}

img.sipka2 {
position:absolute; left:130px; top:170px;
}

p.cislo1 {
position:absolute;
left:155px;
top:28px;
font:bold 23px Arial;
color:#7C7C7C;
margin:0 0 0 10;
}

p.text1 {
position:absolute;
left:188px;
top:39px;
font:normal 11px Arial;
color:#7C7C7C;
margin:0 0 0 0;
}


p.cislo2 {
position:absolute;
left:155px;
top:168px;
font:bold 23px Arial;
color:#7C7C7C;
margin:0 0 0 10;
}

p.text2 {
position:absolute;
left:188px;
top:179px;
font:normal 11px Arial;
color:#7C7C7C;
margin:0 0 0 0;
}

p.jmeno1{
position:absolute;
left:188px;
top:75px;
font:bold 11px Arial;
color:#7C7C7C;
margin:0 0 0 0;
}

p.jmeno2{
position:absolute;
left:350px;
top:75px;
font:bold 11px Arial;
color:#7C7C7C;
margin:0 0 0 0;
}

div.kontakty1{
position:absolute;
left:198px;
top:90px;
font:normal 11px Arial;
color:#7C7C7C;
}

div.kontakty2{
position:absolute;
left:360px;
top:90px;
font:normal 11px Arial;
color:#7C7C7C;
}

div.kontakt-form{
position:absolute;
left:200px;
top:208px;
font:normal 11px Arial;
color:#7C7C7C;
}

/* reference */

img.reference {
position:absolute; left:500px; top:100px;
}

div.obal-reference{
position:absolute;
width:380px;
height:110px;
border: dashed #7C7C7C;
border-width:1px;
left:30px;
top:35px;
font:normal 11px Arial;
color:#7C7C7C;
}

div.obal-items{
position:absolute;
width:370px;
height:23px;
left:30px;
top:135px;
font:normal 11px Arial;
color:#7C7C7C;
text-align:right;
}

div.obal-reference2{
position:absolute;
width:380px;
height:110px;
border: dashed #7C7C7C;
border-width:1px;
left:30px;
top:180px;
font:normal 11px Arial;
color:#7C7C7C;
}

div.obal-items2{
position:absolute;
width:370px;
height:23px;
left:30px;
top:280px;
font:normal 11px Arial;
color:#7C7C7C;
text-align:right;
}

img.thumb {
margin: 2px 10px 2px 2px;
float:left;
border: solid #9ED106;
border-width:2px;
}
div.button-next{
position:absolute;
border-width:0px;
left:370px;
top:329px;
}

div.button-prev{
position:absolute;
border-width:0px;
left:270px;
top:329px;
}

a.nadpis {
font:bold 12px Verdana;
color:#808080;
font-weight:bold;
}
a.nadpis:hover {
color:#9ED106;
font-weight:bold;
}

/* sluzby */

img.sluzby-krabice {
position:absolute; left:560px; top:70px;
}

div.ramecek{
position:absolute; left:560px; top:50px;
border: dashed #B5B5B5;
padding: 2 2 2 2px;
border-width:1px;
width:130px;
height:127px;
}