/*------------ OBECN?FORMT STRNKY -------------*/
body {
    font-family: Arial, sans-serif;
    line-height: 130%;
    color:#444;
    font-size:8pt;
    text-align:center;
   	background: url('../images/top-pozadi.jpg') repeat-x white top left;
    margin:0 0 35px 0;
    }
form {margin:0; padding:0;}
select, input, option {font-size:9pt;}
img {border:none;}
table {border-collapse:collapse;}
p   {margin:10px 0;}

a       {
        font-weight:normal;
        color:#444;
        text-decoration:underline;
        }

a:hover {
        color:black;
        text-decoration:none;
        }
/*-nadpisy-*/

h1      {
        font-size:12pt;
        color:#FFA52D;
        text-transform:uppercase;
        padding:2px 0 0 5px;
        margin:15px 0;
        line-height:13pt;
        }
h3  {font-size:9pt; font-weight:bold;}

/*------------ LAYOUT -------------*/

#cely-web   {
    	    text-align:left;
    	    width: 955px;
    	    margin:auto;
            }

#header {
        width:955px;
        height:244px;
   	    background: url('../images/header.jpg') no-repeat bottom;
        position:relative;
        }
#header a.uvodni {position:absolute; top:155px; left:20px; width:330px; height:90px;}
#header-buttons {font-size:9pt; position:absolute; top:40px; left:3px; height:42px; width:440px;}
#header-buttons a {text-align:center; line-height:9pt; text-decoration:none; color:white;  margin-left:2px; float:left; display:block; width:100px; height:42px; background: url('../images/header-button.gif') no-repeat -100px 0px;}
#header-buttons a:hover {background-position: 0px 0px;}
#header-buttons div.aktivni {text-align:center; line-height:9pt; text-decoration:none; color:white;  margin-left:2px; float:left; display:block; width:100px; height:42px; background: url('../images/header-button.gif') no-repeat 0px 0px;}
#header-buttons span {position:relative; top:10px;}

#header .kosik {line-height:16pt; font-size:9pt; width:190px; position:absolute; top:50px; right:10px; color:white; font-weight:bold;}
#header .kosik span {color:#AA3232; font-size:11pt; padding-left:5px;}

#levo-stred     {width:735px; float:left;}
#levy           {width:240px; float:left; font-size:9pt;}
#stred          {width:465px; float:right; margin-right:20px; display:inline;}
#stred-obsah    {padding:0;}
#pravy          {width:220px; float:right;}
#footer         {background:#FEF9F4; border:1px solid #F8CCA5; padding:10px 15px; font-size:9pt; position:relative;}
#footer span.vyrobil {position:absolute; right:15px; top:10px;}
#footer span       {margin:0x 10px; padding:0;}

/*- menu -*/
#menu-prepinac {height:55px; width:230px; position:relative;}
.produkty {background: url('../images/menu-prepinac-1.jpg') no-repeat;}
.produkty a.prvni {color:white;}
.vyrobci {background: url('../images/menu-prepinac-2.jpg') no-repeat;}
.vyrobci a.druhy {color:white;}
#menu-prepinac a {text-decoration:none; display:block; width:100px; height:35px; position:absolute; top:12px; text-align:center; line-height:25pt;}
#menu-prepinac a.prvni {left:10px;}
#menu-prepinac a.druhy {left:110px;}

#menu ul    {
            margin:0 0 0 0px; padding:0;
            background: url('../images/menu-pozadi.jpg') repeat-y;
            }
#menu ul li  {
            padding:0px 0px 0px 11px;
            list-style-type:none;
            margin:0;
            width:203px;
/*            background: url('../images/menu-li.gif') no-repeat;*/
            }

#menu ul li a    {
                display:block;
                text-decoration:none;
                font-weight:normal;
                position:relative;
                line-height:105%;
                width:203px;
                color:white;
                }

#menu ul li a span {padding:10px 10px 10px 0px; cursor:pointer; width:160px;}
#menu ul li span {position:relative; left:36px; display:block; }

#menu ul li a:hover  {background-position:0 70px !important;}
#menu ul li.aktivni {margin-left:11px; background: url('../images/menu-li-end.gif') repeat-y 0 70px; padding:10px 10px 10px 0px; line-height:105%; color:white;}
#menu ul li a {background: url('../images/menu-li-plus.gif') repeat-y 0 0;}
#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 0 0;}

