/**
 * CSS styles DruheMesto.cz
 *
 * red color: #a62c08
 */
 
 html body {
	background: white;
	margin: 0em;
	font-family: Arial, sans-serif;
	font-size: .7em;
	color: #222;
	line-height: 1.35em;
}

p {margin: 1em 0em;}

a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

h1 {font-size: 1em; color: #a62c08; border-top: 2px solid #a62c08; border-bottom: 2px solid #a62c08; 
    margin: 16px 0px 2em; padding: 1px 4px;}
h1.document {font-size: 1em; color: #a62c08; border-top: 2px solid #a62c08; border-bottom: 2px solid #a62c08; 
    margin: 16px 0px 0em; padding: 1px 4px;}

strong {font-weight: bold;}

a img {border: none;}

div.clear {clear: both;}

form {}
form fieldset {border: 0px;}
form fieldset legend {}

input, select, textarea, button {font-family: Arial, sans-serif; font-size: 1em;}
textarea {width: 240px; height: 90px;}

.right {text-align: right;}


/* main layout */
#topline {background-color: #000; width: 100%; height: 85px; position: relative; z-index: 0;}

#mother {width: 750px; margin: 0 auto;}
#top {background-color: #000; height: 85px; margin-top: -85px; position: relative; z-index: 1;}
#top #topleft {line-height: 0; font-size: 0;}
#top #topleft {float: left; width: 550px;}
#top #topright {float: right; width: 180px; padding-top: 30px;}
#top #topright input.text {float: left; margin-right: 5px; font-size: .9em;}
#top #topright input.icon {float: left;}

#content {margin-top: 15px;}

#menu {width: 100px; float: left; margin: 0px 42px;display: inline;}
#menu .menutop, #menu .menubottom {line-height: 0; font-size: 0;}
#menu .menutop img, #menu .menubottom img {display: block;}
#menu .items {}
#menu .items ul {margin: 0; padding: 0;}
#menu .items ul li {list-style-type: none; width: 100px;}
#menu .items ul li a {display: block; width: 92px; border-bottom: 2px solid #c9c9c9; padding: 1px 4px; 
	text-decoration: none; font-size: 1em; color: black; letter-spacing: 1px;}
#menu .items ul li a.last {border-bottom-color: #252324;}
#menu .items ul li a.active, #menu .items ul li a:hover {color: #a62c08; border-bottom-color: #a62c08;}

#textpart {width: 348px; float: left;}
#textpart div.news {}
#textpart div.news .item {background: url('../images/line_bg.gif') repeat-x; background-position: bottom left; margin-top: 0.5em; padding-bottom: .5em;}
#textpart div.news .noline {background: none;}
#textpart div.news .item .img {width: 92px; float: left; margin-right: 8px; margin-bottom: 2em;}
#textpart div.news .item .text {width: 245px; float: left; margin-bottom: 2em;}
#textpart div.news .item .text .author {}
#textpart div.news .item .text .title {margin-bottom: 1em;}
#textpart div.news .item .text .title a {font-weight: bold;}
#textpart div.news .item .text .description {}

/* detail */
#detail {float: left; width: 550px;}
#detail div.item {width: 348px; float: left; margin-top: .5em;}
#detail div.item .img {width: 92px; float: left; margin-right: 8px; margin-bottom: 2em;}
#detail #gallery {margin-top: 1.2em;}
#detail #gallery a {margin-right: 0.5em; border-bottom: 3px solid #fff; float: left; display: block; margin-bottom: 0.3em;}
#detail #gallery a:hover {border-color: #ddd;}
#detail #gallery img {border: 1px solid #ddd; padding: 1px;}
#detail div.item .text {width: 245px; float: left; margin-bottom: 2em;}
#detail div.item .author {}
#detail div.item .headtitle {margin-bottom: 1em;}
#detail div.item .title {margin-bottom: 1em; font-weight: bold;}
#detail div.item .back {margin-bottom: 1em;}
#detail div.item .back a {font-weight: bold;}
#detail div.item .description {margin-bottom: 1em;}
#detail div.item .text .attrib {margin-bottom: 1em;}
#detail div.item .text .attrib table {border-collapse: collapse;}
#detail div.item .text .attrib table tr td.label {font-weight: bold; width: 100px;}
#detail div.item .text .attrib table tr td {}
#detail div.item .text .koupit a {font-weight: bold; color: #a62c08;}
#detail #rightbox {float: right; width: 190px; margin-top: 5.5em;}
#detail #rightbox p.title {font-weight: bold; margin-bottom: 0.5em}
#detail #rightbox a.dfile {background: url('../images/dfile.png') no-repeat left center; padding-left: 15px;}
#detail #rightbox div.fls {}
#detail div.hdblank {font-size: 1em; border-top: 2px solid #a62c08; border-bottom: 2px solid #a62c08; margin: 16px 0px 2em; padding: 1px 4px;}
#detail div.lowmargin {margin: 16px 0px 0em;}

#detail table {border-collapse: collapse; width: 100%; margin-top: 16px; font-size: 1em;}
#detail table.nohead {border-top: 2px solid #a62c08;}
#detail table tr th {text-align: left; border-top: 2px solid #a62c08; border-bottom: 2px solid #a62c08; margin: 16px 0px 2em; padding: 1px 4px;}
#detail table tr th.common {color: #a62c08; font-weight: normal;}
#detail table tr th.linky {color: #a62c08;}
#detail table tr th.right {text-align: right;}
#detail table tr td {vertical-align: top; background: url('../images/line_bg.gif') repeat-x bottom left; padding: 2px 4px;}
#detail table tr td a {font-weight: bold;}
#detail table tr td.normal a {font-weight: normal;}
#detail table tr td.num {text-align: right; width: 40px; padding-right: 10px;}
#detail table tr td.right {text-align: right;}
#detail table tr td.isbn {width: 80px;}

#detail div.document {width: 380px; padding: 1px 4px;}


div.divider {width: 1px; float: left; height: 500px; background: url('../images/linevert_bg.gif') repeat-y; background-position: top center; 
	margin: 5em .5em 0em;}

#right {width: 190px; float: left;}
#right div.bg {background: url('../images/line_bg.gif') repeat-x; background-position: bottom left; 
	margin-top: .5em; margin-left: .2em; padding-bottom: .5em;}
#right div.bg div.item {background: url('../images/dot.gif') no-repeat 2px 6px; padding-left: 1em;}
#right div.bg div.item p {margin: 0;}

#foot {margin-left: 184px; margin-top: 3em; margin-bottom: 2em; padding: 1px 8px; background: url('../images/foot_bg.gif') no-repeat; height: 17px; font-size: .9em; color: white;}
#foot a {color: white;}

/* END */