/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td	{
	margin:0; padding:0; border:0; text-decoration:none;
	font-weight:inherit; font-style:normal; font-size:100%; font-family:inherit;
	vertical-align:baseline; outline:none; text-align:inherit;
}
body	{line-height:1; color:Black; background:White;}
table	{border-collapse:separate; border-spacing:0;}
caption, th, td	{text-align:left; font-weight:normal;}
tbody th, tbody td	{vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after	{content:"";}
blockquote, q { quotes: "" ""; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet	{border:none;}
ul, ol, dir, menu	{list-style:none;}
sub, sup	{vertical-align:baseline;}
a	{color:inherit; cursor:default;}
a:link, a:visited
	{text-decoration:underline;}
a:link, a:visited,
button, select,
input[type=submit], input[type=button], input[type=reset],
input[type=checkbox], input[type=radio]
	{cursor:pointer;}

/* basic */

html	{overflow-y:scroll;}
body	{
	font-size:9pt;
	font-family:"Arial CE", Arial, Helvetica, sans-serif;
	line-height:1.5em;
}
h1, h2, h3, h4, h5, h6, caption, dt, th, legend	{font-weight:bold;}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited,
caption a:link, caption a:visited,
dt a:link, dt a:visited,
legend a:link, legend a:visited
	{text-decoration:none;}

h1	{font-size:2em; text-transform:uppercase; line-height:1.2; clear:both;}
h2	{font-size:1.2em; text-transform:uppercase;}
h3	{font-size:1.2em; text-transform:uppercase;}
h4	{font-size:1.2em;}
h5	{font-size:1em;}
h6	{font-size:1em; }
p, ul, ul, dl, table, blockquote	{margin-bottom:0.5em;}
ol	{list-style-type:decimal;}
pre, code	{font-family:monospace;}

em, strong	{font-weight:bold;}
hr, del	{display:none;}
ul li	{padding-left:10px; list-style:none;}

.left	{text-align:left;}
.right	{text-align:right;}
.center	{text-align:center;}
.small	{font-size:90%;}
.big	{font-size:110%;}
.last	{margin-bottom:0;}
.hidden	{display:none;}
.invisible	{visibility:hidden;}
.print	{display:none;}
.noCss	{display:none;}
.floatLeft	{float:left;}
.floatRight	{float:right;}
.imgLeft	{float:left; clear:left; margin:0 20px 1em 0;}
.imgRight	{float:right; clear:right; margin:0 0 1em 20px;}
.reset	{display:block; clear:both; line-height:0; }
.reset hr	{display:inline; line-height:0; height:0; visibility:hidden;}
.inline	{display:inline;}
.holder	{position:relative;}
.frame	{width:100%; position:relative;}

.block	{margin-bottom:2em;}
.section	{margin-bottom:4em;}

/* typography */

a,
.perex,
a.more,
.newsDate,
.motto,
.dateAndPlace,
.projectStatus
	{font-weight:bold;}

.motto	{font-size:120%;}

.infoLink	{text-transform:uppercase;}

.galleryLink a {text-align:center; text-decoration:none; }
.galleryTitle {text-transform:uppercase;}

#copyright	{font-size:80%; line-height:2em; text-align:right;}
#menuFrame a
	{text-decoration:none; line-height:30px; font-size:150%; text-transform:lowercase;}
#menuFrame .menuL2 a
	{font-size:110%; line-height:20px; font-weight:bold;}

#page_32 h1	{text-decoration:none; line-height:30px; font-size:150%; text-transform:lowercase; text-align:right;}

#infoLinks a:visited	{text-decoration:none;}

.inputField {font-weight: bold;}

.projectBlock .projectStatus	{font-size: 1.2em;}

.hpBox h2 {text-transform:lowercase;}
.hpBox h2 a font-weight:bold;}
.hpBox a,
.hpBox a:link,
.hpBox a:visited
	{text-decoration:none; font-weight:normal;}

#hp-darci p a,
#hp-podpora p a{
	text-decoration:none;
}

#hp-news h3 a,
#hp-news a,
#hp-kdojsme a,
#hp-kdojsme p,
#hp-darci a,
#hp-podpora a
 {font-weight:bold;}



/* layers */

#logo	{z-index:1000;}

/* layout */

