/*------------ OBECN?FORMT STRNKY -------------*/
body {
    font-family: Arial, sans-serif;
    line-height: 130%;
    color:black;
    font-size:8pt;
    text-align:left;
    margin:0;
    background: url('../images/header.jpg') repeat-x white;
    }
option, select, textarea, input {font-family: Arial, sans-serif; font-size:8pt;}

a       {
        text-decoration:underline;
        font-weight:bold;
        color:black;
        }
a:hover {text-decoration:none;}
table a {color:#04679A;}

form {margin:0; padding:0;}
img {border:none;}
table {border-collapse:collapse;}
/*-nadpisy-*/

h1      {
        font-size:18px;
        color:#04679A;
        line-height:20px;
        }

h2      {font-size:16px;}
h3      {font-size:14px;}
h4      {font-size:12px;}
/*------------ LAYOUT -------------*/


#cely-web   {
    	    text-align:left;
    	    width: 100%;
    	    margin:auto;
   	        background: url('../images/main-pozadi.gif') repeat-y;
            }
#cely-web {
min-width:999px;
width:expression(document.body.clientWidth < 1001 ? "999px" : "100%" );
}


#header {
        width:100%;
        height:163px;
   	    background: url('../images/header-pravy.jpg') no-repeat right top;
   	    position:relative;
        }
#header p {margin:0; padding:0; font-weight:bold; line-height:100%; position:absolute;}
#header .header-stred-img {display:none;}
#header a.uvod {position:absolute; left:45px; top:10px; width:390px; height:95px; display:block; background: url('../images/logo-cz.gif') no-repeat;}
#header p.kosik-obsahuje {right:10px; top:24px;  text-align:right; font-size:9pt;}
#header p.prihlaseni {right:10px; top:110px;  text-align:right; font-size:9pt;}
#header a.kosik {position:absolute; right:100px; top:13px; width:75px; height:75px; display:block;}
#header form {position:absolute; right:10px; top:120px; color:white; font-size:9pt; font-weight:bold; }
#header form input.prihlas {border:1px solid black !important; width:80px; color:black; margin-right:5px; }
#header ul {padding:0; margin:0; position:absolute; left:0px; bottom:11px;}
#header ul li {list-style:none; float:left; background: url('../images/horni-oddel.gif') no-repeat right 8px;  padding:5px 13px 5px 7px; }
#header ul li, #header ul li a {font-size:8pt; color:white; text-transform:uppercase; font-weight:bold;}
#header p.registrace {top:158px; right:10px; padding:2px 0;}
#header p.registrace a {color:white; font-size:9pt; font-weight:bold;}
.en, .cz {font-weight:bold;position:absolute; top:92px; right:205px; font-size:11px; display:block; width:40px; padding-top:12px; text-align:right;}
.cz {top:75px; right:165px;}

#levy      {float:left; width:186px;}
#pravo-stred {float:right; width:81%; background:url('../images/header-doplnek.jpg') no-repeat right top;}
#pravy       { float:right; width:198px; margin-top:20px; background:white;}
#stred        {float:left; width:74%; background: url('../images/drobinky.jpg') no-repeat 5px 10px;}
#stred-obsah {padding:10px 2px 0px 5px;}

#stred-obsah ul.seznam li {margin:8px 0;}

/*-levy boxy*/
#hledani {background: url('../images/box-hledani-cz.gif') no-repeat; padding-top:30px; margin-bottom:10px;}
#hledani-obsah {background: url('../images/box-hledani-obsah.gif') repeat-y; padding-left:7px;}
#hledani-end {height:11px; background: url('../images/box-hledani-end.gif') no-repeat;}
#hledani input.text {border:1px solid black !important; width:100px;}
#hledani input.img {position:relative; top:7px;}
#kontakt {background: url('../images/box-kontakt-cz.gif') no-repeat; padding-top:30px;}
#kontakt-obsah {padding:10px 10px; background: url('../images/box-levy-stred.jpg') repeat-y;}
#kontakt-end {background: url('../images/box-levy-end.gif') no-repeat; height:6px;}
#hot-links {background: url('../images/box-hot-links-cz.gif') no-repeat; padding-top:30px;}
.levy-box-obsah {padding:10px 10px; background: url('../images/box-levy-stred.jpg') repeat-y;}