.menu-zakonceni {height:33px; width:230px; background: url('../images/menu-zakonceni.gif') no-repeat bottom;}


#menu ul li.sub1 a { background: url('../images/menu-sub1-plus.gif') repeat-y;}
#menu ul li.sub1-aktivni {margin-left:11px; background: url('../images/menu-sub1-end.gif') repeat-y 0 70px; padding:5px 0px 5px 12px; 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:5px 0 5px 12px;  width:150px;}  /*-vyška a odstazení submenu-*/

#menu ul li.sub2 a { background: url('../images/menu-sub2-plus.gif') repeat-y;}
#menu ul li.sub2-aktivni {margin-left:11px; background: url('../images/menu-sub2-end.gif') repeat-y 0 70px; padding:5px 0px 5px 24px; 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:5px 0 5px 24px; width:140px;}  /*-vyška a odstazení submenu-*/

#menu ul li.sub3-aktivni {margin-left:11px; background: url('../images/menu-sub3-end.gif') repeat-y 0 70px; padding:5px 0px 5px 36px; line-height:105%;}
#menu ul li.sub3-minus a {background: url('../images/menu-sub3-minus.gif') repeat-y;}
#menu ul li.sub3 a {background: url('../images/menu-sub3-end.gif') repeat-y;}
#menu ul li.sub3 a span, #menu ul li.sub3-minus a span, #menu ul li.sub3-end a span {padding:5px 0 5px 36px;width:130px;}  /*-vyška a odstazení submenu-*/

