/***********************
  CSS Reset
***********************/
body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,form,fieldset,legend,p,blockquote,th,td,img{margin:0;padding:0;border:0;}
input,select {margin:0;text-indent:0}
address,caption,em,strong,th{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
abbr,acronym{border-width:0;font-variant:normal;}
table,input,textarea,select,span{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:1em;}

ul {list-style: disc;}
ol {list-style: decimal;}
em {font-style: italic;}
strong {font-weight: bold;}
abbr, acronym {cursor: help; border-bottom-width: 1px; border-style: dotted;}

div, p, label {
background-color:inherit;
}

table {
border-collapse:collapse;
border-spacing:0px;
}

/***********************
  common 
 **********************/
 
body,html {
background: #ffd444 url('/css/background/body-bg.gif') 50% 0 repeat-y;
margin:0px;
height:100%;
color:#000000;
font-family:Arial;
font-size:12px;
}

h1 {
color:#004588;
font-size:14pt;
margin-bottom:10px;
}

a:link {
color:#004588;
}

a:visited {
color:#004588;
}

a:active {
color:#004588;
}

a:hover {
color:#004588;
}

h4 {
font-size:11pt;
color:#3192cc;
}

br {
clear:both;
}

/* ELEMENTS */

#main {
width:820px;
margin:0 auto;
background-color:#FFFFFF;
}
 
#left {
float:left;
width:200px;
}

#content {
padding:0px;
padding:5px;
margin:0 0 0 200px;
}

#content-container {
float:left;
width:100%;
}

#footer {
clear:both;
}

#links {
width:100%;
margin-bottom:10px;
}

#links td {
text-align:center;
}

/* MENU */

.menu_link {
margin-top:20px;
text-align:center;
}

.menu_link a {
font-size:15pt;
font-family:Tahoma;
}

.menu_link_sm {
margin-top:20px;
text-align:center;
}

#menu {
width:190px;
margin:5px;
padding:0px;
list-style-type:none;
}

#menu li a {
text-indent:8px;
width:190px;
height:31px;
line-height:31px;
background:#e0eff7 url('/css/background/menu.gif') 0 0 no-repeat;
display:block;
font-size:9pt;
font-weight:bold;
color:#004588;
text-decoration:none;
}

#menu li a:hover {
background-position:0 -31px;
}

#menu li a.top {
background:#e0eff7 url('/css/background/menu-top.gif') 0 0 no-repeat;
}

#menu li a.top:hover {
background-position:0 -31px;
}

#menu li a.topselected {
background:#e0eff7 url('/css/background/menu-top-sel.gif') 0 0 no-repeat;
}

#menu li a.topselected:hover {
background-position:0 -31px;
}

#menu li a.bottom {
background:#e0eff7 url('/css/background/menu-bottom.gif') 0 0 no-repeat;
}

#menu li a.bottom:hover {
background-position:0 -31px;
}

#menu li a.bottomselected {
background:#e0eff7 url('/css/background/menu-bottom-sel.gif') 0 0 no-repeat;
}

#menu li a.bottomselected:hover {
background-position:0 -31px;
}

#menu li a.selected {
background:#e0eff7 url('/css/background/menu-sel.gif') 0 0 no-repeat;
}

#menu li a.selected:hover {
background-position:0 -31px;
}

/*****************
 FORMS
*****************/

.greyform {
width:100%;
float:left;
background-color:#EBEBEB;
margin-bottom:30px;
}

.greyform label {
display:block;
float:left;
width:150px;
color:#707070;
font-weight:bold;
padding-left:5px;
padding-top:3px;
}

.greyform fieldset {
display:block;
float:left;
margin:0px;
padding:0px;
border:none;
}

.greyform fieldset span {
display:block;
float:left;
line-height:22px;
width:100px;
}

.greyform input[type=radio] {
margin-top:6px;
}

.greyform label span {
color:#ee1c24;
}

.greyform input, .greyform select, .greyform textarea {
display:block;
float:left;
}

.greyform p {
clear:both;
padding:2px;
line-heigth:22px;
border-top:1px solid #FFFFFF;
}

.greyform h3 {
color:#FFFFFF;
background:#004588 url('/css/background/form-header.gif') 0 0 repeat-x;
font-size:9pt;
font-weight:bold;
padding:4px;
}

.info {
display:block;
background: #EBEBEB url('/css/images/info.gif') 0px 4px no-repeat;
margin-left:4px;
padding-left:14px;
float:left;
color:#004588;
font-size:8pt;
line-height:22px;
}

.blue-button {
position:relative;
left:404px;
background: url('/css/background/blue-button.gif') no-repeat;
width:101px;
height:24px;
color:#FFFFFF;
font-size:8pt;
font-weight:bold;
border:none;
}

#ikona {
border:2px solid #FFFFFF;
margin-top:8px;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
}

.form-error {
color:#ee1c24;
background: url('/css/background/exclamation.gif') no-repeat;
padding-left:24px;
font-size:9pt;
font-weight:bold;
font-family:Tahoma;
display:block;
line-height:22px;
float:left;
width: auto !important;
}

