body {margin: 0px; padding: 0px; background: #ffffff url('../img/vrch.gif') top repeat-x; color: #67645d; font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p, h1, h2, h3 {margin: 0; padding: 8px 0px 8px 0px;}
p {text-align: justify; line-height: 1.4;}
a {color: #cc0000; text-decoration: none;}
a:hover {color: #009900;}
h1, h2, h3 {color: #cc0000; font-size: 100%; text-transform: uppercase;}
h2 {color: #666666; text-transform: none;}
h3 {text-transform: none; padding: 8px 0px 0px 0px;}
a.seda {color: #cccccc; text-decoration: none; padding-right: 10px;}
.datum {display: block; width: 70px; float: left; color: #999999; font-weight: normal;}
.datum1 {color: #999999;}
.odstup {display: block; width: 110px; float: left;}
.cervena {color: #cc0000; font-weight: bold;}
.stred {text-align: center;}
.textp {float: left; width: 300px;}
.textp1 {float: left; width: 200px;}
.textl {float: left; width: 300px;}
.textl1 {float: left; width: 190px; padding-left: 30px;}

/* bloky ---------------------------------------------------------------------- */
#celek {position: relative; width: 940px; top: 0; height: auto; margin: 0 auto;}
#logo, #logo1, #slogan, #slogan1, #jazyk, #ikony, #vrchmenu, #kategorie, #aktuality, #aktualityn, #paticka1 {position: absolute; margin: 0; padding: 0; z-index: 3;}
#hlava {clear:left; top: width: 940px; height: 248px; background: url('../img/hlava.jpg') top no-repeat;}
#hlavau {clear:left; top: width: 940px; height: 380px; background: url('../img/hlavau.jpg') top no-repeat;}
#logo {left: 115px; top: 70px; width: 163px; height: 58px;}
#logo1 {left: 56px; top: 114px; width: 163px; height: 60px;}
#slogan {left: 115px; top: 138px; width: 430px; height: 40px; line-height: 1.4;}
#slogan1 {left: 25px; top: 190px; width: 350px; height: 60px; line-height: 1.4;}
#jazyk {left: 20px; top: 10px; width: 500px; text-align: left;}
#jazyk a {color: #ffffff; text-decoration: none; padding-right: 10px;}
#jazyk a:hover {color: #999999;}
#jazyk a.seda {color: #cccccc; text-decoration: none; padding-right: 10px;}
#ikony {right: 20px; top: 10px; width: 300px; text-align: right;}
#aktualityn {left: 820px; top: 332px; width: 90px; height: 20px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 90%;}
#aktualityn a{color: white;}
#aktualityn a:hover{text-decoration: underline;}
#aktuality {left: 620px; top: 380px; width: 290px; text-align: right; line-height: 1.4;}
#kategorie {left: 40px; top: 215px; width: 160px; height: 20px; color: #ffffff; font-weight: bold;}
#menu, #obsah {width: 210px; float: left; margin: 0; padding: 0;}
#obsah { width: 660px; padding: 20px 0px 10px 35px; margin: 0;}
#paticka, #paticka1 {clear:left; width: 912px; height: 43px; padding-right: 28px; padding-top: 20px; padding-bottom: 10px; color: #ffffff; background: url('../img/paticka.gif') repeat-x; text-align: right;}
#paticka1 {left: 0; top: 686px; width: 912px; height: 34px; padding-right: 28px; padding-top: 9px; background: url('../img/paticka1.gif') repeat-x;}
#paticka a, #paticka1 a {color: #ffffff; text-decoration: none;}
#paticka a:hover, #paticka1 a:hover {color: #999999;}
#pozadi {background: #ffffff url('../img/pozadi.gif') repeat-y; height: 100%; min-height: 100%; padding-bottom: 10px;}
#obsahs {float: left; width: 370px;}
#obsahp {float: right; width: 260px;}
.linka, .linka1 {background: url('../img/linka.gif') repeat-x; width: 660px; height: 22px; padding: 0; margin: 0; clear: both;}
.linka1 {width: 290px;height: 18px;}

/* moduly ---------------------------------------------------------------------- */
.modul, .modult, .modultc { width: 630px; padding: 0 21px 0 0; margin: 0px 0px 2px 0px; border: 8px solid #e7e7e7; background: #ffffff; float: left;}
.modult, .modultc { width: 620px; padding: 5px 21px 5px 10px; margin: 0px 0px 2px 0px;}
.modultc {border-color: #cc0000;}
.modul h3 {line-height: 2.0;}
.modul p {line-height: 1.2;}

/* bloky uvod ---------------------------------------------------------------------- */
#produkty, #prodejci, #racing, #firma {position: absolute; margin: 0; padding: 0; width: 300px; height: 182px; z-index: 3;}
#produkty {left: 0; top: 322px;}
#prodejci {left: 300px; top: 322px;}
#racing {left: 0; top: 504px;}
#firma {left: 300px; top: 504px;}
a.button, a.buttonen, a.buttonde, a.buttonit { display: block; padding: 9px 0px 0px 50px; margin: 0; background : url('../img/blok01.gif') no-repeat; color: #ffffff; 
	text-decoration: none; width: 300px; height: 182px; font-weight: bold; text-transform: uppercase; font-size: 90%;}
a.buttonen {background : url('../img/blok01en.gif') no-repeat;}
a.buttonde {background : url('../img/blok01de.gif') no-repeat;}
a.buttonit {background : url('../img/blok01it.gif') no-repeat;}
a:hover.button, a:hover.buttonen, a:hover.buttonde, a:hover.buttonit {background : url('../img/blok02.gif') no-repeat; color: #ffffff;}
a:hover.buttonen {background : url('../img/blok02en.gif') no-repeat;}
a:hover.buttonde {background : url('../img/blok02de.gif') no-repeat;}
a:hover.buttonit {background : url('../img/blok02it.gif') no-repeat;}
.flash {position: absolute; left: 8px; top: 42px; width: 283px; height: 110px;}

/* vrchni menu ---------------------------------------------------------------------- */
#vrchmenu {left: 219px; top: 206px; width: 530px; height: 34px; z-index: 3;}
#vrchmenu ul, #menu ul {list-style: none; margin: 0px; padding: 0px; border: none;}
#vrchmenu li, #menu li {float: left; margin: 0px; padding: 0px; border: none;}
#vrchmenu li a, #vrchmenu li a.neaktiv, #vrchmenu li .neaktiv {display: block; background: url('../img/menu01.gif') repeat-x; width: 130px; height: 34px; border-right: 1px solid #ffffff; text-align: center; text-decoration: none; color: #ffffff; line-height: 2.7; font-weight: bold;}
#vrchmenu li a:hover {background: url('../img/menu06.gif') repeat-x; color: #ffffff;}
#vrchmenu li a.neaktiv {background: url('../img/menu03.gif');}

/* menu ---------------------------------------------------------------------- */
#menu li a {display: block; background: url('../img/menu01.gif') no-repeat; color: #ffffff; text-decoration: none; width: 170px; height: 34px; line-height: 2.7; padding-left: 40px; text-align: left; font-weight: bold;}
#menu li a:hover {background: url('../img/menu06.gif') no-repeat; height: 34px; color: #ffffff;}
#menu li.neaktiv {background: url('../img/menu02.gif') no-repeat; height: 34px; width: 170px; padding-left: 40px; line-height: 2.7; color: #ffffff; font-weight: bold;}
#menu li.podmenu, #menu li a.podmenu {background: url('../img/menu03.gif') no-repeat; color: #ffffff; text-transform: none; height: 34px; line-height: 2.8; }
#menu li a:hover.podmenu, #menu li.neaktiv {background: url('../img/menu02.gif') no-repeat; height: 34px; }
#menu li.podmenum, #menu li a.podmenum {background: url('../img/menu04.gif') no-repeat; color: #ffffff; text-transform: none; height: 28px; line-height: 2.2; font-weight: normal; }
#menu li a:hover.podmenum, #menu li.neaktivm {background: url('../img/menu05.gif') no-repeat; height: 28px; }
#menu li a:hover.podmenum {background: url('../img/menu07.gif') no-repeat;}
#menu li.neaktivm {background: url('../img/menu05.gif') no-repeat; height: 28px; width: 170px; padding-left: 40px; line-height: 2.2; color: #ffffff;}

/* tabulky ---------------------------------------------------------------------- */
.tabulka { border: 0px; width: 100%; margin: 0; padding: 0;}
th, td { padding: 3px 5px 5px 20px; text-align: left;}
th { background: #333333; color: #ffffff; font-weight: normal;}
th a { color: #ffffff; font-weight: bold;}
td { background: #cccccc; color: #333333;}
td.tdsvetla { background: #dfdfdf; color: #666666;}

/* foto ---------------------------------------------------------------------- */
.noram, .ramm  {padding: 0px; border: 0px; margin: 0px;}
.ram, .ramb, .rams{padding: 1px; border: 8px solid #e7e7e7; margin: 8px; background: #ffffff;}
.ramb {margin: 2px;}
.rams {float: right;}
.ramm {border-right: 8px solid #e7e7e7; margin-right: 16px; float: left;}
.clearboth {clear: both;}
a.ikonaadobe, a.ikonaadobe1 { background: url('../img/ikonadobe.gif') no-repeat left center; padding: 5px 10px 5px 25px; line-height: 1.6; float: right;}
a.ikonaadobe1 {float: left; padding: 2px 2px 2px 25px;}

/* seznam ---------------------------------------------------------------------- */
.seznam, .seznam ul {width: 230px; float: left; padding: 0px; border: 0px; margin: 0px; list-style: none; }
.seznam ul {padding-top: 10px;}
.seznam li {float: left; display: block; background: url('../img/menu07.gif') no-repeat; width: 190px; height: 18px; line-height: 1.4; padding-left: 20px; }

/* formulare ---------------------------------------------------------------------- */
label, input, select, textarea {display: block; width: 200px; height: 16px; float: left; margin: 2px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
label {text-align: right; width: 200px; padding-right: 10px; text-align: right;}
input, textarea {margin-right: 10px; padding-left: 2px; border: 1px solid #999999; background: #ffffff; width: 300px;}
textarea {width: 300px; height: 100px; overflow: hidden;}
.tlacitko{padding: 5px; width: 140px; height: 26px; border: 0 none; text-align: left; background: #ffffff; color: #cc0000; font-weight: bold;}

/* mapa stranek ---------------------------------------------------------------------- */
#sitemap { padding-left: 30px;}
#sitemap li { list-style-type: none; margin: 0; padding: 0; border: 0px none;}
ul#sitemap > li {margin-bottom: 15px; padding: 0;}
#sitemap ul li {list-style-image: url('../img/l2_normal.gif');}
#sitemap ul ul li {list-style-image: url('../img/l3_normal.gif');}
#sitemap ul li.firstfollow {list-style-image: url('../img/l2_first_follow.gif');}
#sitemap ul li.last {list-style-image: url('../img/l2_last_item.gif');}
#sitemap ul ul li.firstfollow {list-style-image: url('../img/l3_first_follow.gif');}
#sitemap ul ul li.last {list-style-image: url('../img/l3_last_item.gif');}