@import url("./classes.css");

/* OBECNE TAGY */
a 		{color: #0071BC;}
a:hover {color: #000;}
h1 		{color: #004A80; margin: 1.4em 0 1em 0; padding: 0; font-size: 1.2em;}
h2 		{color: #004A80; margin: 1.4em 0 1em 0; padding: 0; font-size: 1.1em;}
h3 		{color: #004A80; margin: 1.4em 0 1em 0; padding: 0; font-size: 1em;}
p 		{margin: 1em 0;}
ul 		{list-style-type: square; margin: .8em 0 .8em 3em;}
ol 		{margin: .8em 0 .8em 3em;}
li 		{margin: 1em 0;}
td		{font-size: 1em;}

body {
	 margin: 0; padding: 0; 
	 background: #CCCCCC url('../_img/bg_body.jpg') top left repeat-x; 
	 color: #505050; 
	 font-size: 1em; 
	 font-family: Tahoma, sans-serif;
	 text-align: center; 
}
div#root {
	width: 987px;
	width: 61.66em;
	margin: 0 auto;
	padding: 0;
	background: transparent url('../_img/sh_right.jpg') top right repeat-y;
	text-align: left;
}
div#middle {
	 width: 100%; 
	 padding: 201px 0 0 0; 
	 margin: 0;
}
div#middle .in {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: #F6F6F6 url('../_img/sh_left.jpg') top left repeat-y;
	background: #F6F6F6 url('../_img/bg_middle.jpg') top left repeat-y;
	_background: #F6F6F6 url('../_img/bg_middle_IE.jpg') top left repeat-y;
	/*background: #FFF url('../_img/sh_left.jpg') top left repeat-y;*/
}
div#content {
	 width: 75%; 
	 float: left; 
	 margin: 10px 0 0 0; 
	 padding: 0;
	 background: #FFF url('../_img/horizontal.gif') right top no-repeat;
}
div#content .inside	{
	margin: 8px 0 0 0;
	padding: .3em 3em 2em 3em;
	font-size: .8em;
	line-height: 1.4em;
	background: #FFF url('../_img/bg_content.jpg') top right no-repeat;
	border-right: solid 1px #B1B1B1;
	min-height: 31em;
	_height: 31em;
}
div#sidebar {
	 width: 25%; 
	 _width: 23%;
	 margin: 11px 0 0 0;
	 padding: 0;
	 background: #F6F6F6;
	 font-size: .8em;
	 float: right;
}
div#sidebar .inside {
	margin: 0;
	padding: 0; 
	min-height: 30em;
	_height: 30em;
}
div#top {
	width: 61.66em;
	height: 210px;
	margin: 0 auto 0 auto; 
	padding: 0;
	position: absolute;
	top: 0;
	background: url('../_img/sh_top_left.jpg') left 100% repeat-y;
}
div#top .inside {
	margin: 0 0 0 10px;
	padding: 0;
	background: url('../_img/sh_top_right.jpg') top right no-repeat;
}
div#header {
	height: 175px;
	margin: 0 10px 0 0; 
	padding: 0; 
	color: #fff;
	background: #0A78C3 url('../_img/bg_header.jpg') top left no-repeat;
}
div#menu {
	margin: 0 10px 0 0; 
	padding: 0 0 0 8px;
	height: 25px;
	color: #FFCC00;
	background: #002169 url('../_img/bg_menu.gif') top left no-repeat;
}

div#footer {
	width: 100%; 
	background: #CCD9ED; 
	clear: both;
	font-size: 60%;
	text-align: right;
}
div#footer .inside {
	margin: 0;
	padding: .4em 2em; 
}
div#sh_top {
	width: 100%; 
	height: 10px;
	margin: 0 auto;
	padding-top: 0px;
	_margin-top: -9px;
	background: transparent url('../_img/sh_top.jpg') bottom left repeat-x;
}
div#sh_bottom {
	width: 61.66em; 
	margin: 0 auto; 
	padding: 0 0 10px 0; 
	background: transparent url('../_img/sh_bottom.jpg') top left no-repeat;
}