body	{margin:0; padding:0; min-width:1000px;}
#mainFrame	{width:980px; margin:0 auto; position:relative;}

#headerFrame	{padding-top:15px;}
#logo	{height:95px;}
#logo img	{margin-left:5px;}

#bottomRuler,
#headerFrame,
#footerFrame
	{width:100%; clear:both;}

#footerLinks {position:absolute; bottom:0; left:20px;}

#bottomRuler	{height:6px; overflow:hidden;}

#menuFrame	{width:252px; float:left; margin-right:3px;}

#menuFrame ul {padding:0;}
#menuFrame li	{padding-left:0;}
#menuFrame span	{vertical-align:top;}
#menuFrame .L1 a	{
	display:block;
	padding-left:20px;
	width:180px;
	position:relative;
	height:35px;
	line-height:35px;
}
#menuFrame .L1 a span	{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:35px;
}
#menuFrame .menuL2 a	{
	display:block;
	padding-left:32px;
	width:180px;
	height:20px; line-height:20px;
}
#mainMenuFrame {padding-top:2px;}

#contentFrame	{float:right; width:725px;}

#documentFrame,
#copyright
	{padding-right:20px;}

#documentFrame	{padding-top:20px; padding-bottom:40px;}

#searchFrame {position:absolute; top:64px; right:23px; }
#searchFrame .inputField	{width:120px; margin-right:2px; position:relative; top:-6px;}

#copyright	{padding-left:2px;}

#titleFrame {margin-bottom:30px;}
	
.layoutType_sectionHome h1,
.layoutType_subPage h1
	{position:absolute; bottom:0; left:0; padding-right:12px;}


p,
h3,
h4
	{line-height:20px;}

h4,
p,
.block,
.section,
.imgLeft,
.imgRight
	{margin-bottom:20px;}
.block p	{margin-bottom:0;}


.columnLeft,
.columnRight
	{width:336px;}

.columnLeft	{float:left;}
.columnRight	{float:right;}

.imgLeft	{margin-right:20px;}
.imgRight	{margin-left:20px;}

.clearLeft {clear:left;}

.box,
.imageBox,
.vcard
	{width:230px;}

.vcard	{float:left; padding:0; margin:0; overflow:hidden; padding-right:5px; padding-bottom:5px;}

.infoLink	{margin-bottom:0.5em;}

.aktualitaBox	{clear:both; overflow:hidden; margin-bottom:1em; padding:20px; position:relative; margin-right:110px;}
.aktualitaImage {float:left; height:110px;}
.aktualitaImage img {display:block;}
.aktualitaText	{float:right; width:420px; margin-right:0px; min-height:85px; padding-bottom:25px; }
.aktualitaText p {margin-bottom:0;}
.aktualitaText .more {position:absolute; right:30px; bottom:30px;}

.perex	{padding-bottom:2em;}

.box	{float:left; overflow:hidden; margin-right:3px; margin-bottom:12px;}
.imageBox {height:130px; float:right; overflow:hidden; margin-bottom:12px;}
.textBox	{position:relative; width:232px; margin-bottom:20px;}
.textBox p {margin-bottom:0; margin-right:30px;}

.dateAndPlace {margin-bottom:0;}

a.more,
p.more a
	{float:right; display:block; height:15px; padding-left:20px; text-decoration:none;padding-right: 5px;}

.contactList	{width:100%;}

.imgPreviewSP {float:right; padding-left:20px;  }

#documentFrame ul li	{line-height:20px;}
#documentFrame ul.compact li	{padding-bottom:0;}

table.dataTable	{border-spacing:1px; margin-bottom:1em; width:100%;}
.dataTable caption	{padding-top:1em; padding-bottom:0.2em; }
.dataTable th, .dataTable td, .dataTable_vyzva th, .dataTable_vyzva td	{padding:0.3em;}
.dataTable tbody th {width:20%; min-width:200px;}

.threeCols .columnLeft	{float:left; width:220px; margin-right:40px; overflow:hidden;}
.threeCols .columnRight	{float:left; width:220px; overflow:hidden;}
.threeCols .columnGallery	{float:right; width:180px; height:100px;}

.img_001_preview,
.img_002_preview,
.img_003_preview
	{width:232px; margin-bottom:12px;}

.img_001_preview	{float:left;}

