body, h1, h2, h3, h4, h5 { margin:0; padding:0; }
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
img, iframe, canvas, video, svg { max-width: 100%; height: auto; }
input, textarea, select { max-width: 100%; margin-left: 0; margin-right: 0; }

a img { border:none; }
.viktor { clear:both; }
.skryt, .none { display:none; }
.center { margin-left:auto; margin-right:auto; }

body { background:#425B61; color:#fff; font-family: 'Fira Sans', sans-serif; }

doesnotexist:-o-prefocus, body { font-family: sans-serif; } /* pro Operu 12 */

.hneda { background-color:#896B62; }
.seda { background-color:#888888; }

a.cervene { color:#b00000 !important; text-decoration:none; transition: color 0.3s; }
a.cervene:hover { color:#ff0000 !important; text-decoration:none; }


#stranka { max-width:1200px; margin:auto; }
header { background:#896B62; height:86px; color:#fff; padding:0; position:relative; margin:15px 0 15px; }

header a.ha1 { display:block; text-align:center; color:#fff; text-decoration:none; transition: background-color 0.3s; padding:10px 0 5px; }
header h1 { font-size:34px; height:41px; text-transform:uppercase; letter-spacing:9px; word-spacing:2px; font-weight:400; }
header a.ha1:hover { background:#b49c96; }

#menuOdkazy { width:90%; margin:auto; font-size:20px; text-align:center;  }
#menuOdkazy a { display:block; float:left; width:25%; height:30px; text-align:center; color:#fff; text-decoration:none; font-weight:500; text-transform:uppercase; transition: background-color 0.3s; padding:3px 0; }
#menuOdkazy a:hover, #menuOdkazy a.aktivni { background:#b49c96; }


#levySloupec { float:left; width:18.5%; margin-right:1.5%; }
#stredniSloupec { float:left; width:44.5%; margin-right:1.5%; }
#pravySloupec { float:left; width:34%;  }

#stredniSloupec .kniha { margin-bottom:15px; }

#levySloupec a#logo { display:block; background:#cf8548; text-align:center; }
#levySloupec a#logo img { width:50%; }

#inpRychleHledani { width:100%; border:none; padding: 5px 15px 5px 38px; background: #fff url('../img/hledat.svg') no-repeat; background-size: 26px; background-position: 10px 50%; }

#divKategorie { padding:10px 0; }
#divKategorie a { display:block; color:white; font-size:13px; text-decoration:none; padding:5px 15px 4px; transition: background-color 0.3s; }
#divKategorie a:hover { background-color:#b49c96; }
#divKategorie a.aktivni { background-color:#b49c96; }
#divKategorie .submenu { background-color:#888888; padding:0; }

a#tlacKategorie { display:none; color:white; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; padding:12px 15px 8px; transition: background-color 0.3s; }
a#tlacKategorie:hover { background-color:#b49c96; }

div.prouzek { background:#cf8548; padding:2% 4%; color:#fff; margin-bottom:15px; }

div.kniha { background:#888888; padding:2% 4%; }
div.kniha h3 { margin:0; padding:0 0 6px 0; font-size:18px; }
div.kniha h3 a { color:#fff; transition: color 0.3s; }
div.kniha h3 a:hover { color:#fbf3ee; }
div.kniha img.kniha { float:left; width:35%; margin:0 2% 0 0; }
div.kniha p.popis { font-size:13px; color:#fff; margin:0; padding:0 0 0 37%; }

a.doKosiku, a.vKosiku, a.jinyKosik { display:block; float:left; background: url('../img/kosik.gif') 7px 35% no-repeat; padding: 7px 17px 4px 35px; margin:10px 0 0 0; text-align:center; color:#fff; text-decoration:none; transition: background-color 0.3s; }
a.doKosiku { background-color: #cf8548; }
a.doKosiku:hover { background-color:#896B62; }
a.vKosiku { background-color: #896B62; }
a.jinyKosik { background-color: #85291f; }

#paticka { clear:both; background:#896B62; color:#fff; padding:5px 0; text-align:center; font-size:11px; margin:15px 0 15px; }
#paticka a { color:#fff; font-weight:bold; }
#paticka a:hover { color:#cf8548; }

a.dalsiStrana { display:block; width:50%; background:#cf8548; color:#fff; font-size:14px; font-weight:bold; padding:10px 15px; text-align:center; text-decoration:none; transition: background-color 0.3s; }
a.dalsiStrana:hover { background:#b49c96; }


.strankovani { background:#888888; padding:2% 4%; text-align:center; margin-bottom:15px; }
.strankovani a.cisloStrany { background:#cf8548; padding:5px 8px; color:#fff; font-size:14px; text-decoration:none; transition: background-color 0.3s; }
.strankovani a.cisloStrany.aktivni { background:#896B62; }
.strankovani a.cisloStrany:hover { background:#b49c96; }

#pravySloupec { margin-bottom:15px; }
#pravySloupec h2 { font-size:18px; margin:0; padding:15px 15px 5px; }
#pravySloupec .aktualita { padding: 5px 15px; }
#pravySloupec .aktualita a { color:#fff; transition: color 0.3s; }
#pravySloupec .aktualita a:hover { color:#eee; }
#pravySloupec h3 { font-size:16px; margin:0; padding:5px 0 5px; font-weight:normal; }
#pravySloupec h3 span { color:#E6CB93; }
#pravySloupec p { font-size:13px; margin:0; padding:0 0 5px; }

#mobilniNovinka { background:#5e171a; padding:2em; margin:15px 0; }

/* detail */
#knihaDetail { float:left; width:80%; background:#888; padding:15px; }
#knihaDetail h2 { margin:0; padding:0 0 15px; font-size:25px; }

#knihaDetailPopis { float:left; width:48%; }
#knihaDetailPopis p, #knihaDetailPopis ul { font-size:15px; }
#knihaDetailPopis p:first-child { margin-top:0; padding-top:0; }
#knihaDetailPopis p.cena { font-size:18px; }
#knihaDetailPopis a.doKosiku { margin:0; }
#knihaDetailPopis h3 { margin:30px 0 0; padding:0; font-size:15px; font-weight:bold; }
#knihaDetailPopis a { color:#ddd; transition: color 0.3s; }
#knihaDetailPopis a:hover { color:#fff; }
#knihaDetailPopis ul { padding-left:20px; }
#knihaDetailPopis li { margin-bottom:5px; }

#knihaDetailFotky { float:right; width:49%; margin-left:3%; }
#knihaDetailFotky .prvni img { width:100%; }
#knihaDetailFotky .dalsi { overflow: hidden; display:block; float:left; width:24%; margin-right:1%; }

/* strana s textem */
.velkySloupec { float:left; width:80%; background:#888; padding:15px; font-size:14px; }
.velkySloupec h2 { margin:0; padding:0 0 15px; font-size:20px; }
.velkySloupec h3 { margin:0; padding:10px 0 5px; font-size:16px; }
.velkySloupec a { color:#fff; }

/* přihlašování */
.button50 { display: block; width:50%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; }
.button50:hover { background:#888; }

.logovani { font-size:13px; }
.logovani a { color:#fff; transition: color 0.3s; }
.logovani a:hover { color:#cf8548; }
.logovani h3 { padding:0 0 15px !important; }
.logovani label { display:block; }
.logovani input[type=text] { width:100%; margin-bottom:8px; padding:5px; font-size:14px; }
.logovani input[type=password] { width:58%; margin-bottom:8px; margin-right:2%; padding:5px; font-size:14px; }
.logovani select { width:100%; margin-bottom:8px; padding:5px; font-size:14px; }
.logovani #buttPrihlasitSe { display: block; float:right; width:38%; background:#cf8548; color:#fff; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s;  }
.logovani #buttPrihlasitSe:hover { background:#888888; }
.kdoPrihlasen { font-size:14px !important; }
.kdoPrihlasen span { font-size:11px; }
.kdoPrihlasen span a { color:#fff; }
.kdoPrihlasen span a:hover { color:#cf8548; }
.logovani #spanChyba, .logovani #spanChyba2 { padding:10px 0; color:#ff3c3c; }
.logovani .buttPoprve { display: block; width:100%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; }
.logovani .buttPoprve:hover { background:#888888; }
.logovani .buttRegistrovat { display: block; width:100%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; }
.logovani .buttRegistrovat:hover { background:#888888; }
.buttDoprava, .buttDopravaBR { display: block; float:left; width:48%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; margin-right:2%; }
.buttDoprava:hover { background:#896b62; }
.buttDoprava.aktivni { background:#896b62; }
.buttDopravaBR:hover { background:#888; color:#fff !important; }
.buttDopravaBR.aktivni { background:#888; color:#fff !important; }
#divObjednavka2, #divJakPlatit { padding:15px 0; }
.buttObjednavam { display: block; float:left; width:100%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; margin-top:15px; }
.buttObjednavam:hover { background:#896b62; }
#divObjednavka label { display:block; font-size:12px; margin-top:5px; }
input.cely, textarea.cely, select.cely { width:100%; }
input.maly { width:40%; }
#pravySloupec p#spanChybaObjednani, #pravySloupec #spanChyba3 { padding-top:15px; color:#fff; }
#pravySloupec #spanChyba3 { margin-bottom:10px; }
#pravySloupec p#spanChybaObjednani span, #pravySloupec #spanChyba3 span { background-color:#ff3c3c; padding:5px 0; }
.chybaRegistrace { color:#fff; background:#9f0000; }
#divObjednavkaIn { padding:15px; background:#888; }
#divObjednavkaIn.hotovo { background:#cf8548; }
#divObjednavkaIn.hotovo p { font-size:18px; }

#divZmenaUdaju { font-size:12px; }
#buttOdeslaniHesla { display: block; width:100%; background:#cf8548; color:#fff; text-align:center; padding:9px 8px 5px 8px; text-decoration:none; transition: background-color 0.3s; }

#divMapa { width:100%; margin-bottom:25px; height:450px }
#divMapa img { max-width: inherit; }