html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #D0D0D0 url(../images/elements/body_bgnd_gradient.jpg) top left repeat-x;
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
}

a img {
	border: 0;
}

a:link, a:visited, a:hover, a:active {
	color: #AA030D;
}

input {
	font-family: "Times New Roman", Times, serif;
}

#container {
	background: transparent url(../images/elements/body_bgnd_02.jpg) 0 185px no-repeat;
	width: 100%;
	height: 100%;
}

#container2 {
	background: transparent url(../images/elements/content_bgnd.gif) 192px 0 repeat-y;
	width: 100%;
	height: 100%;
}

#sysmenuBar {
	position: relative;
	padding-top: 9px;
	width: 100%;
	height: 21px;
	font-size: 85%;
}

#sysmenuBar .paddedArea {
	width: 853px;
	padding-left: 115px;
}

#sysmenuBar #lang {
	float: left;
	width: 173px;
	height: auto;
	background-color: transparent;
}

#sysmenuBar #lang a:link, #sysmenuBar #lang a:visited, #sysmenuBar #lang a:hover, #sysmenuBar #lang a:active	 {
	position: absolute;
	bottom: 2px;
	color: #59407F;
}

#sysmenuBar #deco2 {
	float: right;
	width: 173px;
	height: 21px;
	background-color: #E1E1E1;
}

#sysmenuBar #creditsButton	{ float: right; width: 21px; height: 30px; margin-top: -9px; }
#sysmenuBar #sitemapButton	{ float: right; width: 21px; height: 30px; margin-top: -9px; }
#sysmenuBar #searchButton	{ float: right; width: 24px; height: 30px; margin-top: -9px; }
#sysmenuBar #search .input 	{ float: right; background-color: #E1E1E1; margin-left: 4px }
#sysmenuBar input				{ width: 128px; height: 16px; font-size: 12px; border: none; border-bottom: 1px solid #929292; background-color: transparent; padding: 2px 2px 1px 2px; margin: 0 5px 1px 9px; }
#sysmenuBar #printButton		{ float: right; width: 21px; height: 30px; margin-top: -9px; }
#sysmenuBar #homeButton		{ float: right; width: 24px; height: 30px; margin-top: -9px; }


#mainArea {
	position: relative;
	clear: left;
	width: 100%;
	
}

#col1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 191px;
	border-top: 1px solid white;
}

#deco1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 154px;
	background-color: #DADADA;
}

#col1 a img {
	position: absolute;
	top: 0;
	left: 111px;
}


#col2 {
	position: absolute;
	top: 0;
	left: 192px;
	width: 293px;
	border-top: 1px solid white;
}

#col3 {
	position: absolute;
	top: 0;
	left: 486px;
	width: 293px;
	border-top: 1px solid white;
}

#col2and3 {
	position: absolute;
	top: 0;
	left: 192px;
	width: 587px;
	border-top: 1px solid white;
	background-color: white;
}

#col4 {
	position: absolute;
	top: 0;
	left: 780px;
	width: auto;
}

/*
 * -------- main content --------*/
#col2and3 .content {
	padding: 0 0 20px 14px;
	line-height: .9em;
}

#col2and3 .content img.title {
	/*display: block;*/
	margin: 0 0 -.8em -13px;
	background-color: #BDBDBD;
}

#col2and3 .content h1 {
	text-transform: uppercase;
	font-size: 100%;
	line-height: 100%;
	margin: 0;
	margin-top: 2.5em;
	margin-bottom: .5em;
}

#col2and3 .content h2 {
	text-transform: uppercase;
	font-size: 100%;
	line-height: 100%;
	margin: 0;
}

#col2and3 .content h3 {
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
	margin: .6em 0 .5em 0;
}

#col2and3 .content h3.alt,
#col2and3 .content h3.alt2 {
	font-weight: normal;
	font-size: 100%;
	line-height: 100%;
	margin: 0;
}

#col2and3 .content h3.alt {
	padding-top: 34px;
}

#col2and3 .content cite {
	color: #8F8F8F;
	display: block;
	padding-top: .5em;
	padding-bottom: .5em;
}

#col2and3 .content p {
	font-size: 100%;
	line-height: 100%;
	padding-right: 12px;
}

/* in case the list has no <ul> */
#col2and3 .content li {
	margin-left: 1em;
	list-style-type: square;
	line-height: 100%;
}

/* for all other good behaving lists */
#col2and3 .content ul {
	margin: 0;
	padding: 0;
}
#col2and3 .content ul li {
	margin-left: 1em;
	list-style-type: square;
}

#col2and3 .pictureRow {
	float: right;
	clear: right;
}

#col2and3 .pictureRow img {
	border-top: 1px solid white;
	border-left: 1px solid white;
	float: right;
}

/*
 * ---------- sections ---------- */

