@charset "UTF-8";
/* CSS Document for screen*/
/* Mesto Žiar nad Hronom */

* { margin: 0; padding: 0;}

/* BASICs */

html, body { margin: 0; height: 100%; font-family: Tahoma, "Tahoma Bold"; color: #333; font-size: 0.95em; line-height: 1.3em;}
body { background: #333;} /* pozadie stranky - tema pre udalosti, sezonu,... */

h1, h2, h3, h4, h5 { margin: 0 0 1em 0; font-weight: bolder;}
h1 { margin: 0;}
h2 { font-size: 1em; color: #00F;}
h3 { font-size: 1.1em; color: #00F; font-weight: bold;}
h4 { font-size: 1em; color: #00F; font-weight: bold;}

p { font-size: 1em;}

ul { list-style-type: none; margin: 0px; padding: 0px;}
li { list-style-image: none;}

a { color: #00F; text-decoration: underline;}
a:hover { color: #000; text-decoration: none;}

a[href^="http://www.in-pocasie.sk"] { display: none;}
a[href^="http:"] { background: url(../img/ico_external.gif) top right no-repeat; padding-right: 10px;}
a[href^="http://www.ziar.sk"], a[href^="http://www.ziarnadhronom.sk"], a[href^="http://ziar.sk"], a[href^="http://ziarnadhronom.sk"], a[href^="http://novy.ziar.sk"], a[href^="http://www.zodpovedne.sk"], a img.thumbnail { background-image: none; padding: 0;}

a[href$=".pdf"] { background: url(../img/ico_pdf.gif) left center no-repeat; padding: 0.5em 0 0.5em 25px;}
a[href$=".doc"] { background: url(../img/ico_doc.gif) left center no-repeat; padding: 0.5em 0 0.5em 25px;}

a img { border: none;}

img { margin-right: 5px;}

h1 a span { display: none;}

/**********/
/* LAYOUT */
/**********/

#Wrapper { width: 1040px; margin: 15px auto;} 
#Top { height: 20px; background: #FFF;}
#Middle { background: #FFF;}

/* Main - biela pracovna plocha*/
#Main { background-color: #FFF; width: 1010px; margin: 0 auto;}
	
#Line1, #MastHead, #Navigation, #MostVisited, #Ads, #Content, #Footer { width: 990px; margin: 0 auto;}

	#Line1 { text-align: right; padding: 5px 0 10px 0; font-size: 0.8em;}
	#MastHead {}
		.logo { float: left; width: 275px; padding-top: 15px;}
		.head { float: right; width: 715px; padding-top: 120px;}
		
		#MainMenu {} /* presna definicia stylov halvneho menu je v casti MAIN MENU*/
	#Navigation { clear: both; padding: 0.4em 0 0.25em 0; font-size: 0.9em; border-bottom: 1px solid #CCC;}
		.location {} /* styl zatial nie je v sablone */
		#SearchWin { float: right; width: 200px;}
	#MostVisited.on { border: 1px solid #CCC; background-color: #26407F; margin-top: -1px; color: #FFF;}
	#MostVisited.off { display: none;}
	#Ads.on { margin-top: 10px;}
	#Ads.off { display: none;}
	#Content { margin-top: 10px;}
		#Col1 { width: 200px; float: left;}
		#Col2 { width: 550px; float: left; margin: 0 20px;}		
		#Col3 { width: 200px; float: right;}
	#Footer { clear: both; margin-top: 10px; padding-top: 30px; font-size: 0.85em;}
/********/

#Bottom { height: 20px; background: #FFF;}

/*******************/
/*  COLUMNs 1,2,3  */
/*******************/

#MostVisited h2	{ color: #FFFF00;}

#Col1, #Col3 { font-size: 0.9em;}

#Col2 h2 { margin: 0 0 1em 0;}
#Col2 h3, #Col2 h4 { margin: 1em 0;}
#Col2 ul { margin-left: 10px;}
#Col2 li { background: url(../img/square_blue.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}

#Col1 h3, #Col3 h3 { margin:0px; padding:0px;}
#Col1 h3 a, #Col1 a, #Col3 h3 a, #Col3 a { text-decoration:none; color:#000; text-transform: none; font-weight: normal; font-size:0.9em;}
#Col1 h3 a:hover, #Col1 a:hover, #Col3 h3 a:hover, #Col3 a:hover { text-decoration:underline;}

#Col1 h4, #Col3 h4 { margin:0px; padding:0px; font-size:0.9em; font-weight:normal;}
#Col1 h4 a, #Col3 h4 a { text-decoration:none; color:#333; font-weight:normal; }
#Col1 h4 a:hover, #Col3 h4 a:hover { text-decoration:underline;}


#Col1 ul, #Col3 ul {}
#Col1 li { background: url(../img/square_blue.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
#Col3 li { background: url(../img/square_blue.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}

/*************/
/*  CUSTOMs  */
/*************/

.date { color: #000; font-size: 0.9em;}
.yellow {color: #FC0;}
.white { color: #FFF;}
.tiny { font-size: 0.8em;}

.right { text-align: right;}
.justify { text-align: justify;}

.imgleft { float: left; margin: 0 5px 5px 0;}

.clear { clear: both;}
.hidden { display: none; background-color: #FFF; color: #000;}
.hidden a { color: #03F;}

.vmarger { margin: 1.5em 0;}
.topmarger { margin-top: 20px;}

.location_on { visibility: hidden; float: left; width: 790px;} /* nezobrazi LOCATION na HOME */
.location_off { visibility: visible; float: left; width: 790px; padding: 0.5em 0;} /* zobrazi LOCATION */

#SideNav.on {}
#SideNav.off { display: none;}

/**********/
/* LINE 1 */
/**********/

#Line1 a { color: #000; text-decoration: none;}
#Line1 a:hover { text-decoration: underline;}

a.homepage, a.sitemap, a.contact { padding-left: 20px; margin-right: 10px;}
a.homepage { background: url(../img/ico_homepage.png) left center no-repeat;}
a.sitemap { background: url(../img/ico_sitemap.gif) left center no-repeat;}
a.contact { background: url(../img/ico_contact.png) left center no-repeat;}

span.clock { padding-left: 14px; margin-right: 0; background: url(../img/ico_clock.png) left center no-repeat;}

/***************/
/*  MAIN MENU  */
/***************/

div#MainMenu { float: left; margin-top: 0px; margin-left: 0; font-size: 1em;}
div#MainMenu ul { margin: 0px; padding: 0px;}
div#MainMenu li { position: relative; list-style: none; margin: 0px; float: left; line-height: 1.3em;}
div#MainMenu li:hover { background: #FC0;}
div#MainMenu li.section_folder_1 { background: 95% 50% no-repeat; width: auto; margin-right: 1px;}
div#MainMenu li.section_folder_1:hover { background-color: #FFCC00;}
div#MainMenu li a { display: block; padding: 0.3em 1.5em; text-decoration: none;}
/* div#MainMenu>ul a {width: auto;} */
div#MainMenu ul ul { position: absolute; display: none; border: 1px solid #333; font-size: 0.9em;}
div#MainMenu ul ul li { border-bottom: 1px dashed #999; width: 17em;}
div#MainMenu li.section_folder_2 { padding: 0.15em 0;}
div#MainMenu li.section_folder_3 { padding: 0.15em 0;}
div#MainMenu li.section_folder_1 li.section_folder_2:hover { background-color: #FFF;}
div#MainMenu ul.section_folder_1 li.section_folder_1:hover ul.section_folder_2, 
div#MainMenu ul.section_folder_2 li.section_folder_2:hover ul.section_folder_3 { display:block;}
div#MainMenu ul.section_folder_1 { width: auto; background-color: #0066CC; color: #FFF; font-weight: bolder;}
div#MainMenu ul.section_folder_1 li.section_folder_1 > a { background: #26407F /*#3084E1 url(../img/bg_MainMenu1.jpg) top center repeat-x*/; color: #FFF; text-transform: uppercase;}
div#MainMenu ul.section_folder_1 li.section_folder_1 > a:hover { background: #FC0; color: #000; text-transform: uppercase;}
div#MainMenu ul.section_folder_2 { top: 2em; left: 0px; width: 17em; background: #FFF; color: #00F; text-align: left; font-weight: normal;}
div#MainMenu ul.section_folder_2  a { color: #00F;}
div#MainMenu ul.section_folder_3 { top: -1px; left: 17em; border-top: 1px solid #CCC; background: #FFF; font-size: 1em;}

/************/
/* SIDE NAV */
/************/

div#SideNav { margin: 0; font-size: 1.15em;}
div#SideNav ul { margin: 0; padding: 0; list-style: none;}
div#SideNav li { margin-left: 0px; line-height: 1.1em; }
div#SideNav li:hover {}
div#SideNav li.section_folder_1 { width: 170px; background: url(../img/square_off.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
	div#SideNav li.on { width: 170px; background: url(../img/square.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
div#SideNav li.section_folder_2 { background: url(../img/square_blue.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
	div#SideNav li li.on { background: url(../img/square_yellow.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
div#SideNav li.section_folder_3 { background: url(../img/square_grey_s.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}
	div#SideNav li li li.on{ background: url(../img/square_yellow.png) 0px 7px no-repeat; margin-bottom: 5px; padding-left: 10px;}

div#SideNav li.section_folder_1 a { text-decoration:none; }
div#SideNav li.section_folder_1:hover { }
/*div#SideNav li a { display: block; padding: 0.3em 1em; text-decoration: none;}
 div#SideNav>ul a {width: auto;} */
div#SideNav ul ul { margin-left: -10px;}
div#SideNav ul ul li { margin-left: 7px;}
div#SideNav ul ul ul li { margin-left: 0px;}
div#SideNav ul ul ul ul { margin-left: 5px;}
div#SideNav li.section_folder_2 {}
div#SideNav li.section_folder_1 li.section_folder_2:hover { }
div#SideNav ul.section_folder_1 li.section_folder_1:hover ul.section_folder_2, 
div#SideNav ul.section_folder_2 li.section_folder_2:hover ul.section_folder_3 { display:block; }
div#SideNav ul.section_folder_1 { margin-left: 0px;}
div#SideNav ul.section_folder_1 li.section_folder_1 > a { color: #333; text-transform: uppercase; display: block; padding: 5px; font-weight: bolder;}
div#SideNav ul.section_folder_2 { color: #26407F; text-align: left; /*border-top: 1px solid #CCC;*/ margin-top: 5px; padding-top: 5px;}
div#SideNav ul.section_folder_2  a { color: #666; text-decoration:none;} 
div#SideNav ul.section_folder_2  a:hover { color: #666; text-decoration:underline;}
div#SideNav ul.section_folder_3 { margin: 5px 0;}
div#SideNav li.section_folder_3 {}

/***********/
/* SITEMAP */
/***********/
#mapa a { text-decoration: none; text-transform: none;}
#mapa a:hover { text-decoration: underline;}

#mapa ul.section_folder_1 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 2em 0;}
#mapa ul.section_folder_2 { margin: -1.5em 0 0 150px;}
#mapa ul.section_folder_3 { margin: -1.5em 0 0 190px;} 

#mapa li.section_folder_1 { background: url(../img/square.png) 0px 5px no-repeat; padding-left: 14px; margin: 2em 0;}
#mapa li.section_folder_2 { background: url(../img/square_yellow.png) 0px 7px no-repeat; padding-left: 10px; margin: 0.5em 0;}
#mapa li.section_folder_3 { background: url(../img/square_blue.png) 0px 7px no-repeat; padding-left: 10px;}

/*********/
/* FORMs */
/*********/
 
form { margin: 1px;}
fieldset { border: none; }
legend { padding: 0px 10px; background-color: #FFF; font-weight: bold;}
label { width: 180px; text-align: right; float: left; margin-right: 0.5em; display: block;}

/* SEARCH */
#Search label { width: auto; padding: 0.4em 0;}
#Search input.input1 { width: 110px;}

/* SIGNIN */
#Signin label { text-align: left;}

/* REGISTER */
#register label { width: 180px; text-align:right; float: left; margin-right: 0.5em; display: block;}
.register { font-size: smaller;}

/* PIN */
#pinForm label { width: 220px;}

/* FORUM */
#AddComment textarea.input1 { width: 100%;}
	#AddComment a { color: #FC0;}
	#AddComment a:hover { color: #FFF;}
 
/****************/
/* ADVERTISMENT */
/****************/

#Ads a img, #Ads img { margin: 0;}
.ad_sq_1, .ad_sq_2, .ad_sq_3 { float: left; width: auto;}
.ad_sq_1 { margin: 0;}
.ad_sq_2 { margin: 0 8px 0 7px;}
.ad_sq_3 { margin: 0;}


#AdsPartners div img, #AdsPartners div a img { margin: 0 0 5px 0;}

#AdsSquare4 { margin-bottom: 5px;}
#AdsSquare4 div img { margin: 0 0 5px 0;}


/***********/
/* WINDOWs */
/***********/
 
.greyWin { border: 1px solid #333; border-bottom-width: 2px; border-right-width: 2px; background-color: #FFF; padding: 5px; margin-bottom: 10px; color: #000;}
.blueWin { border: 1px solid #333; border-bottom-width: 2px; border-right-width: 2px; background-color: #FFF; padding: 5px; margin-bottom: 10px; color: #000;}
.darkblueWin { border: 1px solid #26407F; background-color: #00F; padding: 5px; margin: 10px; color: #FFF;}

/* Most Visited */

#MostVisited ul { margin-top: -10px;}
#MostVisited ul.highlighted {}

#MostVisited li { background: url(../img/square_yellow.png) 0px 7px no-repeat; padding-left: 14px;}

#MostVisited a { color: #FFF; text-decoration: none;}
#MostVisited a:hover{ text-decoration: underline;}

.mvCol { float: left; width: 186px; margin: 10px 0 10px 10px;}
/*.ttl_col1 { background: url(../img/bg_mv_ttl1.png) top left no-repeat;}
.ttl_col2 { background: url(../img/bg_mv_ttl2.png) top left no-repeat;}
.ttl_col3 { background: url(../img/bg_mv_ttl3.png) top left no-repeat;}
.ttl_col4 { background: url(../img/bg_mv_ttl4.png) top left no-repeat;}
.ttl_col5 { background: url(../img/bg_mv_ttl5.png) top left no-repeat;}*/

/* INQUIRE */
.inquireValBg { background-color: #000; margin:5px 0px;}

/* FORUM */
.forum { float:left; margin:0px 5px 5px 0px;}

div.commentContainer { margin: 10px;} /* kontainer na prispevok do fora */
div.user { width: 120px; float: left; text-align: center;}
	p.nick { background: url(../img/bg_nick.gif) right center no-repeat; color: #26407F; font-weight: bold;}
	p.nickreply { background: url(../img/bg_nickreply.gif) right center no-repeat; color: #26407F; font-weight: bold;}
div.comment { width: 380px; float: left; background-color: #ECECEC; padding: 15px; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-weight: lighter;}
div.reply { width: 380px; float: left; background: #26407F url(../img/bg_reply.png) bottom center no-repeat; padding: 15px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; font-weight: lighter; margin-bottom: -10px;}

/*MEMBER*/

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

/* Nase Mesto */ #NewsCat_1 {}
/* Kultura */ #NewsCat_2 { margin: 0 0 5px 10px;}
/* Sport */ #NewsCat_3 { margin: 0 0 5px 10px;}
/* Oznamy MsU */ #NewsCat_4 { margin: 0 0 5px 0;}
/* MsP Informuje */#NewsCat_5 { margin: 0 0 5px 10px;}

#NewsCat_2, #NewsCat_3, #NewsCat_4, #NewsCat_5 { width: 130px; float: left;}

#NewsCat_2 div.newsBlock_3, #NewsCat_2 div.newsBlock_4, #NewsCat_2 div.newsBlock_5, #NewsCat_2 div.newsBlock_6,
#NewsCat_3 div.newsBlock_3, #NewsCat_3 div.newsBlock_4, #NewsCat_3 div.newsBlock_5, #NewsCat_3 div.newsBlock_6,
#NewsCat_4 div.newsBlock_3, #NewsCat_4 div.newsBlock_4, #NewsCat_4 div.newsBlock_5, #NewsCat_4 div.newsBlock_6,
#NewsCat_5 div.newsBlock_3, #NewsCat_5 div.newsBlock_4, #NewsCat_5 div.newsBlock_5, #NewsCat_5 div.newsBlock_6 { display:none;} /* zneviditelnenie noviniek v kategoriach */

#NewsCat_1.newsBlock_1, #NewsCat_1.newsBlock_2, #NewsCat_1.newsBlock_3, #NewsCat_1.newsBlock_4, #NewsCat_1.newsBlock_5, #NewsCat_1.newsBlock_6 { display: block; margin-top: 40px;} /* zobrazenie novniek v hlavnej kategorii */

#NewsCat_2 a img.thumbnail, #NewsCat_3 a img.thumbnail, #NewsCat_4 a img.thumbnail, #NewsCat_5 a img.thumbnail { display: none;} /* zneviditelnenie obrazkou k novinkam */

#NewsCat_1 h2 { display: none;} /* zneviditelnenie nadpisu kategorie 1 */
#NewsCat_1 h3 { margin: 0;}
#NewsCat_1 p { margin: 1.3em 0;}
#NewsCat_1 div.ImgPlcHolder { width: auto; float: left; margin: 0 10px 10px 0;}

#NewsCat_2 p, #NewsCat_3 p, #NewsCat_4 p, #NewsCat_5 p, #NewsCat_2 div.date, #NewsCat_3 div.date, #NewsCat_4 div.date, #NewsCat_5 div.date { display: none;}

#NewsCat_2 h3 a, #NewsCat_3 h3 a, #NewsCat_4 h3 a, #NewsCat_5 h3 a { font-size: 0.85em; color: #333; text-transform: none; text-decoration: none; font-weight: normal;}
#NewsCat_2 h3 a:hover, #NewsCat_3 h3 a:hover, #NewsCat_4 h3 a:hover, #NewsCat_5 h3 a:hover { text-decoration: underline;}


/* NEWS TOP */

#NewsTop_1 { background-color: #26407F; margin: 0px 0 20px 0;}
#NewsTop_2, #NewsTop_3, #NewsTop_4, #NewsTop_5 { display: none;}

#NewsTop_1 div.imgHolder { width: 270px; height: auto; float: left; margin: 10px;}
#NewsTop_1 h3 a { color: #FFF; margin: 10px; padding-top: 15px; font-weight: bolder; display: block;}
#NewsTop_1 p.date { margin: 10px 10px 15px 10px; color: #FFF;}
#NewsTop_1 p { margin: 10px; color: #FFF;}

/* NEWS DETAIL */

/**********/
/* FOOTER */
/**********/

.footLeft { float: left; width: 750px; margin: 10px; margin-left: 0;}
.footRight { float: right; width: 220px; margin: 10px; margin-right: 0; text-align: right;}

/***********/
/* LISTING */
/***********/

table.listing { text-align: center; width: 90%; margin: 10px auto; font-size: 0.9em;}
span.listing { display: none; margin: -5000px;}

.listing_actual_page { padding: 0.25em 0.5em; background-color: #26407F; color: #FFF; font-weight: bolder; margin: 0 2px;}
a.listing { padding: 0.25em 0.5em; border: 1px solid #CCC; background-color: #ECECEC; font-weight: bolder; color: #133D67; margin: 0 2px; text-decoration: none;}
a.listing:hover { background-color: #666; color: #FFF;}
a.listing_back { padding: 0; margin: 0; text-align: right; display: block;}
a.listing_next { padding: 0; margin: 0; text-align: left; display: block;}

/**************/
/* CURRENCIEs */
/**************/

p.CZK, p.USD, p.CHF, p.GBP, p.JPY, p.PLN { margin: 3px 5px; width: 50px; float: left; padding: 5px 5px 5px 27px; text-align: right;}
p.CZK { background: url(../img/ico_CZK.png) left center no-repeat;}
p.USD { background: url(../img/ico_USA.png) left center no-repeat;}
p.CHF { background: url(../img/ico_CHF.png) left center no-repeat;}
p.GBP { background: url(../img/ico_UK.png) left center no-repeat;}
p.JPY { background: url(../img/ico_JPY.png) left center no-repeat;}
p.PLN { background: url(../img/ico_PLN.png) left center no-repeat;}

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

.prg { padding: 0.5em 0; margin: 0; border-bottom: 1px solid #CCC;}

.titleh3 { margin: 3em 0; color: #26407F; font-size: 1.1em; font-weight: bold;}
.prgDate { width: 40px; float: left; text-align: left;}
.prgDay { width: 60px; float: left; text-align: center;}
.prgName { width: 320px; float: left; text-align: left;}
.prgCategory { width: 90px; float: left; text-align: center;}
.prgPrice { width: 50px; float: left; text-align: right;}

div.prgInfo { margin: 10px 0; padding: 10px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; background-color: #EAEAEA;}
div.prgImg { float: right; margin: 10px 0 10px 10px;}

#PrgWin li h3 a { text-transform: uppercase; font-size: 0.87em; font-weight: bolder;}