/*========================================================*/
/*  Webskoly Style Sheet                                  */
/*========================================================*/

/*========================================================*/
/*  BARVY:				                                  */
/*  zakladni   (tmava):	#003366		                      */
/*  zvyrazena (svetla):	#FF6600		                      */
/*========================================================*/

/*========================================================*/
/*  1. Zakladni											  */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}

/* Body style */
body {
	margin: 0;
	height: 100%;
	/*background: url(bg_990.gif) top center repeat-y #e2e2e2;*/
}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
}

.MainTable
{
	margin-top: 20px;
	height: 100%;
	width: 98%;
	background-color:white;
}

/*========================================================*/
/*  2. tridy zahlavi									  */
/*========================================================*/

/* Holds logo object */
.Logo {
	padding: 4px 16px 4px 16px;
	width: 150px;
}

/* Header height */
.Header {
	height: 20px;
	text-align: right;
	padding: 0 8px 0 8px;
	vertical-align: middle;
}

/* Separator image in header */
.HeaderSep {
	width: 2px;
	margin: 0 4px 0 4px;
	background: url(header_sep.gif) center top no-repeat;
}

/* Menu container */
.Menu {
	background-color: #003366;
	height: 24px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* Breadcrumb container */
.Breadcrumb {
	height: 25px;
	font-size: 105%;
	font-weight: bold;
	color: #ccc;
	padding: 0 16px 0 16px;
}

/* Page title underline - left */
.ShadowLeft {
	width: 185px;
	background: url(breadcrumb_bg_left.gif) no-repeat;
}

/* Page title underline - center */
.ShadowCenter {
	background: url(breadcrumb_bg_center.gif) repeat-x;
}

/* Page title underline - right */
.ShadowRight {
	width: 185px;
	background: url(breadcrumb_bg_right.gif) no-repeat;
}

/*========================================================*/
/*  3. tridy obsahu									  */
/*========================================================*/

/* Content container */
.Content {
	padding: 2px 10px 10px 10px;
}

/* Top content row */
.ContentTop {
	padding: 0 0 5px 0;
}

/* Left content column */
.ContentLeft {
	width: 220px;
	padding: 0 10px 10px 0;
	background: url(lista.gif) right repeat-y;
}

/* Center content column */
.ContentCenter {
	padding: 0 0 10px 0;
}

/* Right content column */
.ContentRight {
	width: 150px;
	padding: 0 0 10px 10px;
}

/* Bottom content row */
.ContentBottom {
	padding: 0;
}

/*========================================================*/
/*  4. tridy zapati									  */
/*========================================================*/

/* Footer height */
.Footer {
	height: 25px;
	text-align: center;
	background-color: #F1F1F1;
	border-top: 1px solid #ccc;
}

/*========================================================*/
/*  5. odkazy                                              */
/*========================================================*/

/* Basic links */
a:link, a:visited, a:active {
	color: #003366;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #003366;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: none;
}

/* zaregistrovat se a prihlasit/odhlasit odkazy v halvicce */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
    text-decoration: none;
    color: #003366;
	font-weight: bold;
}

a.LoginLink:hover {
    text-decoration: underline;
    color: #003366;
	font-weight: bold;
}

/* odkazy na tmavsim pozadi (napr. v zapati) */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
    text-decoration: none;
    color: #003366;
	font-weight: normal;
}
a.FooterLink:hover {
    text-decoration: underline;
    color: #003366;
	font-weight: normal;
}

/* styl pro breadcrumb */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
    text-decoration: none;
    color: #003366;
	font-weight: bold;
	white-space: nowrap;
}

a.BreadcrumbLink:hover {
    text-decoration: underline;
    color: #003366;
	font-weight: bold;
	white-space: nowrap;
}

/* pro odkazy, ktere vypadaji jako tlacitka */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #003366;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #003366;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: none;
}

/* For links that come with a pre-attached Normal class */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #003366;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: underline;
}

a.Normal:hover {
	color: #003366;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: none;
}

/*========================================================*/
/*  6. Text                                               */
/*========================================================*/

/* Style for copyright text in footer */
.CopyrightText {
	color: #999;
}

/* Used in admin sections */
.SubHead    {
    font-family: tahoma;
    font-size: 100%;
    font-weight: bold;
    color: #003366;
}

/* Module titles */
.Head {
    font-family: tahoma;	
	font-size: 100%;
	font-weight: bold;
	color: #003366;
}

