/**
 * Martin Reiner CSS screen styles
 * God bless the undestroyable CSS coder...
 */

/* IE 6 PNG Fix */
#box-1, #box-2, #box-3, #menu {behavior: url('/reiner3/public/css/iepngfix.htc')} /* needs absolute path from root */

/**
 * Make the Footer Stick to the Bottom of a Page
 * http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
 */

html, body {height: 100%;}
#mother {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
#foot, #push {height: 4em;}


html body {
    margin: 0; padding: 0;
    background: #c47e84 url('../images/bg.png') repeat-x;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    line-height: 1.575em;
}

a {color: white; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0;}

input, select, option, button, textarea {font-size: 1em;}
textarea {font-family: Arial, Helvetica, sans-serif;}

p {margin: 1em 0;}

hr {border: 0; border-top: 1px solid black; height: 1px;}

h1 {font-size: 2em; font-weight: bold; color: black; line-height: 1.2em;}
h2 {font-size: 1.7em; font-weight: bold; margin: 1em 0 .8em;}

#mother {width: 100%; /*=height: 820px; min-height: 820px;*/ margin: 0 auto;}

div.clear {clear:both; height: 0px; line-height: 0px; overflow: hidden; font-size:0;}

#top {}
#top img.logo {float: left;}
#top #search {width: 210px; float: left; margin-top: 1.5em; margin-left: 9em; display: none;}
#top #links {width: 170px; float: right; display: none;}


#menu { display: none;}

/* HOME CONTENT */
#content {  /* IE 6 bug / border top or width solves bad width count */}
#content #box-1-2 {width: 614px; float: left;}
#content #box-1 h2, #content #box-2 h2, #content #box-3 h2 {margin: .7em 0 .5em;}
#content #box-1 p, #content #box-2 p, #content #box-3 p {margin: .8em 0;}
#content #box-1-2 hr {border-top: 1px solid white;}

#content #box-1-2 #box-1 {width: 318px; float: left; background: url('../images/_orange.png') no-repeat; margin-right: 18px; }
#content #box-1-2 #box-1 #box-1-inner {margin-left: 40px;}
#content #box-1-2 #box-1 a {color: #ffcc99;}

#content #box-1-2 #box-2 {width: 278px; float: right; background: url('../images/_red.png');}
#content #box-1-2 #box-2 a {color: #ffa6a6;}

#content #box-1-2 #promo {width: 340px; font-weight: bold; margin-left: 40px; margin-top: 3em; line-height: 1.8em;}
#content #box-1-2 #promo a {color: #ff99ff;}

#content #box-3 {width: 278px; float: right; background: url('../images/_purple.png');}
#content #box-3 a {}

#content #box-1-text {margin: 1em 1.3em 1.3em 0;}
#content #box-2-text, #content #box-3-text {margin: 1em 1.3em 1.3em;}

/* TEXT PAGE CONTENT */
#content-page { color:black; }
#content-page a {color: #ff5e5e;}
#content-page #white-bound {background-color: white;}
#content-page #header {background-color: #e8e8e8; color: black; }
#content-page #header h1 {text-transform: lowercase; }
#content-page #header #navicomp {display: none;width: 500px; float: left; font-size: 1.2em; font-weight: bold; text-transform: lowercase;}

#content-page #header #info {width: 250px; float: right; font-style: italic; font-size: .9em; text-align: right; display:none;}

#content-page #text-part {color: #333; }
#content-page #text-part h1 {font-size: 1.8em; }
#content-page #text-part h2 {font-size: 1.5em; }
#content-page #text-part h3 {font-size: 1.3em; }
#content-page #text-part #perex {font-size: 1.2em; font-weight: bold; margin: 1em 0;}
#content-page #text-part #text {}
#content-page #text-part #text a.pop {background: url('../images/pop.gif') no-repeat right center;
    padding-right: 15px; white-space: nowrap; zoom: 1;}

