/* =====================================================================================================
*    title: Aglaja v1                                                                                  *
*     site: www.aglaja.cz                                                                              *
*    media: all                                                                                        *
*   design: Tomáš Pejřil, Graph!co [pejril@graphico.cz]                                                *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                                          *
*     date: 02/2009                                                                                    *
===================================================================================================== */

/* Reset a základní nastavení
----------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, a, em, strong, abbr, acronym, address, ol, ul, li, dl, dt, dd, form, fieldset, label, blockquote {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline;}
img#facebook {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle;}
html, body#aglaja {width: 100%; height: 100%;}
body {font: 75%/1.2em arial, helvetica, sans-serif; color: rgb(255,255,255); background: url("../images/bg.png") 0 0 repeat-x rgb(12,11,11);  background: url("../images/radial.png") 0 0 no-repeat, url("../images/bg.png") 0 0 repeat-x rgb(12,11,11);}
body.print {padding: 1cm; font: 100%/1.4em arial, helvetica, sans-serif; color: black; background: none;}
#obal {position: relative; width: 1050px; padding: 0 30px; margin: 0 auto;}
h4, strong {font-weight: bold; font-size:90%}
em {font-style: italic;}
ul, ol {list-style: none;}
p {padding-bottom: 1.2em;}
.clear {display: block; visibility: hidden; clear: both;}
.i, hr {display: none;}
.posledni {padding-right: 50px !important;}

/* Vzorník 
----------------------------------------------------------------------------------------------------- */
.error,
.err,
.ok {clear: left; margin: 10px 0; padding: 10px; color: rgb(241,57,57); border: 1px solid rgb(241,57,57);}
.ok {color: rgb(255,255,255) !important; border-color: rgb(255,255,255);}
p.ok {border: 1px solid rgb(15,100,180);}
.zelena {color: rgb(147,203,23) !important;}

/* Odkazy 
----------------------------------------------------------------------------------------------------- */
a:link {color: rgb(147,203,23); text-decoration: none;}
a:visited {color: rgb(255,255,255); text-decoration: underline;}
a:hover {color: rgb(147,203,23); text-decoration: underline;}
#produkty a:link {color: rgb(0,0,0); text-decoration: underline;}
#produkty a:visited {color: rgb(0,0,0); text-decoration: underline;}
#produkty a:hover {color: rgb(0,0,0); text-decoration: none;}
a.external {padding-right: 22px; background: url("../images/external.gif") top right no-repeat;}

/* Layout 
----------------------------------------------------------------------------------------------------- */
#hlavicka {position: relative; height: 107px; padding-top: 20px;}
#nav {overflow: hidden; padding: 15px 0 35px; line-height: 20px;}
#stranka {overflow: hidden; float: left; width: 715px; min-height: 450px;}
#hvezda {position: absolute; top: 221px; right: 30px; width: 335px; height: 335px;}
#extra {float: right; width: 310px; padding-top: 450px;}
#paticka {clear: both; padding: 20px 0; font-weight: bold; font-size: 14px; color: rgb(255,255,255);}
.fanklubobr {
	display: block;
	width:159px;
	height:auto;
	border: 14px solid #93CB17;
	margin:auto;
}
  
