html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif; background:#393939; text-align:center; font-family:open, Arial, sans-serif;}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:none; color:black;}
a:hover {text-decoration:none; color:#6E523B;}

@font-face {
    font-family:open-bold;
    src: url('fonty/OpenSans-Bold-webfont.eot');
    src: url('fonty/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonty/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonty/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:open-bold-italic;
    src: url('fonty/OpenSans-BoldItalic-webfont.eot');
    src: url('fonty/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonty/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonty/OpenSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:open;
    src: url('fonty/OpenSans-Regular-webfont.eot');
    src: url('fonty/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonty/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonty/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:open-italic;
    src: url('fonty/OpenSans-Italic-webfont.eot');
    src: url('fonty/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonty/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonty/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:10px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:10px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both;}
.cleaner-left {clear:left;}
.full {width:100%;}
.c {width:180px;}
.sloupec1 {float:left; width:48%; _width:46%;}
.sloupec2 {float:right; width:48%; _width:46%;}
.pod {padding-top:10px; clear:both;}
.nic {font-size:1px;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}

.w960 {margin:auto; width:960px; text-align:left;}
.relative {position: relative;}
.text {line-height:2em;}
.text a {text-decoration: underline; color:white;}
.text a:hover {text-decoration: none; }

/**
* @author Jiřík
*/

.good {background:#66547F; padding:4px 8px 4px 8px; margin:4px 0px 8px 4px; font-weight:bold;} /*Pro automatické odpovědi systému typu "Nastavení bylo uloženo."*/
.vyrazny {color:#977dbb;} /*Barevné zvýraznění textu*/
.input {border:solid 1px #977DBB; width:98%; background:white; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; padding:1px 2px 1px 2px;} /*Defaultní vstupní políčko pro text*/
.button {border:none; background:red; color:white; text-decoration:none !important;} /*Defaultní tlačítko jako  <input> a také jako <a>*/
a.button {padding:2px 5px 2px 5px;}
.x, a.button:hover {background:black; cursor:pointer; color:white !important;}
.vyraznyt, .vyraznyt td {background:#999999;} /*Občas je třeba zvýraznit řádek v tabulce*/

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1 {font:normal bold 140% Arial, sans-serif; margin:0px; padding:15px 0px 15px 30px; font-weight:bold;}
h2 {font:normal bold 130% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}
h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}

/*většinou formuláře*/
.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #977DBB; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px;}
.input_mini {width:25px;}
.button {background-color:#D9754B; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}
.x {color:black; background-color:#2A7C87; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.grafika2 {background:url("imgs/titulka-zahlavi.jpg") no-repeat top center; width:100%; margin-bottom:50px;}
.grafika1,.grafika4 {background:url("imgs/obsah-zahlavi.jpg") no-repeat top center; width:100%;}
.logo {display:block; width:217px; height:119px; background:url("imgs/logo-alpha.png"); float:left; margin:10px 0px 10px 58px; position: relative; z-index:5;}

#drobecka {float:right; color:#868686; margin-top:20px; font-size:11px;}
#drobecka a {color:#868686;}
#drobecka span.tbold {color:#7c6798; font-weight: normal;}
#drobecka a:hover {color:#FFFFFF;}

#menu {float:right; margin-top:36px; position: relative; z-index:5;}
.grafika1 #menu,.grafika4 #menu {position: absolute; bottom:20px; right:0px; margin:0px;}
#menu a {display:block; float:left; padding-left:11px; margin-left:4px; font-size:15px; color:#23292a; font-family:open, Arial, sans-serif;}
  #menu a span {padding-right:11px; display:block; }
  #menu a span span {padding:3px 0px; height:22px;}
#menu a:hover,#menu a.on {background:url("imgs/menu-l.png") no-repeat left top;}
  #menu a:hover span,#menu a.on span {background:url("imgs/menu-r.png") no-repeat right top;}
  #menu a:hover span span,#menu a.on span span {background:url("imgs/menu-bg.png") repeat-x;}
  
#hlavicka.grafika2 .w960 {position: relative; height:758px;}
#hlavicka.grafika1 .w960,#hlavicka.grafika4 .w960 {position: relative; height:187px;}

.tlacitko-zelene {float:right; margin-right:12px; border: 5px solid rgba(255,255,255,.24); border-radius: 8px; background-clip: padding-box; background-color: #5da132; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.29); width:150px; height:36px; padding-top:8px; color:white; font-size:17px; text-align: center; position: relative; z-index:2;  cursor:pointer;}
.tlacitko-zelene img {margin-right:15px;}
.grafika1 .tlacitko-zelene,.grafika4 .tlacitko-zelene {position: absolute; top:21px; right:38px; margin:0px;}
.tlacitko-zelene:hover {color:#B9E09F;}

#kyticky .textik {width:300px; height:200px; float:left; margin-top:145px; margin-left:65px;}
#kyticky .textik strong {color:#662b80; font-size:24px; font-family:open-bold; margin:0px; padding:0px; font-weight: normal; width:300px; line-height:1.2em; text-align: left; display:block;}
#kyticky span.vyrazny {color:#626161; font-size:15px; font-family:Georgia;  margin:0px; padding:0px; font-weight: normal; width:300px; line-height:1.3em; text-align: left; display:block; font-family:open, Arial, sans-serif;}
#kyticky {position: absolute; top:20px; right:0px; width:960px;}
#kyticky .kyticka .fr {}
#kyticky .kyticka {position: static; width:1020px;}
#kyticky .kyticka.poradi-8 .hover {width:302px; height:191px; background:url("imgs/tag-hover.png") no-repeat; position:absolute; top:115px; right:6px; display:none; cursor:pointer;}
#kyticky .kyticka.poradi-8:hover .hover {display:block;}
#kyticky-ovladani {position: absolute; left:140px; top:310px; z-index:3;}
#kyticky-ovladani div {width:17px; height:17px; float:left; margin-right:3px; background:url("imgs/prepinatko.png") no-repeat top;}
#kyticky-ovladani div.on,#kyticky-ovladani div:hover {background-position:bottom; cursor: pointer;}

#submenu {width:275px; font-size:14px; margin-top:40px; margin-bottom:35px;}
#submenu a {display:block; padding:7px 7px 7px 22px; border-bottom:1px solid #b6b6b6; border-top:1px solid #e1e1e1; background:url("imgs/submenu-bg.png") repeat-y;}
#submenu .nadpis {font-size:23px; color:#23292a; background:url("imgs/submenu-nadpis.png"); padding:15px 15px 7px 22px; border-bottom:1px solid #b6b6b6; }
#submenu a.onx {color:#7142b0;}
#submenu a:hover {color:#7142b0;}
#submenu a.superlast {background:url("imgs/submenu-last.png") no-repeat bottom center; border-bottom:0px; padding:7px 7px 12px 22px;}
#submenu a.superlast.on {background:url("imgs/submenu-last.png") no-repeat 0px -41px;}
#submenu a.on {background:url("imgs/submenu-bg-on.png") repeat-y center left; color:white; text-shadow:1px 1px 0px rgba(0,0,0,.32);}
#submenu a.uroven3 {padding-left:33px;}
#submenu a.uroven4 {padding-left:44px;}

#rozcestnik {height:290px; position: absolute; bottom:149px; left:0px; z-index:2;}
  #rozcestnik a {display:block; background-position:top; background-repeat:no-repeat; font-size:20px; font-family:open, Arial, sans-serif;}
  #rozcestnik a:hover {background-position:bottom;}
  .rozcestnik-1 {background-image:url("imgs/rozcestnik-1.png"); position: absolute; left:69px; width:276px; height:276px; font-size:25px; color:#595641 !important;}
  .rozcestnik-2 {background-image:url("imgs/rozcestnik-2.png"); position: absolute; left:320px; bottom:-8px; width:319px; height:319px; font-size:31px; color:#260e46 !important;}
  .rozcestnik-3 {background-image:url("imgs/rozcestnik-3.png"); position: absolute; left:614px; bottom:15px; width:275px; height:274px; font-size:25px; color:#47553f !important;}
  
  #rozcestnik a span {display:block; position: absolute; left:40px;  text-align:left; padding-left:12px;  line-height:130% !important;}
  .rozcestnik-1 span {width:110px; position: absolute; top:130px;}
  .rozcestnik-2 span {width:155px; position: absolute; top:150px;}
  .rozcestnik-3 span {width:110px; position: absolute; top:130px;}
  
#obsah {}

.navigace {}
.navigace a {float:left; display:block; margin-right:10px; text-align: center; margin-bottom:15px;}
.navigace a:hover {text-decoration: underline; color:#977DBB;}
.navigace a img {max-width:190px; height:auto; max-height:126px; padding:2px; background:#e9e9f5; border:2px solid #f5f6fa; display:block; }
#pravy .navigace a:hover img {background:#e7e9f4; border:2px solid #977DBB;}

.google-mapa a {color:white !important;}

 
#titulka-ikony {background:url("imgs/titulka-tmavy-stin.png") no-repeat bottom center; height:80px; padding-top:100px; position: absolute; bottom:0px; left:30px; padding-bottom:30px; margin-bottom:0px;}
.zelene-ikony {}
.zelene-ikony a {float:left; width:130px; background-position:left top; background-repeat: no-repeat; padding-top:5px; height:45px; color:white; padding-left:55px; font-size:18px; font-family:open, Arial, sans-serif;}
.zelene-ikony a span {display:block; color:#977dbb;}
.ikonka-1 {background-image:url("imgs/ikonka-1.png");}
.ikonka-2 {background-image:url("imgs/ikonka-2.png");}
.ikonka-3 {background-image:url("imgs/ikonka-3.png");}
.ikonka-4 {background-image:url("imgs/ikonka-4.png");}
.ikonka-5 {background-image:url("imgs/ikonka-5.png");}
.zelene-ikony a {background-position: left bottom;}
.zelene-ikony a:hover {background-position: left top;}
.text-ikony {margin-top:40px; color:#565854; line-height:2em;}

.sloupecek {float:left; width:275px; color:#b0b0b0; font-size:14px; line-height:1.58em;}
.sloupecek a {color:white; text-decoration: underline;}
.sloupecek a:hover {text-decoration: none;}
.sloupecek img {border:1px solid white; padding:1px; background:#e7e9f4; box-shadow: 0px 3px 2px #2D2D2D;}
.sloupecek .helve-cn-bold {color:#ffffff; font-size:30px; margin-bottom:20px;}
#sloupec-2 {width:380px; margin-left:20px; padding-top:0px;}
#levy #sloupec-2 {padding-top:0px;}
#sloupec-1.sloupecek {width:260px;}
#sloupec-3 {width:255px; float:right;}
#sloupec-3 img {position: relative; bottom:20px;}
#sloupec-1 blockquote {margin:2px 0px 10px 35px;}
#sloupec-1 span.vyrazny {background:url("imgs/ikonka-domu.png") no-repeat 0px 5px; padding-left:35px; display:block; font-weight:normal;}
#sloupec-1 strong {background:url("imgs/ikonka-telefon.png") no-repeat 0px 5px; padding-left:35px; display:block; font-weight:normal; margin-bottom:10px;}
#sloupec-1 i {background:url("imgs/ikonka-email.png") no-repeat 0px 5px; padding-left:35px; display:block; font-style:normal; margin-bottom:10px;}

#seda-pata {background:url("imgs/titulka-sedy-stin.png") no-repeat top center  #565854; padding:40px 0px; margin-top:30px;}

#galerie {width:928px; height:120px; position: relative;}
  #galerie .zalozka {display: none;}
  .galerie2 {position: relative; width:928px;}
  .galerie_stranka {height:120px;}
  .galerie_stranka a {margin-right:42px;}
  .galerie-sipecka {display: block; width:47px; height:41px; position: absolute; top:33px; }
  .galerie-sipecka.inv {display: none;}
  .galerie-vlevo {background:url("imgs/galerie-zpet.png") no-repeat top; position: absolute; left:-5px;}
  .galerie-vpravo {background:url("imgs/galerie-vpred.png") no-repeat top; position: absolute; right:-5px;}
  .galerie-sipecka:hover {background-position: bottom;}
  .w960 .galerie_obrazek {padding:2px; background:#e7e9f4; border:2px solid #f5f6fa; max-width:141px; max-height:120px;}
  .w960 .galerie_obrazek:hover {background:#e7e9f4; border:2px solid #977DBB;}
  a.galerie-link {width:152px; height:120px; display:block; float:left; text-align: center;}
  a.galerie-link.last {margin-right:0px;}
  
  /*    galerie    */
.galerie_obsah {}
.galerie_obsah td {background:#7F7F7F; vertical-align: middle; text-align: center; width:228px; height:228px;}
.galerie_obsah td div {width:208px; text-align: center; margin:auto;}
.galerie_obsah td {vertical-align: middle; text-align: center; padding:10px;}
.galerie_obsah td:hover {background:#66547F;}

#pravy .galerie_obsah td img {max-width:200px; max-height:198px; padding:2px; background:#e9e9f5; border:2px solid #f5f6fa; }
#pravy .galerie_obsah td img:hover {} 
  
#zapati {padding-top:30px; color:#8d8d8d; padding-bottom:40px; font-size:10px; background:#151819;}
#zapati .kontaktni {padding-bottom:20px; font-size:11px;}
#zapati a {color:#705990; text-decoration: underline;}
#zapati a:hover {color:white;}
#zapati .w960 {position: relative;}
#zapati-socials {float:right;}
.zapati-separator {background:url("imgs/zapati.png") repeat-x bottom; height:2px; width:100%; margin-bottom:20px; }
#zahlavi-socials {float:right; margin-top:15px;}
#zahlavi-socials .gplus {margin:3px 5px 0px 0px;}
#eshop-social {position: relative; bottom:8px;}
#eshop-social #google-plus {margin-top:5px;}

#obsah-ikony {padding-top:30px; padding-bottom:10px; background:#151819;}

#levy {width:300px; float:left; margin-right:10px; min-height:200px; height:auto !important; height:200px;}
#levy #sloupec-2 img {max-width:230px;}

#pravy {float:left; width: 650px;}
#pravy h1 {color:white; font-size:26px; font-weight:normal; padding:0px; margin:15px 0px 15px 0px;}
#pravy .text {line-height:2em; color:#cacaca; font-size:13px; position: relative; padding-bottom:80px;}
.ramecek-obrazku {padding:2px; background:#e9e9f5; border:1px solid #f5f6fa; }

#levy .sloupecek {float:left; margin:30px 0px 0px 0px;}

.odkazovy {position:absolute; bottom:10px; right:20px; text-transform: uppercase; font-size:10px; background:url("imgs/printer-pozadi.png") no-repeat bottom center;}
.odkazovy a {text-decoration: none; color:#575757;}
.odkazovy a.tbold {float:left; background-image:url("imgs/ikonka-tisk.png"); background-repeat:no-repeat; background-position:top left; height:22px; padding-left:32px;line-height:1.5em;margin-left:5px; font-weight: normal;}
.doporucit_odkaz {float:left; background-image:url("imgs/ikonka-doporucit.png"); background-repeat:no-repeat; background-position:top left; height:22px; padding-left:22px;line-height:1.5em; margin-left:15px;}
.odkazovy a:hover {color:#977DBB; background-position:bottom left;}
.odkazovy .doporucit_odkaz:hover {background-position:bottom left;}

#obsah-ikony a {border-right:1px solid #090a0a; border-left:1px solid #333333;}
#obsah-ikony a.ikonka-1 {border-left:0px;}
#obsah-ikony a.ikonka-5 {border-right:0px;}

/*------------------------eshop by skaldík-----------------------*/
#eshop-kategorie {margin-bottom:30px;}
.kategorie-polozka {float:left; display:block; text-align:center; font-size:14px; color:#FFF; margin:25px 2px 10px 2px; text-decoration:underline; }
.kategorie-polozka .helve-cn-bold {font-weight:normal; font-size:16px; margin:10px 0 14px 0; font-family:open, Arial, sans-serif;}
.kategorie-obrazek {width:145px; height:145px; border-radius:50%; border:5px solid transparent; display:block; }
.kategorie-obrazek img {width:135px; height:135px; display:block; border-radius:50%; border:5px solid #FFF;}
.kategorie-polozka:hover,.kategorie-polozka.on {color:#977dbb; text-decoration:underline;}
.kategorie-polozka:hover .kategorie-obrazek,.kategorie-polozka.on .kategorie-obrazek {box-shadow:2px 2px 8px #000; border-color:#74628b;}

#eshop-vlevo {float:left; width:700px;}
#eshop-vpravo {float:right; width:255px;}
#eshop-vpravo .sloupecek {width:240px; margin:0;}
#eshop-vpravo img {max-width:230px;}
#eshop-kontakty {background:#303030; width:280px;}
#eshop-kontakty .helve-cn-bold {font-size:22px; font-family:open, Arial, sans-serif;}
#eshop-kontakty-in {padding:20px; font-family:open, Arial, sans-serif; font-size:13px !important;}


.kat-produkt {width:215px; height:300px; display:block; float:left; background:#FFF; border-radius:5px; margin:0 15px 15px 0; position:relative;}
.kat-produkt-obrazek {width:195px; margin:auto; display:block; margin-top:10px; border:1px solid #CBCCD1;} 
.kat-detail {text-decoration:none !important; margin:14px 10px 0 0; width:85px; height:34px; background:url("imgs/produkt-detail.png") left top no-repeat; font-size:17px; text-shadow: 0 1px 1px rgba(0,0,0,.23); text-align:center; line-height:200%;}
.kat-detail:hover {background-position:left bottom;}
.kat-produkt .cena {color:#5da133; font-size:16px; margin:20px 0 0 14px;}
.top {width:46px; height:43px; background:url("imgs/top.png") no-repeat; display:block; position:absolute; top:24px; right:3px;}

#produkt {color:#c0c0c0; font-size:14px; line-height:160%;}
#produkt h1 {color:#FFF; font-size:26px;}
#produkt .vyrazny {color:#5da133; font-size:16px;}
#produkt-vlevo {float:left; width:530px;}
#produkt-vlevo h1 {margin:30px 0 20px 0; padding:0;}

.zaruka {padding-top:10px;}

#produkt-obrazek {border-radius:5px; background:#dddfe1; float:left;}
#produkt-obrazek-in img {border-radius:5px 0 0 5px;}
#produkt-obrazek-in {float:left;}

#dalsi-obrazky {background:#dddfe1; float:left; display:block; width:140px; text-align:center; border-radius:0 5px 5px 0; position:relative;}
#dalsi-obrazky img {border-radius:5px; margin:5px 0;}

#dalsi-obrazky-in {margin-top:42px; margin-left:12px;}
.slidehide-group {width:120px; height:370px; margin:auto;}
#arrowPrev,#arrowNext {display:block; width:18px; height:17px; position:absolute; cursor:pointer;}
#arrowPrev {top:20px; left:60px; background:url("imgs/sipka-nahoru.png") left bottom no-repeat;}
#arrowNext {bottom:-20px; left:60px; background:url("imgs/sipka-dolu.png") left top no-repeat;}

#rozsireny-popis {margin:15px 0;}

#kategorie-popis {padding:5px 8px;}
#kategorie-popis h1 {color:#FFF; font-size:26px; margin:20px 0 10px 0; padding:0; }

#cena-produkt {background:#5f536e; border-radius:5px; padding:20px 18px; margin-bottom:5px;}
#produkt_cena {font-size: 28px; text-shadow: -1px 0 1px rgba(0,0,0,.27); color:#ffffff; float:left; margin:14px 10px 0 0;}
#produkt-cena-obrazek {width:29px; height:25px; background:url("imgs/kvet-l.png") left bottom no-repeat; display:block; float:left; margin:12px 10px 0 0;}

#odsazeni {height:55px;}

#pocet-ks {width:40px; height:31px; box-shadow: 1px 1px 0 rgba(43,33,56,.28), inset -1px 1px 1px 0 rgba(0,0,0,.34); text-align:right; float:left; margin:7px 20px; font-size:16px; font-weight:bold;}

.koupit-tlacitko {background:#5da133 url("imgs/kosik.png") 10px center no-repeat;  border-radius:5px; border:none; font-size:20px; text-shadow: -1px 0 1px rgba(0,0,0,.27); color:#FFF; text-transform:uppercase; padding:10px 10px 10px 50px; float:left; margin-top:1px;}
.koupit-tlacitko.x {background:#72B747 url("imgs/kosik.png") 10px center no-repeat;}

#produkt-vpravo {float:right; width:410px;}
.produkt-popis {margin:30px 0 20px 0; font-size:14px;}
.produkt-popis .vyrazny {color:#5da133; font-size:17px;}

table#table-info label {cursor:pointer;}
table#table-info label:hover #kytka-1,table#table-info label:hover #kytka-2,table#table-info label:hover #kytka-3 {background-position: left bottom;}
#kytka-1 {background:url("imgs/kvet-m.png") left top no-repeat; width:20px; height:19px; margin:0 14px; display:inline-block; position:relative; top:6px;}
#kytka-2 {background:url("imgs/kvet-l.png") left top no-repeat; width:28px; height:25px; margin:0 10px; display:inline-block; position:relative; top:8px;}
#kytka-3 {background:url("imgs/kvet-xl.png") left top no-repeat; width:37px; height:35px; margin:0 5px; display:inline-block; position:relative; top:12px;} 

table#table-info {margin:20px 0;}
table#table-info input {position:relative; top:-4px;}
table#table-info td {height:34px; font-size: 13px; color:#FFF;}

.zpet {color:#FFF; font-size:17px; float:right;}
.zpet em {width:41px; height:41px; background:url("imgs/sipka-zpet.png") left top no-repeat; display:inline-block; position:relative; top:14px; margin-right:14px;}
.zpet:hover {color:#5da133;}
.zpet:hover em {background-position: left bottom;}

#souvisejici {margin:0px 0 20px 0;}
.nadpis2 {font-size:26px; color:#FFF; margin:14px 0 20px 0;}

.sede-pozadi {background:#474747; padding:5px 20px; width:240px; margin-bottom:10px;}
.sede-pozadi h2,.kontakty-960 .helve-cn-bold,.kontakty-640 .helve-cn-bold {color:#FFF; font-size:22px !important; font-weight:normal; font-family:open-bold, Arial, sans-serif;}

.kontakty-960 {background:#303030; padding:25px 20px; width:945px;}
.kontakty-960 .vyrazny,.kontakty-640 .vyrazny {color:#977dbb !important;}
.kontakty-640 {background:#303030; padding:17px 20px; width:655px; margin-top:54px; min-height:305px;}  
.kontakty-640 #sloupec-2 img {display:none;}

.kosik-pocet {
  input {width:20px; float:right;}
}

.radek-tlacitka-kosik {
  td {padding-bottom:25px;}
}

.button,a.button {background:#5f9b11;; border-radius:3px; border:none; padding:6px 6px; color:#FFF; font-size:12px; cursor:pointer; text-decoration:none;  color:#FFF !important;}
.button:hover,a.button:hover {background:#9B65B3;}

a.kosik-tlacitko-vzad,.kosik-tlacitko-vzad  {text-decoration:none;  background:#666 ; border-radius:3px; padding:8px 8px; color:#FFF; font-size:12px;}
a.kosik-tlacitko-vzad:hover,.kosik-tlacitko-vzad:hover {background:#9B65B3;}


a.kosik-tlacitko-vpred,.kosik-tlacitko-vpred  {text-decoration:none; background:#5f9b11 url("imgs/sipka-dal.png") right center no-repeat; border-radius:3px; padding:14px 26px 14px 8px; color:#FFF; font-size:16px;}
a.kosik-tlacitko-vpred:hover,.kosik-tlacitko-vpred:hover {background:#9B65B3 url("imgs/sipka-dal.png") right center no-repeat;}

.kosik-dolni-radek .button {height:27px;}


.objednavka-krok2-skvira td {padding:0 !important; height:0px !important; display:none;}

/*---------------košíková navigace---------------*/
#navigace {margin-bottom:25px; position: relative;}

.zahlavi-kosiku {background:url("imgs/kosik/lista-bg.png") repeat-x bottom; padding-bottom:11px; position: relative; height:37px;}
.zahlavi-kosiku-left {background:url("imgs/kosik/lista-left.png") no-repeat left bottom; padding-left:13px;}
.zahlavi-kosiku-right {background:url("imgs/kosik/lista-right.png") no-repeat right bottom; padding-right:13px;}

.zahlavi-kosik-link {display: block; background:url("imgs/kosik/lista-sipka.png") no-repeat bottom center; padding:5px 5px 16px 5px; float:left; width:130px; text-align: center; text-decoration: none; color:#FFF;}
.zahlavi-kosik-link.navigace_3 {margin-right:0px;}

.zahlavi-kosik-link {margin-right:30px;}

.zahlavi-kosik-link { font-family:Arial, sans-serif;  font-size:14px; height:16px}

.zahlavi-kosik-link.on {color:#7da429;}
.zahlavi-kosik-link.onx {background:url("imgs/kosik/lista-sipka-on.png") no-repeat bottom center;}
.zahlavi-kosik-link:hover {color:#cf5a4d;}

div.zahlavi-kosik-link:hover {color:#707173; cursor: default;}

.zahlavi-kosiku-postup {background:url("imgs/kosik/lista-bg-on.png") repeat-x bottom; height:11px;}
.zahlavi-kosiku-postup-left {background:url("imgs/kosik/lista-left-on.png") no-repeat left bottom; padding-left:10px;}
.zahlavi-kosiku-postup-right {background:url("imgs/kosik/lista-right-on.png") no-repeat right bottom; padding-right:10px; position: absolute; bottom:2px; left:2px;}

   
 /*----------------kosik---------*/
.kosik-tabulka,.tabulka-doprava,.objednavka-krok2-table,.prehled-objednavky-public {border:1px solid #D5E9DE; background:#FFF url("imgs/filtr-pozadi.jpg") right center no-repeat; padding:20px; color:#000; margin-bottom:10px;}
.h2 {font-size:16px; font-weight:bold; padding:5px;}
.kosik-tabulka td,.tabulka-doprava td,.objednavka-krok2-table td,.prehled-objednavky-public td {padding:10px;}
.kosik-tabulka .input {border:1px solid #606060; height:16px; padding:2px;}


.prehled-objednavky-public {margin-top:30px;}
 
.good {padding:15px; background:#D5E9DE; margin:15px 0; color:#000;}
 
#navigace {margin:40px 0;}

.greyform {padding:20px !important; background:#F7F7F7; border:1px solid #d1d1d1; color:#000;}
.greyform .forms-input {border:1px solid #606060; height:16px; padding:2px;}
.greyform .button {background:#5f9b11; border-radius:3px; padding:8px 12px; color:#FFF; font-size:12px; cursor:pointer; margin-top:5px;}
.greyform .button:hover {background:#9b65b3;}

.w960 {color:#CACACA;}

/*------------------filtr-----------*/
#filtry {margin-bottom:20px; }

.sede {background:#585858; display:block; float:left; margin-right:1px; width:81px; height:96px; font-size:15px; color:#FFF; text-align:center; border-radius:4px;}
.sede:hover {background:#594a6d; color:#FFF !important;}

#netradicni {background:url("imgs/netradicni.png") left bottom no-repeat; width:50px; height:38px; display:block; margin:auto; margin-top:15px; margin-bottom:10px;}
#luxusni {background:url("imgs/luxusni.png") left bottom no-repeat; width:51px; height:38px; display:block; margin:auto; margin-top:15px; margin-bottom:10px;}
.sede.on {background-position: left top; background:#594a6d; color:#FFF !important;}
.sede:hover #netradicni,.sede:hover #luxusni {background-position: left top;}

#cenovy-filtr {float:left; background:#585858; display:block; border-radius:4px; height:96px; width:510px; font-size:14px; color:#FFF; position:relative;}
#cenovy-filtr .textik {font-size:16px; margin-bottom:10px;}
#cenovy-filtr .text {padding:10px 18px;}
#cenovy-filtr form {margin-left:70px; margin-top:10px;}
#cenovy-filtr .button {width:50px; height:16px; background:url("imgs/zrusit.png") left bottom no-repeat; display:block; position:absolute; bottom:10px; right:10px; padding:0 0 0 20px; text-transform:lowercase; color:#1d1e1c !important;}
#cenovy-filtr .button:hover {background-position: left top; color:#8571a0 !important;}

.ui-widget-content,.ui-state-default {background:none; border:none !important;}
.ui-slider-handle {background:url("imgs/posouvatko.png") no-repeat !important; display:block ; width:17px !important; height:31px !important; position:relative; top:-5px; cursor:pointer !important;}
.ui-slider-range,.ui-slider {background:url("imgs/linka-posuvnik.png") center center no-repeat !important; height:15px !important;}
.ui-slider {background:url("imgs/linka-posuvnik.png") center center no-repeat !important; height:15px !important;}

.eshop-objednavka-form .input {height:24px; width:40%; padding:0 4px;}
#div_dodaci .button {margin:10px 0; display:inline-block;}
#table_dodaci {margin-bottom:20px;}


.dodatecne-v-kosiku {background:#FFF; padding:15px 30px; color:#000; font-size:13px;}

.objednavka-krok2-podminky a {

  color: #FFF;
  text-decoration: underline;

} 

.objednavka-krok2-podminky a:hover {

  color: #7da429;

}