.img_002_preview,
.img_003_preview
	{float:right; margin-left:9px;}

#pDvoracek,
#pJanura,
#pAlejka
	{position:relative; top:-15px;}

#tableSenovskeParky {position:relative; top:-20px;}

#mailingLink {position:absolute; position:absolute; top:140px; right:20px;}

.gallery {position:relative; margin-bottom:20px; z-index:100; width:232px;}
.galleryImage {margin-bottom:5px;}
.galleryImage img {display:block;}

.galleryTitle {display:block; height:30px; line-height:30px; position:relative;}
.galleryTitle span {position:absolute; top:0; left:0; width:100%; height:100%;}
.galleryLink a:link,
.galleryLink a:visited
	{display:block; float:left; width:20px; height:15px; margin-right:5px; margin-bottom:5px; }
.galleryLink a {line-height:15px;}
.galleryImgNumber {visibility:hidden;}

.sectionHeader {height:60px; margin-bottom:20px;}
.sectionHeader img {display:block; float:right;}


#infoLinks {overflow:hidden;}
#infoLinks .more {width:140px;}
#infoLink_akce a,
#infoLink_zpravodaj a,
#infoLink_infosystem a
{padding-top:100px; width:140px; float:left; padding-bottom:20px;}
#infoLink_akce a,
#infoLink_zpravodaj a,
#infoLink_infosystem a
{padding-left:0; padding-right:5px;}

/* homepage */

#page_32 #titleFrame {margin-bottom:0;}
#page_32 #menuFrame	{float:none; position:relative; width:100%;}
#page_32 #contentFrame	{float:none; width:auto;}
#page_32 #documentFrame	{padding:20px 0 0 20px;}

#page_32 h1	{display:none; position:absolute; bottom:18px;}
#page_32 #mainMenuFrame	{width:958px;}
#page_32 #mainMenuFrame	{height:260px; padding-bottom:0;}
#page_32 .box {height:250px;}
#page_32 .box .more {margin-left:140px;}

#page_32 #hpFlash {position:absolute; top:110px; right:22px;}
#page_32 .previewHP p {margin-right:10px;}
#page_32 .box	{margin-right:6px;}



#page_53 .perex	{padding-bottom:1em;}

#page_153 #titleFrame,
#page_57 #titleFrame,
#page_58 #titleFrame,
#page_36 #titleFrame,
#page_38 #titleFrame,
#page_131 #titleFrame,
#page_502 #titleFrame
	{height:120px;}

.motto	{display:none;}

.noBottom {margin-bottom:0;}

/*poslani - loga*/

.logo_szkt {width:100px; margin: auto; text-align:center; margin-top:130px;}
.logo_fd {width:100px; margin: auto; text-align:center; margin-top:50px;}

#page_35 #contentFrame,
#page_60 #contentFrame,
#page_52 #contentFrame,
#page_403 #contentFrame
 {min-height:400px;}

#page_35 #titleFrame,
#page_35 .perex,
#page_60 #titleFrame,
#page_60 .perex,
#page_52 #titleFrame,
#page_52 .perex,
#page_403 #titleFrame,
#page_403 .perex
{margin:0; padding:0 30px 10px 0; width:500px;}

#page_60 .more {position:relative; top:-15px;}

table.dataTable_vyzva	{border-spacing:1px; margin-bottom:1em; width:100%;}
.dataTable_vyzva tbody th {width:150px; min-width:140px;}

.projectBlock .projectStatus	{text-align:right; padding:0 20px 0 20px; line-height:40px; height:40px; margin-right:252px; margin-bottom:20px;}

.hpBox {float:left; width:230px; margin-right: 6px;}
.hpBox h2 {margin-bottom:6px; line-height:25px; }
.hpBox h2 a {position:relative; display:block; margin:0 3px;}
.hpBox h2 span {position:absolute; width:100%; height:25px;}
#hp-projekty .box {height:130px;}
#hp-news, #hp-projekty {width:708px; margin-right:0;}
#hp-news h2, #hp-projekty h2 {margin-right:6px;}

#hp-kdojsme .textBox {min-height:100px; padding-left:3px; padding-top:12px; width:227px;}
#hp-kdojsme .imageBox {margin:0;}


/* colors */

