div.main-menu { width: 952px; text-align: center; padding: 0px; padding-bottom: 10px;}
div.main-menu a { margin-right: 0.5em; }
div.main-menu a.logo { font-size:60pt; font-weight: bold; letter-spacing: 4px; color: #EEE; font-family: Arial, Verdana, sans-serif;}
div.main-menu a.logo img { vertical-align: middle;}
div.main-menu a.new { font-weight: bold; color: orange; letter-spacing: 1px;}
div.main-menu a.new:hover { text-decoration: underline; }

div.sidebar { display: block; float: right; width: 15em; margin-top: 0.5em;}
div.sidebar h3 {text-align: left; margin-bottom: 0px; padding-bottom: 0px;}
div.sidebar a { display: inline; }
div.sidebar table { text-align: center;}
div.sidebar table th { font-weight: normal; }
div.sidebar table a { display: inline; }
div.sidebar table td,th { padding: 0.1em; margin-bottom: 2px; }

div.foot { font-size: 9pt; clear: both; text-align: center;  background-color: #171717; border-top: 1px solid #111; padding: 1em; padding-bottom: 2em; padding-top: 2em; margin-top: 1em; color: #666; background-image: url(http://media.cojestgrane.pl/fx/foot_bk.gif); background-repeat: repeat-x; }
div.foot a { padding-left: 1em; padding-right: 1em;  color: #888; letter-spacing:1px;}
div.foot a:hover { color: orange; text-decoration: underline; }

td.other a { color: #888; }
td.inactive-other { color: #444; }
td.today a { color: orange; }
td.inactive { color: #666; }
td.selected a { color: orange; font-weight: bold; } 
td.inactive-selected { color: orange; }
th.month { text-align: left; }
th.month a { color: orange; }
th.month a:hover { color: white; }

th.year { text-align: center; }
th.year a { color: orange; }
th.year a:hover { color: white; }



div.cloud { padding: 0em; padding-bottom: 10px;  text-align: left; margin-bottom: 20px; }
div.cloud_places { padding: 0em; text-align: center; width: 49%; float: right;}

div.cloud a, div.cloud_places a { padding: 0px; margin: 0px; padding-left: 0.2em; padding-right: 0.2em; text-decoration: underline}
div.cloud a span, div.cloud_places a span { color: orange; }
div.cloud h3, div.cloud_places h3 { font-size: 12pt; margin: 0px; padding: 0px; text-transform: uppercase; border-bottom: 1px solid #999;}

div.cloud div.caption { color: #888; font-size: 14px; background-color: transparent; }
div.cloud div.caption a { font-size: 14px; color: white; float: none; padding-left: 5px; padding-right: 5px;}
div.cloud div.caption a.selected { color: orange;}
div.cloud div.caption a:hover, div.cloud div.caption a.selected:hover { text-decoration: underline; }

#ec01 { font-size: 10px; color: #999;}
#ec02 { font-size: 11px; color: #AAA;}
#ec03 { font-size: 12px; color: #BBB;}
#ec04 { font-size: 13px; color: #CCCCCC;}
#ec05 { font-size: 14px; color: #D8D8D8;}
#ec06 { font-size: 15px; color: #DDDDDD;}
#ec07 { font-size: 16px; color: #E8E8E8;}
#ec08 { font-size: 17px; color: #EEEEEE;}
#ec09 { font-size: 18px; color: #F8F8F8;}
#ec10 { font-size: 19px; color: #FFFFFF;}
#ec01:hover, #ec02:hover, #ec03:hover, #ec04:hover, #ec05:hover, #ec06:hover, #ec07:hover, #ec08:hover, #ec09:hover, #ec10:hover { color: orange; }


#cc01 { font-size: 6pt; }
#cc02 { font-size: 6.5pt; }
#cc03 { font-size: 7pt; }
#cc04 { font-size: 7.5pt; }
#cc05 { font-size: 8pt; }
#cc06 { font-size: 8.5pt; }
#cc07 { font-size: 9pt; }
#cc08 { font-size: 9.5pt; }
#cc09 { font-size: 10pt; }
#cc10 { font-size: 10.5pt; }

div.commerce {  text-align: center; margin-top: 0.5em;}
div.commerce a img { border: 1px solid #999; padding: 3px; }
div.commerce a:hover img { border: 1px solid red;  }

div.clear_left { clear: left; padding-top: 0.5em; padding-right: 0.5em; }

div.last_news, div.catalog { border: 1px solid #999; padding: 0.5em; margin-top: 0.5em; }

div.last_news a { font-size: 10pt; display: block; margin-left: 1em; margin-bottom: 0.5em; text-decoration: none;}
div.last_news a b { color: red; }
div.last_news a.head, div.catalog a.head { display: block; text-decoration: underline; font-size: 12pt; text-transform: uppercase; margin-left: 0px;}

div.catalog { text-align: justify; }
div.catalog a { font-size: 10pt; display: inline; margin-right: 0.3em;}

div.head { display: block; border-bottom: 1px solid #999; padding-bottom: 0.5em; }

div.selector { display: block; text-align: right; }
div.selector a { display: inline; border: none; margin-left: 0.5em;}
div.selector a.current { color: red; }
div.selector a:hover { background-color: transparent; }

div.slideshow-box { clear: right; text-align: center; float: right;  margin: 10px; margin-top: 0px; } 
div.slideshow-box a img { border-width: 0; padding: 5px; margin-bottom: 5px; border: 1px dotted #222;}
div.slideshow-box a:hover img { border-color: #444; }
div.slideshow-note { float: right; text-align: right; font-size: 12px; padding-right: 14px; color: #666;}
div.slide { clear: right; text-align: center; padding: 1em; }
div.slide img { border: 1px solid #999; padding: 5px;  background-color: #444;}
div.slide div.title { }
div.slide div.author { color: #666;  }

table.matrix {width: 990px; margin-top: 10px; }
td.i { width: 80px; height: 80px; text-align: center; vertical-align: middle; padding: 4px; }
td.i a { display:block; width: 70px; height: 70px; vertical-align: middle; border: 1px dotted #222;}
td.i a img { border-width: 0px;  margin: 3px; }
td.i a:hover { border: 1px dotted #333; }

td.adv, td.banner { text-align: center; vertical-align: middle; padding: 2px; padding-top: 5px; }
td.adv a img, td.banner a img {  border: 1px dotted #222; padding: 3px; }


td.news-image { width: 160px; height: 160px; text-align: center; vertical-align: middle;}
td.news-image a { display: block; width: 154px; height: 154px; vertical-align: middle; }
td.news-image a img { border-width: 0px;  margin: 3px; border: 1px dotted #222; padding: 3px; }
td.news-image a:hover { }

td.newses-list { text-align: left; vertical-align: top; padding: 4px;  padding-top: 8px; padding-bottom: 2px; font-size: 12px; letter-spacing: 1px; color: orange;}
td.newses-list div.news { height: 20px; }
td.newses-list a { font-size: 12px;  }
td.newses-list a.head { display: block; height: 30px; font-size: 20px; text-transform: uppercase; color: white; letter-spacing: 2px;} 
td.newses-list a:hover { color: orange;}

td.newses-list div.toolbox { height: 20px; text-align: right; color: #666; border-top: 1px dotted #333; margin-top: 2px; padding-top: 2px; border-width: 0px; }
td.newses-list div.toolbox a { color : #888; border-width: 0px; }
td.newses-list div.toolbox a.add { color : #DDD; }
td.newses-list div.toolbox a:hover { color : orange; }

td.main-menu { text-align: center; padding: 0px; vertical-align: middle;}
td.main-menu a {padding: 0px; margin: 0px;}
td.main-menu a.logo { font-size:29pt; font-weight: bold; letter-spacing: 6px; color: #EEE; font-family: Arial, Verdana, sans-serif;}
td.main-menu a.new { font-weight: bold; color: orange; letter-spacing: 1px;}
td.main-menu a:hover { }


td.news { text-align: center; vertical-align: middle; padding: 3px;  padding-top: 0px;}
td.news a { padding: 0px; margin: 0px; }
td.news a span { font-weight: bold; font-size: 10pt; color: red; }
td.news img { border: 1px dotted #222; margin: 0px; padding: 3px;}
td.news a.next { display: block; float: right; font-size: 10pt; padding:4px; padding-right: 10px; color: #888;}
td.news a.prev { display: block; float: left; font-size: 10pt;  padding:4px; padding-left: 10px; color: #888;}
td.news span.date { display: block; font-size: 10pt; padding: 4px; font-weight: bold; letter-spacing: 2px; color: white;}

td.news span.title { font-size: 12pt; font-weight: bold; padding: 0px; color: gray; text-transform: uppercase;}

td.city { text-align: center; vertical-align: middle; }
td.city a { font-weight: normal; letter-spacing: 4px; font-size: 23pt; color: white; text-transform: uppercase; vertical-align: middle;} 
td.city a span { font-size: 16pt; letter-spacing: 1px;} 
td.city a:hover { color: orange;  }
td.city div a { font-weight: normal; font-size: 10pt; text-transform: none; letter-spacing: 1px;}
td.city div a span { color: red; }

div.calendar-table { text-align: center; font-size: 14px; padding: 0px; padding-left: 5px; margin-bottom: 20px; padding-bottom: 5px; }
div.calendar-table table { width: 100%; }
div.calendar-table table tr td, div.calendar-table table tr th { text-align: right; }
td.calendar { font-size: 9pt; text-align: center; vertical-align: middle; padding: 4px;}
td.calendar table tr td { text-align: center; padding: 0px; padding-bottom: 2px;}


td.adsense { text-align: center; vertical-align: middle; padding: 2px; }
td.adsense a img {  border: 1px solid #888;}

td.cloud_events {  text-align: center; vertical-align: top; padding-left: 10px; padding-right: 10px; letter-spacing: 1px;}
td.cloud_events a span { color: red; }
td.cloud_events div.line-break { display: block; margin: 1em; border: 0px; border-bottom: 1px dotted #333;}
td.cloud_events div.banners { padding-top: 3em; text-align: center; }
td.cloud_events div.banner { padding-top: 8px; text-align: center; }
div.banners img { border: 1px solid white; }
div.banner img { border: 1px dotted #222; padding: 3px; }
td.cloud_events div.weather { padding-left: 80px; padding-top: 3em; text-align: center; }
td.cloud_events div.head { color: orange; text-align: center; font-size: 20px; padding-top: 5px; margin-bottom: 0px; border-bottom-width: 0px;}



td.cloud_tags { text-align: center; vertical-align: top; padding-left: 4px; padding-right: 10px; letter-spacing: 1px; border-right: 1px dotted #333; } 
td.cloud_tags a span { color: red; }
td.cloud_tags div.line-break { display: block; margin: 1em; border: 0px; border-bottom: 1px dotted #333;}

td.cloud_places { width: 150px; vertical-align: top;}

div.tooltip {}
div.tooltip a img.icon { margin: 5px; border: 1px dotted #aaa; padding: 3px;}
div.tooltip a:hover img.icon { border: 1px solid red; }
div.tooltip a.text { display: block; margin-left: 85px; color: orange;}
div.tooltip a.text:hover { color: red;}
div.tooltip a.text span.more { padding-left: 5px; font-size: 15px; font-weight: bold; color: red; }
div.tooltip a.text span.subtitle { color: #333; }
div.tooltip a.text span.place { color: #000; font-weight: bold;}
div.tooltip ul { margin: 0px; padding: 0px; padding-left: 20px; }
div.tooltip ul li { margin: 0px; padding: 0px; }
div.tooltip div.toolbox { float: none; clear: left; border-top: 1px solid #999; margin-top: 10px; padding-top: 2px; padding-left: 10px; padding-right: 10px;  }

span.buy-ticket { color: #888; }

form div.kind { margin-top: 5px; padding-bottom: 20px;}
form div.query { padding-top: 5px;}



td.search-form { vertical-align: middle; font-size: 9pt;}

td.login-toolbox { vertical-align: middle; font-size: 9pt; padding-left: 1em;}
td.login-toolbox a { display: inline;  padding-left:5px; padding-right: 5px; }
td.login-toolbox a:hover { }

div.portal-header { text-align: center; padding: 0px; margin-bottom: 0px; height: 50px; background-image:url(http://media.cojestgrane.pl/fx/home_bk.gif); background-repeat: repeat-x;}
div.portal-header table { height: 50px; padding: 0px; margin: 0px; }
div.portal-header table tr td { height: 50px; }
div.portal-header form { padding: 0px; margin: 0px; display: inline; }
div.portal-header a { font-size: 14px; }
div.portal-header a:hover { }
div.portal-header a.home { letter-spacing: 2px; font-size: 18pt;}
div.portal-header a.add { display: inline; color: orange; }
div.portal-header form div { display: inline; }
div.portal-header img { margin: 0px; padding: 0px; }




td.newses_cloud { vertical-align: top; }

td.books { text-align: left; padding-left: 0px; padding-right: 8px; } 
td.books a {  font-size: 12px; letter-spacing: 0px; }
td.books a span.author { color: #888; }
td.books a span.arrow { color: orange; }
td.books a:hover { color: orange;  }
td.books a.head { display: block; text-align: left; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; padding-top: 6px; } 
td.books a.head:hover { color: orange; }
td.books div.book { color: orange; font-size: 12px; margin-bottom: 2px; }
td.books a.book-img { display: block; padding-top: 10px; width: 148px; height: 148px; text-align: center; vertical-align: middle; }
td.books a.book-img img { max-height:140px;  max-width:140px; border: 1px dotted #222; padding: 3px;}
td.books a.book-img:hover img {border-color: #333; }
td.books div.books-list { clear: left; padding-left: 0px; }
td.books div.toolbox { margin-top: 4px; border-top: 1px dotted #222; color: #333; text-align: right; border-width: 0px;}
td.books div.toolbox a { color: #888; border-width: 0px; }
td.books div.toolbox a.add { color: #ddd; } 
td.books div.toolbox a:hover { color: orange; }

td.concerts { padding-left: 25px; padding-right: 10px; }
td.concerts a.head { display: block; height: 30px; font-size: 20px; text-transform: uppercase; color: white; letter-spacing: 2px; border-bottom: 1px dotted #222; } 
td.concerts a:hover { color: orange; } 


td.concerts div.toolbox { height: 20px; text-align: right; color: #666; border-top: 1px dotted #333; margin-top: 2px; padding-top: 2px; border-bottom-width: 0px; }
td.concerts div.toolbox a { color : #888; border-width: 0px; }
td.concerts div.toolbox a.add { color : #DDD; }
td.concerts div.toolbox a:hover { color : orange; }

a.help { color: orange;  }
a.help:hover { }

#search_results {position:absolute;z-index:9050; width: 400px; } 
#search_results .yui-ac-content {position:absolute;left:0;top:0;width:30em;border:1px solid #404040; background:#000;overflow:hidden;text-align:left;z-index:9050;} 
#search_results .yui-ac-shadow {position:absolute;left:0;top:0;margin:.3em;background:#a0a0a0;z-index:9049;} 
#search_results ul {padding:5px; margin: 0px; width:100%;} 
#search_results li {padding:2px; margin: 0px; cursor:default;white-space:nowrap;} 
#search_results li.yui-ac-highlight {background:#111;} 


a.feed { display: block; float: right; }
a.feed:hover { background-color: transparent; }
a.feed-left { display: block; float: left; }
a.feed-left:hover { background-color: transparent; }


div.portal-menu { }
div.portal-menu a { color: orange;}
div.portal-menu a:hover { } 
#portal-map, #portal-add, #portal-help, #portal-profile, #portal-login { display: none; width: 980px; text-align: right; color:#888; font-size: 14px; padding-top: 4px; padding-bottom: 2px; }

div.portal-menu form { display: inline; }

div.portal-menu span.head { color: white; }
div.portal-menu span.section { padding-left: 10px; color: #ddd; }
div.portal-menu span.separator { padding-left: 10px; padding-right: 10px; color: white;}
div.portal-menu label { padding-left: 10px; }

a.close { font-size: 14px; font-weight: bold; margin-left: 20px; padding: 2px; padding-left: 4px; padding-right: 4px; background-color: #333; color: orange; text-align: center; vertical-align: middle; }
a.close:hover { color: white; }

div.lv { margin-bottom: 12px; width: 980px;}
div.lv a { margin: 0px; padding: 0px; }
div.lv a img { border: 1px dotted #222; padding: 2px; margin: 2px;}
div.lv a:hover img { border: 1px dotted #444; }
div.lv div.t { margin: 2px; margin-bottom: 4px;}

div.version span { color: red; }