.box-levy   {color: #666; margin-left:1px; margin-top:10px; background: url('../images/box-levy-stred.gif') repeat-y; width:235px;}
.box-levy a {color: #666;}
.box-levy-top {background: url('../images/box-levy-top.gif') no-repeat; height:45px; width:235px;}
.box-levy-obsah   {padding:10px 30px 10px 25px; line-height:15pt;}
.box-levy-top p {padding:18px 5px 0px 25px; margin:0;}
.box-levy-end {background: url('../images/box-levy-end.gif') no-repeat; height:29px; width:235px;}

.box-pravy   {margin-top:10px; background: url('../images/box-pravy-stred.gif') repeat-y; width:215px;font-size:8pt; color:#888;}
.box-pravy-top {background: url('../images/box-pravy-top.gif') no-repeat; width:215px;}
.box-pravy-top p {color:#FF9D0B; font-weight:bold; font-size:11pt; padding:20px 5px 0px 25px; margin:0;}
.box-pravy-obsah   {padding:10px 10px 10px 25px; line-height:13pt;}
.box-pravy-end {background: url('../images/box-pravy-end.gif') no-repeat; height:20px; width:215px;}
.box-pravy .cara {clear:both; background: url('../images/box-pravy-cara.gif') no-repeat white center center; width:90%; height:4px; font-size:0px; padding-bottom:10px;}

.box-zbozi  {font-size:7pt; padding:10px 7px 10px 15px; }
.box-zbozi h3 { margin:8px 0; padding:0;}
.box-zbozi h3 a {font-size:9pt; font-weight:bold; color:#87BD3D;}
.box-zbozi img {float:left; margin-right:5px;}
.box-zbozi .cena {color:#BF0202;}

table.kosik-box tr td {padding:2px 10px;}
table.kosik-box tr td h3 {padding:0px; margin:0;}
table.kosik-box tr td h3 a { font-size:8pt;}

.box-prepinac label {padding-right:10px;}

ul#drobky {margin:5px 0 30px 0px; padding:0; border-top:1px solid white;}
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:#85BC3C; font-size:normal;}
ul#drobky li.no-odkaz {color:#545252; font-weight:bold; background:none;}

#filtr {padding:20px 15px 0px 15px; background: url('../images/filtr-dole.gif') #F3F9EC no-repeat bottom; color:#699826;}
#filtr a, #filtr table tr td {color:#699826;}
#filtr table tr td  {padding-right:20px;}
#filtr .filtr-button {margin-top:3px;}

.strankovani {margin:15px 0;}
.strankovani a {color:#FF9A0A; font-weight:normal;}
.strankovani span {font-weight:bold; font-size:10pt;}

.oddelovaci-linka	{height:1px; font-size:0px;width:100%; border-bottom:1px solid #edbf04;}
table.produkty1 {border-collapse:collapse; width:100%; border-top:1px solid #EDBF04;}
table.produkty1 tr td {border-bottom:1px solid #EDBF04; width:50%; padding:15px 5px; vertical-align:top;}
table.produkty1 tr td img {float:left; margin:-5px 5px 0 0;}
table.produkty1 tr td h2 a {color:#86BD3D; line-height:12pt; font-size:11pt; margin:5px 0px 15px 0; font-weight:bold;}
table.produkty1 tr td h2 a:hover {color:#86BD3D;}
table.produkty1 tr td p {clear:left; padding-top:20px; margin:0;}
table.produkty1 tr td span {color:#C00202;}

.cena-dop {color:#666; text-decoration: line-through !important;}

table.produkty-seznam   {width:100%;}
table.produkty-seznam tr td a {color:#538312; border-bottom:1px solid #F3F8EE; border-top:1px solid #F3F8EE;}
tr.barva td, tr.barva th {background: #F8FDF2; border-bottom:1px solid #F3F8EE; border-top:1px solid #F3F8EE;}
table.produkty-seznam tr th {color:black; font-weight:bold;}
table.produkty-seznam td.cena, table.produkty-seznam  th.cena {color:#545353; text-align:right;}
table.produkty-seznam tr .ks {width:100px; text-align:right;}

table.produkt-detail {width:100%; text-align:right; float:right;  margin-bottom:25px;}
table.produkt-detail tr td, table.produkt-detail tr th {font-weight:normal; padding:6px 8px; color:#538312; border-bottom:1px solid #F3F8EE; border-top:1px solid #F3F8EE; color:#525050;}
table.produkt-detail tr td.cena {color:#931902; text-align:right;}
table.produkt-detail tr th {text-align:left;}

table.kosik {width:100%; margin-bottom:25px; clear:right;}
table.kosik tr td .cena {text-align:right;}
table.kosik tr td a {color:#538312;}
table.kosik tr td, table.kosik tr th {padding:6px 8px; color:#538312; border-bottom:1px solid #F3F8EE; border-top:1px solid #F3F8EE; color:#525050;}
table.kosik tr th {font-weight:bold;}
table.kosik tr td.cena {color:#555; text-align:right;}
table.kosik tr th {text-align:right;}

.doprava_zdarma_od	{font-size:9px; font-style:italic; margin:5px 0 5px 20px;}
.doprava_zdarma_od span	{color:#538312;}

table.patern {clear:left;}

.detail-left {float:left; width:47%;}
.detail-left a, a.zvetsit {color:#547B20;}
.detail-right {float:right; width:51%; text-align:right;}

div.vlozit-do-kosiku {margin: 10px 0 15px 18px; font-size:9pt; text-align:left; line-height:10pt; float:right; width:48%;}
div.vlozit-do-kosiku span {color:#EDC004;}
div.vlozit-do-kosiku img {border:1px solid #D0D0D0; text-align:right;}
.nahledy img {border:1px solid #D0D0D0; text-align:right; padding:5px;}
.nahledy {text-align:right; float:right; clear:right; margin:20px 0 10px 15px;}
.nahledy p {margin:0px 0 20px 0;}
.nahledy a {font-size:8pt; color:#547B20;}

.vase-cena  {font-size:10pt; color:#b10000;}

table.registrace {width:100%;}
table.registrace td {padding:2px 5px;}
td.sekce {color:#97C645; height:30px; font-size:9pt;}
td.sekce div  {border-bottom:1px dotted #bbb; color:#97C645; padding-bottom:2px;}

table tr.sekce th {background:url('../images/sekce.jpg') repeat-x #C3CFB9; padding:12px 5px; font-weight:bold;}

/*-ostatní-*/
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;}

.cena-soucet    {color:#B10000 !important;}
.ok         {color:green;}
.chyba_form {color:red;}
.main-color {color:#B10000;}
.cleaner    {clear:both; height:0px; font-size:0px;}
.left, table tr th.left       {text-align:left;}
.right      {text-align:right;}
.center     {text-align:center;}
.flright    {float:right;}
.flleft     {float:left;}
.bold       {font-weight:bold;}

.b  {color:blue;}
.r  {color:red;}
.g  {color:green;}