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

/* IE 6 PNG Fix */
#content, #menu {behavior: url('/martinreiner/public/css/iepngfix.php')} /* 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 -5em;
}
#foot, #push {height: 5em;}


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 {height: 0px; line-height: 0px; overflow: hidden; font-size:0; border: 0px; border-top: 1px solid black;}

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

span.lowercase {text-transform: lowercase;}

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

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

#top {padding: 2.5em 40px 0;}
#top img.logo {float: left;}
#top #search {width: 210px; float: left; margin-top: 1.5em; margin-left: 9em;}
#top #search form {margin: 0; padding: 0;}
#top #search form fieldset {border: 0; margin: 0; padding: 0;}
#top #search form fieldset input.q {background-color: #777; color: white; border: 0; padding: .2em; width: 160px;}
#top #search form fieldset input.send {vertical-align: bottom; margin-left: 5px;}
#top #links {width: 170px; float: left; margin-left: 5em;}
#top #links a {background: url('../images/larrtop.png') no-repeat left center; padding-left: 16px; line-height: 1.5em;}
#top #links a:hover {}
#top #langs {width: 19px; float: right;}
#top #langs div.border {width: 19px; height: 13px; border: 1px solid #aaa; margin-top: 0.75em;}
#top #langs a {display: block; width: 17px; height: 11px; margin: 1px;}
#top #langs a.cz {background: url('../images/langico.png') no-repeat 0px 0px;}
#top #langs a.en {background: url('../images/langico.png') no-repeat -17px 0px;}
#top #langs a.cz:hover {background-position: 0px -11px}
#top #langs a.en:hover {background-position: -17px -11px}
#top #langs a.cz-active {background-position: 0px -11px}
#top #langs a.en-active {background-position: -17px -11px}

#menu {margin-top: 2.5em; border: 1px solid #999; background: url('../images/_mwhite.png'); =padding-bottom: 0px;}
#menu #menu-inline {padding: 0 0; margin: 5px 40px; /* Damned IE fixes */}
#menu a {display: block; float: left; text-decoration: none; font-weight: bold;
    font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; font-size: 1.4em;
    margin: 0 1.3em; padding: .3em; text-transform: lowercase;
}
#menu a.first {margin-left: 0;}
#menu a:hover, #menu a.active {background: #555;}

/* HOME CONTENT */
#content {margin: 3.2em 0 2em !important; margin-right: 40px !important; 
    width: 910px; /* IE 6 bug / border top or width solves bad width count */ }
div.content-cz {background: url('../images/3-trans.png') no-repeat;}
div.content-en {background: url('../images/2-trans.png') no-repeat;}

#content #box-1 h2, #content #box-2 h2, #content #box-3 h2, #content #box-2-en h2 {margin: .7em 0 .5em;}
#content #box-1 p, #content #box-2 p, #content #box-3 p, #content #box-2-en p {margin: .8em 0;}
#content #box-1 hr, #content #box-2 hr, #content #box-3 hr, #content #box-2-en hr {border-top: 1px solid white;}

#content #box-1 {width: 318px; float: left; margin-right: 18px; display:inline;}
#content #box-1 #box-1-inner {margin-left: 40px;}
#content #box-1 a {color: #ffcc99;}

#content #box-2 {width: 278px; float: left;}
#content #box-2 a {color: #ffa6a6;}

#content #box-2-en {width: 550px; float: left; margin-left: 23px;}
#content #box-2-en a {color: #ffcc99;}
#content #box-2-en img {float: left; margin-bottom: 0.5em;}

#content #promo {width: 340px; font-weight: bold; margin-left: 40px; margin-top: 3em; line-height: 1.8em;}

#content #box-3 {width: 278px; float: left; display:inline; margin-left:18px;}
#content #box-3 a {color: #f9f;}

#content #box-1-text {margin: 1em 1.3em 1.3em 0;}
#content #box-2-text {margin: 1em 1.3em 1.3em;}
#content #box-2-en-text {margin: 1em 0px 0em 16px;}
#content #box-3-text {margin: 1em 1.3em 0em 1.3em; padding-bottom: 1em;}

/*ACCORDION*/
#basic-accordian a.accord_head {color: white !important; display: block;
                            background: url('../images/accordion.gif') no-repeat 208px 3px; background-color:#963B86;
                            margin-top: 2px; cursor:hand;
                            font-size: 1.2em; text-decoration: none; padding: 3px 0px 2px 3px;}
#basic-accordian a.accord_head:hover {color: #f9f !important;}
#basic-accordian a.selected {color: white !important; display: block;
                            background: url('../images/accordion_act.gif') no-repeat 208px 3px; background-color:#963B86;
                            margin-top: 2px; cursor:hand;
                            font-size: 1.2em; font-weight: bold; text-decoration: none; padding: 3px 0px 2px 3px;}

/* TEXT PAGE CONTENT */
#content-page {margin: 3.2em 100px 3em 100px; color:black;}
#content-page a {color: #ff5e5e;}
#content-page #white-bound {background-color: white;}
#content-page #header {background-color: #e8e8e8; padding: 1em 1.4em; color: black;}
#content-page #header h1.ultra{margin-bottom: 0.2em;}
#content-page #header h1 {}
#content-page #header #navicomp {width: 480px; float: left; font-size: 1.2em; font-weight: bold; text-transform: lowercase;}
#content-page #header #navicomp a.back {background: url('../images/larrdoc.gif') no-repeat left center; padding-left: 20px;}
#content-page #header #navicomp span.wide {padding: 0 1em;}
#content-page #header #info {width: 220px; float: right; font-style: italic; font-size: .9em; text-align: right;}

#content-page #text-part {color: #333; padding: .5em 1.4em;}
#content-page #text-part h1 {font-size: 1.8em; margin: .6em 0 .4em;}
#content-page #text-part h2 {font-size: 1.5em; margin: 1em 0 .4em;}
#content-page #text-part h3 {font-size: 1.3em; margin: 1em 0 .4em;}
#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 {}
div.galerie_bottom {padding-top: 20px; margin-top: 20px; border-top: 1px solid black;}
div.galerie_top {padding-bottom: 17px; margin-bottom: 20px; border-bottom: 1px solid black; margin-top: 17px;}
div.galerie a {}
div.galerie a img {padding: 3px; border: 1px solid #ddd; background-color: #eee;}
div.galerie a:hover img {border: 1px solid #FF5E5E;}

/* GUESTBOOK */
#guestbook {border-top: 1px solid #333; margin-top: 1.2em; padding-top: 1.2em}
#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;}
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 {margin-top: 2em;}
#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:590px; 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:590px; }
#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; }

div.linkitem {border-bottom: 1px solid #ddd; padding-bottom: 1em;}
div.linkitem h3 {}
div.linkitem div.link {}
div.linkitem div.popis {margin-top: 0.5em;}

/* 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: 0em;
}
#foot span.wide {padding: 0 .4em;}
#foot a {color: #999;}
#foot a.liquid {background: url('../images/liquid.png') no-repeat left center; padding: 2px; padding-left: 18px;}
#foot #footleft {width: 720px; float: left;}
#foot #footright {width: 100px; float: right; text-align: right;}

/* end */