#col2 .section .title {
	width: 274px;
	padding-left: 19px;
	margin-top: 1px;
	background-color: #CDCDCD;
}

#col3 .section .title {
	width: 279px;
	padding-left: 14px;
	margin-top: 1px;
	background-color: #BDBDBD;
}

#col2 .section .content {
	padding: .7em 1em 2em 18px;
	background-color: #DADADA;
	line-height: 100%;
}

#col3 .section .content {
	padding: .9em 1em 2em 12px;
	background-color: #B3B3B3;
	line-height: 100%;
}

#col2 .section:hover .title,
#col3 .section:hover .title,
#col2and3 .section:hover .title {
	background-color: #59407F;
}

#sectionFollows table th,
#sectionFollows table td {
	line-height: 90%;
	padding: 0;
}

#sectionFollows table th {
	color: #737373;
	font-weight: normal;
	text-align: left;
	padding-right: 16px;
}


#col3 #sectionPlay .content {
	color: #F1F1F1;
	background-color: black;
	background-image: url(../images/season/igramo_bgnd.jpg);
	background-repeat: no-repeat;
}

#sectionPlay a:link, #sectionPlay a:visited, #sectionPlay a:hover, #sectionPlay a:active {
	color: #F1F1F1;
}

#sectionPlay .playItem {
	margin-top: .6em;
	padding-bottom: .2em;
	background-image: url(../images/elements/opaque_pix.png);
}

#sectionPlay .playCategorySeparator {
	height: 43px
}


#sectionSpotlight .content p.d2 {
	margin-top: .1em;
}

/*
  * ---------- modules ---------- */
#col4 .module {
	float: left;
	width: 188px;
	margin-right: 1px;
}

#col4 .module .title {
	width: 176px;
	padding-left: 12px;
	margin-top: 1px;
	background-color: #CDCDCD;
}

#col4 .module .title2 {
	width: 100%;
	padding-top: 1px;
	background-color: #E1E1E1;
}

#col4 .module .title2 img {
	background-color: #CAC8C8;
}

#col4 .module .content {
	background-color: #E1E1E1;
	padding: .6em 1em 2em 12px;
	font-size: 90%;
}

#col4 .module .content2 {
	background-color: #E1E1E1;
	padding: .6em 1em 2em 13px;
	font-size: 90%;
}

#col4 .module:hover .title,
#col4 .module:hover .title2 img {
	background-color: #59407F;
}


#newsModule a:link, #newsModule a:visited, #newsModule a:active {
	text-decoration: none;
}
#newsModule a:hover {
	text-decoration: underline;
}

#newsModule a:link .listTitle, #newsModule a:visited .listTitle, #newsModule a:active .listTitle {
	color: #333;
}
#newsModule a:hover .listTitle {
	color: #AA030D;
}

#newsModule a.alt:link, #newsModule a.alt:visited, #newsModule a.alt:hover, #newsModule a.alt:active {
	text-decoration: underline;
}

#newsModule .listDate {
	padding-right: .3em;
}

#newsModule ul.link-list li {
	font-size: 90%;
}


#membershipsModule .content {
	padding-top: 16px !important;
}

#membershipsModule .content p.d2 {
	margin: 0;
}

/*
  * ---------- menu ---------- */
ul#menu {
	position: relative;
	width: 185px;
	margin-left: 6px;
	margin-top: 162px !important;
}
  
ul#menu, ul#menu ul {
	list-style-type: none;
	text-align: right;
	padding-left: 0;
	margin-top: 4px;
}

ul#menu li {
	margin-bottom: 5px;
}

ul#menu li ul {
	display: none;
	margin-left: 0;
}
/*
ul#menu li ul.alt {
	display: block;
}*/

ul#menu a:hover,
ul#menu a.alt:link, ul#menu a.alt:visited, ul#menu a.alt:hover, ul#menu a.alt:active {
	background-color: #5E733D;
	color: white;
}

ul#menu li a {
	text-transform: lowercase;
	background-color: #D7CEE6;
	color: #333;
	text-decoration: none;
	padding-left: .5em;
	padding-right: .2em;
	padding-bottom: .05em;
}

ul#menu li li a {
	background-color: #A18CC2;
	color: #333;
	padding-right: .9em;
}

ul#menu li li li a {
	background-color: #59407F;
	color: white;
	padding-right: 1.6em;
}

ul#menu li li {
	/*width: 170px;*/
}

ul#menu li li li {
	/*width: 170px;*/
}

#banners-left {
	position: relative;
	margin-top: 30px;
	margin-left: 15px;
	width: 176px;
}

#col1 #banners-left a img {
	position: relative;
	left: auto;
	top: auto;
	margin-bottom: 5px;
}


/*
  *-------------sitemap----------------*/

.siteMapL1 {
	margin: 1em 0 0 0;
}