body	{background:#6D6E70 url(/static/22/bgr_body.gif) repeat-y 50% 0;}
#menuFrame,
#menuFrame a
	{color:#000;}
#menuFrame .menuL2 a
	{color:#888;}

.newsDate,
em,
a,
a:link,
.box a,
a.more,
p.more a,
h3,
h4,
h4.dot
	{color:#1C6A40;}

h4.dot {background:url(/static/22/bgr_li.gif) no-repeat 0 0.6em; padding-left:8px; margin-bottom: 6px;}

a.active,
h3.alejka,
#menuFrame .menuL2 .L2a a
	{color:#f5a220;}

h1,
#menuFrame a:hover
	{ color:#f5a220;}

a:hover,
.box a:hover
	{ color:#f6690e;}

a.more,
p.more a
	{background:url(/static/22/arrow-2.gif) no-repeat 0 0;}
a.more:hover,
p.more a:hover
	{background-position: 0 -32px;}

.motto	{color:#FFF; background-color:#F5A220;}

#documentFrame ul li {background:url(/static/22/bgr_li.gif) no-repeat 0 0.6em;}

.layoutType_sectionHome h1,
.layoutType_subPage h1
	{background:#fff;}

#headerFrame  {background:url(/static/22/bgr_deco06.gif) no-repeat;}
#bottomRuler	{background:#000 url(/static/22/bgr_mainFrame.gif) repeat-y; color:#fff;}
#headerFrame a	{color:#fff;}

.imgPreviewSP {background-color:#fff;}

.dataTable th, .dataTable_vyzva th	{background:#D9ECC6; color:#1C6A40;}
.dataTable td, .dataTable_vyzva td	{background:#ECF5E2;}

.dataTable th.alejka	{background:#fce5c1; color:#f5a220;}
.dataTable td.alejka	{background:#fbf0df;}

.dataTable th.benatky	{background:#fcdbdb; color:#911a1e;}
.dataTable td.benatky	{background:#efe4e4;}

.dataTable th.santos	{background:#cdd6dd; color:#00467e;}
.dataTable td.santos	{background:#e2e9ef;}


.aktualitaBox	{background:#f0f7e9 url(/static/22/bgr_aktualita2.gif) no-repeat;}

.galleryImage,
.galleryImage a:link,
.galleryImage a:visited
	{background:#666; color:#fff;}

.galleryLink a	{cursor:pointer;}
.galleryLink a	{background-color:#ccc;}
.galleryLink a:hover	{background-color:#666; color:#fff;}

.galleryTitle span	{background:url(/static/22/fotogalerie.gif) no-repeat;}

#sectionHeader_senov {background-color:#0db14b;}
#sectionHeader_alejka {background-color:#f6911e;}
#sectionHeader_benatky {background-color:#911a1e;}
#sectionHeader_santos {background-color:#00467e;}


.layoutType_sectionHome #titleFrame,
.layoutType_subPage #titleFrame
	{background-position:0 50%;}


#page_153 #titleFrame	{background:url(/static/22/title_atualne_nadace.jpg) no-repeat 0 100%;}
#page_57 #titleFrame	{background:url(/static/22/title_poslani.jpg) no-repeat 0 100%;}
#page_58 #titleFrame	{background:url(/static/22/title_sponzori.jpg) no-repeat 0 100%;}
#page_36 #titleFrame	{background:url(/static/22/title_partneri.jpg) no-repeat 0 100%;}
#page_38 #titleFrame	{background:url(/static/22/bgr_dokumenty.jpg) no-repeat 0 100%;}
#page_131 #titleFrame	{background:url(/static/22/title_statutarniOrgany.jpg) no-repeat 0 100%;}
#page_502 #titleFrame	{background:url(/static/22/title_podpora.jpg) no-repeat 0 100%;}

#page_32 #logo {background:transparent;}
#page_32 #headerFrame	{background:transparent; border:none;}
#page_32 #mainFrame	{background-image:url(/static/22/bgr_deco05.gif); background-repeat:no-repeat;}
#page_32 #mainMenuFrame	{border-bottom:none;}
#page_32 #menuFrame a:hover	{color:#F5A220;}
#page_32 #mainMenuFrame	{background:url(/static/22/hp_visual_2.jpg) no-repeat 100% 0;}

#page_54 #infoLink_akce a {background:url(/static/22/akce-alejka.gif) no-repeat 5% 0;}
#page_54 #infoLink_zpravodaj a {background:url(/static/22/zpravodaj-alejka.gif) no-repeat 5% 0;}




#page_54 #infoLink_akce a,
#page_54 #infoLink_zpravodaj a
	{color:#f5a220;}

#page_54 #infoLink_akce a:hover,
#page_54 #infoLink_zpravodaj a:hover,
#page_357 #infoLink_akce a:hover,
#page_357 #infoLink_zpravodaj a:hover,
#page_361 #infoLink_akce a:hover,
#page_361 #infoLink_zpravodaj a:hover
	{color:#f6911e;}

#page_357 #infoLink_akce a {background:url(/static/22/akce-benatky.gif) no-repeat 5% 0;}
#page_357 #infoLink_akce a,
#page_357 #infoLink_zpravodaj a
	{color:#911a1e;}

#page_361 #infoLink_akce a {background:url(/static/22/akce-santos.gif) no-repeat 5% 0;}
#page_361 #infoLink_akce a,
#page_361 #infoLink_zpravodaj a
	{color:#00467e;}



#page_53 #infoLink_akce a {background:url(/static/22/akce-senov.gif) no-repeat 5% 0;}
#page_53 #infoLink_zpravodaj a {background:url(/static/22/zpravodaj-senov.gif) no-repeat 5% 0;}
#page_53 #infoLink_infosystem a {background:url(/static/22/infosystem-senov.gif) no-repeat 5% 0;}

#page_53 #infoLink_akce a,
#page_53 #infoLink_zpravodaj a,
#page_53 #infoLink_infosystem a
	{color:#1C6A40;}
#page_53 #infoLink_akce a:hover,
#page_53 #infoLink_zpravodaj a:hover,
#page_53 #infoLink_infosystem a:hover
	{color:#f5a220;}

/*obarvení nadpisů Šenovské parky*/
#page_53 h1,
#page_103 h1,
#page_296 h1,
#page_135 h1
 {color: #1C6A40;}

*obarvení nadpisů Alejka*/
#page_503 h3
{color:#f5a220;}

/*obarvení nadpisů Benátky*/
#page_357 h1,
#page_378 h1,
#page_357 h3
{color:#911a1e;}

#page_427 h1,
#page_427 h3
{color:#911a1e;}


/*obarvení nadpisů Santos*/
#page_361 h1, 
#page_361 h3 
{color:#00467e;}

#page_428 h1, 
#page_428 h3 
{color:#00467e;}




/* project status bars */
#page_53 .projectStatus	{background:#0DB14B; color:#fff;}
#page_54 .projectStatus,
#page_429 .projectStatus
	{background:#f5a220; color:#fff;}
#page_357 .projectStatus	{background:#911a1e; color:#fff;}
#page_361 .projectStatus,
#page_428 .projectStatus	
	{background:#00467e; color:#fff;}
#page_427 .projectStatus	{background:#911a1e; color:#fff;}

.L1 a span {background:url(/static/22/menu5.gif) no-repeat;}

.L1_uvod a span {background-position:0 0;}
.L1_aktuality a span {background-position:0 -50px;}
.L1_projekty a span {background-position:0 -100px;}
.L1_granty a span {background-position:0 -150px;}
.L1_nadace a span {background-position:0 -200px;}
.L1_inspirace a span {background-position:0 -250px;}
.L1_kontakt a span {background-position:0 -300px;}
.L1_parky a span {background-position:0 -350px;}

.L1_uvod a:hover span {background-position:-600px 0;}
.L1_aktuality a:hover span {background-position:-600px -50px;}
.L1_projekty a:hover span {background-position:-600px -100px;}
.L1_granty a:hover span {background-position:-600px -150px;}
.L1_nadace a:hover span {background-position:-600px -200px;}
.L1_inspirace a:hover span {background-position:-600px -250px;}
.L1_kontakt a:hover span {background-position:-600px -300px;}
.L1_parky a:hover span {background-position:-600px -350px;}

.L1_uvod a.m1a span {background-position:-200px 0;}
.L1_aktuality a.m1a span {background-position:-200px -50px;}
.L1_projekty a.m1a span {background-position:-200px -100px;}
.L1_granty a.m1a span {background-position:-200px -150px;}
.L1_nadace a.m1a span {background-position:-200px -200px;}
.L1_inspirace a.m1a span {background-position:-200px -250px;}
.L1_kontakt a.m1a span {background-position:-200px -300px;}
.L1_parky a.m1a span {background-position:-200px -350px;}

#page_35 #titleFrame,
#page_35 .perex,
#page_60 #titleFrame,
#page_60 .perex,
#page_52 #titleFrame,
#page_52 .perex,
#page_403 #titleFrame,
#page_403 .perex
{background:#fff; color:#777;}

#page_60 #contentFrame	{background:url(/static/22/granty3.jpg) no-repeat 0 20px;}
#page_35 #contentFrame	{background:url(/static/22/nadace2.jpg) no-repeat 0 20px;}
#page_52 #contentFrame	{background:url(/static/22/projekty2.jpg) no-repeat 0 20px;}
#page_403 #contentFrame	{background:url(/static/22/parky2.jpg) no-repeat 0 20px;}

/* Navigace - ikony na projektových stránkách */
div.navicons {margin-top: 15px;}

.park,
.foto,
.info,
.infosystem,
.akce,
.zpravodaj,
.zpravodaj2,
.denik,
.projekt	{
	width: 45px;
	height: 55px;
	float:left;
	margin-right:15px;
}

a.park,
a.foto,
a.info,
a.infosystem,
a.akce,
a.zpravodaj,
a.zpravodaj2,
a.denik,
a.projekt {
	display: block;
	width: 45px;
	height: 55px;
	overflow: hidden;
}

a.park {background: url(/static/22/park-ikona.gif);}
a.foto {background: url(/static/22/foto-ikona.gif);}
a.info {background: url(/static/22/info2-ikona.gif);}
a.infosystem {background: url(/static/22/infosystem-ikona.gif);}
a.akce {background: url(/static/22/akce-ikona.gif);}
a.zpravodaj {background: url(/static/22/zpravodaj-ikona.gif);}
a.zpravodaj2 {background: url(/static/22/zpravodaj2-ikona.gif);}
a.denik {background: url(/static/22/denik-ikona.gif);}
a.projekt {background: url(/static/22/projekt-ikona.gif);}

.foto a img	{visibility:hidden;}

#page_361 .foto a:hover,
#page_428 .foto a:hover
	{background: url(/static/22/foto-santos-hover.gif);}
#page_53 .foto a:hover
	{background: url(/static/22/foto-senov-hover.gif);}

#page_54 .foto a:hover,
#page_429 .foto a:hover
	{background: url(/static/22/foto-alejka-hover.gif);}








a.park:hover, a.foto:hover, a.info:hover, a.infosystem:hover, a.akce:hover, a.zpravodaj:hover, a.zpravodaj2:hover, a.denik:hover, a.projekt:hover {
text-indent:-45px;
width: 45px;
}

a.park img, a.foto img, a.info img, a.infosystem img, a.akce img, a.zpravodaj img, a.zpravodaj2 img, a.denik img, a.projekt img {
border:none;
margin-left: 45px;	/* pri hover zobrazi IMG */
}

.icon {float:left; margin-right: 15px;}
.p-icon {margin-bottom:15px; height:70px;}


/* casopis ke stazeni - nas park - muj svet */
div.casopis {margin-top:25px;}

.jaro,
.leto,
.podzim,
.zima {
        width: 100px;
	height: 150px;
	float:left;
	margin-right:30px;
}

a.jaro,
a.leto,
a.podzim,
a.zima {
	display: block;
	width: 100px;
	height: 150px;
	overflow: hidden;
}

a.jaro {background: url(/static/480/jaro.jpg);}
a.leto {background: url(/static/480/leto.jpg);}
a.podzim {background: url(/static/480/podzim.jpg);}
a.zima {background: url(/static/480/zima.jpg);}

a.jaro:hover,
a.leto:hover,
a.podzim:hover,
a.zima:hover
{
text-indent:-100px;
width: 100px;
}

a.jaro:img,
a.leto:img,
a.podzim:img,
a.zima:img
{
border:none;
margin-left: 100px;	/* pri hover zobrazi IMG */
}

/* ikony nas park - muj svet */
.alejka-akce,
.senov-akce,
.alejka-denik,
.senov-denik,
.promeny-mesta,
.promeny-alejka,
.promeny-senov {
	width: 50px;
	height: 70px;
	float:left;
	margin-right:15px;
}

a.alejka-akce,
a.senov-akce,
a.alejka-denik,
a.senov-denik,
a.promeny-mesta,
a.promeny-alejka,
a.promeny-senov{
	display: block;
	width: 50px;
	height: 70px;
	overflow: hidden;
}

a.alejka-akce {background: url(/static/480/akce-alejka.gif);}
a.senov-akce {background: url(/static/480/senov-akce.gif);}
a.alejka-denik {background: url(/static/480/alejka-denik.gif);}
a.senov-denik {background: url(/static/480/senov-denik.gif);}
a.promeny-mesta {background: url(/static/480/promeny-pro-mesta.gif);}
a.promeny-alejka {background: url(/static/480/promeny-alejka.gif);}
a.promeny-senov {background: url(/static/480/promeny-senov.gif);}

a.alejka-akce:hover,
a.senov-akce:hover,
a.alejka-denik:hover,
a.senov-denik:hover,
a.promeny-mesta:hover,
a.promeny-alejka:hover,
a.promeny-senov:hover {
text-indent:-50px;
width: 50px;
}

a.alejka-akce img,
a.senov-akce img,
a.alejka-denik img,
a.senov-denik img,
a.promeny-mesta img,
a.promeny-alejka img,
a.promeny-senov img {
border:none;
margin-left: 50px;	/* pri hover zobrazi IMG */
}

img {border: 0;}

/* staticke kontakty */
p.contact {margin-bottom:17px;}
div.contacts {margin-top: 7px;}
.vcard-red-nad,
.vcard-parky {
float:left;
width: 220px;
height: 100px;
margin: 0 13px 13px 0;
padding: 3px;
background-color: #e2efd7; }

.vcard-park-svet {
float:right;
width: 220px;
height:201px;
margin: 0 0 18px 0;
padding: 3px;
background-color: #e2efd7; }

.vcard-taj,
.vcard-fin,
.vcard-kanc {
float:left;
width: 220px;
height: 82px;
margin: 0 13px 13px 0;
padding: 3px;
background-color: #e2efd7; }




.hpBox h2,
.hpBox h2 a
	{color:#fff;}
.hpBox h2 span {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#hp-kdojsme h2,
#hp-kdojsme h2 span {
	background-color:#1c6a40;
}
#hp-kdojsme h2 span {
	background-image:url(/static/22/hp-kdojsme-h2.gif);
}

#hp-news h2,
#hp-news h2 span
	{background-color:#f5a220;}
#hp-news h2 span {
	background-image:url(/static/22/hp-news-h2.gif);
}

#hp-darci h2,
#hp-darci h2 span {
	background-color:#0F539B;
}
#hp-darci h2 span {
	background-image:url(/static/22/hp-darci-h2.gif);
}

#hp-podpora h2,
#hp-podpora h2 span {
	background-color:#911A1E;
}
#hp-podpora h2 span {
	background-image:url(/static/22/hp-podpora-h2.gif);
}

#hp-projekty h2,
#hp-projekty h2 span {
	background-color:#737476;
}
#hp-projekty h2 span {
	background-image:url(/static/22/hp-projekty-h2.gif);
}


#hp-kdojsme .textBox	{background-color:#1c6a40; color:#fff;}

#hp-darci p a	{color:#0F539B;}
#hp-podpora p a	{color:#911A1E;}

#hp-darci a:hover,
#hp-podpora a:hover
{color:#000;}

#hp-news h3 a
{color:#f5a220;}
#hp-news h3 a:hover
{color:#1c6a40;}
#hp-news a.more,
#hp-news p.more a
	{background:url(/static/22/arrow-4.gif) no-repeat 0 0; color:#f5a220;}
#hp-news a.more:hover,
#hp-news p.more a:hover
	{background-position: 0 -32px; color:#1c6a40;}

#hp-kdojsme a.more,
#hp-kdojsme p.more a
	{background:url(/static/22/arrow-3.gif) no-repeat 0 0; color:#fff;}
#hp-kdojsme a.more:hover,
#hp-kdojsme p.more a:hover
	{background-position: 0 -32px; color:#f5a220;}



/* lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}