@import "common.css";

* {
	margin: 0;
	padding: 0;	
}

.short {
	width: 668px !important;
	float: left;
}

.short table {
	width: 668px !important;
}

#quickLinks {
	width: 272px;
	margin-right: -52px;
	float: right;
}

#quickLinks .link {
   display: block;
	width: 272px;
	height: 71px;
	background-image:url(images/quick_links.png);
	background-repeat:no-repeat;
	padding: 15px 0px 0px 0px;
	line-height: 21px
}

#quickLinks .link a {  
   display: block;
	font-size: 16px;
	color: #4e4e4e;
	width: 210px;
	height: 72px;
	margin-left: 0px;
	padding-left: 15px;
}


form .col-1 {
   float: left;
	width: 450px;
	text-align: left;
}
form .col-2 {
	float: right;
	width: 450px;
	text-align: left;
}
form .field {
	float:left;
   text-align: left;
}
form .field input[type=text] { 
   width: 280px;
   height: 25px;
	background: url(images/form_text.png) no-repeat;
	border: none;
	padding: 5px 0px 5px 7px;
}
form .field .textareaWrapper {
   width: 280px;
   height: 200px;
	background: url(images/form_textarea.png) no-repeat;
	border: none;
	padding: 5px;
}

form .field .textarea {
   width: 270px;
   height: 190px;
	border: none;
	overflow: hidden;
}

form .label {
   width: 126px;
   height:25px;
	float: left;
	background: url(images/form_label.png) no-repeat;
	background-position: 7px 0px;
	color: white;
	text-align: right;
	padding: 0 7px 0 0px;
	line-height: 17pt;
	margin-right: 10px;
}

form .required {
	float: left;
	color: #0096dd;
	font-size: 12pt;
}

span.required {
	color: #0096dd;
	font-size: 12pt;
}


form button {
   width: 110px;
   height: 28px;
	background:url(images/form_btn.png);
	border: none;
	padding-left: 33px;
	text-align: left;
	font-size: 12pt;
	color: #0096dd;	
}
form button:hover {
	background:url(images/form_btn_ac.png);
	cursor:pointer;
	color: white;
}

.form-top {
	background: url(images/form_backgrnd_top.png) no-repeat;
	padding-top: 10px;
}
.form-body {
	background: url(images/form_backgrnd_middle.png) repeat-y;
	padding: 8px;
}
.form-bottom {
	background: url(images/form_backgrnd_bottom.png) no-repeat bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 1px;
}

form .left {
	float: left;
	width: 3sfda%;
	text-align: center;
}
form .right {
	float: right;
	width: 97%;
	text-align: left;
}



.newsWrapper, .messagesWrapper, .downloadsWrapper, .linksWrapper {

}

#middle ul li {
   list-style:url(images/arrow_1.png);
   padding-left: 5px;
   margin-bottom: 5px;
   margin-left: 35px;
   margin-top: 5px;
}

#middle ol li {
   padding-left: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 15px;
   list-style: decimal;
}

#middle ul li > ul li {
   list-style: url(images/arrow_2.png);
   padding-left: 5px;
   margin-left: 25px;   
}



.news {
   padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(images/news2_line.png) repeat-x;
	background-position: bottom;
}
.news .title {  
	background: url(images/icon_news.png) no-repeat;	
	float: left;
	font-size: 17px;
	padding: 4px 0px 14px 40px;		
	font-weight: normal;	
	line-height: 22px;
	color: #0096DC;
}
.news .date {
   width: 87px;
   height: 31px;
	background: url(images/news2_date.png) no-repeat;
	background-position: 0px -5px;
	font-size: 11px;
	padding-left: 12px;
	margin-right: -12px;
	color: white;
	float: right;
}


.news .attachments {
	padding-top: 12px;
}
.news .attachments a {
   font-size: 11px;
   display: block;
   width: 84px;
   height: 22px;
   float: left;
   background: url(images/news2_button.png) no-repeat;
   text-decoration:none;
   padding: 1px 0px 0 11px;
}
.news .attachments a:hover {
   color: white;
   background: url(images/news2_button_active.png) no-repeat;
}

.messagesWrapper .news .title {
	background: url(images/icon_message.png) no-repeat !important;	
}

.downloadsWrapper .news .title {
	background: url(images/icon_download.png) no-repeat !important;	
}

.linksWrapper .news .title {
	background: url(images/icon_link.png) no-repeat !important;	
}


.content {

}

.content ul, .content ol {
	margin-left: 20px;
}

