﻿/************************/
/* GLOBAL               */
/************************/
body
{
	font: 10px Arial, Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#606167;
}

body form
{
    padding:0;
    text-align:center;
}



h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

h1 {font-weight: normal; font-size: 34px; padding: 0; margin: 0;}
h2 {font-weight: normal; font-size: 24px; padding: 0; margin: 0.2em 0;}
h3 {font-weight: normal; font-size: 20px; padding: 0; margin: 0.4em 0;}
h4 {font-weight: normal; font-size: 18px; padding: 0; margin: 0.4em 0;}
h5 {font-weight: normal; font-size: 14px; padding: 0; margin: 0.4em 0;}
h6 {font-weight: bold; font-size: 14px; padding: 0; margin: 0.4em 0;}

a 
{
	color: #8d8b7e;
}

/*HBa:hover { 

color:blue; 
font-weght: bold; 
} */



input
{
	border: 1px solid #8d8b7e;
}
p 
{
    margin: 0 0 1em 0; 
    padding: 0; 
}

.hidden 
{
    display: none;
}

.introduction 
{
    font-style:italic;
}

.button
{
    text-decoration:none;
    color:#fff;
	background: url(images/btnBg.png) repeat-x;
	text-transform:uppercase;
	text-align:center;
	padding: 2px 5px;
	border:none;
}


#Page 
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
	margin: 0 auto;
	width:994px;
    max-width: 1500px;
    height:785px;
	min-height:785px;
	position:relative;
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body #Page {height: auto;}




/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	height:94px;
	position:relative;
	padding:0 12px;
}


#Logotype
{
	float: left;
	margin:0;
	padding:0;
	/*padding:20px 0 0 10px;*/
	padding:27px 0 0 10px;
	
}

#Functions
{
	float: right;
	margin:10px 15px 0 0;
	padding:0;
}

/*************************/
/* TOPLINKS				 */
/*************************/
#TopLinks
{
    float:left;
	position:relative;
	font-size:11px;
	margin:2px 15px 0 0;
}

#TopLinks ul 
{
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#TopLinks li 
{
	display:inline;
	margin: 0 0 0 0.5em;
	padding:0;
}

#TopLinks li.separator 
{
	vertical-align:top;
}

#TopLinks li.selected 
{
	font-weight:bold;
}

#TopLinks li.selected a 
{
	
}

#TopLinks li a 
{
	text-decoration: none;
	color:#606167;
}

#TopLinks li.unselected a:hover 
{
	text-decoration:underline;
}

/*************************/
/* QUICKSEARCH           */
/*************************/
.QuickSearchArea
{
	float:left;
}

input.quickSearchField
{
	float: left;
	margin: 1px 2px 0px 0px;
	width: 170px;
	font-size:11px;
	color:#606167;   /*HB 091207 Issue 257 */
}

.quickSearchButton
{
    margin:1px 0 0 0;
	float: left;
	
}

.quickSearchButton a
{
    text-decoration:none;
    color:#fff;
    font-size:11px;
    font-weight:normal;
    width:41px;
	/*height:18px;  HB Issue257 */
	height:16px;  /*  HB Issue257 */
	background: url(images/btn_sok.png) no-repeat;
	background-position:center;
	display:block;
	text-transform:uppercase;
	padding:2px 0 0 0;
	
	clear:both;
	
	
	
}

.quickSearchButton a:hover
{
	background: url(images/btn_sok_h.png) no-repeat;
}



/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea
{
    text-align:left;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    margin:0 12px;
    height:32px;
}

#MainMenuArea ul 
{
	padding: 0;
	margin:0;
	list-style-type: none;
	float: left;
}
* html #MainMenuArea ul  {  }  /* for IE 6 */

#MainMenuArea li 
{
	float: left;
	margin: 0;
	padding:0;
}

#MainMenuArea li a 
{
	display: block;
	text-decoration: none;
	color:White;
	height:22px;
	padding:10px 0 0 0;
	width:139px;
	text-align:center;
}

#MainMenuArea li.selected a 
{
	color:White;
}

#MainMenuArea li.unselected a:hover 
{
	color:White;
}

#MainMenuArea li.first a
{
	width:136px;
}


/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
	text-align:left;
	font-size:12px;
	position:relative;
	margin:0 12px 0 12px;
}

/************************/
/* SUBMENUAREA          */
/************************/
#SubMenuArea 
{
	position: relative;
	width:100%;
	padding: 0;
	display:block;
	height:57px;
	overflow:hidden;
}

#SubMenuArea ul 
{
	margin: 0;
	padding:0;
	list-style-type: none;
	height:57px;
	padding: 0;
}

