body {background: url(img/left-repeat.gif) repeat-y 0px 0px white; margin: 0; padding: 0; font: 11px Verdana; color: #587476; line-height: 1.5em;}
a:link {font: Verdana; font-size: 10px; color: #17c378; text-decoration: none; font-weight: bold;}
a:active {font: Verdana; font-size: 10px; color: #17c378; text-decoration: none; font-weight: bold;}
a:visited {font: Verdana; font-size: 10px; color: #17c378; text-decoration: none; font-weight: bold;}
a:hover {font: Verdana; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold;}
table {border: 0; margin: 0; padding: 0;}
img {border: 0;}
p {margin: 10px 0 10px 0;}
.clr {clear: both;}


/* tělo stránek */
#main  {margin: 0;  width: 994px; height: auto;  position: relative;}
#top {width: auto; height: 146px; background: url(img/pozadi-top.gif) repeat-x;}
#top-menu {position: absolute; left: 15px; top: 118px; width: 970px; height: auto; z-index: 99; line-height: 1em;}
#left {width: 247px; height: 230px; float: left; position: relative; color: #06763e; word-spacing: 0.4px;}
#left2 {width: 148px; height: auto; text-align: left; margin: 0 0 0 54px; color: #06763e; font-size: 9px;}
.left2-nadpis1 {color: #06763e; font-weight: bold; font-size: 14px;}
.right-sloupec01 {color: #4beda3; padding: 6px 0 0 28px; margin: 0 0 0 25px; width: 181px; height: 282px; background: url(img/right-pozadi1.jpg) no-repeat top left;}
#middle {width: 476px; height: auto; margin: 0 0 0 275px; padding: 49px 0 0 0;  position: relative; clear: right;}
#middle img {border: 3px solid #0c6f39; margin: 0 12px 8px 0;}
#right {width: 254px; height: 326px; position: absolute; left: 480px; top: 51px;}
#upoutavka {width: 204px; background: url(img/right-top.jpg) no-repeat top; margin: 0 0 0 32px; color: #ffffff; font-weight: bold; text-align: center; padding: 6px 0 6px 0;}
#main a.upoutavka {width: 177px; height: 25px; background: url(img/upoutavka.jpg) no-repeat -177px 0; margin: 5px 0 0 15px; padding: 52px 0 0 0; position: relative; float: left; color: #075b32;}
#objednavka {width: 204px; background: url(img/pozadi-right.gif) repeat-y 11px 0; margin: 20px 0 0 32px;}
#objednavka .text {width: 156px; color: #1f1f1f; padding: 0 0 10px 0px; left: 25px; position: relative; overflow: auto; line-height: 22px;}
#objednavka #top {width: 204px; height: 23px; background: url(img/right-top.jpg) no-repeat; margin: 0 0 20px 0px; padding: 5px 0 0 0; color: #ffffff; font-weight: bold; text-align: center;}
#objednavka input, #objednavka textarea {border: 1px solid #95c4ae; width: 152px; margin: 0 0 1px 0;}
#objednavka a.buton {width: 132px; height: 20px; background: url(img/buton-01.gif) no-repeat; float: left; margin: 15px 0 0 6px; color: #ffffff; line-height: 20px; padding: 0 0 0 10px;}
#objednavka a:hover.buton {background-position: -142px;}
#animace {width: 175px; height: 76px; position: absolute; margin: 20px 0 0 -122px;}

#publikovalijsme {margin: 0 0 0 32px;}
#publikovalijsme #top {width: 204px; height: 23px; background: url(img/right-top.jpg) no-repeat; margin: 0 0 0px 0px; padding: 5px 0 0 0; color: #ffffff; font-weight: bold; text-align: center;}
#publikovalijsme a {width: 177px; height: 215px; background: url(img/publikovalijsme.jpg) no-repeat; float: left; margin: 0 0 20px 14px;}

/* tělo stránek - konec */

/* vypocet cen */
.vypocet {width: 467px; margin: 30px 0 0 0;}
.vypocet .top {width: 467px; height: 23px; color: #ffffff; font-weight: bold; background: url(img/nadpis-01.gif) no-repeat; padding: 5px 0 0 0; text-align: center;}
.vypocet .text1 {width: 424px; background: #d7efe3; color: #1f1f1f; margin: 0 0 0 12px; padding: 20px 0 20px 21px;}
.vypocet a.buton {width: 132px; height: 20px; background: url(img/buton-01.gif) no-repeat; float: left; margin: 0px 0 0 15px; color: #ffffff; line-height: 20px; padding: 0 0 0 10px;}
.vypocet a:hover.buton {background-position: -142px;}
.vypocet .text1 select {width: 70px; border: 1px solid #b7ccec; margin: 0 0 0 6px;}
.vypocet .text1 td {padding: 4px 2px;}
.vypocet .text1 span {font-size: 14px; color: #000000; font-weight: bold;}
.vypocet .text2 {width: 424px; background: #b9e8d0; color: #1f1f1f; margin: 4px 0 0 12px; padding: 20px 0 20px 21px;}
/* vypocet cen - konec */

/* ostatni */
.vice-informaci {padding: 0 0 0 70px;}
a:link.vice-informaci {color: #59f9b1;}
a:visited.vice-informaci {color: #59f9b1;}
a:hover.vice-informaci {color: #a9f1d1;}
.float-left {float: left;}
/* ostatni - konec */

h1 {font-weight: bold;	font-size: 13px; color: #3a989a;}
h2 {font-weight: bold;	font-size: 12px; color: #3a989a;}

/* novinky */
#novinky {margin: 0 0 25px 0;}
#novinky #smartball {width: 477px; height: 155px; background: url(img/novinky/novinka-smartball.jpg) no-repeat; margin: 0 0 30px 0;}
#novinky #smartball .obr {width: 144px; height: 123px; position: absolute; margin: 26px 0 0 0;}
#novinky #smartball a.vice {width: 120px; height: 16px; position: absolute; background: url(img/sipky-01.gif) 85px 6px no-repeat; margin: 156px 0 0 390px; color: #71b93c; text-decoration: none;}
#novinky #smartball a:hover.vice {text-decoration: underline;}
#novinky #revizesatkam {width: 477px; height: 153px; clear: both; background: url(img/novinky/novinka-revize-sat-kam.jpg) bottom no-repeat;}
#novinky #revizesatkam .obr {width: 144px; height: 123px; position: absolute; margin: 28px 0 0 333px;}
#novinky #revizesatkam a.vice {width: 120px; height: 16px; position: absolute; background: url(img/sipky-01.gif) 85px 6px no-repeat; margin: 156px 0 0 390px; color: #71b93c; text-decoration: none;}
#novinky #revizesatkam a:hover.vice {text-decoration: underline;}
#novinky h3 a {color: #3a989a; font-size: 11px; font-weight: bold; margin: 15px 0 10px 0;}
#novinky h3 a:hover {color: #010101; text-decoration: none;}
/* novinky - konec */

/* mapa */
#mapa {width: 451px; height: 263px; background: url(img/mapa.jpg) no-repeat; margin: 15px 0;}
#mapa a#praha {width: 55px; height: 30px; background: url(img/mapa-praha.gif) no-repeat 0 -30px; position: absolute; margin: 79px 0 0 105px;}
#mapa a:hover#praha {background-position: 0 0;}
#mapa a#ricany {width: 109px; height: 21px; background: url(img/mapa-ricany.gif) no-repeat 0 -21px; position: absolute; margin: 101px 0 0 160px;}
#mapa a:hover#ricany {background-position: 0 0;}
#mapa a#cb {width: 109px; height: 38px; background: url(img/mapa-cb.gif) no-repeat 0 -38px; position: absolute; margin: 187px 0 0 87px;}
#mapa a:hover#cb {background-position: 0 0;}
#mapa a#brno {width: 39px; height: 33px; background: url(img/mapa-brno.gif) no-repeat 0 -33px; position: absolute; margin: 171px 0 0 289px;}
#mapa a:hover#brno {background-position: 0 0;}
#mapa a#ostrava {width: 66px; height: 29px; background: url(img/mapa-ostrava.gif) no-repeat 0 -29px; position: absolute; margin: 110px 0 0 349px;}
#mapa a:hover#ostrava {background-position: 0 0;}
#mapa .pole {width: 187px; height: 93px; display: none; border: 1px solid #8c9290; position: absolute; margin: -25px 0 0 310px; background: #fff; padding: 1px;}
#mapa .pole .nadpis {background: #0f9c47; color: #fff; font-size: 12px; padding: 2px 3px;}
#mapa .text {color: #474141; padding: 2px 3px;}
#mapa .text a {text-decoration: none; color: #59c378; font-weight: normal;}
#mapa .text a:hover {text-decoration: underline;}
/* mapa - konec */