.content ul li, .content ol li {
	padding-left: 10px;
	margin: 0;
}

h1 {
	font-size: 25px;
	font-weight: normal;
	color: #4e4e4e;
	background: url(images/arrow_nadpist.png) no-repeat;
	padding: 5px 20px 20px 40px;
	background-position: 0 5px;
}

.subHeading {
	font-size: 17px;
	font-weight: normal;	
	line-height: 22px;
	color: #0096DC;
	padding-bottom: 40px;
}

#news{
	width: 960px;
	height: 215px;	
	text-align: left;
	background: url(images/news_head.png) no-repeat top;		
	padding-top: 40px;
	margin-top: -14px;
	margin-bottom: 5px;
	position:relative;
}

#news .middle {
   width: 210px;
   height: 215px;
	background: transparent url(images/news_backgrnd_middle.png) no-repeat;
	float: left;
	padding: 15px 10px 0px 20px;	
}

#news .first {
	background: url(images/news_backgrnd_left.png) no-repeat;
}
#news .last {
	background: url(images/news_backgrnd_right.png) no-repeat;
}

#news .date {
	width: 113px;
	height: 31px;
	background: url(images/news_datum.png) no-repeat;
	color: white;
	padding-left: 37px;
	font-size: 8pt;
	line-height: 30px;
	margin-bottom: 10px;
}

#news .title, #news .title a {
	font-size: 15pt;
	line-height: 19pt;
	margin-bottom: 10px;
	color: #0096DC;
	text-decoration:none;
}

#news .title a:hover {
	text-decoration:underline;
}

#news .text {
	line-height: 15pt;
	margin-bottom: 10px;
}

#news .button {
}

#news .button a {
   display: block;
   width: 99px;
   height: 18px;
	color: white;
	text-decoration: none;
	font-size: 8pt;
	padding-left: 7px;
	line-height: 17px;
	background: url(images/news_button.png) no-repeat;	
	position: absolute;
	bottom: 9px;
}

#news .button a:hover {
	background: url(images/news_button_active.png) no-repeat;	
}


.columnsMenu {
   width: 960px;
   line-height: 14px;
   background-color:white;
}
.columnsMenu .middle {
	height: 100%;
}
.columnsMenu .bottom {
   width: 960px; 
	background: url(images/spodni_linka_960x1px.gif) no-repeat ;
	height: 1px;	
	margin-top: 20px;
}


.columnsMenu ul {
  width: 320px;
  text-align: left;
  padding: 0;  
  float: left;
  height: auto;
}
.columnsMenu ul li {
   height: 25px;
	list-style:none;
	padding: 8px 0 0 12px;
	margin: 0;
}
.columnsMenu ul li.last-row {	
	height: 15px;
}
.columnsMenu ul li a {
   display: block;
   height: 40px;
   padding: 0px 0px 0px 19px;
	color: #009ECA;
	font-weight: normal;
	text-decoration:none;
	background: url(images/level2_left.png) no-repeat;
	background-position: top left;
	font-size: 14px;	
}
.columnsMenu ul li a:hover, .columnsMenu ul li a.active {   
	color: #009ECA;
	text-decoration: underline;
}
.columnsMenu ul li a span {
   padding: 4px 4px 3px 5px;
	line-height: 24px;
	background: url(images/level2_right.png) no-repeat;
	background-position: bottom right;	
}


/* 3. level */

.menuLevel3, .menuLevel3 table {
   width: 880px;
}


.menuLevel3 table td {
   width: 210px;	
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	vertical-align:top;
}

.menuLevel3 table td .menuLevel3Top {
   width: 210px;
   height: 10px;
	background: url(images/level3_top.png) no-repeat;	
}
.menuLevel3 table td .menuLevel3Middle {
   width: 210px;
   background: url(images/level3_middle.png) repeat-y;	
}
.menuLevel3 table td .menuLevel3Bottom {
   width: 210px;
   height: 10px;
   background: url(images/level3_bottom.png) no-repeat;	
}

.menuLevel3 table td .menuLevel3Sub {
   width: 200px;
   padding-top: 5px;
}


.menuLevel3 table td a {
  color: #0096dc;
  text-decoration: none;
  display:block;
  font-size: 22px;
  background: url(images/level3_arrow.gif) no-repeat;
  background-position: 7px 7px;
  padding-left: 28px;
  padding-bottom: 0px;
  line-height: 28px;
  margin-top: -5px;
}
.menuLevel3 table td a:hover, .menuLevel3 table td a.active {
  text-decoration: underline;
}

