body {margin: 0; padding: 0; background: #f5f5f5 url(img/bg-body-novy.jpg) no-repeat top center; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a {color: #CE1126;}
a img {border: none;}
select {font-family: Arial, Helvetica, sans-serif;}
table,td, th, input, option, textarea {font-family: Arial, Helvetica, sans-serif; font-size: /*1em*/12px;}
h1 {font-size: /*1.5em*/18px; color: #646464; font-weight: normal; margin: 20px 0;}
h2 {font-size: /*1.1em*/13px; margin: 20px 0 10px 0;}
p {line-height: /*1.5em*/18px; margin: 0 0 15px 0; text-align: justify;font-size: 12px;}
h6 {background: #EBEBEB; color: #323232; font-size: /*0.9em*/11px; font-weight: normal; padding: 10px; margin: 10px 0;}
h6 a {color: #323232;}
ul {list-style: none; margin: 10px 0; padding: 0;}
li{font-size: 12px;}
ul li {margin: 0 0 0 20px; padding: 0 0 10px 20px; background: url(img/sipka.gif) no-repeat left 3px; }
ol li {padding: 0 0 10px 0px; }
.cleaner{clear: both;height: 1px;}

#container {margin: 0 auto; width: 985px; position: relative; top: -20px\0/;&top: 0px;text-align: left;background-color: white;}
#hlavicka {height: 280px; position: relative;}
#logo {position: absolute; top: 23px; left: 25px;}
/*#slogan {position: absolute; top: 25px; left: 609px; width: 325px; border-left: 1px solid #fff; color: #fff; font-size: 2em; padding: 2px 0 2px 10px;} #slogan:first-line {font-size: 0.7em;}*/
#slogan {position: absolute; top: 13px; right: 35px; width: 405px; color: #fff; font-size: 1.2em; padding: 2px 0 2px 10px;} 
 #hledani {position: absolute; top: 56px; right: 80px; width: 550px;  margin: 0; padding: 0; text-align: left; font-size: 11px; }
 
#hledani select, #hledani input {margin-top: 5px; font-size: 11px;}
#hledani input.tlacitko {margin-top: 5px; margin-right: 5px;}

#levy {float: left; width: 202px; margin: 0px 0px 0px 12px;padding: 0px;}
#bily {float: right; width: 747px; margin-right: 12px; background: #fff; /*url(img/klikyhak.gif) no-repeat right top;*/  padding: 0 0 20px 0;}
#hlavni {float: left; width: 581px; margin: 0px 10px 0 0px; _margin: 0px 10px 0 0px;font-size: 12px;}
#pravy {float: left; width: 154px; margin: 30px 0px 0 0;}

/* levy */
#levy a {}
#levy a:hover {color: #E0D9D9;}
#menu a {padding-left: 32px;display: block; background: url(img/li.gif) no-repeat left 13px; text-decoration: none; font-weight: bold;}
#menu a:hover { color: #E0D9D9;}
#kontakt{width: 178px;padding: 12px;margin-bottom: 12px;background: #f5f5f5;color: #545454;}
#kontakt a{color: #545454;}
#kontakt table {width: 100%; _width:160px; color:white; }
#kontakt .kpolozka {padding-bottom: 4px;}
#kontakt .kpolozka div.x {float: left; min-width: 60px;padding-bottom:1px;}
#kontakt .kpolozka div.x + div.x {float: right;}

#levy h2{margin: 12px 12px 9px 12px;font-size: 17px;font-weight: normal;text-transform: uppercase;}
#levy h3{margin: 21px 12px 0px 12px;font-size: 14px;text-decoration: underline;}
#levy .cara{width: 202px;height: 2px;background: url(img/levy-cara.gif) center top no-repeat;}
#levy .cara.last{margin-top: 10px;}

.menu{width: 202px;background: #ebebeb;float: left;font-size: 12px;}
.menu.bot{margin-bottom: 12px;background: #f5f5f5;&padding-bottom: 10px;}
.menu ul li{width: 180px;padding: 0px 0px 0px 32px;margin: 0px 0px 10px 0px;background: url(img/li.gif) 12px 3px no-repeat;font-size: 12px;font-weight: bold;clear: both;}
.menu ul li a{color: #545454;text-decoration: none;cursor: pointer;display: block;}
.menu ul li a:hover{color: #545454!important;text-decoration: underline;}
/*.menu ul li.active{width: 170px;height: 15px;margin-bottom: 0px;background-color: #323232;background-image: url(img/li-active.gif);}
.menu ul li.active > a{color: white!important;}*/
.menu ul li.active {width: 170px;background-color: #323232;background-image: url(img/li-active2.gif);}
.menu ul li.active a{color: white!important;}
.menu ul li.lvl2{width: 100%;float: left;padding-left: 0px;background-image: none;background: #f5f5f5;}
.menu ul li.lvl2 ul{width: 202px;margin: 0px;padding: 10px 0px 1px 0px;@margin-bottom: 5px;}
.menu ul li.lvl2 li{font-size: 12px;font-weight: normal;background-image: url(img/li2.gif);}
.menu ul li.lvl2 li:hover{background-image: url(img/li2-active.gif);}
.menu ul li.lvl2 li:hover a{color: #ce1126!important;text-decoration: none;}

/* stredni */
.upoutavka {float: left; background: url(img/bg-upoutavka.jpg) no-repeat; width: 260px; height: 74px; overflow: hidden; margin: 0 0 10px 0;}
.upoutavka a {display: block; color: #fff; text-decoration: none; padding: 10px 10px 10px 30px; font-size: /*1.5em*/18px;}
#nabidka { margin: 0 0 20px 0; line-height: 40px; background: url(img/odrazka-velka.jpg) no-repeat left 50%; padding: 0 0 0 45px;}
#nabidka a {color: #CE1126; font-size: /*1.5em*/18px;}
.tip {border-top: 1px solid #DA5B06; background: url(img/tip.gif) no-repeat right top;}

h2.nazev-polozka {margin:  8px 0px 17px 0px; color: #ce1126; overflow: hidden;clear: both;}
.polozka {width: 100%;padding: 6px 1px;margin: 0px; color: #646464; font-size: 11px; background: #EBEBEB;float: left; }
.polozka img {margin-right: 17px;border: 1px solid white;float: left;}
.polozka div.strong{padding: 3px 7px; font-weight: bold; color: #000;}
.polozka div{padding: 3px 7px; color: #646464;}
.tecky{margin: 4px 0px 6px 0px;width: 100%;height: 1px;background: url(img/tecky2.gif) left top repeat-x;clear: left;float: left;}

/* pravy */
#kosik {background: #F5F5F5; padding: 0 0 10px 0; margin: 0 0 20px 0;}
#kosik p {line-height: /*1.1em*/13px; padding: 0 10px; font-size: 0.9em; margin: 0 0 6px 0;}
#kosik h6 {text-align: left; margin-top: 0px;background: #CE1126;color: white;}
#kosik h6 a{color: white;font-size: 13px;}
#bannery img, #bannery object {margin: 0 0 10px 0;}
#partneri {background: #F5F5F5; text-align: center; padding: 0 0 20px 0;}
#partneri img {margin: 10px 0;}
#partneri h6 {text-align: left; margin-top: 0px;}



#paticka {width: 100%; color: #ce1126;float: none;background: #f5f5f5;border-top: 1px solid #E24153;}
#paticka p{margin-top: 15px;text-align: center;}




.cleaner {clear: both; height: 1px; overflow: hidden;}
.tlacitko {background: #CE1126; color: #fff; border: none; cursor: pointer;}
/*.nadpisCerveny {color: #CE1126; font-size: 1.7em; margin: 0 0 5px 0;}*/
.nadpisCerveny {color: #CE1126; font-size: 1.7em; margin: 0 0 5px 35px;}
.w100 {width: 100%;}
.right {text-align: right !important;}
.center {text-align: center;}
.mezera {float: left; width: 8px; overflow: hidden;}
.small {font-size: /*0.9em*/11px;}
.povinne {color: #f00;}
.galerieRight {float: right; border: 1px solid #EBEBEB; padding: 1px; margin: 0 0 10px 20px;}
.ramecek {border: 1px solid #EBEBEB; padding: 1px;}


#nalezeno {font-size: /*0.9em*/11px; }
.strankovani {margin: 10px 0; padding: 0 10px;line-height: 20px;text-align: right; border-bottom: 1px solid #DA5B06; font-size: /*0.9em*/11px;}
.strankovani a {color: #999; padding: 0 5px; border: 1px solid #999; border-bottom: 1px solid #DA5B06; margin: 0 3px; text-decoration: none; }
.strankovani a:hover {color: #DA5B06; border: 1px solid #DA5B06;}
.strankovani a.active {color: #fff; background: #DA5B06; border: 2px solid #DA5B06; position: relative; bottom: 1px; }

.strankovaniDole {margin: 20px 0; padding: 0 10px; line-height: 20px; text-align: right; border-top: 1px solid #DA5B06; font-size: /*0.9em*/11px;}
.strankovaniDole a {color: #999; padding: 0 5px; border: 1px solid #999; border-top: 1px solid #DA5B06; margin: 0 3px; text-decoration: none; }
.strankovaniDole a:hover {color: #DA5B06; border: 1px solid #DA5B06;}
.strankovaniDole a.active {color: #fff; background: #DA5B06; border: 2px solid #DA5B06; position: relative; top: 1px; }

table.detail {border: none; border-collapse: collapse; margin: 0 0 15px 0;}
table.detail td, table.detail th {vertical-align: top; text-align: left; padding: 2px 5px; background: #f5f5f5; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
table.detail td.parametry {padding: 0; border-left: none;}
table.detail td.foto {text-align: center; padding-top: 5px;}
table.detail td.foto img {border: 1px solid #fff; margin: 0 0 5px 0;}
table.detail td.odkazy {vertical-align: bottom;}
table.detail .schranka {background: #ce1126; color: #fff; padding: 3px 5px; white-space: nowrap;}
table.detail a.zajem {display: block; text-decoration: none; text-align: center; border-top: 1px solid #fff; padding: 3px 5px; background: #777; color: #fff;}

.galerie {margin: 0 0 20px 0;}
.galerie img {border: 1px solid #EBEBEB; padding: 1px;}

table.filtr {font-size: 11px; color: #323232;}
table.filtr td {padding: 0 12px; vertical-align: top; }
table.filtr input {position: relative;  margin: 0 ; padding: 0; top /*\**/: 3px\9; &top:0; }
body:nth-of-type(1) table.filtr input{top:0;}

table.filtr td span {display: block; margin: 0 ; padding: 0; margin: 3px 0 ;}

table.filtr2 { float: right; margin: 0 30px 0 0 ;}
table.filtr2 td {line-height: 20px;}
table.filtr2 input {border: 1px solid #8C8C8C; position: relative; top: -2px;}

.nadrotackou{height: 42px;background: #f5f5f5;}
.nadrotackou p{margin: 11px 0px 0px 35px;width: 600px;font-size: 14px;text-align: center;float: left;}
.nadrotackou #vlajky {margin-right: 6px;float: right;} 
.nadrotackou #vlajky a{width: 40px;height: 24px;padding-top: 12px;display: block; float: left;text-align: center;}
.nadrotackou #vlajky a.active{background: #787878;}

.rotacka{width: 747px;height: 175px;background: gray;position: relative;margin: 0px;}
.rotacka #nav{position: absolute;top: 10px;left: 12px;z-index: 15;}
.rotacka #nav a{margin-right: 4px;width: 14px;height: 14px;line-height: 14px;font-size: 11px;color: black;background: #e1e4e5;text-align: center;text-decoration: none;display: block;float: left;}
.rotacka #nav a.activeSlide{color: white;background: #4c5051;}
#rotacka div{width: 747px;height: 175px;position: absolute;top: 0px;left: 0px;}
#rotacka img{position: absolute;top: 0px;left: 0px;}
#rotacka .text{width: 727px;min-height: 27px;padding: 3px 10px;position: absolute;top: 110px;left: 0px;z-index: 10;background: url(img/rotacka-back.png) left top repeat;font-size: 18px;line-height: 25px;font-style: italic;color: white;}

.pointer{cursor: pointer;}

.filtr{padding: 0px 10px;margin: 12px 0px 0px 0px;background: #f5f5f5;float: left;}
.filtr a{cursor: pointer;text-decoration: none;}
.filtr h2{margin: 12px 0px 0px 0px;padding-bottom: 3px;font-size: 14px;font-weight: normal;text-transform: uppercase;}
.filtr .cara{margin: 5px 0px 12px 0px;width: 100%;&width: 561px;height: 2px;clear: both;background: url(img/levy-cara.gif) left top repeat-x;}
.filtr strong{width: 105px;font-size: 13px;display: block;float: left;}
.filtr p{width: 455px;font-size: 11px;float: right;margin-bottom: 12px;}
.filtr p.margin{margin-bottom: 20px;}
.filtr p span{padding: 0px 4px;border-left: 2px solid #828282;float: left;}
.filtr p span.prvni{border: none;}
.filtr p a{padding: 2px 8px;color: #323232;line-height: 18px;}
.filtr p.margin a{padding: 2px 9px;}
.filtr p a:hover, .filtr p a.active{background: #ce1126;color: white;}
.filtr + form{margin: 0px 0px 13px 0px;padding: 0px 10px;font-size: 11px;clear: both;background: #787878;color: white;line-height: 38px;&height: 38px;}
.filtr + form strong{width: 50px;font-size: 14px;font-weight: normal;float: left;}
.filtr + form strong a{color: white; text-decoration: none;}
.filtr + form p{width: 500px;margin: 0px;line-height: 38px;float: right;}
.filtr + form input[type="text"]{border: 1px solid #bababa;height: 14px;}
.filtr + form input[type="submit"]{font-size: 14px;color: white;text-transform: uppercase;border: none;background: none;float: right;height: 38px;overflow: visible;&position: relative;&top: -38px;}
.filtr + form select{margin-right: 10px;font-size: 11px;height: 18px;border: 1px solid #bababa;}
.filtr + form input[name="cislo"]{margin-right: 10px;}
.filtr + form input[name="cislo"] + input[type="text"]{}

#webring {font-size: 11px; width: 800px; margin: 0 auto; line-height: 25px;}
#webring .sloupec {float: left; width: 160px;}
#webring2 {display: none;}