.siteMapL2 {
	margin: .5em 0 0 10px;
}

.siteMapL3 {
	margin: .3em 0 0 20px;
}

 
/*
  *------------- mesecnik ----------------*/ 

#mesecnik {
	width: 570px;
}

#col2and3 #mesecnik-title td {
	color: white;
	background-color: #AA030D;
	border-bottom: 1px solid white;
	height: 80px;
	font-size: 1.25em;
	margin-top: .3em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 100%; 
	text-transform: uppercase;
	position: relative;
	
}

#col2and3 #mesecnik td.date-cell {
	color: white;
	background-color: #AA030D;
	border-bottom: 1px solid white;
}


#col2and3 #mesecnik td.date-cell {
	/*height: 76px;*/
}

#col2and3 #mesecnik td.cell-premiere {
	background-color: #f9d2b1 !important;
	color: #AA030D;
}

#col2and3 #mesecnik td.cell-data {
	padding-left: 5px;
	padding-right: 5px;
}

#col2and3 #mesecnik tr.even td.left-cell,
#col2and3 #mesecnik tr.even td.right-cell {
	background-color: #fffce8;
}

#col2and3 .content #mesecnik p.day-number {
	display: block;
	font-size: 2em;
	margin-top: .3em;
	font-family: helvetica, arial, sans-serif;
}




#col2and3 .content #mesecnik p.day-of-week {
	display: block;
	margin-top: .3em;
	margin-bottom: .2em;
	font-size: .9em;
	font-family: helvetica, arial, sans-serif;
}

#col2and3 #mesecnik td.date-cell.sunday {
	background-color: white;
	color: black;
	
}



#mesecnik .left-cell,
#mesecnik .right-cell {
	border-bottom: 1px solid #bcbdc0;
}

#col2and3 .content table#mesecnik p {
	font-size: .9em;
	padding: 0;
	margin: 0;
}



/*
  *-------------koledar----------------*/

#eventsModule .content {
	position: relative;
	padding-top: 0px !important;
	margin-top: 0px !important;
}
  
#eventsModule .content table {
	font-size: 85%;
}
  
#eventsModule a.calDay:link, #eventsModule a.calDay:active, #eventsModule a.calDay:visited {
	color: #333333;
	text-decoration: underline;
}

#eventsModule a.calDay:hover {
	color: #333333;
	text-decoration: none;
}

#eventsModule .koledar_mesec {
	color: #333333;
	margin-left: 17px;
	margin-right: 0px;
	font-size: 80%;
	font-weight: bold
}

#eventsModule .calPosition {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

#eventsModule .koledar {
	width: 22px;
	height: 20px;
	color: #333333;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

#eventsModule .kol_default, #eventsModule a.kol_default:link, #eventsModule a.kol_default:active, #eventsModule a.kol_default:visited, #eventsModule a.kol_default:hover {
	color: #333333;
	background-color: #F4F4F2;
	text-decoration: none;
	text-align: center;
	cursor: default
}

#eventsModule .kol_today {
	border: 1px solid #E12B26;
}

#eventsModule .kol_event1, #eventsModule a.kol_event1:link, #eventsModule a.kol_event1:visited, #eventsModule a.kol_event1:active, #eventsModule a.kol_event1:hover {
	color: #333333;
	background-color: transparent;
	font-weight: bold;
	cursor: pointer;
}

#eventsModule .calendar_first_events {
	margin-top: 0px; 
	margin-bottom: 13px;
	margin-left: 0px;
	font-size: 90%;
	line-height: 120%;
}

#col2and3 .calendar_first_events {
	margin-top: 0px; 
	margin-bottom: 13px;
	margin-left: 0px;
}

#eventsModule a.calDay:link, #eventsModule a.calDay:active, #eventsModule a.calDay:visited {
	color: #333333;
	text-decoration: none;
}

#eventsModule a.calDay:hover {
	color: #333333;
	text-decoration: none;
}

#eventsModule #koledar_dogodkov_nasl {
	font-weight: bold;
	color: black;
	margin-bottom: 3px;
}

#eventsModule .tekst_koledar_prireditev {
	color: #797979;
	font-size: 90%;
}

#eventsModule .month-label {
	margin-bottom: 0;
	text-align:right;
	padding-right:2px;
}

#eventsModule .month-label-alt {
	margin: 0px 0 0 0;
	text-align:right;
	padding-right:2px;
}

#eventsModule ul.link-list li {
	font-size: 90%;
}

/*
 *---------------misc----------------*/

ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.link-list li {
	line-height: 120%;
}

/*
 *-----------print styles------------*/

@media print {
	body {
		color: black;
	}
	#col2, #col3, #col2and3, #col4 {
		position: relative;
		width: 100%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	#col1,
	#sysmenuBar,
	#lead-image,
	.pictureRow {
		display: none;
	}
}