/*
www.msb-jablonec.cz - graficka verze
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0; padding:0;
	color: #666;
	background-color: #fff;
} 

a, a.visited {
	color: #666;
	text-decoration:none;
}

a:hover {
	color: #008c99;
	text-decoration: underline;
}

#outside {
	width: 780px;
	position: absolute;
	left: 50%;
	margin-left: -390px;
	height: 600px;
	/*top: 50%;
	margin-top: -300px;*/
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	background-image: url(img/bg-outside.gif);
	background-repeat: repeat-y;
}


form label {
	float: left;
	clear: both;
	display: block;
	width: 100px;
	padding-right: 5px;
	margin-right: 2px;
	line-height: 2em;
	text-align: right;
} 

form fieldset {
	margin-bottom: .5em;
	border: 1px #ddd solid;
	padding: 10px;
	_padding: 5px;	
}

form input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1 {
	text-indent: -5000px;
	height: 106px;
	background-color: #fff;
	background-repeat: no-repeat;
	padding:0;margin:0;
}

h1.cs {
	background-image: url(img/top-cs.gif);
}
h1.de {
	background-image: url(img/top-de.gif);
}
h1.en {
	background-image: url(img/top-en.gif);
}

#side {
	height: 490px;
	width: 180px;
	margin-bottom: -500px;
	float:left;
}

#search {
	margin-top: 12px;
	padding-left:55px;
}

p.searchfrm {
	padding:0;margin:0;
	font-size: 7.5pt;
}

#searchfrm {
	padding:2px;margin:0;
	_padding-bottom:1px;
	border:1px solid #6fc6d2;
	width: 95px;
	background: #fff;
}


#searchfrm fieldset {
	border:none;
	margin:0;padding:0;
}

#searchfrm #searchword {
	border:0;
	padding:0;margin:0;
	font-size: 7.5pt;
	color:#666;
	width: 80px;
}
 
#searchfrm #submit {
	border:none;
	font-size: 7.5pt;
	color:#fff;
	background: #6fc6d2;
	width: 15px;
	font-weight: bold;
}

#searchfrm #submit:hover {
	cursor: pointer;
}
 
ul#main-menu {
	padding:0;margin:0;
	width: 120px;
	margin-left:40px;
	font-weight:bold;
	text-transform: uppercase;	
	font-size:7.5pt;
	list-style: none;
}

ul#main-menu li {
	margin-top: 12px;
	line-height: 16px;
	padding-left: 0px;
	voice-family: "\"}\""; voice-family: inherit;
	padding-left: 15px;
}

ul#main-menu li.active {
	background-image: url(img/arrow-green-menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul#main-menu a {
}

ul#main-menu a:hover {
	/*text-decoration: none;*/
}

#main {
	padding:0;margin:0;
	margin-left:183px;
	height: 490px;
	background: url(img/grid-main.gif) no-repeat 0 45px;
}

.main-in {
	/*padding-top: 30px;*/
	padding-left: 30px;
}

#navig1, #navig2 {
	margin:0;padding:0;
	background-color: #fff;
	margin-left: -30px;
	padding-left: 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 16pt;
	height: 16pt;
	font-size: 7pt;
}

#navig1 {
	border-bottom:none;
	text-align: right;
	padding-right: 20px;
}

#navig2 {
	margin-bottom: 30px;
	background-image: url(img/arrow-green.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#navig1 span {
	padding-left: 24px;
	margin-right: 5px;
}

#navig1 span.lngcs {
	background: url(img/flag-cs.gif) no-repeat left center;
}

#navig1 span.lngen {
	background: url(img/flag-en.gif) no-repeat left center;
}

#navig1 span.lngde {
	background: url(img/flag-de.gif) no-repeat left center;
}

#block1 {
	width: 363px;
	height: 375px;
	overflow: auto;
	border: 1px solid #ddd;
	background-color: #fff;
	float:left;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	scrollbar-arrow-color : #008c99;
	scrollbar-darkshadow-color : #666;
	scrollbar-face-color : #ddd;
	scrollbar-shadow-color : #f6f6f6;
}

.block1-in {
	padding:28px;
	padding-top:0;
}

#context-menu {
	padding-top: 35px;
	background: url(img/grid-block.gif) no-repeat 0 0;
	margin-left: -28px;
	padding-left: 28px;
	/*width: 100%;
	_width: 286px;*/
}

#context-menu ul {
	padding:0;margin:0;
	list-style: none;
	font-size: 7pt;
	margin-bottom: 10px;
}

#context-menu ul li.active {
	color:#008c99;
	font-weight:bold;
	letter-spacing:.01em;
}

#context-menu ul.submenu {
	margin-left:14px;
	margin-bottom:5px;
	font-weight: normal;
}

#block1 div.hr {
	height: 1px;
	color: #ddd;
	background-color: #ddd;
	margin-bottom:2px;
	/*margin-top: 10px;*/
}

#block1 div.hr hr {
  display: none;
}

#block1 p {
	line-height: 1.4em;
	margin-top:.5em;
	margin-bottom:.5em;
	/*background: #f0f;*/
}

#block1 .grid {
	padding-top: 32px;
	background: url(img/grid-block.gif) no-repeat 0 0;
	margin-left: -28px;
	padding-left: 28px;
	margin-top:0px;
} 

#content h2 {
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-left:15px;
	background: url(img/square-green.gif) left center no-repeat;
	margin-bottom:.5em;
}