#SubMenuArea li 
{
	float: left;
	padding:0;
	margin:0;
	color:#fff;
	height:57px; 
	width:120px;
	text-align:center;
	
	
}

html>/**/body #SubMenuArea li  {display: table;} /* All browsers but IE */


#SubMenuArea li.selected 
{
	
}

#SubMenuArea li.unselected 
{
	
}

#SubMenuArea li a 
{
	padding:0;
	margin:0;
	text-decoration: none;
	display:block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	height:57px;
	
    
}
html>/**/body #SubMenuArea li a  {display: table-cell; vertical-align: bottom;} /* All browsers but IE */

#SubMenuArea li a span.linkHeight
{
    vertical-align:bottom;
    display:inline-block;
    width:0;
    height:100%;
    
}

#SubMenuArea li a span.linkText
{
   
    vertical-align:bottom;
    display:inline-block;
    width:100%;
    padding: 0 0 5px 0;
    cursor:hand;
}

#SubMenuArea li.selected a 
{
	background: url(images/umeny_bgr_rollover.png) repeat-x top left;
	
}

#SubMenuArea li.unselected a 
{
	
}

#SubMenuArea li.unselected a:hover 
{
    
	background: url(images/umeny_bgr_rollover.png) repeat-x top left;
}

/*************************/
/* FULLCONTENTAREA       */
/*************************/
#FullContentArea
{
	float: left;
	padding:10px 10px 30px 10px;
}

/*************************/
/* LEFTMENUAREA          */
/*************************/
#LeftMenuArea
{
	width: 200px;
	float: left;
	overflow: hidden;
	color: #606167;
}

#LeftMenuArea ul
{
	padding: 0 0 1.5em 0;
	margin: 0;
	list-style-type: none;
	background-color:#eeeff3;
	padding:15px;
}

#LeftMenuArea ul ul
{
	margin: 0 0 0.1em 0em;
	padding:0 0 0.2em 0;
	border: 0;
}

#LeftMenuArea ul ul ul
{
	margin: 0 0 0.1em 1em;
	padding:0 0 0.2em 0;
}

#LeftMenuArea li
{
	font-size: 16px;
	
}

#LeftMenuArea li a, #LeftMenuArea li span.LeftMenuSelected
{
	display: block;
	text-decoration: none;
	color: #606167;
}
#LeftMenuArea li span.LeftMenuSelected
{
    color:#fff;
    width:100%;
    background-color: #606167;
    float:left;
    padding:0 0 0 2px;
}

#LeftMenuArea li span.LeftMenuSelected a
{
    color:#fff;
}

* html #LeftMenuArea li a { display:inline; }  /* for IE 6 */
* html #LeftMenuArea li span { float:none; }  /* for IE 6 */


#LeftMenuArea li li
{	
	font-size: 16px;
}

#LeftMenuArea li li li
{
	font-size: 0.85em;
}

#LeftMenuArea .LeftMenuHeader
{
	
	
}

#LeftMenuArea .LeftMenuImg
{
	text-align:center;
	padding:10px 0;
	
}

/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
	width:750px;
	float: left;
	padding:2px 0 0 0;
}


#MainBodyArea
{
	width: 450px;
	float: left;
	margin:0 30px;
	line-height:1.5;
}

* html #MainBodyArea { margin:0 30px 0 15px}  /* for IE 6 */

#MainHeading
{
	width:100%;
	padding:0;
}
#MainHeading h1
{
    display:inline-block;
	padding:0;	
	vertical-align:top;	
	padding-top:5px;
}
* html #MainHeading h1 { display:inline;}  /* for IE 6 */
* + html #MainHeading h1 { display:inline; }  /* for IE 7/ IE8 */

#MainHeading .NewsImage
{
    padding: 0 0 5px 20px;
}

.WideHeading
{
	float:left; 
	width:100%;
}

#RightBodyArea
{
	width: 240px;
	overflow: hidden;
	float: left;
}

#RightBodyArea ul 
{
	margin: 65px 0 0 0;
	padding: 0;
	list-style-type: none;
	
}

#RightBodyArea li 
{
	display: block;
	margin: 0 0 20px 0;
	padding:0;
	text-align:center;
	
}

#RightBodyArea li.functions
{
	text-align:right;
}

#RightBodyArea .FunctionsWide
{
	position:absolute; 
	top:6.5em; 
	right:1.0em;
}

* html #RightBodyArea .FunctionsWide  { right:3.0em; }  /* for IE 6 */