/* Hlavička, patička a nadpisy 
----------------------------------------------------------------------------------------------------- */
h1 {height: 30px; margin: 0 0 15px 10px; font-weight: bold; font-size: 24px;}
#kosik h1 {margin-left: 20px;}
#kosik .param h1 {margin-left: 0;}
h2 {position: absolute; bottom: 23px; left: 365px; font-weight: normal; font-size: 20px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(0,0,0);}
h3 {font-size: 115%; font-weight: bold;}
h5 {font-size: 100%; font-weight: bold; color: #a6ce39; margin-bottom:5px;}

#logo img {display: block;}

#paticka a:link {color: rgb(255,255,255); text-decoration: none;}
#paticka a:hover {color: rgb(147,203,23); text-decoration: none;}
#paticka a:visited {color: rgb(255,255,255); text-decoration: none;}
#paticka strong {font-weight: normal; color: rgb(147,203,23);}

#hlavicka .uzivatel {position: absolute; bottom: 20px; right: 0; font-size: 14px; line-height: 22px; text-align: center; color: rgb(0,0,0);}
#hlavicka .uzivatel a {font-weight: bold;}
#hlavicka .uzivatel a:link,
#hlavicka .uzivatel a:visited {text-decoration: none; color: rgb(0,0,0);}
#hlavicka .uzivatel a:hover,
#hlavicka .uzivatel a:focus {text-decoration: underline; color: rgb(0,0,0);}
#hlavicka .uzivatel h3 {display: inline; font-size: 14px;}
#hlavicka .uzivatel h3 a:link,
#hlavicka .uzivatel h3 a:visited,
#hlavicka .uzivatel h3 a:hover,
#hlavicka .uzivatel h3 a:focus {margin: 0 3px; color: rgb(255,255,255);}

/* Navigace 
----------------------------------------------------------------------------------------------------- */
#nav ul {text-align: center;}
#nav li {display: inline-block; font-size: 13px; text-transform: uppercase; color: rgb(147,203,23);}
  #nav li a {display: inline-block; padding: 0 7px 2px 7px;}
  #nav li a:link,
  #nav li a:visited {color: rgb(147,203,23); text-decoration: none;}
  #nav li a:hover {color: rgb(255,255,255); text-decoration: none;}
  #nav .aktivni a {margin: 0 -2px;}
  #nav .aktivni a:link,
/*  #nav .aktivni a:visited {color: rgb(0,0,0); background: rgb(255,255,255);} */
#nav li:after {content: '|'; color: rgb(255,255,255);}
#nav li:last-child:after {content: none;}

#hvezda li {text-indent: -9999px; font-size: 140%; line-height: 1.5;}
  #hvezda a {position: absolute; display: block; background: url('../images/star.png') 0 0 no-repeat;}
  #hvezda a:link {color: rgb(255,255,255); text-decoration: none;}
  #hvezda a:visited {color: rgb(255,255,255); text-decoration: none;}
  #hvezda a:hover {color: rgb(147,203,23); text-decoration: none;}
    #hvezda .aktivni {font-weight: normal; color: rgb(147,203,23);}
  #hvezda span {position: absolute; top: 0; left: 0; display: block;}

#hvezda .eshop a {top: 9px; left: 90px; z-index: 51; width: 121px; height: 103px; background-position: -90px -9px;}
#hvezda .kontakty a {top: 55px; left: 211px; z-index: 55; width: 99px; height: 120px; background-position: -211px -55px;}
#hvezda .odkazy a {top: 175px; left: 173px; z-index: 54; width: 119px; height: 70px; background-position: -173px -175px;}
#hvezda .fanclub a {top: 175px; left: 90px; z-index: 52; width: 121px; height: 133px; background-position: -90px -175px;}
#hvezda .aktuality a {top: 111px; left: 0; z-index: 53; width: 137px; height: 81px; background-position: 0 -111px;}
#hvezda .eshop.aktivni a,
#hvezda .eshop a:hover,
#hvezda .eshop a:focus {background-position: -90px -344px;}
#hvezda .kontakty.aktivni a,
#hvezda .kontakty a:hover,
#hvezda .kontakty a:focus {background-position: -211px -390px;}
#hvezda .odkazy.aktivni a,
#hvezda .odkazy a:hover,
#hvezda .odkazy a:focus {background-position: -208px -510px;}
#hvezda .fanclub.aktivni a,
#hvezda .fanclub a:hover,
#hvezda .fanclub a:focus {background-position: -90px -510px;}
#hvezda .aktuality.aktivni a,
#hvezda .aktuality a:hover,
#hvezda .aktuality a:focus {background-position: 0 -446px;}

#hvezda #podporujeme {top: 100%; left: 50%; width: 130px; height: 32px; margin: 15px 0 0 -65px; text-indent: -9999px; background-image: url('../images/buttony/podporuje.png');}
#hvezda #podporujeme:hover,
#hvezda #podporujeme:focus {background-position: 0 -32px;}

.facebook {position: relative; top: 5px; display: inline-block; height: 16px;}

/* Stránka 
----------------------------------------------------------------------------------------------------- */
img#animace {width: 480px; height: 319px; margin: auto; padding-right: 15px;}
img#banery {width: 234px; height: 78px; margin: auto; padding: 0;}
img#soutezni {width: 234px; height: auto; padding-right: 20px; float: left;}
img#nabidka {width: 180px; height: 135px; padding-right: 10px; float: left;}

.kolaktualita {float: left; width: 180px; padding-right: 19px;}

  #stranka div.soulevy {float: left; width: 400px; padding-right: 20px;}
  #stranka div.soupravy {float: none; width: 350px;}
  .soutez ul {padding-bottom: 2px;}
  .soutez li {float: left; padding: 0 10px 5px 0;}
  
  #stranka div.fanhlavicka {width: 500px; height:60px;}
  #stranka div.fanlevy {float: left; width: 232px;}
  #stranka div.fanpravy {width: auto; height: auto; text-align: left;}

dl.kontakty {float: left; width: 325px; margin-bottom: -5px; padding-left: 40px;}
  dl.kontakty dt {float: left; width: 100px; height: 115px;}
  dl.kontakty dd {height: 115px; margin-left: 100px;}
  dl.kontakty .hlavicka {height: 135px;}
    dl.kontakty h4 {margin: 0.6em 0 1.2em;}
    dl.kontakty .hlavicka h4 {margin-top: 0;}
    .kontakty a:link, .kontakty a:visited, .kontakty a:hover {text-decoration: none; color: rgb(255,255,255);}
    .kontakty a:hover {text-decoration: underline;}

  #certifikaty li {float: left; width: 33%; margin-bottom: 20px; text-align: center;}
  #certifikaty .solo {margin: 0 33% 20px;}
    #certifikaty h3 {margin: 0 6px 20px 0;}

#kolekce_detail {margin-top: 20px; padding: 5px; float:left;}
  #kolekce_detail p {font-weight: bold;}
  #kolekce_detail h3 {padding: 0.6em 0 1.2em; font-weight: bold;}
  #titul {float: left;}
  #titul2 {float: left; clear: left;}
  #titul3 {display: block; width: 180px; height: 360px;}
  #nabidka {float: right; width: 525px;}
  #kolekce_detail .plny {clear: left; width: 505px; padding-left: 10px;}
  #kolekce_detail .polo {float: left; width: 240px; padding-left: 10px;}
    #kolekce_detail ul {}
      #kolekce_detail li {float: left; padding: 0 20px 15px 0;}
        #kolekce_detail h4 {padding-bottom: 0.3em; font-weight: normal; text-transform: uppercase; text-align: center;}
  #kolekce_detail h3.text {clear: left; text-align: center;}

.p_foto #stranka h4, .p_foto2 #stranka h4 {padding-bottom: 1.7em; text-transform: uppercase; text-align: center; font-size:1.2em}
.p_foto #stranka ul, .p_foto2 #stranka ul {padding-left: 2px;}
  .p_foto #stranka li, .p_foto2 #stranka li {display: inline-block; padding: 0 12px 9px 0;}

.pop-info {clear: left; margin: 0 34px 5px 0; text-align: right;}

#extra {line-height: 1.4;}
    #extra h3 {margin-bottom: 7px; font-size: 16px; color: rgb(147,203,23);}
    #extra h5 {margin: 0; font-size: 100%;}
    #extra p {padding-bottom: 7px;}

ul.odkazy {margin-left: 300px; font-size: 16px; line-height: 2;}
ul.odkazy a {text-decoration: underline; color: rgb(255,255,255);}
ul.odkazy a:hover,
ul.odkazy a:focus {text-decoration: none; color: rgb(255,255,255);}

.zpet {margin-bottom: 40px;}
.zpet a {font-weight: bold; font-size: 16px; text-decoration: underline; color: rgb(255,255,255);}
.zpet a:hover,
.zpet a:focus {text-decoration: none; color: rgb(255,255,255);}

.galerie {width: 620px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(147,203,23);}
.nahled-galerie{
	width:200px;
	display:inline-block;
	margin-bottom: 1.7em;}

/* Aktuality
----------------------------------------------------------------------------------------------------- */
#stranka div.aktuality {background: url("../images/aktuality_bg.gif") top right no-repeat rgb(153,207,21);}
  .aktuality #novinky {margin-bottom: 25px;}
    .aktuality #novinky li {float: left; width: 110px; margin-right: 5px; padding: 5px; font-weight: bold; text-align: center;color: rgb(81,91,28);}
  
  .aktuality .zaznam {clear: left; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid rgb(175,209,67);}
  .aktuality .levy {width: 40%; float: left;}
  .aktuality .pravy {width: 60%; float: right; text-align: center;}
    .aktuality .pravy img {margin: 0 0 1.2em 5px;}
    .aktuality .pravy h5 {margin-left: 5px; text-align: center; font-weight: bold;}
    .aktuality .pravy ul {margin: 0 0 1.2em 18px;}
      .aktuality .pravy li {text-align: left; list-style: square;}
    
    .aktuality h3 {padding: 0 0 1.2em; font-weight: bold; font-size: 1.3em; line-height: 1.4em; text-transform: uppercase; color: rgb(255,255,255);}
    .aktuality h4 {padding: 0 0 1.2em; font-weight: bold; font-size: 1.3em; line-height: 1.4em; text-transform: uppercase;}

/* E-shop
----------------------------------------------------------------------------------------------------- */
#text {position: relative;}
#kolekce_nav {height: 90px;}

.response {padding: 60px; text-align: center;}
  .response h4 {margin-bottom: 18px; font-weight: normal; font-size: 14px; line-height: 18px;}
    .response h4 strong {font-weight: bold; font-size: 14px;}

.error,
.ok {padding: 10px; font-weight: normal; font-size: 12px; line-height: 15px;}
  .error strong {margin-right: 4px; padding: 2px 4px; font-weight: bold; font-size: 12px; background: rgb(255,35,35); border: 1px solid rgb(186,0,0);}
#produkty .error {margin: 0 25px 0 0; color: rgb(255,255,255); border-color: rgb(255,255,255);}
.notice {margin: 0 25px 0 0; border: 1px solid rgb(255,255,255); padding: 15px 20px; font-weight: normal; font-size: 12px; line-height: 15px;}
  #produkty .notice a {color: rgb(255,255,255);}
  .notice strong {font-weight: bold; font-size: 100%; color: rgb(147,203,23);}

#prihlaseni {margin: 40px 0 0 155px;}
  #nologin {display: block; margin: 0 0 40px 160px;}
  #prihlaseni legend {padding: 0 0 12px 160px; font-weight: bold; font-size: 18px; color: rgb(255,255,255);}
    #prihlaseni label {display: block; float: left; width: 150px; height: 26px; margin: 5px 10px 0 0; font-size: 18px; line-height: 26px; text-align: right;}
    #prihlaseni input.input {width: 160px; height: 22px; margin-top: 5px; padding: 0 4px; font-size: 18px; line-height: 20px; border: 2px inset rgb(128,128,128);}
    #prihlaseni input.submit {margin: 17px 0 40px 160px;}
    #prihlaseni h4 {padding: 4px 0 10px 160px; border: 0;}
      #prihlaseni h4 strong {color: rgb(255,255,255);}

#ucet {margin: 80px 0 0 100px; font-weight: bold; font-size: 18px;}
  #ucet h3 {margin: 0 0 20px 150px;}
  #ucet dl {margin-bottom: 20px; font-size: 15px; line-height: 21px;}
    #ucet dt {display: block; clear: left; float: left; width: 140px; min-height: 21px; margin: 0 10px 4px 0; text-align: right;}
    #ucet dd {width: 300px; min-height: 21px; margin: 0 0 4px 150px;}
    #ucet em {font-style: normal; font-size: 13px; color: rgb(177,205,73);}

#heslo {margin: 40px 0 0 100px; font-size: 15px;}
    #heslo h3 {margin: 0 0 20px 150px;}
    #heslo dt {display: block; clear: left; float: left; width: 140px; min-height: 17px; margin: 0 10px 4px 0; padding-top: 4px; text-align: right;}
    #heslo dd {width: 300px; min-height: 21px; margin: 0 0 4px 150px;}
    #heslo .submit {margin: 10px 0 20px 148px; padding: 5px 20px; font-size: 15px;}
    #heslo .error {margin: 0 100px 0 150px;}
    #heslo .ok {margin: 0 100px 0 0;}
        #heslo .ok a {display: block; margin: -10px; padding: 10px; background-color: rgb(255,255,255);}

#info {clear: left; float: left; width: 100px; padding-bottom: 60px;}
  #kategorie {margin-bottom: 50px;}
    #kategorie li {margin-bottom: 6px;}
    #kategorie li.top {margin-top: 30px;}
  #info .kosik {margin-bottom: 20px; padding: 7px 10px; font-weight: bold; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid rgb(147,203,23);}
    #info .kosik h3 {font-size: 14px;}
      #info .kosik h3 a {display: block; width: 76px; margin: -7px -10px 7px; padding: 7px 10px; font-weight: bold; text-align: left; background: url("../images/buttony/kosik_black.png") 95% 50% no-repeat rgb(0,0,0);}
      #info .kosik h3 a:link,
      #info .kosik h3 a:visited {text-decoration: underline; color: rgb(255,255,255);}
      #info .kosik h3 a:hover,
      #info .kosik h3 a:focus {text-decoration: none; color: rgb(255,255,255);}
    #info .kosik strong {color: rgb(255,255,255);}
  #info .uzivatel {font-size: 14px; line-height: 22px; text-align: center;}
    #info .uzivatel a {font-size: 14px; font-weight: bold;}
    #info .uzivatel a:link,
    #info .uzivatel a:visited {text-decoration: underline; color: rgb(255,255,255);}
    #info .uzivatel a:hover,
    #info .uzivatel a:focus {text-decoration: none; color: rgb(255,255,255);}

#search-form {margin-top: 20px;}
  #search-form #search {width: 100%; box-sizing: border-box;}
  #search-form select {width: 100%; padding-top: 3px; padding-bottom: 3px; box-sizing: border-box;}
  #search-form label {display: block; width: 100%; margin: 3px 0; box-sizing: border-box; cursor: pointer;}
  #search-form [type=checkbox] {margin: -3px 2px 0 0; vertical-align: middle;}
  #search-form [type=submit] {margin-top: 5px;}

#produkty {float: right; width: 584px; padding-left: 5px;}
  #produkty .brand-image {margin-bottom: 15px; padding-left: 15px;}
    #produkty .brand-image img {display: block; width: 100%; max-width: 559px;}
  #produkty .notice {max-width: 517px; margin: 0 0 15px 15px;}
  #produkty li {position: relative; float: left; width: 240px; height: 295px; margin: 0 0 15px 15px; padding: 15px; color: rgb(0,0,0); background: rgb(255,255,255); border: 1px solid rgb(133,133,133);}
    #produkty li h3 {position: relative; height: 40px; margin: -2px -5px 15px; padding: 0 135px 10px 5px; font-weight: normal; border-bottom: 1px solid rgb(133,133,133);}
      #produkty li h3 .price {position: absolute; top: 0; right: 5px; font-weight: bold; font-size: 12px; text-align: right;}
        #produkty li h3 .rabat {display: block; padding-top: 2px; font-weight: inherit; color: rgb(237,28,36);}
        #produkty li h3 strong {font-weight: inherit; font-size: inherit;}
    #produkty li h3 .in-stock {display: block; margin-top: 3px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: rgb(112,176,27);}
    #produkty li h4 {margin-top: -10px; font-weight: normal; font-size: 11px; color: rgb(0,0,0);}
    #produkty li .id {float: left; text-align: left;}
    #produkty li .case {float: right; text-align: right;}
    #produkty .preview-img {clear: both; position: relative; display: block; overflow: hidden; height: 110px; padding: 12px 15px 0;}
        #produkty img.produkt {/*width: 210px; height: 80px;*/ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
        #produkty img.produkt-tall {height: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    #produkty .preview-more {display: none;}
    #produkty p {padding: 15px 57px 0 0; font-size: 11px;}
    #produkty form {position: absolute; bottom: 0; left: 0; width: 240px; height: 76px; overflow: hidden; padding: 15px; background: rgb(172,215,77);}
      #produkty label {display: block; margin-bottom: 3px; font-size: 11px;}
      #produkty select {margin-bottom: 12px; border: 1px solid rgb(149,186,131);}
      #produkty .input {width: 38px; height: 18px; margin-bottom: 12px; padding: 0 2px; line-height: 18px; text-align: right; border: 1px solid rgb(149,186,131);}
      #produkty .param {float: left;}
        #produkty .param .size,
        #produkty .param .preview-main {float: left; display: block; height: 26px; font-size: 11px; line-height: 26px;}
        #produkty .param .size {margin-right: 12px; padding-top: 6px; line-height: 14px;}
      #produkty .where-to-buy {float: right; width: 45px; padding: 25px 25px 0 0; font-size: 109.1%; text-align: center;}
      #produkty .buttony {float: right; width: 50px; text-align: center;}

.strankovani {clear: both; margin-left: 150px;}
  .strankovani li {display: inline;}
  .strankovani li:after {content: ' | '; color: rgb(255,255,255);}
  .strankovani li:last-child:after {content: none;}
    .strankovani a {display: inline-block; padding: 2px 5px;}
    .strankovani .active a {font-weight: bold; color: rgb(255,255,255);}

#news {float: right; width: 584px;}
  #news div {margin-bottom: 1.5em; border-bottom: 1px solid rgb(147,203,23);}
    #news h3 {margin-bottom: 0.5em;}
      #news h3 span {font-size: 11px;}
    #news a img {display: inline-block; margin-right: 5px;}

#kosik h3 {margin: 15px 0 40px 20px; font-weight: bold; font-size: 24px; text-transform: uppercase;}
#kosik table {width: 675px; margin: 0 20px; border-collapse: collapse;}
  #kosik table td, #kosik table th {padding: 4px 6px; text-align: center; border-bottom: 1px solid rgb(0,0,0);}
  #kosik table .text {text-align: left;}
  #kosik table .num {text-align: right;}
  #kosik table .buttony th {border: none;}
  #kosik .col_nazev {width: 100px;}
  #kosik thead th {font-weight: bold; color: rgb(255,255,255); background: rgb(0,0,0); border: none; border-right: 1px solid rgb(147,203,23);}
  #kosik thead th.col_odebrat {border: none;}
  #kosik tfoot th {padding: 12px 6px;}
    #kosik input.num {width: 35px; text-align: right;}
.kosik_zpet {margin: 20px 0 0 20px;}
#dodani_obratem,
#dodani_najednou {float: left; margin: 0;}
#kosik .label_radio {display: block; margin-left: 25px;}

#kosik table.souhrn {width: 643px; margin-right: 90px;}
#kosik table.souhrn tfoot th,
#kosik table.souhrn tfoot td {padding: 4px 6px; text-align: left;}
#kosik table.souhrn tfoot .souhrn {padding: 4px 19px 4px 0; text-align: right;}
#kosik table.souhrn .buttony th {padding: 6px 0; text-align: right;}
#kosik table.souhrn .buttony .poznamka {text-align: left; vertical-align: top;}
#price_vat_total {font-weight: bold;}

#kosik fieldset.param {position: relative; margin: 0 0 14px 20px;}
  #kosik .param h3 {margin-left: 0;}
  #kosik .param h4 {margin: 15px 0 5px; font-size: 12px;}
  #kosik .param p {line-height: 17px;}
  #kosik .param label {font-weight: bold;}
  #kosik .param select {width: 360px; margin: 7px 0 0; padding: 1px 0; font: 12px/1.2em arial, helvetica, sans-serif;}
  #kosik .param li {line-height: 21px;}

#poznamka {position: absolute; top: 69px; right: 108px; width: 180px;}
  #poznamka textarea {width: 180px; padding: 3px 4px; font: 12px/1.2em arial, helvetica, sans-serif;}
#dodaci_adresa_vlastni {width: 350px; padding: 1px 3px; font-size: 12px;}

#dekujeme {padding: 30px 110px; font-size: 14px; line-height: 36px; text-align: center;}
  #dekujeme h3 {font-weight: bold; text-transform: uppercase;}
    #dekujeme h3 span {font-weight: bold; font-size: 18px; text-transform: none; color: rgb(255,255,255);}
  #dekujeme p {font-weight: bold;}

label.inline {margin-right: 10px;}
#email {font: 12px/1.2em arial, helvetica, sans-serif;}

#obchody {overflow: hidden; margin: 0 -15px 0 10px;}
    #obchody li {float: left; width: 225px; height: 11.2em; margin: 0 15px 15px 0; line-height: 1.4;}
    #obchody .line {clear: left;}
        #obchody h3 {font-size: 12px; text-transform:uppercase; line-height: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        #obchody p {padding: 0;}
        #obchody .ico {margin-top: 5px;}
        #obchody .ico a {margin-right: 5px;}
        #obchody a:link,
        #obchody a:visited {text-decoration: none; color: rgb(255,255,255);}
        #obchody a:hover {text-decoration: underline; color: rgb(255,255,255);}

#mapa ul {margin: 0 0 20px 10px;}
    #mapa ul a {display: inline-block; padding: 3px 0;}
    #mapa ul a:visited {color: rgb(147,203,23);}

#kosik a img {width: 46px;}
.gifbanner {
	width:234px;
	height:78px;
}

/* Historie objednávek
----------------------------------------------------------------------------------------------------- */

.history {line-height: 1.5;}
.history h1 {height: auto; margin: 0 0 1em; line-height: 1.25;}
.history h3 {font-size: 1em;}
.history strong {font-size: 1em;}
.history table {width: 100%; margin: 1.5em 0 3em; empty-cells: show; border-collapse: collapse;}
.history th,
.history td {padding: 0.75em 1em; border-bottom: 1px solid rgba(255, 255, 255, 0.2); white-space: nowrap;}
.history th {text-align: left;}
.history .number {text-align: right;}
.history .empty-cell {border-bottom: 0;}
.history .highlighted {color: rgb(0, 0, 0); background: rgb(220, 220, 220); background: rgba(255, 255, 255, 0.8);}
.history thead th,
.history thead td {font-weight: bold; color: rgb(0, 0, 0); background: rgb(147, 203, 23); border-bottom: 0;}
.history tfoot th,
.history tfoot td {font-weight: bold;}
.history .action {padding: 0.4em 0 0.4em 1em;}

.button {display: block; padding: 0.35em 0.5em; text-align: center; text-decoration: none; color: rgb(0, 0, 0); background: rgb(220, 220, 220); background: rgba(255, 255, 255, 0.8); transition: all 0.5s;}
.button:link,
.button:visited {color: rgb(0, 0, 0);}
.button:focus,
.button:hover {text-decoration: none; color: rgb(0, 0, 0); background: rgb(255, 255, 255);}

.history-row-highlighted {background: rgba(255, 255, 255, 0.1);}

.history-back {margin-bottom: 1.5em;}
.history-back span {font-size: 1.2em;}
.history-back a {color: rgb(255, 255, 255);}

/* E-shop print
----------------------------------------------------------------------------------------------------- */
.print #logo {display: block; width: 19cm; margin-bottom: 1cm;}
.print pre {font: 100%/1.4em arial, helvetica, sans-serif;}

/* IE6
----------------------------------------------------------------------------------------------------- */
* html #hvezda a:hover span {cursor: pointer;}
* html #kolekce_nav {margin: -10px 0 -5px 10px; font-size: 98%; letter-spacing: 0; float: left;}
* html dl.kontakty dd {height: 120px;}
* html #produkty {overflow: hidden; margin-bottom: 20px;}
* html .strankovani a {display: inline-block;}

/* IE7 
----------------------------------------------------------------------------------------------------- */
*:first-child+html #hvezda a:hover span {cursor: pointer;}
*:first-child+html #kolekce_nav {margin: -10px 0 -5px 10px; font-size: 98%; letter-spacing: 0;}
*:first-child+html #produkty {overflow: hidden; margin-bottom: 20px;}
*:first-child+html .strankovani a {display: inline-block;}

#produkty img.produkt {top: 12px\9;}


/* SVG Mapa
----------------------------------------------------------------------------------------------------- */
.state {
  fill: rgb(147,203,23);
  stroke: rgb(255,255,255);
  stroke-width: 1.5px;
  cursor: pointer;
  will-change: fill;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}

.state:focus,
.state:hover {
  fill: rgb(200,227,158);
}

.selected-state {
  fill: rgb(200,227,158);
}

.map {
  margin-bottom: 20px;
}

.map svg {
  width: 715px;
  height: 350px;
}

.inlinesvg .no-inlinesvg-map {
	display: none;
}

.no-inlinesvg svg {
	display: none;
}