/* SIDEBAR */
div#sidebar div.title {
	width: 100%;
	line-height: 25px;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	background: #9CB4D8;
	color: #FFFFFF;
	letter-spacing: .2em;
}

div#sidebar ul {
	margin: .8em 0 0 0;
	padding: 0 .8em;
/*	list-style-type: none;	*/
}
div#sidebar li {
	margin: 0;
	padding: 0 0 .3em 0;
/*	list-style-type: none;	*/
}

/* MENU */
ul.mainmenu { 
	margin: 0; padding: 0; list-style-type: none; 
}
ul.mainmenu li { 
	margin: 0; padding: 0; 
	float: left; 
	line-height: 25px; 
}
ul.mainmenu li ul { 
	margin: 0; padding: 0; 
	position: absolute; 
	visibility: hidden; 
	background-color: #193C76; 
	list-style-type: none;
	_width: 270px;
}
ul.mainmenu li ul li { 
	margin: 0; padding: 0; 
	float: none;
	_height: 25px;
}

ul.mainmenu a, ul.mainmenu strong { 
	margin: 0; padding: 0 24px; 
	display: block; 
	font-size: .8em; 
	font-weight: bold; 
	text-decoration: none; 
	vertical-align: 1px; 
}
ul.mainmenu a.selected, ul.mainmenu strong { 
	color: #FFF!important; 
}
ul.mainmenu span.selected {
	color: #fff;
	font-size: .8em; 
	margin: 0; padding: 0 24px; 
	display: block; 
}
.cleaner {
	clear: both;
	display: none;
}
img {
	border: none;
}