/* Module titles - White */
.ContainerTopTitle .Head {
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	white-space: nowrap;
}

/* Bold colored - used for warnings and such */
.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 100%;
}

/* Normal bold text */
.NormalBold {
	font-family: tahoma;
	font-size: 100%;
	font-weight: bold;
	color: #003366;
}

/* Normal bold text */
.Normal {
	font-family: tahoma;
	font-size: 100%;
}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

select, input {
	font-family: tahoma;
	color: #000;
}

/* Applies to text input boxes */
.NormalTextBox {
	color: #000;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 100%;
}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
}

.StandardButton {
	background: #003366;
	border-right: 1px solid #405581;
	border-left: 1px solid #889BC4;
	border-top: 1px solid #889BC4;
	border-bottom: 1px solid #405581;
	color: #fff;
	font-weight: normal;
}

/*========================================================*/
/*  8. Main Menu                                          */
/*========================================================*/

/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
}

/* Menu bar */
.MainMenu_MenuBar {
	background: transparent; 
}

/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #FFF;
	font-weight: normal;
	background: #003366;
	border: #003366 1px solid;
	padding: 1px 4px 2px 2px;
	font-size: 100%;
}

/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	margin: 2px 0px 0px 0px;
	background-color: #F3F3F3;
	border: 1px solid #c7c7c7;
	padding: 0px;
}

/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-weight: normal;
	cursor: pointer; 
	color: #fff;
	background: #FF6600;
	border-left: #FF6600 1px solid;
	border-right: #FF6600 1px solid;
	padding: 1px 4px 2px 2px;
	font-size: 100%;
}

/* Idle state for main menu items */
.MainMenu_Idle { 
	background: url(menu_off.gif) repeat-x top left;
	color: #D4DCEB;
	font-weight: bold;
	height: 24px;
}

/* Hover state for main menu items */
.MainMenu_Selected {
	background: url(menu_off.gif) repeat-x top left;
	color: #fff;
	font-weight: bold;
	height: 24px;
}

/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	background: url(menu_on.gif) repeat-x top left;
	color: #fff;
	font-weight: bold;
	height: 24px;
}

.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}

.MainMenu_LeftOff {
	padding-left: 2px;
	height: 24px;
	background: url(tab_left_off.gif) bottom left no-repeat;
}

.MainMenu_LeftOn {
	padding-left: 2px;
	height: 24px;
	background: url(tab_left_on.gif) bottom left no-repeat;
}

.MainMenu_RightOff {
	padding-left: 2px;
	height: 24px;
	background: url(tab_right_off.gif) bottom right no-repeat;
}

.MainMenu_RightOn {
	padding-left: 2px;
	height: 24px;
	background: url(tab_right_on.gif) bottom right no-repeat;
}

/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {
	display: none;
}

/*========================================================*/
/*  9. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #FFF;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 

	height: 21px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #FFF;
	font-weight: normal;
	background: #003366;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
	border-right: #003366 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	margin: 2px 0px 0px 0px;
	background-color: #CCC;
	border: 1px solid #CCC;
	padding: 0px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-weight: normal;
	cursor: pointer; 
	color: #fff;
	background: #FF6600;
	border-left: #FF6600 1px solid;
	border-right: #FF6600 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}

/*========================================================*/
/*  10. Containers                                         */
/*========================================================*/

.ContainerTopLeft {
	width: 10px;
	height: 25px;
	background-color: #003366;
	font-size: 1px;
}

.ContainerTopTitle {
	height: 25px;
	background-color: #003366;
	white-space: nowrap;
}

.ContainerTopActions {
	height: 25px;
	width: 1px;
	background-color: #003366;
	white-space: nowrap;
}

.ContainerContent {
	padding: 7px 10px 10px 10px;
}


/*========================================================*/
/*  Events                                                */
/*========================================================*/

.Eventtooltip {
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
}
	 
.Event {
	border: black 1px solid;
	table-layout: auto;
	padding: 0px;
	margin: 0px;
	color: black;
	border-collapse: collapse;
	text-align: center;
	width: 180px;
	height: 180px;
}

.Event td {
	font-size: 100%;
	vertical-align: middle;
	text-align: center;
}

.EventTitle {
	font-weight: bold;
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #003366;
	text-align: center;
}

