/* reset nastavení browseru */
body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, fieldset, form { margin:0; padding:0; border:0; }
a { outline:none; }

/* obecné styly */
body { background: #db5414; font-family: Arial, sans-serif; font-size: 62.5%; color: #1d1d1d; text-align: center; }
.break { clear: both; }

/* layout */
#wrapper { width: 970px; margin: 0px auto 7px auto; border-bottom: 7px solid #8e3306; border-left: 7px solid #8e3306; border-right: 7px solid #8e3306; text-align: left; position: relative; }
#content { width: 750px; float: right; background: #fff; min-height: 580px; height:auto !important; height:580px; }
  #content.home { background: #fff url('images/background-doporucujeme.gif') top right repeat-y; }
#menu { width: 220px; float: left; }
#footer { position: absolute; bottom: 15px; left: 17px; width: 220px; text-align: left; }
#doporucujeme { float: right; width: 180px; margin-right: 10px; text-align: left; }

/* header */
h1 a { text-indent: -9000px; background: url('images/podzim_nakladelstvi-buk.jpg') no-repeat left top; display: block; width: 970px; height: 202px; }

/* typografie */
#content h2 { font-family: "myriad pro","trebuchet ms", Arial, sans-serif; font-size: 2.4em; text-shadow: 1px 1px #d2d2d2; padding: 25px 0px 15px 40px; color: #000; }
  #content h2 span { color: #8e3306; }

#content p { font-size: 1.2em; padding: 0px 40px 10px 40px; text-align: justify; }
  #content.home p { padding-right: 260px; }

#content p.center { text-align: center; }
#content p.small { font-size: 1.1em; }
#content p.czech { background: url('images/czech.png') no-repeat 5px top; }
#content p.english { background: url('images/english.png') no-repeat 5px top; }

#content p.hledani { overflow: auto; }
#content p.hledani img { float: left; padding-right: 10px; }

#content p.bottom { padding-bottom: 15px; }

#content table.kontakty { font-size: 1.2em; margin: 0px 0px 20px 40px; }
  #content table.kontakty td { vertical-align: top; padding-right: 10px; padding-bottom: 5px; }

#content a.link { color: #8e3306; text-decoration: underline; font-weight: bold; }    
  #content a.link:hover { color: #db5414; }

#content a.zpet { color: #8e3306; text-decoration: none; font-size: 11px; padding-left: 20px; background: url('images/zpet.gif') no-repeat left top; }    
  #content a.zpet:hover { color: #db5414; text-decoration: underline; }

#content a.delete { font-size:0.9em; font-weight:bold; color: #c00; }
  #content a.delete:hover { color: #f00; }

#content a.objednat { display: block; margin: 0px auto; height: 40px; line-height: 40px; width: 210px; background: url('images/button_next.gif') no-repeat left top;
                      font-weight:bold; padding-left: 50px; color: #2e7b00; text-transform: uppercase; font-size: 1.2em; text-align: left; }
  #content a.objednat:hover { color: #55c710; }                      

#content form.paypal { margin: 10px 0px 20px 40px; }

#doporucujeme span.doporucujeme { display: block; background: url('images/span-doporucujeme.gif') no-repeat left top; height: 31px; text-indent: -9000px; margin: 20px 0px 18px 0px; }
  #doporucujeme div.item { width: 160px; text-align: center; margin-bottom: 15px; }
  #doporucujeme div.item a.nadpis { color:#541F06; display:block; font-size:1.2em; font-weight:bold; text-align:left; text-decoration:none; }
  #doporucujeme div.item a.nadpis:hover { color:#db5414; text-decoration:underline; }
  #doporucujeme div.item span.druh { color:#FFFFFF; display:block; font-size:1.1em; font-weight:bold; text-align:left; }
  #doporucujeme div.item span.cena { color:#8E3306; display:block; font-size:1.6em; font-weight:bold; margin:0px 0px 5px 0px; text-align:right; }
  #doporucujeme div.item a img { border:1px solid #8e3306; }
  #doporucujeme div.item a.noBorder img { border:none; }
  #doporucujeme div.item a:hover img { opacity:0.7;filter:alpha(opacity=70); }

  
#menu ul { list-style: none; margin: 25px 15px 30px 15px; border-top: 1px solid #8e3306; }
  #menu ul li { border-bottom: 1px solid #8e3306; }
  #menu ul li a { display: block; background-color: none; height: 28px; text-indent: -9000px; }
  #menu ul li a.kalendare { background: url('images/menu-kalendare.png') no-repeat 20px center; }
  #menu ul li a.knihy { background: url('images/menu-knihy.png') no-repeat 20px center; }
  #menu ul li a.kalendariky { background: url('images/menu-kalendariky.png') no-repeat 20px center; }
  #menu ul li a.antikvariat { background: url('images/menu-antikvariat.png') no-repeat 20px center; }
  #menu ul li a.stare-pohlednice { background: url('images/menu-stare-pohlednice.png') no-repeat 20px center; }
  #menu ul li a.fotogalerie { background: url('images/menu-fotogalerie.png') no-repeat 20px center; }
  #menu ul li a.sberatelstvi { background: url('images/menu-sberatelstvi.png') no-repeat 20px center; }    
  #menu ul li a:hover { background-color: #ed804b; }
  #menu ul li a.active { background-color: #8e3306; }

  
#menu form { margin-left: 13px; background: url('images/button_hledat.gif') no-repeat left top; height: 40px; }
  #menu form input.text { margin-left: 49px; width: 90px; border: 1px solid #8e3306; height: 19px; font-size: 11px; color: #b7b7b7; float: left; text-align: center; line-height: 19px; }
  #menu form input { margin-top: 5px; }
  
#menu #kosik { margin-left: 13px; margin-top: 10px; background: url('images/button_kosik.gif') no-repeat left top; height: 42px; }
  #menu #kosik p { font-size: 1.1em; padding: 5px 0px 0px 50px; }
  #menu #kosik p a { color: #fff; text-decoration: none; }
  #menu #kosik p a:hover { color: #fdc550; text-decoration: underline; }

#footer span.cards { display: block; width: 167px; height: 31px; background: url('images/cards.png') no-repeat left top; margin-bottom: 15px; text-indent: -9000px; }  
#footer span.volejte { display: block; width: 165px; height: 15px; background: url('images/volejte.gif') no-repeat left top; margin-bottom: 10px; text-indent: -9000px; }
#footer p { font-size: 1.1em; color: #f7b596; line-height: 1.3em; }
#footer a { color: #fff; text-decoration: none; }
  #footer a:hover { color: #8e3306; text-decoration: none; }

/* výpis e-shopu */
#content table.zbozi { margin-left: 40px; }
#content table.zbozi td { width: 330px; vertical-align: top; padding-bottom: 25px; }
#content table.zbozi a img { float: left; padding: 0px; }
#content table.zbozi a:hover img { opacity:0.7;filter:alpha(opacity=70); }
#content table.zbozi a { text-decoration: none; }
#content table.zbozi a strong { font-size: 1.2em; color: #a63c0a; text-decoration: none; padding-right: 10px; margin-left: 85px; display: block; line-height: 1.1em; }
#content table.zbozi a:hover strong { color: #db5414; text-decoration: underline; } 
#content table.zbozi span.sub { font-size: 1.1em; color: #444444; font-weight: bold; margin-left: 85px; display: block; }
#content table.zbozi span.kratky { font-size: 1.1em; color: #1d1d1d; display: block; line-height: 1.1em; padding-top: 5px; padding-right: 20px; margin-left: 85px; }
#content table.zbozi span.cena { font-size: 1.2em; color: #db5414; font-weight: normal; display: block; padding: 5px 0px; margin-left: 85px; }
#content table.zbozi span.button { font-size: 1.1em; color: #2f2f2f; display: block; padding: 5px 0px; margin-left: 85px; background: #ffdcca; width: 85px; text-align: center; }
#content table.zbozi span.button a { color: #e37742; text-decoration: none; }
#content table.zbozi span.button a:hover { color: #a63c0a; text-decoration: underline; }
#content table.zbozi span.mensi { width: 45px; }

/* detail zbozi */
#content div.detail { margin: 0px 40px 10px 40px; display: table; }
#content div.detail div.image { display: table-cell; vertical-align: top; }
#content div.detail div.about { display: table-cell; vertical-align: top; }
#content div.detail img.main { float: left; padding: 0px 20px 20px 0px; }
#content div.detail h3 { color: #a63c0a; font-size: 1.8em; padding-bottom: 10px; }
#content div.detail p { padding: 0px 0px 10px 0px; }
#content div.detail p.scity { clear: left; font-size: 11px; padding-top: 10px; }
  #content div.detail p.scity a { font-weight: normal; } 
#content div.detail p.autor { color: #444444; font-weight: bold; }
#content div.detail p.cena_bezna { padding: 25px 0px 0px 0px; }
#content div.detail p.cena_bezna span { text-decoration: line-through; }
#content div.detail p.cena span { font-size: 1.6em; color: #8e3306; }
#content div.detail a.pdf { background: url('images/pdf.gif') no-repeat left top; color: #5f5d5d; padding-left: 22px; display: block; float: left; height: 16px; text-decoration: none; }
#content div.detail a.pdf:hover { color: #000; text-decoration: underline; }
#content div.detail a.koupit { display: block; float: left; padding: 5px 15px; background: #ffdcca; color: #e37742; text-decoration: none; font-size: 1.2em; }
#content div.detail a.koupit:hover { background: #db5414; color: #fff; }

#content p.ukazky { text-align: left; font-size: 1.1em; }
#content p.ukazky a:hover img { opacity:0.7;filter:alpha(opacity=70); }

#content p.ok { background: #e5fab1 url('images/ok.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #b0e62a; margin: 0px 40px 20px 40px; }
  #content p.ok a { color: #2e7b00; text-decoration: none; }
  #content p.ok a:hover { color: #47ac0a; text-decoration: underline; }

#content p.chyba { background: #fff6bf url('images/chyba.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #ffd324; margin: 0px 40px 20px 40px; }

/* výpis košíku */
#content table.kosik { margin-left: 40px; border-collapse: collapse; width: 670px; font-size: 1.2em; margin-bottom: 10px; }
#content table.kosik th { background: #db5414; color: #fff; text-align: left; padding-left:10px; padding-right:5px; }
#content table.kosik td { border-bottom: 1px solid #db5414; padding-right:5px; }
#content table.kosik td.nazev { color: #8e3306; font-weight: bold; width: 290px; }
#content table.kosik td.nazev span { color:#000000; font-size:0.9em; font-weight:normal; }
#content table.kosik td.image { text-align: center; width:100px; }
#content table.kosik td.image img { margin-top: 2px; }
#content table.kosik .right { text-align: right; }
#content table.kosik td.delete { width: 50px; }
#content table.kosik td.cena { width: 60px; }

/* objednávka */
form.objednavka { margin-left: 40px; margin-bottom: 20px; margin-right: 40px; }
form.objednavka fieldset { border: 1px solid #8e3306; margin-bottom: 10px; background: #ffdcca; }  
form.objednavka legend { font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding-left: 3px; padding-right: 3px; padding-bottom: 10px; color: #000; }
form.objednavka label { font-size: 1.2em; float: left; width: 220px; margin-left: 10px; padding-top: 2px; }
form.objednavka input { font-family: Arial, sans-serif; }
form.objednavka input[type=text] { border: 1px solid #8e3306; margin-bottom: 3px; width: 270px; }
form.objednavka input[type=radio] { float: left; }
form.objednavka input.cislo { width: 50px; }
form.objednavka input.last { margin-bottom: 10px; }
form.objednavka select { border: 1px solid #8e3306; margin-bottom: 3px; width: 270px; }
form.objednavka span { font-size: 1.2em; float: left; padding-left: 3px; padding-right: 10px; }
form.objednavka em { color: #f00; font-style: normal; }
form.objednavka input.submit { display: block; margin: 0px auto; height: 40px; line-height: 40px; width: 180px; background: url('images/button_next.gif') no-repeat left top;
                      font-weight:bold; padding-left: 50px; color: #2e7b00; text-transform: uppercase; font-size: 14px; text-align: left; border: none; text-decoration: underline;
                      cursor: pointer; }
form.objednavka input.submit_hover { display: block; margin: 0px auto; height: 40px; line-height: 40px; width: 180px; background: url('images/button_next.gif') no-repeat left top;
                      font-weight:bold; padding-left: 50px; color: #55c710; text-transform: uppercase; font-size: 14px; text-align: left; border: none; text-decoration: underline;
                      cursor: pointer; }
form.objednavka textarea { margin-bottom: 10px; border: 1px solid #8e3306; width: 270px; height: 50px; font-family: sans-serif; font-size: 1.2em; }

/* rekapitulace */
#content table.rekapitulace { margin-left: 40px; border-collapse: collapse; width: 670px; font-size: 1.2em; margin-bottom: 10px; }
#content table.rekapitulace th { border-bottom: 1px solid #b7b7b7; text-align: left; font-weight: bold; }
#content table.rekapitulace td { }
#content table.rekapitulace .right { text-align: right; }
#content table.rekapitulace td.cena { width: 60px; }
#content table.rekapitulace tr.celkem th { font-size: 1.3em; font-weight: bold; color: #8e3306; border: none; padding-top: 5px; }

/* stránkování */
#content p.strankovani { text-align: center; font-size: 1.2em; padding-bottom: 15px; }
#content p.strankovani strong { text-align: center; padding: 0px 3px; }
#content p.strankovani a { font-weight: bold; text-decoration: underline; padding: 0px 3px; color: #8e3306; }
#content p.strankovani a:hover { text-decoration: underline; }

/* uvodni - prolog */
#prolog { width: 530px; height: 580px; background: url('images/podzim_home_bg.jpg') no-repeat left top; text-indent: -9000px; }