/* 3. level pro postupy */

.menuLevel3b, .menuLevel3b ul {
   width: 910px;	
	margin: 0 !important;
	padding: 0 !important;
}


.menuLevel3b ul.menuUl li.menuLi {
   width: 910px;	
   min-height: 0;
   list-style: none;
   display: block;
   float: left;
	background: url(images/level3_linka_210x12.gif) repeat-x;
	background-position: left bottom;  
	padding: 0 !important;
	font-size: 12px;
	position: relative;
	margin: 0 !important;
	margin-bottom: 16px;
}

.menuLevel3b ul.menuUl li.menuLi div.wrapper {
    padding:10px 0 50px 0  !important;
}

.menuLevel3b ul.menuUl li.menuLi a {
  color: #0096dc;
  text-decoration: none;
  font-size: 22px;
  background: none;
  padding-left: 0;
  padding-bottom: 15px;
  line-height: 28px;
}

.menuLevel3b ul.menuUl li.menuLi a.more {
   width: 210px;
   height: 23px;
	display: block;
	background: url(images/level3_more.png) no-repeat;
	font-size: 14px;
	line-height: 22px;
	position: absolute;
	right: -29px;
	bottom: -2px;
	padding-left: 29px;
}

.menuLevel3b ul.menuUl li.menuLi a.more:hover {
	text-decoration: underline;
}

.menuPath {
	font-size: 10px;
	padding: 0 0 10px 45px;
}

.menuPath a {
	color: #4e4e4e;
	text-decoration: none;
}

.menuPath a:hover {
	text-decoration: underline;
}


#mainMenu {
	width: 960px;
	height: 44px;
	text-align: left;	
}

#mainMenu a div {
	padding: 0 20px;
	padding-top: 4px;
}

#mainMenu li {
	width: 160px;
	float: left;		
	list-style: none;
	
}
#mainMenu li a {
	color: white;
	text-decoration: none;
	font-size: 12pt;	
	font-weight: normal;
	display: block;
	width: 160px;
	height: 44px;
	background:url(images/01_button.png);
}
#mainMenu li a.active, #mainMenu li a:hover {
	background-image:url(images/01_button_active.png);
	color: #0E99DA;
}
#mainMenu li.last a {
	background: url(images/02_button.png);
}
#mainMenu li.last a.active, #mainMenu li.last a:hover {
	background: url(images/02_button_active.png);
}


#page {
	width: 960px;
	margin: 0 auto;
}

#header {
   width: 960px;
	background: url(images/head_right.png) no-repeat;
	background-position:top right;
}

#headerWrap a {
   display: block;
   width: 970px;
   height: 174px;
	background: url(images/head_logo.png) no-repeat;
	background-position: top left;
	text-decoration: none;
}

#headerWrap a:hover {
	background: url(images/head_logo_active.png) no-repeat;
}

#middle {
	background: white url(images/prechod_pod_menu.png) no-repeat top;	
	padding: 20px;
	padding-bottom: 40px;
	min-height: 200px;
	text-align: left;
	position: relative;
}

#back {
   width: 31px;
   height: 27px;
	background: url(images/back_button.png) no-repeat;
	position: absolute;
	left: -11px;
	bottom: 8px;
	text-decoration: none;
	padding-left: 40px;
	font-size: 11px;
	line-height: 34px;
	color: #0891D1;
}

#middleWrap {
	background:  url(images/spodni_hrana.png) no-repeat bottom;
	height: 5px;
}

#bottom {
   width: 960px;	
}

#footer {
   height: 144px;
	background: url(images/paticka_pict.png) no-repeat center;
	text-align: left;
	font-size: 9pt;
	margin-bottom: 20px;
	color: #004363;
}

#footer a {
	text-decoration: none;
	color: #004363;	
}

#footer a:hover {
	text-decoration: underline;	
}

#footer .col1 {
   width: 360px;
	float: left;
	padding: 30px 0px 0px 140px;
}

#footer .col2 {
   width: 360px;
	float: left;
	padding: 30px 0px 0px 10px;
}

#footer .col2 li {
	list-style: none;
}
#footer .col2 a {
	background: url(images/small_arrow.png) no-repeat;
	background-position: 0px 3px;
	padding-left: 18px;
	line-height: 20px;	
}

#footer .col3 {
	float: left;
}

.error {
	color: red;
}

.cleaner {
	clear:both;
}


body {
   text-align:center;
   background: url(images/backgrnd.gif) repeat;
   font: normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height:14pt;
   color: #4e4e4e;
}