/*-pravy boxy*/
#akce {background: url('../images/box-akce-cz.gif') no-repeat right top;}
#akce a, #nejprodavane a {color:#04679A;}
div.cena1 {font-weight:bold; font-size:9pt;margin:0; padding:0; float:right; margin:35px 5px 15px 3px;}
img.akce-zbozi {border:1px solid #ccc; margin-top:10px;}
.box-pravy { padding-top:30px; margin-bottom:10px; text-align:center;}
.box-pravy-end {background: url('../images/box-pravy-end.gif') no-repeat; height:6px;}
.box-pravy-obsah {background: url('../images/box-pravy-obsah.gif') repeat-y; padding:10px 5px 0px 3px;}
.novinky-obsah { padding:10px 5px 2px 10px;}
#akce p {padding: 10px 0; margin:0;}
#footer {margin-top:20px; width:auto; height:42px; background: url('../images/paticka.gif') repeat-x; background-position: bottom left; color:white; text-transform:uppercase; font-size:8pt; position:relative;}
#footer a {color:white;}
#footer p.provozuje, #footer p.vyrobil {position:absolute; left:20px; top:18px; margin:0; padding:0; font-weight:bold;}
#footer p.vyrobil   {right:20px; left:auto;}
#nejprodavane {background: url('../images/box-nejprodavanejsi-cz.gif') no-repeat right top !important;}
#novinky {text-align:left; background: url('../images/box-novinky-cz.gif') no-repeat right top !important;}
#kosik-prehled {text-align:left; background: url('../images/box-kosik-cz.gif') no-repeat right top !important;}
#kosik-prehled table tr td {vertical-align:bottom; padding:3px 3px 3px 7px;}
#prepinac-men {background: url('../images/box-prepinac-men-cz.gif') no-repeat right top !important;}
#prepinac-men label {padding-right:15px;}

.banner {width:100%; height: 70px; text-align:center;}
.banner img {width:468px; height:60px; border:1px solid black;}

/*#under-footer {margin:20px auto; text-align:center; width:300px;}
#under-footer a {float:left; margin:0 3px;}*/

/*-zbozi-boxy-stred-*/
table.zbozi {width:100%;font-size:11px;}
table.zbozi tr td {text-align:center;}

.zbozi_box {width:192px; height:310px; border:1px solid #c1c1c1;
        background: url('../images/zbozi-top.jpg') no-repeat; text-align:center;
        position:relative;margin:0 auto 20px auto;}
.zbozi_box h2 {margin:0; padding:0; color:white; font-size:8pt; margin:0px 5px; width:182px; position:absolute; top:5px; left:0;}
.zbozi_box div.img {position:relative; left:0; top:54px; width:192px; height:150px;}
/*---pozor výpočet vertikálního zarovnávání se děje v php---*/

.zbozi_box p.cena {background: url('../images/zbozi-bottom.jpg') no-repeat; width:192px; height:51px; color:white;
                font-size:9pt; margin:0; padding:6px 0 0 0; position:absolute;
                bottom:46px; left:0; line-height:16px; font-weight:bold;}
.zbozi_box p.cena span.dop {font-size:10px;}
.x {text-decoration:line-through;}
.zbozi_box p.popis {position:absolute; left:0; top:260px; margin:0 5px; padding:0; width:182px;}
.zbozi_box a {color:white;}
.zbozi_box_prazdny {width:192px; height:310px;}
.vyrobce-box    {text-align:center; display:block; margin-top:3px;}

#vyrobci {background: url('../images/box-vyrobci-cz.gif') no-repeat; padding-top:30px; margin-bottom:10px;}
#vyrobci ul  {margin:0; padding:0; background: url('../images/box-menu-stred.jpg') repeat-y;}
#vyrobci ul li  {
            list-style-type:none;
            margin:0;
            }

#vyrobci ul li a  {display:block;
                background: url('../images/menu-li.jpg') repeat-y;
                text-decoration:none;
                font-weight:normal;
                position:relative;
                line-height:105%;
                width:180px;
                border-bottom:1px solid white;
                }
#vyrobci ul li span {padding:5px 10px 5px 15px; display:block;}

#vyrobci ul li.aktivni {width:180px; position:relative; background: url('../images/menu-li.jpg') repeat-y 0 63px; line-height:105%;}
#vyrobci ul li a:hover  {background-position:0 63px !important;}