/* GALERIE */
div.galerie {padding-top: 20px; margin-top: 20px; border-top: 1px solid black; display: none;}
div.galerie a {}
div.galerie a img {padding: 3px; border: 1px solid #ddd; background-color: #eee;}
div.galerie a:hover img {border: 1px solid #68c9ef;}

/* GUESTBOOK */
#guestbook {border-top: 1px solid #333; margin-top: 1.2em; display: none;}
#guestbook h1 {background-color: #e8e8e8; text-transform: lowercase; padding: .1em .2em;}
#guestbook div.item {margin-bottom: 1.2em;}
#guestbook div.item div.bound {background-color: #f3f3f3;}
#guestbook div.item div.bound table {width: 100%; border-collapse: collapse;}
#guestbook div.item div.bound table td {padding: 0 .4em;}
#guestbook div.item div.bound table td.author {width:60%;}
#guestbook div.item div.bound table td.date {width:40%; text-align: right;}
#guestbook div.item div.text {margin: .4em 0 0; padding: 0 .4em;}

form.gb-form {margin: 2em 0 1em; display: none;}
form.gb-form fieldset {border: 0; border-top: 1px solid #333;}
form.gb-form fieldset legend {font-style: ; font-weight: bold; color: #333;}
form.gb-form input {}
form.gb-form textarea {width: 550px; height: 80px;}
form.gb-form table {width: 100%;}
form.gb-form table tr td {}
form.gb-form table tr td.first {}
form.gb-form table tr td.submit {}
form.gb-form span.note {font-size: .9em; color: grey;}

/* VYHLEDAVANI */
#content-page .search_key { margin: 10px 0px 0px 18px;}
#content-page h2.search_result {color:black; padding-top:5px; margin: 20px 0px 0px 18px; font-size:1.4em; }
#content-page .result_not_found {margin: 20px 0px 0px 18px; font-style: italic;}

#content-page .katalog_pages { }
#content-page .katalog_pages ul{ margin-top: 5px;}
#content-page .katalog_pages ul li {}
#content-page .katalog_pages ul li a {font-weight:bold;}
#content-page .katalog_pages ul li span {font-style: italic; font-size: 0.9em;}

/* KNIHY */
#knihy {border:1px solid white; text-align: justify; padding: 0px 18px;}
#knihy h1 {text-transform: uppercase; color: #00a4e8; font-size:1.8em; padding-top:5px;}
#knihy .item {padding-bottom: .5em; margin-top: 1em;  border-bottom: 1px solid #ddd;}
#knihy .item .nadpis {font-weight:bold;}
#knihy .item .text { }

#knihy .left  {float:left; margin: 32px 0px 0px 0px;}
#knihy .right {float:left; margin: 32px 0px 0px 17px; }
#knihy .right .nazev { text-transform: uppercase; font-weight: bold; font-size: 0.9em;}
#knihy .right .info {width:705px; margin-top:20px; font-size: 0.9em; text-align: justify;}

/* KNIHA */
#kniha {padding-top: 30px;  width:830px; padding: 0px 18px;}
#kniha #left  {float:left; margin: 32px 0px 0px 0px;}
#kniha #right {float:left; margin: 32px 0px 0px 17px; width:705px; }
#kniha #right #nazev{ text-transform: uppercase; font-weight: bold; font-size: 0.9em;}
#kniha #right #info { margin-top:20px; font-size: 0.9em; text-align: justify;}
#kniha #right #links {margin-top: 17px;}
#kniha #right #links a {font-weight: bold; font-size: 0.9em;}
#kniha #right #links p {margin: .6em 0;}
#kniha #right table {border: 0; border-collapse: collapse;}
#kniha #right table tr td {padding: 1px 2px; border-bottom: 1px solid #ddd;}
#kniha #right table tr td.cap {padding-right: 2em; font-weight: bold;}

/* UKAZKA */
.ukazka {padding-top: 30px; color:#212125; padding: 0px 18px;}
.ukazka a.zpet {font-weight: bold; position:relative; left:-35px;}
.ukazka h2 {font-size: 1.2em;}
.ukazka h3 {font-size: 1.1em;}
.ukazka #text {font-size: 0.9em;}
.ukazka #text hr {border: none; border-top: 1px solid #00a4e8; height: 1px;}

/* ODKAZY */
table.odkazy { margin: 0px auto;}
table.odkazy tr {}
table.odkazy tr td { text-align: left; font-weight: bold; border-bottom: 1px solid #DDDDDD; padding: 1px 0px;}
table.odkazy tr td.first { padding-right: 75px; }
/* FOOT */
#foot {font-size: .9em; color: #999; background: url('../images/footline.gif') no-repeat left top;
    padding: .7em 0; margin: 0 40px; line-height: 1.9em; margin-bottom: 2em; display: none;
}


/* end */