/*****************************
 LOGIN
 ******************************/
 
#login-box {
background:#b7d9ed url('/css/background/login-top.gif') no-repeat 0 0;
width:190px;
height:100px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
padding-top:10px;
}

#login-box-bottom {
background:#b7d9ed url('/css/background/login-bottom.gif') no-repeat 0 0;
width:190px;
height:5px;
margin-left:5px;
clear:both;
overflow:hidden;
}

#login-form {
margin-top:15px;
display:block;
}

#login-form label {
display:block;
float:left;        
width:40px;
margin-left:5px;
margin-top:3px;
color:#00448b;
font-size:9pt;
font-weight:bold;
}

#login-form input {
display:block;
float:left;        
width:120px;
border:1px solid #808080;
}

#login-form input.button {
position:relative;
left:50px;
background: url('/css/background/login-button.gif') no-repeat;
width:101px;
height:24px;
color:#FFFFFF;
font-size:8pt;
font-weight:bold;
border:none;
} 

#login-form p {
padding-top:3px;
clear:both;
}

/*******************************
  TAB MENU
 *******************************/

#tab-menu {
height:24px;
border-bottom:1px solid #c2c2c2;
}

#tab-menu li {
display:block;
float:left;
height:23px;
line-height:24px;
margin-left:8px;
padding-top:0px;
padding-left:10px;
padding-right:10px;
text-align:center;
font-size:10pt;
font-weight:bold;
border-top:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
border-bottom:none;
background-color:#e9f4fa;
}

#tab-menu li a {
color:#808080;
text-decoration:none;
}

#tab-menu li.selected {
height:24px;
border-top:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
border-bottom:none;
background-color: #b7d9ed;
}

#tab-menu-bar {
background-color: #b7d9ed;
height:5px;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
overflow:hidden;
}



/*******************************
  KRAJE
 *******************************/
 
.kraje {
margin-top:30px;
margin-bottom:50px;
margin-left:50px;
}

.kraje li {
display:block;
float:left;
padding:5px;
text-align:center;
}

#kraj a {
background:#F0F0F0 url('/css/images/box-blue.gif') no-repeat 0 4px;
display:block;
font-size:11pt;
padding-left:14px;
}

#kraj div {
background:#F0F0F0;
padding:2px;
margin-bottom:4px;
}

#kraj div.okres {
font-size:13pt;
margin-top:10px;
background-color:#D0D0D0;
}

/*******************************
  VYVESKA
 *******************************/
 
.pinwall-box {
padding:0px;
clear:both;
border-bottom:1px solid #c0ddeb;
margin-top:8px;
}

.pinwall-box h4 {
margin-bottom:5px;	
}

.pinwall-box .obsah {
margin-bottom:10px;	
}

.pinwall-box .priloha {
margin-left:20px;
line-height:38px;
clear:both;
}

.pinwall-box .priloha * {
float:left;
}

.pinwall-box .prilohy * {
float:left;
}

.pinwall-box .priloha a {
margin-left:5px;
}

.pinwall-box div.buttons {
padding:4px;
background-color:#D9D9D9;
margin-bottom:4px;
}

.pinwall-box div.body {
display:block;
margin-left:120px;
}

.pinwall-box .hr {
clear:both;
height:5px;
}

.pinwall-box img.framed {
border:2px solid #F0F0F0;
display:block;
float:left;
}

.img-frame {
border:2px solid #F0F0F0;
float:left;
width:110px;
height:100px;
display:block;
line-height:100px;
vertical-align:middle;
text-align:center;
}

.img-frame img {
display:inline;
vertical-align:middle;
}

.datum {
font-size:10px;
clear:both;
}

.attach-element {
margin:5px;
}

#o_organizaci {
margin-top:10px;
}

#o_organizaci p {
clear:both;
}

#o_organizaci strong {
display:block;
float:left;
width:100px;
}

#o_organizaci span {
display:block;
float:left;
}

#mask {   
position:absolute;
left:0px;
top:0px;
z-index:9000;   
background-color:#000;   
display:none;
background:#000 url('/css/images/loading.gif') no-repeat center center;
}

.yellow-link {
width:190px;
height:39px;
line-height:39px;
background:url('/css/background/yellow-link.gif') no-repeat 0 0;
margin:5px;
text-align:center;
}

.yellow-link a {
color:#004588;
font-size:12pt;
font-weight:bold;
text-decoration:none;
}

#top-main {
position:relative; 
width:820px;
height:170px
}

#top-left {
position:absolute;
background-color:#F00;
width:200px;
height:170px;
cursor:pointer;
	
}

#top-right {
position:absolute;
background-color:#0F0;
width:620px;
height:170px;
margin:0px 200px;
background-image:url("/images/right-new.gif");
padding-left:1px;
}

@-moz-document url-prefix() {
  #top-right {
     padding-left:0px;
  }
}



/*****************
 LIGHTBOX
******************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/css/images/overlay.png); background-color: transparent;}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/css/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
	}