/*- menu -*/
#menu {background-repeat: no-repeat; padding-top:4px; margin-bottom:5px;} /*-prepinac kategorie/vyrobci je definovan primo v kodu*/


#menu ul  {margin:0; padding:0; background: url('../images/box-menu-stred.jpg') repeat-y;}
#menu ul li  {
            list-style-type:none;
            margin:0;
            padding:0;
            }

#menu ul li a  {display:block;
                background: url('../images/menu-li-plus.gif') repeat-y;
                text-decoration:none;
                font-weight:normal;
                position:relative;
                line-height:105%;
                border-bottom:1px solid white;
                width:180px;
                }
.prepinac  {color:white; height:26px; display:block; position:relative; font-size:11px; font-weight:bold; text-transform:uppercase;}
.prepinac a {color:white;}
.prepinac .kat, .prepinac .vyr {position:absolute; left:24px; top:5px;}
.prepinac .vyr {left:110px;}



#menu ul li a span {padding:5px 0px 5px 0; cursor:pointer;}

#menu ul li.aktivni {position:relative; background: url('../images/menu-li-sipka.gif') repeat-y 0 63px; line-height:105%; padding:5px 0px 5px 0; border-bottom:1px solid white;}
#menu ul li.minus a {background: url('../images/menu-li-minus.gif') repeat-y 0 0;}
#menu ul li.end a {background: url('../images/menu-li-end.gif') repeat-y;}

#menu ul li a:hover  {background-position:0 63px !important;}
#menu ul li span {position:relative; left:23px; padding-right:26px !important; display:block;}
/*#menu ul li img {position:absolute; left:5px; top:4px;}*/
.menu-end {height:6px; width:186px; background: url('../images/menu-end.gif') no-repeat;}
/*- submenu- */

#menu ul li.sub1 a { background: url('../images/menu-sub1-plus.gif') repeat-y;}
#menu ul li.sub1-aktivni {border-bottom:1px solid white; background: url('../images/menu-sub1-sipka.gif') repeat-y 0 63px; padding:5px 0px 5px 10px; line-height:105%;}
#menu ul li.sub1-minus a {background: url('../images/menu-sub1-minus.gif') repeat-y;}
#menu ul li.sub1-end a {background: url('../images/menu-sub1-end.gif') repeat-y;}
#menu ul li.sub1 a span, #menu ul li.sub1-minus a span, #menu ul li.sub1-end a span {padding-left:10px}

#menu ul li.sub2 a { background: url('../images/menu-sub2-plus.gif') repeat-y;}
#menu ul li.sub2-aktivni {border-bottom:1px solid white; background: url('../images/menu-sub2-sipka.gif') repeat-y 0 63px; padding:5px 0px 5px 20px; line-height:105%;}
#menu ul li.sub2-minus a {background: url('../images/menu-sub2-minus.gif') repeat-y;}
#menu ul li.sub2-end a {background: url('../images/menu-sub2-end.gif') repeat-y;}
#menu ul li.sub2 a span, #menu ul li.sub2-minus a span, #menu ul li.sub2-end a span {padding-left:20px}

#menu ul li.sub3-aktivni {border-bottom:1px solid white; background: url('../images/menu-sub3-sipka.gif') repeat-y 0 63px; padding:5px 0px 5px 30px; line-height:105%;}
#menu ul li.sub3 a {background: url('../images/menu-sub3-end.gif') repeat-y;}
#menu ul li.sub3 a span {padding-left:30px;}


ul#drobky {margin:9px 0 30px 5px; padding:0;}
ul#drobky li {list-style:none; float:left; background: url('../images/drobinka-sipka.gif') no-repeat right 60%; padding:0 10px 0 5px; white-space:nowrap;}
ul#drobky li a {color:#FDAF09; white-space:nowrap;}

table.patern tr td {vertical-align:top;}