#MainAndRightBodyArea .FunctionsWide
{
	position:absolute; 
	top:6.5em; 
	right:1.0em;
}

#RightBodyArea .PrintButton
{

}
#RightBodyArea .TipButton, #MainAndRightBodyArea .TipButton
{
	padding: 0 0 0 1em;
}

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	float:left;
	position:relative;
	width:970px;
	vertical-align:bottom;
	background: url(images/transparent_bunn.png) no-repeat bottom center;
	padding: 0 0 15px 0;
}

ul.FooterLinks
{
    list-style-type: none;
	float: left;
    margin: 0 10px 15px 10px;
    padding:0;
    width: 950px;
    height:31px;
    position:relative;
}
ul.FooterLinks li
{ 
    display: block;
    width:33%;
	float: left;
	text-align:center;
/*	padding:6px 0 0 0;  HB  Issue 250 */
    padding   :7px 0 0 0;
	
}
ul.FooterLinks li a
{
    	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background: url(images/arrow_right_white.png) no-repeat right;
	padding:0 20px 0 0;
}
/*
ul.FooterText
{
    list-style-type: none;
	float: left;
    margin: 0 10px 0 0;
    padding:0 0 15px 0;
    width: 950px;
    position:relative;
    font-size:10px;
  
   
}*/
ul.FooterText 
{
float:left;
font-size:10px;
list-style-type:none;
margin:0 10px 0 0;
/* padding:0 0 15px 12px;HB */
padding: 0 0 15px 5px; 
position:relative;
width:100%;   
}

ul.FooterText li
{ 
    display: block;
	float: left;
	overflow:hidden;
	width:33%;
	background: url(images/dot_vertical.png) repeat-y top left;
	height: 26px;
	
	
	
}



ul.FooterText li.first
{
    background:none;
     
  
}

ul.FooterText li div
{
    padding: 0 15px 0 20px;
}

ul.FooterText li.first div
{
    /*padding: 0 15px 0 30px;   HB */
     padding: 0 15px 0 20px;
    
    
}
ul.FooterText li a
{
    color:#606167;
	text-decoration:none;
	
}


/*************************/
/*  WIDE PAGE            */
/*************************/
#MainAndRightBodyArea
{
    float: left;
    margin:0 30px;
	line-height:1.5;
}
* html #MainAndRightBodyArea { float:none;}  /* for IE 6 */
/*************************/
/*  LEFT ALIGNED PAGE     */
/*************************/
#LeftAndMainBodyArea
{
    float: left;
    padding:12px 10px 30px 30px;
}


#LeftAndMainBodyArea #MainBodyArea
{   
    width:660px;
    margin:0 30px 0 0;
}


/*************************/
/*  BOXES                */
/*************************/
#Tabs
{
	float: left;
	position:relative;
	width:720px;
	padding: 0 0 0 30px;
}

* html #Tabs { position:static;}  /* for IE 6 */

.BoxArea
{
    float:left;
	background: url(images/flickboks_bgr.png) repeat-x top left;
}

.blanktab
{
	width:30px;
	
}
.Box
{
	height:30px;
	width:139px;
	background: transparent url(images/flickboks_btn.png) no-repeat top left;
	text-align:center;
}
.BoxSelected
{
	height:30px;
	width:139px;
	background: transparent url(images/flickboks_btn_h.png) no-repeat top left;
}

.rtsUL
{
	width:100%;
	z-index:10;
	position:relative;
}
* html .rtsUL { position:static; }  /* for IE 6 */

.rtsTxt
{
	font-size:12px;
	color:#606167;
	
}

a.rtsLink .rtsTxt
{
	color:#606167;
	/*padding: 4px 0 0 0;HB*/
	padding: 7px 0 0 0;
}

#Tabs .BoxContent
{
	padding:15px 15px 30px 30px;
	line-height:1.5;
}

#Tabs a
{
    text-decoration:none;
}

#Tabs .BoxContent h2 a
{
	text-decoration:none;
	color:#606167;
}

#Tabs .BoxImage
{
	padding:0 0 0 30px;
}

#Tabs .BoxText
{
	
	
}


/*************************/
/* SUBSTARTPAGE       */
/*************************/
#SubStartPageArea
{
	float: left;
}

.FlashTop
{
	float:left;
	margin:0;
	padding:0;
}

.FlashContainer
{
	margin:0;
	float:left;
	padding:0 0 10px 10px;
}

.FlashContainer .ImageItem
{
	padding:10px 10px 0 0;
	margin:0;
	
	
}