.EventTitle, .EventTitle td {
	font-weight: bold;
	font-size: 105%;
	background-image: none;
	color: white;
	background-color: #003366;
	text-align: center;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link {
	padding-right: 0px 0.5em;
	color: white !important;
	font-size: 80%;
	vertical-align: middle;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover {
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0px;
	color: white !important;
	padding-top: 0px;
}

.EventDayHeader {
	font-size: 90%;
	font-weight: bold;
	background-color: silver;
}

.EventDay, .EventDay,
.EventDay a,
.EventDay a:visited,
.EventDay a:hover {
	color: #003366 !important;
	vertical-align: middle;
}

.EventOtherMonthDay {
	color: #808080;
	background-color: #DCDCDC;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover {
	color: #8080c0;
	background-color: #DCDCDC;
}


.EventWeekendDay {
	background-color: #F5F5F5;
}

.EventTodayDay {
	border: red 2px solid;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay {
	font-weight: bold;
	color: #003366 !important;
	background-color: #A9A9A9;
}

.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover {
	color: #003366 !important;
	font-weight: bold;
}

.EventSelector {
	background-color: #c0c0e0;
}

.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover {
	color: #003366;
	text-decoration: none;
}	

.EventMonthSelectedDay {
	padding: 10px 0px 0px 0px;
}

.EventMonthSelectedDay, .EventMonthSelectedDay .Normal {
	font-size: 105%;
	font-weight: bold;
}


/*========================================================*/
/*  Styly pro clankove moduly News Articles               */
/*========================================================*/


/* MENU */
A.MenuTop:link,
A.MenuTop:visited,
A.MenuTop:active {
}

A.MenuTop:hover    {
}

A.MenuTopSelected:link,
A.MenuTopSelected:visited,
A.MenuTopSelected:active {
    text-decoration:    underline;
	font-weight: bold;
}

A.MenuTopSelected:hover {
    text-decoration:    none;
	font-weight: bold;
}


.clanek {
	/*border: 1px solid #E2E2E2;*/
	background-color: none;
}

.clanek H3.titulek,
.clanek H3.titulekFeatured,
#hodnoceni H3.titulek,
#komentare H3.titulek {
	color: black;
	font-weight: bold;
	padding: 20px 12px 0px 6px;
	height: 25px;
	margin: 0px;
	line-height: 25px;
	border-top: 1px solid #aaaaaa;
	font-size: 110%;
}

.clanek H3.titulek a:link,
.clanek H3.titulek a:visited,
.clanek H3.titulek a:active,
.clanek H3.titulek a:hover,
.clanek H3.titulekFeatured a:link,
.clanek H3.titulekFeatured a:visited,
.clanek H3.titulekFeatured a:active,
.clanek H3.titulekFeatured a:hover {
	color: black;
	font-weight: bold;
}

.clanek H3.titulekFeatured {
}

.clanek H3.titulek IMG,
.clanek H3.titulekFeatured IMG	{
	vertical-align: middle;
}

.clanek .datum {
	float: right;
}

.clanek .informacniRadek {
	padding: 8px;
}

.clanek .obrazek {
	margin: 10px 12px 5px 5px;
	width: 100px;
	float: right;
	text-align: center;
}

.clanek .perex {
	margin: 0px;
	/*border: 1px solid #E2E2E2;
	background-color: #E2E2E2;*/
	padding: 10px 5px;
}

.clanek .toolbox {
	clear: both;
	text-align: right;
	padding: 5px;
}

.clanek .text {
	margin: 0px 10px 10px 10px;
	border: 1px solid #E2E2E2;
	background-color: #E2E2E2;
	padding: 5px;
}

.clankyStrankovani {
	border: 1px solid #999999;
	background-color: #EEEEEE;
	padding: 2px 5px;
}

#hodnoceni div.obsah {
	padding: 10px 10px 5px 10px;
}

#komentare div.obsah {
	padding: 10px;
}

#komentare div.komentarText {
	margin-top: 5px;
	background-color: #E2E2E2;
	padding: 5px;
}

.articleTopCell { background-color: #003366; }


/*========================================================*/
/*  GuestBook                                             */
/*========================================================*/

DIV.GB_Head {
	BACKGROUND-COLOR: #003366;
}


/*========================================================*/
/*  User Defined Table                                    */
/*========================================================*/
.UDT_Table_Head td {
	border-bottom: 2px solid #003366;
}

.UDT_Table_Item {
	background-color: #E2E2E2;
}

.UDT_Table_AlternateItem td {
}


/*========================================================*/
/*  Other                                                 */
/*========================================================*/

.schovat {
	display: none;
}

/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/