table.vyhledavani tr td {padding:1px 5px; vertical-align:top;}
/*--strana detail--*/
.detail-levy {float:left; width:220px; }
.detail-levy img {border:1px solid #04679A; margin:3px 0px 3px 22px;}
.detail-levy p {color:#04679A; font-weight:bold;}
.detail-pravy {margin-left:230px;}
.img-detail {text-align:center; width:192px; border:1px solid #aaa; background: url('../images/detail-img-top.jpg') no-repeat; padding-top:25px;}
.img-detail img {border:none; margin:0 0 15px 0;}
.img-detail-dole {background: url('../images/detail-img-bottom.jpg') no-repeat; height:25px;text-align:left;}
.img-detail-dole a {color:white;line-height:25px;  padding-left:30px; position:relative; top:1px;}
.bezna-cena {font-size:9pt; font-weight:bold;}
.vase-cena {font-size:16px; background:#EAF3F7; padding:6px; color:#04679A;}

table.kosik {width:100%; border:1px solid #aaa; border-bottom:2px solid #E86701; }
table.kosik tr th {padding:3px 5px; color:white; background: url('../images/horni-tab.jpg') #E86701 repeat-x;}
table.kosik tr td {border:1px solid #aaa; padding:2px 5px;}
table.kosik tr td.cena1 {font-size:8pt; color:black; text-align:right;}
table.kosik tr td.cena2 {font-weight:bold; font-size:8pt; color:#04679A; text-align:right;}

table.krok1 {width:100%;}
table.krok1 tr th {border:1px solid #aaa; padding:3px 15px; color:white; background: url('../images/horni-tab.jpg') #E86701 repeat-x;}
table.krok1 tr td {border:1px solid #aaa; padding:5px 20px;}

table.krok2 {margin-left:50px;}
table.krok2 tr td {padding-left:20px;}
table.krok2 tr td.sekce {color:#04679A; font-weight:bold; height:40px;}
table.krok2 tr td input {padding-left:3px;}

table.krok3 tr td {padding:1px 10px;}
table.krok3 tr td.sekce {color:#04679A; font-weight:bold; height:30px;}


table.seznam {width:100%;border:1px solid #ccc;}
table.seznam tr td {border:1px solid #ccc;padding:5px 10px;}
table.seznam tr th {padding:3px 15px; color:white; background: url('../images/horni-tab.jpg') #E86701 repeat-x;}
table.seznam tr td.border-none {border-bottom:none; border-left:none; border-right:none;}


/*-ostatní-*/
.cleaner    {clear:both;}
.right      {text-align:right;}
.left      {text-align:left;}
.center, td.center      {text-align:center;}

input.text {border:1px solid #7F9DB9;}

input.na, textarea.na {background: url('../images/req.gif') no-repeat white top right; border:1px solid #7F9DB9;}
input.default, textarea.default {background:white; border:1px solid #7F9DB9;}
.sekce {font-weight:bold; padding-top:15px;}
.chyba_form {padding-left:5px;color:red; font-weight:bold;}
.zprava_form {padding-left:5px;color:green; font-weight:bold;}
.strankovani {font-size:9pt; margin: 10px 10px;}
a.prepnuti {float:right;margin-right:30px;}

.bold {font-weight:bold;}
.main-color {color:#04679A;}
form.razeni, form.razeni input, form.razeni select, form.razeni option {font-size:8pt;}
form.razeni fieldset {border:1px solid #ccc; padding:5px;}
form.razeni legend {color:#FF7906;}
.flright {float:right;}
.flleft {float:left;}

table.tab a {color:#000000;}


/*--diskuze--*/
#diskuze-ram {border:1px solid #ccc; padding:5px;}
#diskuze ul {list-style-type: none; margin: 10px 0 10px 0; padding:0 0 0 15px; background: url('../img/diskuze-odsad.gif') repeat-y;}
#diskuze ul li {padding: 0; margin: 0;}
#diskuze ul li h4 {font-size: 12px; background: #eee;}
#diskuze ul li h4.zvyrazni {background:#FEFF9F;}
#diskuze ul li h4.admin	{border-bottom:1px solid #C5043B;}
#diskuze ul li .poslal {float:right; font-weight: normal; font-size: 10px; padding:0 15px;}
#diskuze ul li h4.admin .poslal {float:right; font-weight: normal; font-size: 10px; background: #C5043B; color:white; font-size: 12px;}
#diskuze ul li h4.admin .poslal a {color:white;}
#diskuze ul li p {font-weight: normal; font-size: 10px; margin:0 0 10px 0; padding: 0 0 10px 0;}
.nic {display:none;}

.ok			{color:orange; font-weight:bold;}
p.chyba		{color:red; font-weight:bold;}