/*************************/
/* LIST PAGE			 */
/*************************/
#ListMainBody
{
    width: 390px;
	float: left;
	margin:0 30px;
	line-height:1.5;
}
* html #ListMainBody { margin:0 30px 0 15px;}  /* for IE 6 */
#ListRightBody
{
    width: 300px;
	overflow: hidden;
	float: left;
}
.MainListArea
{
	float: left;
	width:700px;
	margin: 0 30px 0 30px;
	line-height:1.5;
}

* html .MainListArea{ margin: 0 15px 0 15px;}  /* for IE 6 */


.ListTable
{
	width:100%;
	float:left;
}

.ListItem
{
    display:block;
    float:left;
	padding:15px 0;
	background: url(images/dot_horizontal.png) repeat-x top left;
}

.ListItem h3
{
	margin-top:0;
	padding:0;
}
.ListItem h3 a
{
	font-size:18px;
	background:none;
	font-weight:normal;
	padding:0;
	margin-top:0;
}
.ListItem p
{
    padding-top:10px;
}
.ListItem a
{
    background: url(images/arrow_right.png) no-repeat right;
    color:#606167;
    font-weight:bold;
    padding: 0 20px 0 0;
    text-decoration:none;
}

.ListThumbnail
{
	display:block;
	padding:0 30px 0 0;
}

.MainIntro
{
	 font-style:italic;
	 display:block;
	 line-height:1.5;
}

.ListMainImage
{
	display:block;
	padding:0 0 30px 0;
}

.MainListArea .Item
{
	padding: 0;
}

* html .MainListArea .Item { margin-top:-30px;}  /* for IE 6 */
* + html .MainListArea .Item { margin-top:-30px; }  /* for IE 7 */


.BackLink
{
	display:block;
	background: url(images/arrow_left.png) no-repeat left;
    color:#606167;
    font-weight:bold;
    padding: 0 0 0 20px;
    text-decoration:none;
}

/* TELERIK RADGRID */
.GridHeader_Default
{
	display:none;
}
.PagerLeft_Default
{
	float:left;
}
.PagerRight_Default
{
	float:right;
	
}

.rgPagePrev
{
    background: url(images/arrow_left.png) no-repeat left;
    border:0;
    margin: 0 0 0 10px;
}

.rgPageNext
{
    background: url(images/arrow_right.png) no-repeat left;
    border:0;
    margin: 0 0 0 10px;
}
/*************************/
/* QUESTIONBOX			 */
/*************************/
.QuestionBox
{
    background-color:Fuchsia;
    width:300px;
    
}

.inputQuestion
{
    margin:50px 0 0 15px;
    border: 1px solid #8d8b7e;
    width:270px;
    height:80px;
}

.SendButton
{
    text-decoration:none;
    color:#fff;
    width:90px;
	height:25px;
	background: url(images/btn_send.png) no-repeat;
	display:block;
	text-transform:uppercase;
	padding:4px 0 0 0;
	text-align:center;
	margin: 10px 15px 10px 15px;
	float:right;
}


/*************************/
/* SEARCH PAGE           */
/*************************/

#SearchResultArea
{
    float: left;
    margin:0 0 0 30px;
	line-height:1.5;
	width:720px;
}
* html #SearchResultArea { float:none;}  /* for IE 6 */

#ResultArea ol
{
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#ResultArea li 
{
    margin:0;
	padding:15px 0;
	background: url(images/dot_horizontal.png) repeat-x top left;
}

#ResultArea div 
{
    display:block;
	padding:0 20px 0 0;
}
#ResultArea h2
{
    margin-top:0;
    padding-top:0;
}
#ResultArea h2 a
{
    color:#606167;
    text-decoration:none;
}

/*************************/
/* XFORM                 */
/*************************/
.xForm
{
}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}


.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm input, .xForm .options 
{
    float: left;
}

.xForm fieldset 
{
    border: 1px solid #cdcdcd;
}

.xForm legend 
{
    color: #606060;
    padding: 10px 5px;
}

.xForm label 
{
    line-height: 1.7em;
    margin-right: 0.5em;
    float: left;
    width: 120px;
    
}


#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}

.xForm input.value, .xForm textarea.textbox
{

    width: 200px;
}

.options
{
	border:none;
}


/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted {}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

/**********************************/
/*   Image  classes for content    */
/**********************************/
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}

/**********************************/
/*   Style for Print              */
/**********************************/
body.Print form
{
	text-align: left;
	
}
body.Print #Page
{
    text-align:left;
	width:800px;
	position:relative;
	margin:0;
}

body.Print ul.FooterLinks
{
    display:none;
}

body.Print ul.FooterText
{
    width:800px;
    margin:0;
    padding:0;
}