ul.mainmenu a:link, ul.mainmenu a:visited { color: #FFCC00; }
ul.mainmenu li:hover, ul.mainmenu li.hover { background-color: #2E73C1; }
ul.mainmenu li:hover ul, ul.mainmenu li.hover ul { visibility: visible; }
ul.mainmenu li:hover ul li, ul.mainmenu li.hover ul li { margin:0; padding: 0; _width: 100%; }

/* OBSAH */
.content	{width: 541px; height: 100%; background-color: #fff; vertical-align: top; padding: 14px; line-height: 17px;}
.content a	{color: #005896; text-decoration: none; border-bottom: 1px dashed;}
.content a:hover	{color: #ff0000 !important;}
.content a:visited	{color: #404040; text-decoration: none; border-bottom: 1px dashed;}

.date		{font-weight: bold; color: #003366;}
.foto 		{vertical-align: top; padding: 60px 14px 0 0; background-color: #fff; width: 182px;}
.blockGray 	{width: 30px; height: 220px; float: right; background-color: #dbe2e6;}

.grid 		{border: 1px dashed gray; border-bottom: none; border-spacing: 0;}
.grid td	{border-bottom: 1px dashed gray; padding: 4px;}

.gloss-cat-toplevel { padding-left: 6px; font-weight:bold; color: #666; }
.gloss-cat-sublevel { padding-left: 27px; font-weight:bold; }
.gloss-input        { width:100%; }
.gloss-textarea     { width:100%; height:200px; }
.gloss-button       { }
.gloss-cat-table    { width:100%; }
.gloss-cat-table td { }
.gloss-float        { float:left; }
.gloss-td-right     { text-align:right;}
.gloss-overflow     { overflow:hidden; padding-left:10px; }
.buttonOn           { border: 1px solid  #005896; color: #fff;    background-color: #005896; text-decoration:none; font-size:10px; font-weight:bold; }
.buttonOff          { border: 1px dotted #005896; color: #005896; background-color: #fff;    text-decoration:none; font-size:10px; font-weight:bold; }
.menuTop a.abuttonOn ,.menuTop a:visited.abuttonOn, .menuTop a:hover.abuttonOn  { color: #FFFFFF; font: bold 10px Arial; display: inline; padding: 0px 2px 1px 2px; margin: 1px 1px 1px 1px;  border: 1px solid #005896; background-color:#005896;}
.menuTop a.abuttonOff,.menuTop a:visited.abuttonOff,.menuTop a:hover.abuttonOff { color: #005896; font: bold 10px Arial; display: inline; padding: 0px 2px 1px 2px; margin: 1px 1px 1px 1px;  border: 1px solid #005896; background-color:#fff;}

.langOn             { border: 1px solid #434343; color: #fff;    background-color: #0573c2; padding:0; font-size:10px; font-weight:bold; float:left; margin-right:2px; text-align: center; width: 16px; }
.langOff            { border: 1px solid #8F968E; color: #8F968E; background-color: #fff;    padding:0; font-size:10px; font-weight:bold; float:left; margin-right:2px; text-align: center; width: 16px; }

input, select, textarea {margin: 1px 0;font: normal 13px 'Tahoma', Verdana, Trebuchet MS, sans-serif;border: solid 1px #D4D0C8}

.external { background: transparent url('../_img/external_link.gif') 100% 20% no-repeat; padding: 0 10px 0 0; }

.fancyList li		{font-size: 85%;}
.fancyList strong	{font-size: 110%; color: #004A80;}
.economy li 		{margin: .2em 0;}

#diagram td			{text-align: center; font-size: 85%;}
#diagram b			{font-weight: bold; color: #F6A200;}

.thumb 				{border: 1px solid #f4ebeb; padding: 2px; text-align: center; font-size: 85%; margin-right: 14px;}
.thumbL 			{border: 1px solid #f4ebeb; padding: 2px; text-align: center; font-size: 85%; float: left; margin-right: 14px;}
.thumbR 			{border: 1px solid #f4ebeb; padding: 2px; text-align: center; font-size: 85%; float: right; margin-left: 14px;}

a.thickbox { _border: 1px solid #f4ebeb; _padding: 2px; }
.thumb:hover, .thumbL:hover, .thumbR:hover { border: 1px solid #4e4e4e; }
a.thickbox:hover { _border: 1px solid #4e4e4e; }

img.file_icon {
    margin: 0 .5em;
    width: 19px; height: 19px;
    vertical-align: -20%;
}
ul.rss_list { margin-top: 1em; margin-bottom: 1em; list-style-type: none!important; }
ul.rss_list li { list-style-image: none; }
ul.rss_list li img { vertical-align: -20%; margin-right: .5em }

div.captcha { padding-top: 1em; }
div.captcha input, div.captcha label { font-size: 12px!important; }

.input-submit-small	{
    background-color: #004A80;
    border-width: 3px;
    border-style: double;
    color: #fff; 
    text-decoration: none; 
    margin-top: 0;
    padding: 5px 10px;
    
    =hasLayout: false;
    =position: static;
    =float: undefined;
    =width: auto;
    =height: auto;
    =background-color: #004A80; 
    =border-color: #004A80;
    =padding: 3px 0px;
}
.infobox {width: 420px; text-align: center; padding: 20px; background-color: #f4ebeb; border: 1px dotted #660000; margin: 20px auto 20px auto;}

.oknobox {float:left;width:150px;margin: 0;height:125px;line-height:18px}
.redbold {color:red;}

form#popform {}
form#popform select {width:200px}
form#popform select option {padding:0 0 0 2px}
form#popform table th {text-align:right}
form#popform table td {padding: 0 0 0 10px}

form#popform table tr {line-height:1.8em}
form#popform .radio {border-width:0px;padding:0 !important}
.winthumb {cursor:pointer;border:solid 1px #f4ebeb;padding:1px;}
.winthumb:hover {border: 1px solid #4e4e4e;}

.sklo {float: left;width:120px;text-align:center;margin: 25px 0 0 0}


.small	{font-size: 85%;}
div.vzornik		{text-align: center; font-weight: bold; margin: 0 14px 1.3em 0;}
.vzornik span	{font-size: 85%; font-weight: normal;}