#content h2.grid-box {
	padding-top: 37px;
	background: url(img/grid-box.gif) no-repeat 0 0;
	margin-left: -28px;
	padding-left: 46px;
	margin-top:0px;
	margin-bottom: .5em;
}

#content h3 {
	font-size: 9pt;
	margin-bottom: .5em;
	margin-top: .5em;
	text-transform: uppercase;
	padding-left:18px;
	background: url(img/square-gray.gif) left 2px no-repeat;
	font-weight: normal;
	letter-spacing: -.06em;
}

#searchpage h3 {
	margin-top:20px;
}

#content h4 {
	font-size: 8.5pt;
	margin-bottom: .2em;
	font-style: italic;
}

#content h5 {
	font-size: 8pt;
	margin-bottom: .5em;
}

#content ul {
	margin-left: 1.4em;
	_margin-left: 18px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 1.5em;
}

#content ol {
	margin-left: 2em;
	_margin-left: 25px;
	padding-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 1.5em;
	font-style: italic;
}

#content ul li {
	margin-bottom: .5em;
}

#content img {
	padding: 4px;
	border: 1px solid #ddd;
}

#content code {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
}

/* kontaktni informace - vizitky */
#kontakty h3, #aktuality h3, #kalendar h3  {
	margin-top: 2em;
}

#kontakty h4 {
	margin-top: 1em;
	margin-bottom: .3em;
	margin-left:18px;
	font-style: normal;
}

#kontakty ul, #aktuality ul, #kalendar ul, #content ul.kontakt  {
	list-style: none;
	margin-left:18px; padding-left:0;
	margin-bottom: 1.2em;
}

#kontakty ul li, #aktuality ul li, #kalendar ul li, #content ul.kontakt li  {
	margin-bottom: .3em;
}

/* aktualni prehled vystav a akci */
#aktuality h4 {
	margin-top: 1.5em;
	margin-bottom: .6em;
	margin-left:18px;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	text-transform: uppercase;
	display: list-item;
	letter-spacing: -.06em;
}

#aktuality ul li, #kalendar ul li {
	letter-spacing: -.05em;
}

/* kalendar vystav a akci */
#kalendar h4 {
	margin-top: 1.5em;
	margin-bottom: .3em;
	margin-left:18px;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	display: list-item;
	letter-spacing: -.06em;
}

/* pravy sloupec - obrazkova galerie */
#block2 {
	width: 157px;
	height: 375px;
	overflow: auto;
	background-color: #f6f6f6;
	border: none;
	scrollbar-arrow-color : #008c99;
	scrollbar-darkshadow-color : #666;
	scrollbar-face-color : #ddd;
	scrollbar-shadow-color : #f6f6f6;
}

.block2-in {
	padding:0;
}


#block2 p {
	padding:0;
	margin:0;
	margin-left:21px;
	text-indent: -21px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:25px;
	font-style: italic;
	font-size: 7.5pt;
}

#block2 p span {
	padding:0;
	margin:0;
	font-style: normal;
	font-weight: normal;
	border-right: 1px solid #666;
	padding-right:2px;
}

#block2 img {
	border: 1px solid #ddd;
}

#content a {
	color: #008c99;
	text-decoration: underline;
}

#go-top {
	padding-left:15px;
	background: url(img/square-green.gif) left center no-repeat;
	margin-top:8px;
	margin-left:30px;
	font-size: 7.5pt;
	clear:both;
}


ul.sitemap1 {
	text-transform: uppercase;
	list-style: disc;
	font-weight: bold;
	line-height: 2em;
}

ul.sitemap1 li {
}

ul.sitemap2, ul.sitemap3 {
	line-height: 1.5em;
	list-style: none;
	text-transform: none;
	margin-top: .2em;
	margin-bottom: .5em;
	font-weight: normal;
}

/*
Schovat
*/

.hidden, .graf-hidden {
	display: none;
	visibility: hidden;
}

/*
Copyright
*/

span.copyright {
	position: absolute;
	width: 7px;
	height: 37px;
	left: 50%;
	margin-left: -335px;
	top: 50%;
	margin-top: 263px;
	background-image: url(img/bg-cmyk.gif);
	background-repeat: no-repeat;
}

a#copyright {
	position: absolute;
	display: block;
	width: 38px;
	height: 145px;
	left: 50%;
	margin-left: -390px;
	top: 50%;
	margin-top: 155px;
	background: url(img/bg-copyright-link.gif) no-repeat;
	z-index: 10;
}

a#copyright span {
	visibility: hidden;
}

a#copyright:hover {
	text-decoration: none;
}

/* tables */
table		{ display: table; }
tr			{ display: table-row; }
thead		{ display: table-header-group; }
tbody		{ display: table-row-group; }
tfoot		{ display: table-footer-group; }
col			{ display: table-column; }
colgroup	{ display: table-column-group; }
td, th		{ display: table-cell; }
caption		{ display: table-caption; }

#content table {
	font-size: 8pt;
	border: 1px solid #ddd;
	border-collapse: collapse;
	/*margin-top: 10px;
	margin-bottom: 20px;*/
}

#content th, #content td {
	padding:5px;
	border: 1px solid #ddd;
}

#content th {
	font-weight: normal;
	text-align: left;
	background: #f6f6f6;
}

.red {
	color: #f00;
}

/* Administracni rozhrani */
#admin {
	background: #666;
	color: #fff;
	font-weight: bold;
	height: 1em;
	line-height: 1em;
	padding: 1em;
}

#admin a {
	color: #6fc6d2;
}