body { background-color: #404040; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; margin-top: 0; }
div#adresa { margin: 22px 20px 0 0px; text-align: right; position: absolute; z-index: 10; right: 20px; margin-top: -220px; }
div#copyright { color: #FFFFFF; font-size: 6pt; margin-top: 11px; position: absolute; right: 20px; z-index: 10;  letter-spacing: 1px;}
div#datum { color: #FFFFFF; left: 20px; margin-top: 8px; position: absolute; z-index: 10; }
div#dvere-drevo { background-image: url(../dvere/l_dvere_079.jpg); border: 1px solid #000000; height: 187px; margin-left: -125px; margin-top: 25px; position: absolute; width: 250px; z-index: 1; }
div#levy { float: left; margin: 5px 0 0 0; width: 115px; }
div#logo-autoboxy { background-image: url(../images/logo_autoboxy.jpg); }
div#logo-bazar { background-image: url(../images/logo_bazar.jpg); }
div#logo-dvere { background-image: url(../images/logo_dvere.jpg); }
div#logo-kontakt { background-image: url(../images/logo_kontakt.jpg); }
div#logo-nosice { background-image: url(../images/logo_nosice.jpg); }
div#logo-pujcovna { background-image: url(../images/logo_pujcovna.jpg); }
div#logo-renovace { background-image: url(../images/vana-po-renovaci.jpg); }
div#logo-site { background-image: url(../images/logo_site.jpg); }
div#whale227_sm-pozadi, div#whale150_sm-pozadi { background-image: url(../autoboxy/whale227_sm.gif); position: absolute; margin-left: 300px; margin-top: 30px; width: 300px; height: 100px; background-repeat: no-repeat; z-index: -1; }
div#whale150_sm-pozadi { background-image: url(../autoboxy/whale150_sm.gif); position: absolute; margin-left: 390px; margin-top: 135px; width: 300px; height: 111px; background-repeat: no-repeat; z-index: -1; }

/* Adresa v logu*/
div#top-adresa, div#top-adresa-pujcovna, div#top-adresa-nosice, div#top-adresa-kontakt { position: absolute; left: 20px; top: 20px; font-size: 105%; font-variant: small-caps; font-weight: bold; color: #393939; z-index: 10; }
div#top-adresa-pujcovna { color: Black; }
div#top-adresa-kontakt { color: White; }
div#top-adresa-nosice { background-image: url(../images/pozadi_adresa.png); height: 30px; background-repeat: no-repeat; top: 15px; left: 13px; width: 379px; z-index: 9; }

/*menici se uvodni bannery*/
div#logo-uvod { background-image: url(../images/logo_uvod.jpg); }
div#logo-uvod, div#logo-kontakt, div#logo-site, div#logo-autoboxy, div#logo-renovace, div#logo-dvere, div#logo-zaluzie, div#logo-nosice, div#logo-bazar, div#logo-pujcovna { border: 1px solid #000000; height: 249px; left: 0; top: 0; width: 770px; }
div#logo-zaluzie { background-image: url(../images/logo_zaluzie.jpg); }
div#main { background-color: #FFFFE0; left: 50%; margin-left: -385px; position: absolute; width: 770px; }

.toplist {margin-top: 13px;}
html>body .toplist {	margin-top: 285px;}

div#menu-uvod a { background-color: #000080; border: 1px solid #000080; color: #FFFFFF; float: left; font-size: 7pt; font-weight: bold; margin-left: 0; margin-top: 3px; padding: 5px 0 5px 10px; text-align: left; text-decoration: none; width: 115px; }
html>body div#menu-uvod a { width: 105px; }
div#menu-uvod a:hover { background-color: #FFFFE0; border: 1px solid #000080; color: #000000; }

/*nekoupite? pujcte si*/
div#obsah { width: 635px; margin: 10px 0 0 120px; border-left: 5px dotted #000080; padding-left: 10px; padding-right: 0px; }
html>body div#obsah { width: 615px; margin: 10px 0 0 125px; min-height: 270px; }
div#pata { background-color: #000080; color: #FFFFFF; height: 30px; left: 0; margin-bottom: 0; margin-top: 30px; width: 770px; overflow: hidden;  }
/*html>body div#pata { overflow: hidden; }*/
div#renovace-gal img { background-color: #FDF5E6; float: left; margin: 0 5px 20px 35px; width: 250px; }
/*
div#renovace-prednosti { _margin-left: 40px; color: #FFFFE0; font-weight: bold; height: 100px; left: -160px; position: absolute; top: 40px; width: 600px; }
div#renovace-prednosti { color: #FFFFE0; font-weight: bold; height: 100px; left: 160px; position: absolute; top: 40px; width: 600px; }
Odsunuti textu od leveho okraje NEPLATI PRO IE
html>body div#renovace-prednosti { margin-left: 30px; }*/

div#stena_harmonie { background-image: url(../dvere/stena_harmonie.jpg); border: 1px solid #000000; height: 204px; margin-left: -125px; margin-top: 50px; position: absolute; width: 250px; z-index: 1; }
div.clear-both { clear: both; }
div.matrjoska { border: 0; margin: 0; padding: 0; width: auto; }
h1 { font-size: 130%; }
h1,h2.nadpis_1, h2, h3 { border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; padding: 3px 0 3px 0; margin: 0;}
h2 {  font-size: 125%;  border: none;  }
h3 { border-bottom: 1px dotted #000000; border-top: 0; font-size: 110%; }
ol li { margin: 0 0 5px 50px; }
ol p { font-weight: bold; }
ol, p { text-align: justify; }
p img.box1 { border: 1px solid #000000; float: left; height: 284px; margin: 5px 10px 5px 0; width: 400px; }
p img.zal1 { float: right; height: 200px; margin: 0 0 3px 10px; width: 144px; }
p img.zal2 { float: left; height: 352px; margin: 0 5px 5px 0; width: 218px; }
p img.sit { float: left;  width: auto; height: auto; margin: 0 10px 5px 0; }
p img.sit1 { float: right;  width: auto; height: auto; margin: 0 0 5px 15px; }
p img.podelnik { width: auto; height: auto;  margin: 10px 0 0 20px; }

table { font-size: 100%; }
ul { margin: 10px 0 0 140px; }
ul li { list-style-type: none; margin: 0 0 5px; text-align: justify; text-decoration: none; }
.nastred { text-align: center; }
.red { color: #FF0000; }
div#telecom { background-image: url(../images/telecom.jpg); width: 199px; height: 300px; margin-top: 0; margin-left: 0; position: absolute; z-index: -2; }
div#telecom1 { width: 592px; height: 236px; margin-top: 15px; margin-left: 15px; position: relative; }
div.vice { margin: -15px 0 0 0; text-align: right; font-size: 90%; }
div#reklamni-ikony { position: relative;  margin-left: 20px;  margin-top: 60px; width: auto;  height: auto; }
div#reklamni-ikony img { margin: 0 30px 5px 30px; }
a { text-decoration: underline; color: Black; }
a:hover { text-decoration: none; color: Red; }

/*ceník půjčovného*/
div#cenik-pujcovneho { width: 210px; margin: 80px 0 0 190px; padding: 22px 0 5px 0; height: 70px; }
html>body div#cenik-pujcovneho { height: 60px; padding: 10px 0 5px 0; margin: 15px 0 0px 190px; } /*margin: 0 0 40px 190px; padding: 30px 0 30px 0;*/
div#pujcovna-levy { float: left;  text-align: right; width: 100px; }
div#pujcovna-pravy { float: right;  text-align: left; width: 100px; }
div#pujcovna-whale150 { margin-left: 30px; text-align: center; width: 230px; float: left; }
div#pujcovna-whale227 { text-align: center; margin: 30px 0 0 260px; }
div#basic_sm { background-image: url(../autoboxy/basic_sm.jpg); position: absolute; right: 25px; margin-top: -50px; z-index: 100; width: 150px; height: 130px; }
html>body div#basic_sm { right: 25px; margin-top: -37px; z-index: 100; }
div#motto-pujcovna p { position: absolute; left: 20px; top: 130px; color: #E1E1E1; z-index: 1; width: 250px; font-size: 20px; text-align: left; font-weight: bold; }
div#skryty-text { display: none; }
h2#kformular { margin: 20px 0 0 0; }

/*Formulář KONTAKT*/
div.message { position: absolute;  left: 200px;  top: 300px;  color: Red;  font-size: 150%;  font-weight: bold;}
div.message1 { position: absolute;  left: 195px;  top: 30px;}

div.zpusoby-renovace { margin: 10px 0 20px 0; }
div.zpusoby-renovace h3 { font-weight: bold; margin: 0 0 0 100px; width: auto; border: 0; font-size: 100%; }
img#nova-do-stare { float: right;  margin-left:10px;}
p#vana { margin-bottom:30px;}

div#new { position: absolute; z-index: 1; left: -3000px; bottom: 0; }


