/* CSS Document */

/************************/
/* COLORs             	*/
/* 	pink #FB70CA		*/
/* 	blue #57CFFE		*/
/*  green #0C0			*/
/*  orange #FF870F		*/
/*  yellow #FC0			*/
/*  dblue #1D60AA		*/
/************************/

* html { padding: 0; margin: 0;}

body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #FFF url(../img/bg_body_long3.jpg) center top no-repeat; font-size: 12px; line-height: 1.3em;}
body.hladaj { background: #FFF url(../img/bg_body_long_hladaj.jpg) center top no-repeat;}

p { font-size: 1.08em;}

h1	{ color: #FFF; font-size: 66px; font-weight: lighter; padding: 0.40em 0 0.55em 0; margin: 0 0 0 40px;}
	h1 a { color: #FFF; text-decoration: none;}
	h1 a:hover { text-decoration: none;}
h2	{ font-size: 1.2em; text-transform: uppercase; padding: 0.3em 0; color: #FFF; font-weight: lighter; margin: 0; margin-bottom: 1em;}
	h2.newsTitle	{ font-size: 1.6em; color: #FB70CA; line-height: 1.2em;}
h3	{ font-size: 1.1em; margin: 0;}

a	{ text-decoration: none; font-size: 1em; color: #AAA;}
a:hover	{ text-decoration: underline;}

ul	{ margin: 0; padding: 0;}
li	{ margin: 0; padding: 0;}

img.thumbnail { float: left; margin: 0 10px 5px 0; border: none;}
div.prgDetailLeftCol img.thumbnail	{ float: none; margin: 0;}
a img { border: none;}

/* HEADINGs & COLORs HYPERLINKs*/

#Pink h2 { background-color: #FB70CA; float: left; width: auto; padding: 0.3em 1em;}
#Pink h3 { color: #FB70CA;}
#Pink h3 a { color: #FB70CA;}

#LBlue h2 { background-color: #57CFFE; float: left; width: auto; padding: 0.3em 1em;}
#LBlue h3 { color: #57CFFE;}
#LBlue h3 a { color: #57CFFE;}

#Yellow h2 { background-color: #FC0; float: left; width: auto; padding: 0.3em 1em;}
#Yellow h3 { color: #FC0;}
#Yellow h3 a { color: #FC0;}

#Green h2 { background-color: #0C0; float: left; width: auto; padding: 0.3em 1em;}
#Green h3 { color: #0C0;}
#Green h3 a { color: #0C0;}

#Orange h2 { background-color: #FF870F; float: left; width: auto; padding: 0.3em 1em;}
#Orange h3 { color: #FF870F;}
#Orange h3 a { color: #FF870F;}

#White h2 { background-color: #FF870F; float: left; width: auto; padding: 0.3em 1em;}
#White h3 { color: #FFF;}
#White h3 a { color: #FFF;}

#Black h2 { background-color: #FF870F; float: left; width: auto; padding: 0.3em 1em;}
#Black h3 { color: #333;}
#Black h3 a { color: #333;}
#Black a { color: #FFF;}
#Black a:hover { text-decoration: underline;}

.BlackCont h2 { background-color: #000; float: left; width: auto; padding: 0.3em 1em; color: #CCC; margin: 0;}
.BlackCont div.container { background-color: #000; margin: 0; padding: 10px 0; height: 230px;}
.BlackCont h3, .BlackCont h3 a { color: #57CFFE;}
.BlackCont h3.pink, .BlackCont h3 a.pink { color: #FB70CA;}

#Grey h2, #Grey1 h2 { background-color: #999; float: left; width: auto; padding: 0.3em 1em;}
#Grey h3, #Grey1 h3 { color: #FFF;}

#PrgToday h2 { color: #FC0; padding: 0.3em 10px;}
#PrgToday a { color: #FC0;}

#Tip h2, #SearchTip h2 { background-color: #FC0; padding: 0.3em 5px; margin: 10px 0 10px -5px;}
#Tip h2 a, #SearchTip h2 a { color: #000;}
#Tip div.more, #SearchTip div.more { color: #999; font-size: 0.75em;}

#Top h2 { padding: 0.3em 0; margin: 10px 5px; height: 2.25em;}
#Top h2 a {}

#ProgramList h2 { background-color: #FFF; color: #222; font-weight: bolder;}

/* LAYOUT */

#Sites		{}
#SitesWrapper, #BodyWrapper, #FootWrapper	{ width: 1000px; margin: 0 auto;}
	.sitesContainer { width: 200px; float: left; margin: 0;}
	.active { color: #000;}
	#SitesWrapper li { height: 30px; font-size: 1.2em;}
	#Sites li.first { background: url(../img/bg_sites_first.png) left top no-repeat;}
	#Sites li.common, #Sites div.common { background: url(../img/bg_sites_common.png) top repeat-x;}
	#Sites li.last { background: url(../img/bg_sites_last.png) right top no-repeat;}
	
#BodyWrapper	{}
	#MastHead	{}
	#Main		{}
	#Criteria	{ margin: 5px 0; width: 680px;}
	#Content	{ background: /*#666*/ url(../img/bg_dark.png) repeat; padding: 10px 0; color: #FFF;}
	#Col1		{ width: 670px; float: left; margin-left: 10px;}
		#seoCloud	{ font-size: 9px; color: #999; margin: 0 0 10px 0;}
		#Top	{}
		#Slider	{ margin: 5px 0; background-color: #000; padding: 5px;}
		#AdsMainBanner { margin: 0; margin-bottom: 5px; clear: both;}
		#Ads	{ padding: 10px 0; text-align: center; clear: both;}
		#Col1A	{ width: 220px; float: left;}
		#Col1B	{ width: 445px; float: right;}
		#Col1_1	{ width: 330px; float: left;}
		#Col1_2	{ width: 330px; float: right;}
	#Col2		{ width: 300px; float: right; margin-right: 10px; margin-top: -100px;}
		#Tip	{ background: #000 url(../img/bg_black.png) repeat;}
		#AdsGIBOX	{ margin: 10px 0;}
		#PrgToday	{ border: 3px solid #FC0; background-color: #000; margin-bottom: 10px;}
		
#Foot			{ background: #DEDEDE url(../img/bg_foot.jpg) top repeat-x; padding: 10px 0 20px 0;}
#FootWrapper	{}
	#FooterUp	{ background: #FFF url(../img/bg_foot_up.jpg) top repeat-x; border-top: 1px solid #FFF; padding: 10px 0;}
	#Footer		{ background-color: #CCC; padding: 10px;}
	#Footer a.foot	{ color: #222;}
	#Footer a	{ color: #666;}

/* mini GRID system */
.grid2, .grid3, .grid4	{ float: left;}
.grid2, .grid4	{ margin-right: 10px;}
.grid2	{ width: 330px;}
.grid3	{ margin-right: 5px; width: 220px;}
.grid4	{ width: 160px;}

.last	{ margin-right: 0;}

/**********/
/* SEARCH */
/**********/

#Toptop, .toptop	{ background: url(../img/bg_light.png) repeat; padding: 10px 0; color: #000;}
	#Toptop .date { color: #444;}

#Col1Search	{ width: 670px; float: left;}
#Col2Search	{ width: 300px; float: right;}

.searchTop1Container_1, .searchTop1Container_2, .searchTop1Container_3, .searchTop1Container_4, .searchTop1Container_5, .searchTop1Container_6 { float: left; width: 210px; margin: 5px; height: 5.5em;}
.searchTop1Container_7, .searchTop1Container_8, .searchTop1Container_9, .searchTop1Container_10, .searchTop1Container_11, .searchTop1Container_12, .searchTop1Container_13, .searchTop1Container_14, .searchTop1Container_15	{ display: none;}

#SearchTip	{ background: #000 url(../img/bg_black.png) repeat; color: #FFF;}
	#SearchTip .date { color: #CCC;}

/****************/
/* ADVERTISMENT */
/****************/

#AdsSearchTopBanner	{ float: right; width: 470px; height: 60px; background-color: #CCC; margin: -80px 10px 10px 0;}

#AdsPartners div { float: left; width: auto; height: 50px; margin: 0 10px;}

.AdsZlavomat	{ margin: 10px 0;}

/*********/
/* SITEs */
/*********/

#Sites li { list-style: none; text-align: center; padding: 0.5em 0;}
#Sites li.active a { color: #000;}
#Sites a { color: #FFF;}

/* CUSTOMs */

.warning { font-size: 1.2em; font-weight: bold; color: #FF9900;}

.clear { clear: both;}

.tiny	{ font-size: 0.85em;}
.bigger { font-size: 1.25em;}
.big { font-size: 3em;}
.date { font-size: 0.75em; color: #CCC;}

a.teaser { border-bottom: 1px dashed #F66; text-decoration: none;}
a.teaser:hover { color: #F66; text-decoration: none; cursor: help;}

.bg_dark { background: #222;}

.center { text-align: center;}
.strong { font-weight: bold;}

.blue { color: #06C;}
.green { color: #6C0;}
.black { color: #222;}
.pink	{ color: #FB70CA;}

.left { float: left; width: auto;}
.right { float: right; width: auto;}

.half { font-size: 50%;}

.width670	{ float: left; width: 670px; margin-left: 10px;}
.width300	{ float: right; width: 300px; margin-right: 10px;}
.w450	{ width: 450px;}
.w200	{ width: 200px;}

.tab20 { margin-left: 20px;}
.rtab20 { margin-right: 20px;}
.marger { margin: 5px;}
.topmarger5 { margin-top: 5px;}
.topmarger10 { margin-top: 10px;}
.hspace10 { padding: 10px 0;}

.fiftyfifty { float: left; width: 48%; margin: 0.5%; height: 120px;}

.txtright { text-align: right;}

.twoLines { height: 3.5em;}

.todayLeft	{ width: 170px; float:left; margin: 0;}
.todayRight	{ width: 120px; float: right;}

/* NESTED */

.nestedR	{ float: right; width: 200px; padding: 7px; margin-left: 10px;}
	div.nestedR p { margin: 0 0 5px 0;}
	div.nestedR div.infotxt { float: left; width: 115px; margin: 0 0 5px 5px;}
.nestedL	{ float: left; width: 200px; padding: 10px;}

div.prgDetailLeftCol	{ float: left; width: 250px; margin-right: 10px;}
div.prgDetailRightCol	{ float: left; width: 400px; margin-right: 10px;}

p.info	{ font-size: .83em; margin: 0;}
p.infotxt	{ font-size: 1.5em; margin: 0; margin: .05em 0 .4em 0;}

div.moreInfoPrg	{ border-bottom: 1px solid #999; border-top: 1px solid #999; padding: .85em 0; font-size: .9em; margin: .85em 0;}
div.moreLabel	{ float: left; width: 90px; margin: 0;}
div.moreInfoTxt	{ float: right; width: 155px; margin: 0 0 0 5px;}

/* PODUJATIE IDENTITIES -------- */

.p_ico_small	{ background: url(../img/ico_podujatie_small.png) left no-repeat; padding-left: 25px; line-height: 2em;}

/* IMG HOLDERs -------- */

div.ImgHolderTop_1 { height: 125px; width: 220px; float: left; margin: 0; border-top: 4px solid #FC0;}

.ImgHolderSmall { float: left; width: 50px; height: 50px; margin: 0px;}
.ImgHolderTip { float: left; width: 125px; height: 180px; margin: 5px;}
.ImgHolderWide { width: 100%; height: 125px; margin: 0;}
.ImgHolderSquare { width: 100px; height: 100px; float: left;}

.ImgContainer	{ width: 120px; height: 120px; float: left; margin: 2px; text-align: center;}
.ImgContainer img.thumbnail { float: none; margin: 0; border: none;}

/* --- WINs ---- */

.innerContainer { margin: 5px 10px;}
.twinsHgt	{ min-height: 205px;}

/* --- CATEGORIEs ---- */

div.cat_1	{ border-top: 4px solid #FC0;}
div.cat_2	{ border-top: 4px solid #FB70CA;}
div.cat_3	{ border-top: 4px solid #57CFFE;}
div.cat_4	{ border-top: 4px solid #0C0;}
div.cat_5	{ border-top: 4px solid #FF870F;}
div.cat_6	{ border-top: 4px solid #C00;}

a.cat_1, span.cat_1, h2.cat_1, h3.cat_1, p.cat_1	{ color: #FC0;}
a.cat_2, span.cat_2, h2.cat_2, h3.cat_2, p.cat_2	{ color: #FB70CA;}
a.cat_3, span.cat_3, h2.cat_3, h3.cat_3, p.cat_3	{ color: #57CFFE;}
a.cat_4, span.cat_4, h2.cat_4, h3.cat_4, p.cat_4 { color: #0C0;}
a.cat_5, span.cat_5, h2.cat_5, h3.cat_5, p.cat_5	{ color: #FF870F;}
a.cat_6, span.cat_6, h2.cat_6, h3.cat_6, p.cat_6	{ color: #C00;}

h2.cat_1, h2.cat_2, h2.cat_3, h2.cat_4, h2.cat_5, h2.cat_6 { font-weight: bold;}

/********/
/* NEWS */
/********/

.newsContainer { margin: 5px 0 5px 10px; height: 4em;}

/***********/
/* PROGRAM */
/***********/

.prgContainerTop1 { width: 218px; float: left; margin: 0; background-color: #000;}

.topOrder_2, .topOrder_5 { margin: 0 8px;} /* medzera medzi top kontainermi, definuje len stredny ak su 3 */

.prgContainer { float: left; width: 210px; margin: 5px; height: 7em;}
.prgContainerTop2 { float: left; width: 45%; margin: 5px; height: 5.5em;}
.prgContainerLine { margin: 5px;}

.prgContainerSearchTop2 { color: #222; margin: 10px;}
.prgContainerSearchTop2 a { color: #222;}
.prgContainerSearchTop2 .date { color: #444;}

.prgHolder { float: right; width: 150px; margin: 0; margin-right: 0;}
.prgHolder190 { float: right; width: 190px; margin: 0; margin-right: 0;}
.prgHolder210 { float: right; width: 210px; margin: 0; margin-right: 0;}
.prgHolder230 { float: right; width: 230px; margin: 0; margin-right: 0;}
.prgHolder2 { float: right; width: 260px; margin: 0; margin-right: 0;}
.prgHolder3 { float: right; width: 550px; margin: 0;}

.prgContainerTip { float: right; width: 160px; margin: 5px; margin-left: 0;}
.recommended { background: url(../img/ico_recommended.png) top right no-repeat; height: 62px; float: right; width: 62px; margin: -15px -15px 0 0;}

#WinTop2 { background-color: #000; margin: 0 0 10px 0; padding: 10px;}

div.share a	{ margin: 0 5px;}

div.newevent	{ margin: 10px 0;}
div.neweventCont	{ width: 125px; height: 180px; float: left; margin: 0 0 0 9px;}
	div.NEitem_1	{ margin-left: 0!important;}
img.newevThumb	{ width: 100%;}
div.neweventCont a img	{ border: none; width: 125px; position: absolute; clip: rect(0px,125px,180px,0px);}

/************/
/* CRITERIA */
/************/

#Criteria #Category, #Criteria #Region, #Criteria #Date { float: left; margin-left: 5px;}

#Criteria a { text-transform: uppercase; color: #EEE; float: left; font-size: 1.2em;}
#Criteria a.first { background: transparent url(../img/bg_dark.png) repeat; padding: 0.5em 0.6em; float: left;}
#Criteria div.right a { background: none; color: #000; padding: 0.5em 0 0.25em 20px; text-transform: uppercase; font-size: 1.2em;}

.add { background: url(../img/ico_add2.png) left no-repeat; padding-left: 20px;}
.search_add { background: url(../img/ico_add2.png) left no-repeat; height: 30px; padding: 0.5em 0 0.5em 20px; text-transform: uppercase; color: #EEE; font-size: 1.2em;}

/* --- Category  rollover --- */

div#Category { float: left; margin-top: 0px; margin-left: 0; font-size: 1em;}
div#Category ul { margin: 0px; padding: 0px; background: transparent url(../img/bg_dark.png) repeat; color: #CCC;}
div#Category li { position: relative; list-style: none; margin: 0px; float: left; line-height: 1.3em;}
div#Category li:hover { background:  #039;}
div#Category ul.program_topcategory {}
div#Category li.program_topcategory { background: transparent url(../img/bg_dark.png) repeat; padding: 0.25em 0.6em; width: auto; margin-right: 1px;}
div#Category li.program_topcategory:hover {}
div#Category li a { display: block; padding: 0.3em 1.5em; text-decoration: none; color: #CCC;}
/* div#Category>ul a {width: auto;} */
div#Category ul ul { z-index: 1; position: absolute; display: none; font-size: 0.85em;}
div#Category ul ul li { width: 15em;}
div#Category ul ul ul li { width: 18em;}
div#Category li.program_category { padding: 0.15em 0;}
div#Category li.program_subcategory { padding: 0.15em 0;}
div#Category li.program_topcategory li.program_category:hover {}
div#Category ul.program_topcategory li.program_topcategory:hover ul.program_category, 
div#Category ul.program_category li.program_category:hover ul.program_subcategory { display:block;}
div#Category ul.program_topcategory { width: auto; color: #CCC;}
div#Category ul.program_topcategory li.program_topcategory > a { text-transform: uppercase;}
div#Category ul.program_topcategory li.program_topcategory > a:hover { text-transform: uppercase;}
div#Category ul.program_category { top: 2.9em; left: 0px; width: 15em; text-align: left; font-weight: normal;}
div#Category ul.program_category  a { color: #CCC;}
div#Category ul.program_subcategory { top: 0px; left: 15em; font-size: 1em; width: 18em;}

/* --- Region  rollover --- */

div#Region { float: left; margin-top: 0px; margin-left: 0; font-size: 1em;}
div#Region ul { margin: 0px; padding: 0px; background: transparent url(../img/bg_dark.png) repeat; color: #CCC;}
div#Region li { position: relative; list-style: none; margin: 0px; float: left; line-height: 1.3em;}
div#Region li:hover { background:  #039;}
div#Region ul.program_topregion {}
div#Region li.program_topregion { background: transparent url(../img/bg_dark.png) repeat; padding: 0.25em 0.6em; width: auto; margin-right: 1px;}
div#Region li.program_topregion:hover {}
div#Region li a { display: block; padding: 0.3em 1.5em; text-decoration: none; color: #CCC;}
/* div#Region>ul a {width: auto;} */
div#Region ul ul { z-index: 1; position: absolute; display: none; font-size: 0.85em;}
div#Region ul ul li { width: 15em;}
div#Region ul ul ul li { width: 18em;}
div#Region li.program_region { padding: 0.15em 0;}
div#Region li.program_subregion { padding: 0.15em 0;}
div#Region li.program_topregion li.program_region:hover {}
div#Region ul.program_topregion li.program_topregion:hover ul.program_region, 
div#Region ul.program_region li.program_region:hover ul.program_subregion { display:block;}
div#Region ul.program_topregion { width: auto; color: #CCC;}
div#Region ul.program_topregion li.program_topregion > a { text-transform: uppercase;}
div#Region ul.program_topregion li.program_topregion > a:hover { text-transform: uppercase;}
div#Region ul.program_region { top: 2.9em; left: 0px; width: 15em; text-align: left; font-weight: normal;}
div#Region ul.program_region  a { color: #CCC;}
div#Region ul.program_subregion { top: 0px; left: 15em; font-size: 1em; width: 18em;}

/* --- Date  rollover --- */

div#Date { float: left; margin-top: 0px; margin-left: 0; font-size: 1em;}
div#Date ul { margin: 0px; padding: 0px; background: transparent url(../img/bg_dark.png) repeat; color: #CCC;}
div#Date li { position: relative; list-style: none; margin: 0px; float: left; line-height: 1.3em;}
div#Date li:hover { background:  #039;}
div#Date ul.program_topdate {}
div#Date li.program_topdate { background: transparent url(../img/bg_dark.png) repeat; padding: 0.25em 0.6em; width: auto; margin-right: 1px;}
div#Date li.program_topdate:hover {}
div#Date li a { display: block; padding: 0.3em 1.5em; text-decoration: none; color: #CCC;}
/* div#Date>ul a {width: auto;} */
div#Date ul ul { z-index: 1; position: absolute; display: none; font-size: 0.85em;}
div#Date ul ul li { width: 18em;}
div#Date li.program_date { padding: 0.15em 0;}
div#Date li.program_topdate li.program_date:hover {}
div#Date ul.program_topdate li.program_topdate:hover ul.program_date { display:block;}
div#Date ul.program_topdate { width: auto; color: #CCC;}
div#Date ul.program_topdate li.program_topdate > a { text-transform: uppercase;}
div#Date ul.program_topdate li.program_topdate > a:hover { text-transform: uppercase;}
div#Date ul.program_date { top: 2.9em; left: 0px; width: 18em; text-align: left; font-weight: normal;}
div#Date ul.program_date  a { color: #CCC;}


/* Filter Clearer */

a.filterclear	{ height: 30px; width: 30px; background: url(../img/btn_filterclear_on.png) center center no-repeat;}
a.filterclear:hover	{ height: 30px; width: 30px; background: url(../img/btn_filterclear_over.png) center center no-repeat;}

/*********/
/* FORMs */
/*********/

form		{}
	form p	{ clear: both;}
	form.f_contact	{ margin-left: 20px;}
fieldset	{ border-color: #666;}
legend		{ padding: 0.2em 1em; font-size: 0.9em; color: #FFF;}
label		{ float: left; width: 20em; text-align: right; color: #FFF; margin-right: 10px;}
	label.info { width: 80px; float: left; text-align: left; font-weight: bold; color: #999;}
	label.inline	{ display: inline; text-align: left; font-size: .8em; margin: .5em 0;}
	div.info { width: 80px; float: left; text-align: left; font-weight: bold; color: #999;}
.input1	{ width: 15em;}
.f_date	{ width: 6em;}
.f_time	{ width: 6em;}

textarea.input1	{ width: 380px;}
textarea.input2	{ width: 20em;}

/* --- SEARCH ----- */
div.search	{ background: url(../img/bg_searchForm.png) left no-repeat; width: 180px; margin: 0; padding: 0; text-align: left;}
input.input_prg_srch	{ border-style: none; background-color: transparent; color: #333; font-size: 10px; width: 150px; margin: 0; margin-left: 7px; padding: 0;}

div.searcher { background: url(../img/bg_searchFormBig.png) left no-repeat; width: 300px; height: 25px; margin: 0; padding: 0; text-align: left;}
#Content input.input_prg_srch { border-style: none; background-color: transparent; color: #333; font-size: 14px; width: 270px; margin: 0; margin-left: 7px; padding: 5px 0 0 0;}

/**********/
/* TABLEs */
/**********/

th { background-color: #333; color: #CCC;}

/************/
/* OLDEVENT */
/************/

/* ----- Comment ----- */

.comment_user	{ color: #CCC; font-size: 0.85em; padding: 0.5em 20px 0.1em 10px; background: url(../img/bg_comment_user.png) bottom right no-repeat; margin: 0;}
.comment_top	{ background: url(../img/bg_comment_top_310.png) no-repeat; height: 5px; margin: 0;}
.comment_body	{ background-color: #333; margin: 0; padding: 0 10px; color: #CCC; font-size: 0.85em;}
.comment_bottom	{ background: url(../img/bg_comment_bottom_310.png) no-repeat; height: 5px; margin: 0;}

#CommentsBlock	{ width: 600px; margin: 10px auto;}
.comment_top_600	{ background: url(../img/bg_comment_top_600.png) no-repeat; height: 5px; margin: 0;}
.comment_bottom_600	{ background: url(../img/bg_comment_bottom_600.png) no-repeat; height: 5px; margin: 0;}

.oldeventContainer	{ margin-bottom: 10px;}
/***********/
/* LISTING */
/***********/

table.listing { text-align: center; width: 90%; margin: 10px auto; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

span.listing { display: none;}

.listing_actual_page { padding: 8px 10px; background-color: #666; color: #FFF; font-weight: bolder; margin: 2px;}
a.listing { padding:  8px 10px; border: 1px solid #CCC; background-color: #ECECEC; font-weight: bolder; color: #666; margin: 2px; text-decoration: none; line-height: 3.5em;}
a.listing:hover { color: #333; text-decoration: underline;}
a.listing_back { padding: 10px; font-weight: bolder; color: #CCC; text-align: right; display: block;}
a.listing_next { padding: 10px; font-weight: bolder; color: #CCC; text-align: left; display: block;}