/* CSS Document */
* {margin:0;padding:0}
body {background-color: #4d0d12;font-size:75%;font-family:Arial, sans-serif;}
a img {border:0}
hr, .noscreen {display:none}
form * {vertical-align:middle;}
#xtopmain {width:100%;background:url('/images/back_top_repeat.png') top left repeat-x;}
#topmain {width:1200px;margin:0 auto;background:url('/images/back_top.png') top center no-repeat;}
#bottommain {width:1200px;margin:0 auto;background:url('/images/back_bottom.png') bottom center no-repeat;}
#xbottommain {width:100%;background:url('/images/back_bottom_repeat.png') bottom left repeat-x;}
#main {width:1000px;margin:0 auto;overflow:hidden;}
#main .lista {width:100%;height:29px;background:url('/images/lista.jpg') repeat-x;padding:2px 0;overflow:hidden;}
#main .lista .slog {width:250px;background:url('/images/slog.jpg') no-repeat;height:27px;float:left;}
#main .lista .slog span {display:none}
#main .lista .search {float:right;width:400px;background:url('/images/kyt.gif') no-repeat 282px bottom;border:0;padding:0;margin:0;margin-top:2px;padding-bottom:6px}
#main .lista .search .hled {background:url('/images#/hledat.gif') no-repeat;width:48px;height:23px;float:left;margin-left:5px;display:inline}
#main .lista .search .hled span {visibility:hidden}
#main .lista .search #phrase {margin-left:10px}
#main .lista .search .sub {width:45px;height:22px;cursor:pointer;border:0;background:url('/images/aub.gif');margin-left:10px}
#main .lista .karty {width:251px;float:left;background:url('/images/hlava.gif') no-repeat right 1px;height:32px;padding-top:5px; text-align: left;}

#main .header {width:1000px;background:url('/images/head.jpg') no-repeat;padding-top:18px;}
#main .header #horni_lista {width:1000px;overflow:hidden;background:url('/images/menu.jpg') repeat-x;}
#main .header ul {list-style:none;}
#main .header ul li {float:left;background:url('/images/menuli.jpg') no-repeat right top;padding-right:1px}
#main .header ul li a { text-align:center;color:#fff;display:block;text-decoration:none;font-size:1.1em}
#main .header ul li a:hover, #main .header ul li.aktiv a {background:url('/images/hov.jpg') repeat-x}
#main .header ul li a span {padding:10px 21px;display:block}
#main .header ul li a:hover span, #main .header ul li.aktiv a span {background:url('/images/sip.jpg') no-repeat center top}

#main .header .logo {position:relative;width:193px;height:113px;overflow:hidden;margin-left:28px;}
#main .header .logo a span {position:absolute;background:url('/images/logo.jpg') no-repeat;top:0;left:0;overflow:hidden;z-index:1;display:block;width:193px;height:113px;cursor:pointer}
/**levy***/
#left {width:197px;float:left;}
#right .login {width:195px;background:#4e4e4e;color:#fff;padding-bottom:10px}
#right .login h2 {width:221px;height:35px;background:url('/images/login.gif') no-repeat;}
#right .login form {padding:6px 0 6px 10px}
#right .login form .loginform, #right .login form .mejl, #right .newsletter input {width:140px;margin-bottom:5px;border:1px solid #ccc;padding:2px}
#right .login form .sub {width:30px;color:#fff;cursor:pointer;border:1px solid #fff;background:#9d060b;padding:1px;margin-top:-4px;margin-left:4px}
#right .login a, #right .login p  {display:block;padding-left:10px;color:#fff;}
#right .login h3 {padding:5px}
#left h2 span, #right h2 span {display:none;}


#right .unews {color:#fff;padding:10px;}
#right .newsletter {padding-left:10px;margin-bottom:10px}
#right .newsletter .sub {width:30px;background:#9d060b;color:#fff;cursor:pointer;border:1px solid #fff;margin-left:4px}
#left h2.kat {width:195px;height:35px;background:url('/images/kategorie.gif') no-repeat;}
#left ul {list-style:none;width:195px;}
#left ul li {border-left:2px solid #4e4e4e; border-bottom:1px solid #4e4e4e}
#left ul li a {padding:10px 5px 10px 35px;display:block;background:url('/images/odr.gif') no-repeat 10px center #343434;color:#fff;text-decoration:none;zoom:1;height:1%}
#left ul li a:hover, #left ul li.aktivnili a {background:#a12331 url('/images/odrh.gif') no-repeat 10px center}
#left ul li ul {width:193px;}
#left ul li ul li {border:0;width:193px;}
#left ul li ul li a, #left ul li.aktivnili ul li a, #left ul li ul li ul li a, #left ul li ul li ul li ul li a {background:#652931;padding:4px 0 4px 40px;margin:0;font-size:1em;zoom:1 }
#left ul li ul li a:hover  {background:#652931; text-decoration:underline}

#left ul li ul li ul {width:193px}
#left ul li ul li ul li  {border:0;width:193px;}
#left ul li ul li ul li a {background:#652931;padding:4px 0 4px 50px !important;margin:0;font-size:1em;zoom:1 }

#left ul li ul li ul li ul{width:193px}
#left ul li ul li ul li ul li {border:0;width:193px;}
#left ul li ul li ul li ul li a {background:#652931;padding:4px 0 4px 60px !important;margin:0;font-size:0.8em;zoom:1 }
#left .vyrh2 {width:195px;height:35px;background:url('/images/vyrobci.gif') no-repeat;margin-top:8px}
#left .vyr a {color:#fff;}
#left .vyr a:hover {text-decoration:none}
#left .vyr {padding:10px;color:#fff}

/*registrace*/
.registracebc form{font-size:1.2em;width:300px;text-align:left;padding-left:5px}
/*.registracebc fieldset{border:0;color:#6a0f48;}*/
.registracebc fieldset{color:#4e4e4e;padding:5px;margin-top:8px}
.registracebc legend{font-size:1.2em;padding:5px;color:#000;}
.registracebc form fieldset input{border:1px solid #000;width:200px;float:left;margin:3px 0 0 0}
.registracebc form input{border:1px solid #000;width:130px;float:left;margin:3px 0 0 0}
.registracebc form label{text-align:left;width:150px;float:left;margin:3px 0}
.registracebc strong{padding-top:10px;font-size:1.3em}
.tlacitko {background:#9d060b;width:120px;padding:3px;border:1px solid #ccc;color:#fff;cursor:pointer;}

/*-----------------------------------------------------------------------------------------------------------------*/
.obsah {overflow:hidden;background:url('/images/bg2.jpg') repeat-y;zoom:1}
/****stredni sloupec*****/
#stred {width:568px;float:left;overflow:hidden;display:inline;margin-left:6px;padding-bottom:15px}
#stred h1 {font-size:2em;color:#39323F;padding:10px;margin-top:4px}
#stred h2 {font-size:1.5em;color:black;padding:4px;margin-top:4px;border-bottom: 2px solid black;text-align: left;}

.search {width:500px;margin:10px auto;border:1px solid #ccc;padding:5px;}
.search .phrase {border:1px solid #ccc;padding:2px}
.search .sub {padding:2px;}

.bann-vel {margin:5px 0 5px -5px;text-align:center;display:block}
.bann-mal {display:inline;margin-right:10px;margin-left:5px}

.vypis {width:568px;margin:5px auto 15px auto}
.vypis .produkt {width:279px;float:left;border:1px solid #ccc;margin:3px 3px 3px 0;height:179px;position:relative; padding-bottom: 0px;}
.vypis .produkt h3 a {color:#d6051b;text-decoration:none}
.vypis .produkt h3 {width: 263px; font-size:1.2em;height:40px;margin: auto;margin-top: 6px; border-bottom: 1px dotted #ababab;}
.vypis .produkt .obrazek {float: left; display: table; width: 100px; height: 132px; text-align: center;}
.vypis .produkt .obrazek div {display: table-cell; vertical-align: middle;}
.vypis .produkt .info {float: right; width: 179px; height: 126px;}
.vypis .produkt .popis {width: 169px; padding: 5px; height: 76px;}
.vypis .produkt .kupit {width: 169px; border: 1px solid #ccc; padding-left: 9px; height: 34px; background: url('/images/back_produkt_cena.png') repeat-x left;}
.vypis .produkt .cena {display: block; float: left; width: 109px;
color: #626262; font-size: 0.8em; font-weight: normal; padding-top: 9px;}
.vypis .produkt .cena strong {color: black; font-size: 1.5em; font-weight: bold;}
.vypis .produkt .detail {display: block; float: right; width: 60px; padding-top: 5px;}
.vypis .produkt .button_detail {width: 40px; height: 21px; background: url('/images/button_detail.png') no-repeat; font-size: 12px; color: white; margin: auto; display: block; text-decoration: none; padding-left: 8px; padding-top: 4px;}

.vypis .produkt .uimg {border:0;margin:5px;display:block;min-height:90px;_height:90px}

.submenu {margin:10px}
.submenu ul {list-style:inside;color:#000;}
.submenu li {padding-left:10px;}
.submenu a {color:#9D060B}
.submenu a:hover {text-decoration:none}
.zaznamy a {color:#9D060B}

.novinky {list-style:inside;padding-left:10px}
.uvodni_text {width:540px;margin:5px auto;line-height:140%}
.uvodni_text a {color:#9D060B}
.filtr {width:500px;margin:10px auto;border:1px solid #ccc;padding:5px;}
.filtr input {padding:2px;border:1px solid #ccc}
.filtr .sub, .search .sub {cursor:pointer;color:#fff;background:#9d060b;border:1px solid #ccc;margin-left:30px;padding:2px}
.drobky a {color:#9D060B}
.urlvyr {display:block;margin:10px 0}
.urlvyr a, #detail-produktu .kosik-detail a  {color:#9D060B}
/******pravy********/
#right {width:221px;float:right;background:#4e4e4e}
#right .akce {width:221px;height:35px;}
#right .produkt {padding:5px;overflow:hidden;color:#fff;width:211px}
#right .produkt h3 {width:210px;padding:5px 0 5px 0px;display:block;font-size:1.1em}
#right .produkt h3 a {color:#fff;text-decoration:underline;}
#right .produkt h3 a:hover {text-decoration:none;}
#right .produkt .info {width: 210px;}
#right .produkt .obrazek {float: left; width: 100px; display: table;}
#right .produkt .obrazek a {float: left; width: 100px; display: table-cell; vertical-align: middle; text-align: center;}
#right .produkt .popis {float: right; width: 110px;}
#right .produkt .kupit {float: left; width: 210px; height: 31px; background: #353535;margin-top: 5px;}

#right .produkt .cena {display: block; float: left; width: 109px;
color: white; font-size: 0.8em; font-weight: normal; padding-top: 8px; padding-left: 9px;}
#right .produkt .cena strong {color: white; font-size: 1.5em; font-weight: bold;}
#right .produkt .detail {display: block; float: right; width: 60px; padding-top: 4px;}
#right .produkt .button_detail {width: 41px; height: 21px; background: url('/images/button_detail.png') no-repeat; font-size: 12px; color: white; margin: auto; display: block; text-decoration: none; padding-left: 8px; padding-top: 4px;}

#right h2.kos {width:221px;background:url('/images/kosikh2.jpg') no-repeat;height:35px}
#right h2.novi {width:221px;background:url('/images/novinky.gif') no-repeat;height:35px}
#right h2.zpravy {width:221px;background:url('/images/zpravy.png') no-repeat;height:35px}
#right h2.radio {width:221px;background:url('/images/radio.png') no-repeat;height:35px}
#right h2.facebook {width:221px;background:url('/images/facebook.png') no-repeat;height:35px}
#right h2.akce {width:221px;background:url('/images/akce.png') no-repeat;height:35px}
#right .ukose {width:161px;height:60px;color:#fff;background:url('/images/back_kosik.png') no-repeat;overflow:hidden;padding:10px 0 20px 60px;font-size:1.1em; font-weight: bold;}
#right .ukose strong {color: #c2c2c2; font-weight: normal;}
#right .ukose .pok {color:#fff;width:72px;display:block;height:20px;padding-top:2px;text-decoration:none;padding-left:18px;background:url('/images/button_objednat.png') no-repeat;margin-top:10px; font-weight: normal;}
#right a.banner img {border:0;}
#right .banner {margin:5px auto; display:block;}

#right .radia {padding: 12px;}
#right .radia a {color: #fff; float: left;}
#right .radia a:hover {text-decoration: none;}
#right .radia img {float: left; margin-right: 6px;}
#right .radia span {float: right; margin-top: 5px; text-decoration: underline;}
#right .radia span:hover {text-decoration: none;}

.uzprav ul li {list-style: none; width: 200px; padding-top: 10px; padding-bottom: 10px; margin: auto; border-bottom: 1px dotted black; color: #d8d8d8;}
.uzprav ul li.first {border-top: 0px;}
.uzprav a {color: white}
.uzprav strong {color: white; font-weight: bold;}

.ufacebook a {color: #fff;}
.ufacebook img {margin-right: 6px;}
.ufacebook div {margin-left: 12px; padding: 6px; padding-bottom: 0px;}

#detail-produktu {width:558px;float:left;background:#fff;padding:1px 0 15px 10px}
#detail-produktu h1 {font-size:2em;color:#39323F;padding:5px 10px 3px 10px;border-bottom:1px solid #39323f;margin-bottom:7px;width:530px;clear:both}
#detail-produktu .popisZbozi ul{list-style:inside;}
#detail-produktu .popisZbozi {color:#000;width:500px}
#detail-produktu h2 {color:#39323F;font-size:1.4em;padding:7px 7px 3px 7px;margin-bottom:3px;border-bottom:1px solid #ccc}
#detail-produktu .popish2, #detail-produktu .popisZbozi {color:#000;clear:left;width:550px;padding-left:8px;float:left}
#detail-produktu .popish3 {clear:left}
#detail-produktu .kosikh3 {width:266px;}
#detail-produktu .logoVyrobce {float:right}
#detail-produktu .urlvyr {float:left;margin-top:-1px}
#detail-produktu .kosik-detail {float:left;width:280px;margin-left:15px;display:inline;margin-top:7px}
#detail-produktu .kosik-detail .cena {margin-bottom:10px;display:block;font-weight: bolder;}
#detail-produktu .kosik-detail .js_cena {font-size:1.2em;color:#9d060b}
#detail-produktu .kosik-detail .ks {border:1px solid #ccc;width:20px;padding:2px}
#detail-produktu .kosik-detail .sub {width:120px;color:#fff;cursor:pointer;border:1px solid #ccc;background:#9D060B;padding:3px}
#detail-produktu del {font-size:0.9em}
#detail-produktu .varianty {margin:10px;float:left;width:530px}
#detail-produktu .varianty a {color:#39323F}
#detail-produktu .varianty strong {font-size:1.1em;border-bottom:1px solid #ccc;width:300px;padding-bottom:3px;display:block}
#detail-produktu .varianty .varianta {float:left;width:100px;margin:5px}
#detail-produktu .drobky {padding:5px;width:500px;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:10px;color:#000}
#detail-produktu .drobky a {color:#9D060B}
#detail-produktu .hobrazek {float:left;width:250px;display: table;}
#detail-produktu .hobrazek div {display: table-cell; width: 250px; vertical-align: middle; text-align: center;}
#detail-produktu .noprint {margin:5px auto;width:550px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;clear:left}
#detail-produktu .noprint  a {color:#9D060B}
#detail-produktu .noprint  a:hover {text-decoration:none}
#detail-produktu .produkt {}
#detail-produktu param, #detail-produktu embed {margin:10px}
.parametry {clear:left;border:1px solid #ccc;width:560px;margin:0 auto 10px auto;color:#54636D}
.parametry td {padding:4px 5px;}
.parametry .odd {background:#8B8B8B;color:#fff !important}
/****kosik*****/
table.vypis{width:100%;clear:left;margin-top:10px}
table.vypis a{color:#ae6126;}
table.vypis thead td{font-weight:bold;width:60px;text-align:center;font-size:0.9em;background-color:#EAEAEA;color:#000}
table.vypis tbody td{border-bottom:1px solid #eee;}
table.vypis tfoot td{background-color:#EAEAEA;  text-align:right;  font-size:14px;color:#000}
table.vypis tr.odd td{background-color:#EAEAEA;}
table.vypis td.cena{font-weight:bold;  text-align:right;}
table.vypis img{border:none}

#adresa{padding:10px;clear:left;width:500px;margin:12px}
#adresa table input {width:137px;background:#F7F7F7;padding:2px 3px 2px 7px;border:1px solid #E4E5E6;color:#000;font-size:0.9em;margin-left:9px}
#adresa table td {width:140px}
#adresa table{font-size:1.1em;clear:left;margin-top:10px;color:#000}
#adresa .sub, .sou .sub {width:140px;color:#fff;cursor:pointer;border:1px solid #ccc;background:#9D060B;padding:3px;margin-top:4px}
#adresa table textarea {background:#F7F7F7;margin-left:9px;border:1px solid #E4E5E6;}
#adresa a{color:#9D060B}
#adresa #dodani h3 {margin-left:-20px;margin-top:4px}
#adresa #dodani p {margin-top:5px}
.text a {color:#9d060b}

#footer {clear:both;width:960px;margin:0 auto;color:#fff;background:url('/images/footer.jpg');padding:15px 20px 3px 20px;overflow:hidden}
#footer p {width:330px;margin:0 auto;font-weight: normal !important}
#footer ul {overflow:hidden;width:820px;list-style:none;margin-left:150px;margin-top:15px}
#footer ul li {display:inline}
#footer ul li a {text-transform:uppercase;color:#fff;padding:5px;font-weight: normal !important;float:left;margin-right:10px;margin-left:10px;text-decoration:none;display:block}
#footer ul li a:hover {text-decoration:underline;background:#b8242d}
#footer ul li em {font-style:normal;float:left;width:5px;margin-top:5px}


#homepage_uvod {width: 567px; height: 187px; background: url('/images/homepage_uvod_back.png') no-repeat center; margin: auto; margin-top: 6px;}


#homepage_uvod .slideshow {
	float: left;
	width: 277px;
	position: relative;
}
#homepage_uvod .text {
	float: right; text-align: justify;
	width: 272px; height: 147px;
	margin-top: 40px; padding-left: 9px; padding-right: 9px;
	font-size: 11px;
}

.slideshow DIV {
    position:absolute;
    z-index:8;
    opacity:0.0;
    background-color: #FFF;
	font-family: verdana;
	color:white;
	font-size:12px;
}
.slideshow DIV.active {
    z-index:10;
    opacity:1.0;	
}
.slideshow DIV.last-active {
    z-index:9;
}
.slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#homepage_uvod .slideshow DIV {
	width:265px;
	height:141px;
	top:36px;
    left:11px;
}

#homepage_uvod .slideshow A {
	display: block;
	width:265px;
	height:141px;
	top:36px;
    left:11px;
    z-index:10;
}

#login_field {
	float: right;
	margin-top: 4px; margin-right: 6px;
	width: 203px; height: 20px;
	padding-left: 12px; padding-top: 6px; color: white;
}
#login_field a {color: white; font-weight: bold;}
.neprihlasen {background: url('/images/back_login.png') center no-repeat;}
.prihlasen {background: url('/images/back_login_in.png') center no-repeat;}

#login_field .js_Prihlasit {display: block; float: left; width: 70px; margin-left: 33px;}
#login_field .registrace {display: block; float: right; width: 60px; margin-right: 20px;}
#login_field a:hover {text-decoration: none;}

.js_LoginWindow {
    top: 30%;
    margin-left: -200px;
    width: 300px;
}

.js_LoginForm {
	text-align: center;
}
.js_LoginForm p.odkazy {
	width: 300px;
}
.js_LoginForm .popis {
	float: none;
}
.js_LoginForm .input {
	width: 200px;
}

#homepage_rek {
	width: 567px; height: 80px;
}
.rek01, .rek02, .rek03 {
	width: 189px; height: 80px; float: left;
}
.rek01 a, .rek02 a, .rek03 a {
	display: block; width: 189px; height: 80px;
}
.rek01 {background: url('/images/homepage_rek/1.jpg') top;}
.rek01:hover {background: url('/images/homepage_rek/1.jpg') bottom;}
.rek02 {background: url('/images/homepage_rek/2.jpg') no-repeat;}
.rek02:hover {background: url('/images/homepage_rek/2.jpg') bottom;}
.rek03 {background: url('/images/homepage_rek/3.jpg') no-repeat;}
.rek03:hover {background: url('/images/homepage_rek/3.jpg') bottom;}

#player {margin-top: 25px; text-align: center;}

#tema_armada h2 {border: 0px; color: #e5031b; padding: 0px; margin: 0px;}
#tema_armada h2 a {color: #e5031b; text-decoration: none;}

#tema_armada {padding: 10px;}


#clanek #profil {float: left; width: 545px; border-top: 5px solid #dadada; padding-top: 10px;}
#clanek #profil .obrazek {float: left; width: 210px; }
#clanek #profil .info {float: left; width: 335px;}
#clanek h2 {margin: 0px; padding: 0px; margin-bottom: 12px;}
#clanek .info a {color: #e5031b;}
#clanek .info a:hover {text-decoration: none;}
.aback {text-align: right; margin-top: 12px;}
.aback a {color: #8d8d8d;}
.aback a:hover {text-decoration: none;}

#clanky .clanek {width: 545px; float: left; padding: 10px; margin-top: 10px; padding-top: 6px; padding-left: 0px; border-top: 5px solid #dadada;}
#clanky .clanek .clanek_info {float: left; height: 90px; padding-left: 6px; padding-top: 6px;}
#clanky .clanek h2 {margin: 0px; padding: 0px; padding-bottom: 6px;}
#clanky .clanek .anotace {width: 460px;}
#clanky .clanek .anotace a {color: #e5031b;}
#clanky .clanek .anotace a:hover {text-decoration: none;}
#clanky .clanek img {float: left; margin-top: 10px; margin-right: 4px;}
#clanky .clanek .more {float: right;}
#clanky .clanek .more a {color: #8d8d8d;}
#clanky .clanek .more a:hover {text-decoration: none;}

#zmena-hesla p {padding: 3px; margin-top: 6px; margin-bottom: 6px;}
#zmena-hesla label {float: left; width: 150px; margin-top: 8px;}
#zmena-hesla input {float: left; width: 100px; margin-right: 6px; margin-top: 6px; margin-bottom: 3px;}
#zmena-hesla .zmena-hesla {width: 600px;}
label.error {color: red;}
#zmena-hesla .varovani {color: red;}