﻿/** Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}a:link,a:visited,a:hover{text-decoration:none}

h1,h2,h3,h4,h5,h6 { font: 100%  "Trebuchet MS", Tahoma, sans-serif; }

body { background-color: #FFF; color: #000; font: 100%  Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; }
form select, form input { font: 100%  "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif !important; }
form input.text { border: 1px solid #B4B4B4; background-color: #FFF; color: #000; }
hr { display: none; }

form.search input.submit { background-color: #C50F01; color: #E7A09A; padding: 0 0.3em;}

div.adv { width: 984px; margin: 5px auto 5px; }
div.adv img { display: block; margin: 0 auto; }
#page div.adv { width: 492px; margin: 0 auto 1em; }

#header { width: 984px; margin: 6px auto 0; overflow: hidden; height: 100%;}
#header h1 { float: left; background: url('images/logo.png') 0 50% no-repeat; height: 90px; font: 1.1em "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
#header h1 a { display: block; padding: 40px 0 0 170px; height: 50px; color: #213855;  }
#header h1 a span { display: block; color: #ff000a; font-size: 0.8em; }

#header ul { float: right; overflow: hidden; height: 100%; font-size: 0.7em; margin: 0 0 1em; }
#header ul li { float: left; border-left: 1px solid #b3b3b3; margin: 0 0.4em 0 -1px; padding: 0 0 0 0.3em; }
#header ul li.lang { padding: 0 0.2em 0 0.3em; }
#header ul li.lang select { font-size: 0.95em; }
#header ul li a:link, #header ul li a:visited { color: #999; border-bottom: 1px solid #FFF; }
#header ul li a:hover { color: #666; }
#header ul li.size { border: 1px solid #b3b3b3; text-align: center; padding: 1px; width: 16px; height: 16px; }
#header ul li.size a { padding: 2px; }
#header ul li a.small { font-size: 0.7em; }
#header ul li a.big { font-size: 1.2em; }

#languages { display: none; position: absolute; top: 10px; left: 0; z-index: 6500; height: 100px; overflow: auto; }
#languages li { font-size: 2em; }

#header #info { float: right; overflow: hidden; height: 100%; width: 290px; margin: 10px 0 0; }
#header #info li { float: left; border: none; line-height: 1.5em; }
#header #info li.weather { margin: 0 1em 0 0; }
#header #info li.time { color: #727272; font-size: 1em; background: #e5e5e5 url('images/clock.png') 100% 50% no-repeat; padding: 0.4em 30px 0.4em 0.2em; }

#menu { width: 984px; margin: 30px auto 10px; height: 100%; overflow: hidden; }
#menu li { float: left; text-transform: uppercase; font: 0.75em "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; padding: 0 0 3px 0; margin: 0 0 0 -1px; font-weight: bold; background: url("images/menu-border.png") 0 50% no-repeat; }
#menu li a:link, #menu li a:visited { display: block; color: #666; padding: 0.3em 1em; }
#menu li a:hover { color: #333; }
#menu li.active { background: url("images/pointers.png") 0 100% no-repeat; }
#menu li.active a { background-color: #213855; color: #FFF !important; padding: 0.3em 0.5em; }
#menu li.search { background: none; float: right; }
#menu li.search form input.search-text { width: 180px; }

#menu li ul { border-bottom:1px solid #d6d6d6; display: none; position:absolute; z-index: 65000; padding: 8px 0 0; background: url("images/submenu-bg.png") -15px 5px no-repeat; }
#menu li.active ul { background-position: 0 5px; }
#menu li:hover ul { display: block; }
#menu li ul li { border: solid #d6d6d6; border-width: 0 2px 1px 0; font-size: 0.9em; font-weight: normal;  text-transform: none; float: none; background: #EEE url("images/pointers.png") -18px 0.6em no-repeat; padding: 0 0.5em 0 18px; margin: 0; }
#menu li ul li a { padding: 0.3em 0 !important; }
#menu li.active ul li a:link, #menu li.active ul li a:visited { background: none !important; color: #666 !important; }
#menu li.active ul li a:hover { color: #333 !important; }

#slider { width: 984px; margin: 10px auto; position: relative; overflow: hidden; }
#narrow #slider, #wide #slider { margin: 10px auto 0; }

#slider div.scroll { height: 260px; width: 984px; overflow: auto; position: relative; clear: left;  }
#slider ul.container { height: 260px; }
#slider ul.container li { height: 260px; width: 984px; position: relative; }
#slider ul.container li h2, #slider p.header { position: absolute; width: 984px; padding: 40px 0 0.2em; background: url("images/slider-header-bg.png") 100% 0 repeat-y; color: #FFF; font-size: 1.3em; top: 140px; }
#slider ul.container li h2 span, #slider p.header span { padding:40px 0.35em 0.2em; background: url("images/slider-header-bg.png") 0 0; }
#slider p.header { z-index: 600; }
#slider p.desc { position:absolute; z-index: 1000; bottom: 10px; color: #FFF; font-size: 0.7em; padding: 0 0 0 6px; font-weight: bold; background: url('images/slider-text-bg-left.png') 0 50% no-repeat; line-height: 25px; }
#slider p.desc span { background: url('images/slider-text-bg-right.png') 100% 50% no-repeat; text-align: center; }
#slider p.desc span b { float: right; font-weight: normal !important; margin: 0 10px 0 0; }
#slider #show_map { position: absolute; bottom: 10px; right: 20px; z-index: 650; }
#slider #show_map img { display: block; }

#slider ul.navigation { overflow: hidden; position: absolute; z-index: 650; bottom: 13px; right: 150px; }
#slider ul.navigation li { overflow: hidden; float: left; margin: 5px 5px 5px 0; }
#slider ul.navigation li a { float: left; height: 10px; width: 10px; text-indent: -999em; background: url("images/slider-nav.png") 0 0 no-repeat; }
#slider ul.navigation li.selected a { background-position: 0 -10px; }
#slider ul.navigation li.trigger { margin:5px 5px 5px 8px; }
#slider ul.navigation li.trigger a { background-position: 0 -20px; }
#slider ul.navigation li.play a { background-position: 0 -30px; }

#slider #mapa { display: none; }

#breadcumbs { width: 984px; margin: 0.2em auto 0.4em; overflow: hidden; height: 100%; }
#breadcumbs li { float: left; font: 0.7em  Tahoma, Arial, Verdana, sans-serif !important; margin: 0 0.5em 0 0; line-height: 1em; }
#breadcumbs li a:link, #breadcumbs li a:visited { color: #7f7f7f; }
#breadcumbs li a:hover { color: #555; }

#container { width: 984px; margin: 0 auto 10px; overflow: hidden; height: 100%; }

#page { width: 984px; margin: 0 auto 10px; border-top: 10px solid #A20303; overflow: hidden; height: 100%; font-size: 100%; }
#narrow ul.nav { overflow: hidden; margin: 0 0 3em; }
#narrow ul.nav li { border-top: 1px solid #d9d9d9; margin: -1px 0 0 4px; padding: 0.3em 0 0.3em 22px; background: url("images/pointers.png") -16px -182px no-repeat; }
#narrow ul.nav ul { margin: 0.3em 0 0 -26px; }
#narrow ul.nav li li { padding: 0.3em 0 0.3em 32px; background-position: 10px 0.7em; }
#narrow ul.nav a:link, #narrow ul.nav a:visited { background-color: #FFF; color: #002635; }
#narrow ul.nav li li a:link, #narrow ul.nav li li a:visited { color: #676767; }
#narrow ul.nav a:hover, #narrow ul.nav li li a:hover { color: #000; }

#narrow #page { width: 773px; float: right; }
#narrow #extra { width: 200px; float: left; font-size: 0.7em; padding: 2em 0 0; }
#narrow #extra h3, #narrow #extra h4, #narrow #extra h5 { font: bold 1.1em Arial, Tahoma, Verdana, sans-serif !important; color: #002635; padding: 0 10px; margin: 0.5em 0; } 
#narrow #content h4.normal {color: #474747; font-weight: normal; }

#extra ul.external-links, #extra ul.similar { margin: 0 10px 2em 10px; }
#extra ul.external-links li { background: none; padding: 0.2em 0; }
#extra ul.external-links li a { color: #5B5B5B; padding: 0 32px 0 0; background: url('images/pointers.png') 100% -88px no-repeat; }
#extra ul.similar li { background: url('images/pointers.png') -7px -25px no-repeat; padding: 0.2em 0 0.2em 14px; }
#extra ul.similar li a { color: #3D7A96;  }
#extra ul li a:hover { color: #000; }

#content { width: 492px; float: left; padding: 10px 0 0; }
#content p { margin: 0.5em 15px; }
#content h2 { color: #c61111; font-weight: bold; padding: 0 10px; }
#content h2.main { font-size: 1.4em; font-weight: normal; color: #4c4c4c; }
#content h2.month { border-bottom: 1px solid #A4A4A4; font-size: 1.4em; margin: 0 0 0.5em; font-weight: normal; color: #4c4c4c; }
h2 a.function { float: right; font: 0.6em Arial, Tahoma, Verdana, sans-serif !important; color: #7f7f7f; margin: 3px 0 0 ; }
h2 a.rss { background: url("images/feed.png") 0 50% no-repeat; padding: 0 0 0 18px; font-size: 0.5em !important; }
#content h2.main a.pdf { overflow: hidden; padding: 20px 0 0 0; background: url("images/pdf.png") 0 0 no-repeat; height: 1px; width: 19px; }
#content h2.main a.notepad { overflow: hidden; padding: 26px 0 0 0;  background: url("images/options-icons.png") 0 -120px no-repeat; height: 1px; width: 26px; margin: 6px 3px 0; }
/*3 kolumny*/
#narrow #content, #wide #content { width: 467px; border-right: 3px solid #1c3048; padding: 10px 0 3px; background: #ededed url("images/content-border-winter.png") 0 100% no-repeat; font-size: 0.75em; line-height: 1.5em; }
#narrow #content h2.main, #wide #content h2.main{ padding: 0 0 0.5em 15px; margin: 0 15px 15px 0; border-bottom: 1px solid #a5a5a5; } 
/*2 kolumny - niesymetryczne*/
#wide #content { width: 678px; }
#content div.hr { height: 1px; border-bottom: 1px solid #BEBEBE; margin: 1em 15px 1em 0; }
#content h3, #content h4 { margin: 0 0 0 15px; font-weight: bold; font-size: 1.1em; }
#content h4 { color: #014762; }

#main #content div.text p, #main #content div.text h3 { font-size: 0.8em; }

#content div.poi_view {overflow: hidden; height: 100%; }
#content div.poi_view h3 { clear: both; margin: 0 15px 10px 0; padding: 0.3em 0 0.3em 15px; color: #434343; font-weight: bold; background-color: #e1e1e1; }
#content div.poi_view h3 a.toggle { float: right; width: 13px; height: 13px; margin: 2px 10px !important; display: block; width: 13px; height: 13px; background: url("images/event-trigger.png") 0 -45px no-repeat; }
#content div.poi_view h3.opened a.toggle { background-position: 0 -5px; }
#content div.poi_view h3.normal { background: none; color: #000; padding: 1em 0 0.5em; margin: 0; border-bottom:1px solid #A5A5A5; }
#content div.poi_view ul { margin: 0.5em 15px; }
#content div.poi_view ul.icons { clear: both; overflow: hidden; height: 100%; }
#content div.poi_view ul.icons li { float: left; }
#content div.poi_view div.info { float: left; width: 230px; }
#content div.poi_view div.info ul li, #content div.poi_view div.contact ul li { font-size: 0.9em; color: #4F4F4F; }
#content div.poi_view div.contact { float: right; width: 210px; margin: 0 15px 0 0; }
#content div.poi_view div.contact .media { margin: 0; }
#content div.poi_view div.contact ul, #content div.poi_view div.contact p { margin: 0; }
#content div.poi_view div.contact p.zoom { background: url('images/zoom.png') 0 0 no-repeat; padding: 0 0 0 22px; }
#content div.poi_view div.contact ul li { padding: 0.5em 0; border-bottom:1px solid #A5A5A5; }
#content div.poi_view div.contact ul li.clear { border: none; }
#content div.poi_view div.contact ul li span { color: #000; }
#content div.poi_view ul.conference_rooms { margin: 0 15px 20px 0; }
#content div.poi_view ul.conference_rooms li { color: #4F4F4F; font-size: 0.95em; border-bottom:1px solid #A5A5A5; }
#content div.poi_view ul.conference_rooms li span { color: #000; }
#content a:link, #content a:visited { color: #354a64; }
#content a:hover { color: #000; }

#content ul.list li { border-bottom: 1px solid #BEBEBE; margin: 0 0 0.5em; padding: 0.5em 15px 1em 0; overflow: hidden; height: 100%; }
#content ul.list li img { float: left; margin: 0 0 0 15px; }
#content ul.list li div {  float: right; width: 350px; }
#content ul.list li div h3, #content ul.list li div p { margin: 0; }

#content form.search { background-color: #FFF; margin: -10px 0 0; padding: 10px 0; }
#content form.search fieldset { padding: 0 0 0 15px; }
#content form.search fieldset input { vertical-align: middle; }
#content form.search h2.main { margin: 0 15px 10px -15px !important; }
#content form.search div { padding: 0.5em 0; }
#content form.search div.field { float: left; width: 140px; margin:0 5px 0 0; overflow: hidden; height: 100%; }
#content form.search div.double { width: 280px; }
#content form.search div.triple { width: 420px; }
#content form.search div.line { clear: both; }
#content form.search label, #content form.search span.label { font-size: 0.9em; display: inline; color: #717170; }
#content form.search div.field label, #content form.search div.field span.label { display: block; }
#content form.search div.line label, #content form.search div.field span.label,
#content form.search div.flat label, #content form.search div.flat span.label { display: inline; }
#content form.search div.field input.text, #content form.search div.field select { width: 135px; }
#content form.search div.flat input.text, #content form.search div.flat select { width: auto; }
#content form.search div.field input.text { background-color: #FFF; border: 1px solid #A5A5A5; }

#content form.search span.star { float: left; margin: 0 0.5em 0 0; }
#content form.search input.star { float: left; margin: 2px 0 0; }
#content form.search label.star { margin: 2px 0.5em 0; float: left; text-indent: -900em; background: url("images/form-stars.png") 0 0 no-repeat; width: 64px;  }
#content form.search label.one { width: 12px; }
#content form.search label.two { width: 26px; }
#content form.search label.three { width: 38px; }
#content form.search label.four { width: 52px; }

#content form.search input.submit { color: #5E5E5E; background-color: #E7E7E7; border: 1px solid #A5A5A5; }

ul.external-links { margin: 0 15px; }
ul.external-links li { padding: 0 0 0 14px; background: url('images/pointers.png') -6px -26px no-repeat; }

#content ul#news li { padding-left: 20px; margin: 0 0 0,3em 0; font-size: 0.8em; overflow: hidden; height: 100%; background: url(img/arrow.jpg) top left no-repeat}
#content ul#news li h3, #content ul#news li h3 a { color: #004784; font-weight: bold; }
#content ul#news li p.date { color: #7f7f7f; font-size: 0.85em; }
#content ul#news li p { margin: 0.5em 0; color: #4c4c4c; font-size: 0.9em;  }
#content ul#news img { float: left; margin: 0 1em 0 0; }

#about { background-color: #FFF; margin: -10px 0 0; margin: -10px 0 10px; padding: 10px 0 0; overflow: hidden; }
#content #about h2.main { margin: 0 15px 0 0; }
#content #about h3 { font-size: 1.2em; font-weight: normal; color: #354B63; margin: 0 0 0.5em 15px; }
#about ul li { width: 50%; float: left; padding: 1em 0 2em; background-color: #FFF; }
#about ul li.hover { background-color: #E5E5E5; }
#about ul li ul { margin: 0 0 0 15px; }
#about ul li li { width: 45%; background: url("images/pointers.png") -11px -50px no-repeat; margin: 0 5px 0 0; padding: .2em 0 .2em 8px; border-bottom:1px solid #C3C3C3; }
#about ul li a { font-size: 0.85em;  }

/*Lista Eventow*/
#content ul.events { border-bottom: 1px solid #a5a5a5; margin: 15px 15px 30px 0; }
#content ul.events li { border-top: 1px solid #a5a5a5; margin: 0 0 1px; padding: 0.5em 0 1em; }
#content ul.events li a:link, #content ul.events li a:visited { color: #5b5b5b; }
#content ul.events li a:hover { color: #000; }
#content ul.events li.opened { background-color: #e4e4e4; }
#content ul.events li div.content { overflow: hidden; height: 100%; clear: both; }
#content ul.events li p.info, #content ul.events li p.date { color: #5b5b5b; margin: 0.1em 15px; }
#content ul.events li p.info span { font-weight: bold; }
#content ul.events li p.date{ color: #898989; font-size: 0.9em; }
#content ul.events li p.toggle { float: right; width: 13px; height: 13px; margin: 5px 10px !important; }
#content ul.events li p.toggle a { display: block; width: 13px; height: 13px; background: url("images/event-trigger.png") 0 -45px no-repeat; }
#content ul.events li p.print { font-size: 0.9em; float: right; margin: 3px 10px 5px; background: url('images/options-icons.png') 100% -28px no-repeat; padding: 0 24px 0 0; float: right; }
#content ul.events li p.print a { color: #223756 !important; }
#content ul.events li.opened p.toggle a { background-position: 0 -5px; }
#content ul.events li h3 { font-size: 1.2em; color: #213855; margin: 0 15px; }
#content ul.events li.opened h3 { font-size: 1.4em; }
#content ul.events ul.options li { border: none !important; }

#content ul.events div.hr { margin: 0.5em 0; }

#content ul.results { margin:15px 15px 15px 0; }
#content ul.results li { border: none; }
#content ul.results li.opened { background: none; }
#content ul.events li h4 { margin: 0; }

#content ul.events ul.pagination li { border: none; margin: 0 0 0 5px; }
#content ul.events ul.media { margin: 0 0 0 15px; }
#content ul.events ul.media li { margin: 0 8px 0 0; }

ul.options { overflow: hidden; height: 100%; margin: 1em 15px; }
ul.options li { float: left;  padding: 0 !important; }
ul.options li a { background: url('images/options-icons.png') 0 5px no-repeat; padding: 0 0 0 24px; display: block; }
ul.options li.print { float: right; }
ul.options li.print a { background-position: 100% -28px; padding: 0 25px 0 0; }
ul.options li.notepad a { background-position: 0 -118px; padding: 0 0 0 25px; }
ul.options li.pdf a { background: url('images/pdf.png') 0 0 no-repeat; }

ul.social { overflow: hidden; height: 100%; margin: 0.5em 20px; }
ul.social li { float: left; margin: 0 2px; }

/*Stronnicowanie zima*/
ul.pagination { overflow: hidden; height: 100%; margin: 0.5em 15px; }
ul.pagination li { float: left; margin: 0 0.5em 0 0; padding: 0.3em 0; font: 0.9em  Tahoma, Arial, Verdana, sans-serif !important; }
ul.pagination li a:link, ul.pagination li a:visited { border: 1px solid #738092; padding: 0.1em 0.3em; color: #4a5c73; }
ul.pagination li a:hover { color: #000; border-color: #000; }
ul.pagination li.active a { color: #e3e6e9 !important; background-color: #738092; }
ul.pagination li.prev a, ul.pagination li.next a { border: none !important; }

#content ul#calendar { margin: 0.5em 10px 0 0; }
#content ul#calendar li { font-size: 0.75em; border-top: 1px solid #ccc; margin: 0.5em 0 0; background: url("images/pointers.png") -16px -180px no-repeat; padding: 0.5em 0.5em 0.5em 25px; }
#content ul#calendar li a { color: #7f7f7f; }
#content ul#calendar li a:hover { color: #333; }
#content ul#calendar li span { float: right; font-size: 0.9em; color: #b2b2b2; }
#content ul#calendar li.more { background: none;  font-weight: bold; }

#sidebar { width: 492px; float: right; }
#sidebar h2 { color: #213855; font-weight: bold; padding: 0 10px; }
#sidebar h2.main { font-size: 1.4em; padding: 0 15px; margin: 0 0 1em; font-weight: normal; color: #FFF; border-bottom: 1px solid #FFF; }
#sidebar h2.list { clear: both; font-size: 1.4em; padding: 0 15px; margin: 0; font-weight: normal; color: #FFF; border-bottom: 1px solid #FFF; }
#sidebar h2 a.rss { background: url("images/feed-dark.png") 0 50% no-repeat; }
#sidebar #topic { overflow: hidden; height: 100%; margin: 0 0 1em; padding: 10px 0 3em; background: #A20303 url("images/sidebar-winter.png") 100% 100% no-repeat; }
#sidebar #topic h3 a { color: #FFF; font-weight: bold; }
#sidebar #topic p { margin: 0.5em 0; padding: 0 1em 0 0; color: #FFF; font-size: 0.7em; }
#sidebar #topic p.more a { color: #FFF; font-weight: bold; }
#sidebar #topic img { float: left; margin: 0 1em 0 15px; }
#sidebar div.hr { height: 1px; border-bottom: 1px solid #647488; margin: 0.5em 0 1em; }
#sidebar p img { vertical-align: middle; }

#topics-list { margin: 0 0px;}
#topics-list li { font-size: 0.8em; padding: 0em 0 0.5em 0px; height: 32px; width: 180px; float: left; line-height: 32px}
#topics-list li a:link, #topics-list li a:visited { color: #FFFFFF;}
#topics-list li a:hover { color: #FFF; }

#sidebar ul.pagination li { font-size: 0.7em !important; }
#sidebar ul.pagination li a:hover { border-color: #FFF; }

/* 3 kolumny*/
#narrow #sidebar, #wide #sidebar { width: 288px; background-color: #213855; padding: 0 0 20px 15px; color: #bdc4cc; font-size: 0.8em; }
#narrow #sidebar h2, #wide #sidebar h2 { color: #d3d7dd; font-size: 1.3em; font-weight: normal; border-bottom: 1px solid #647488; margin: 0.3em 0 1em 0; padding: 0.5em 15px 0.5em 0; }
#narrow #sidebar h3,#wide #sidebar h3 { font-weight: bold; }
#narrow #sidebar p, #wide #sidebar p { margin: 0.5em 10px 0.5em 0; font-size: 0.9em; }
#narrow #sidebar div.media p.desc { font-size: 0.85em; }
/*2 kolumny - niesymetryczne*/
#sidebar h2 a.notebook { background: url('images/options-icons.png') 100% -118px no-repeat; padding: 0.2em 22px 0 0; font-size: 0.65em; }

#sidebar #map { margin: 0 0 0.5em; }

#sidebar ul.search-options { overflow: hidden; margin: 0 15px 0.5em 0; }
#sidebar ul.search-options li { float: left; padding: 3px 0 5px; }
#sidebar ul.search-options li a { border: 1px solid #929BAA; padding: 2px; }
#sidebar ul.search-options li.active { background: url('images/sidebar-pointer.png') 0 100% no-repeat; }
#sidebar ul.search-options li.active a { font-weight: bold; border-bottom: none; border-color: #d3d6dd; }
#sidebar ul.search-options li.route { float: right; }

#main #sidebar #reservation-form { font-size: 0.7em; padding: 0 15px 0 10px; }
#main #sidebar #reservation-form p { margin: 0.5em 0; }
#main #sidebar #reservation-form p.date { float: left; }
#main #sidebar #reservation-form p.submit { float: right; }
#main #sidebar #reservation-form input.text { width: 150px; }
#main #sidebar #reservation-form select { margin: 0 1em; }
#main #sidebar #reservation-form p img { vertical-align: text-bottom; }

#wide form, #narrow form { margin: 1em 0 1.5em; }
#wide form input.text, #wide form input.submit, #narrow form input.text, #narrow form input.submit { border: 1px solid #6E7B8B; background-color: #3E5873; }
#wide form input.submit, #narrow form input.submit { color: #FFF; }
#wide form input.long, #narrow form input.long { width: 260px !important; }
#wide form input.short, #narrow form input.short { width: 140px !important; }
#wide form label, #narrow form label { display: block; margin: 0.5em 0; }
#wide form label.clear,#narrow form label.clear { display: inline; }
#wide form label.what, #narrow form label.what { font-weight: bold; }

#wide #reservation-form, #narrow #reservation-form { color: #000; font-size: 1em; margin: 20px 0 -20px -15px; padding: 10px 0 15px 15px; background-color: #F0F0F0; }
#wide #reservation-form h2, #narrow #reservation-form h2 { color: #333; }
#wide #reservation-form input.text, #narrow #reservation-form input.text { border: 1px solid #6E7B8B; background-color: #FFF; color: #000; }
#wide #reservation-form input.submit, #narrow #reservation-form input.submit { margin: 0 0 0 105px;}
#wide #reservation-form label, #narrow #reservation-form label { color: #000; }

#sidebar a:link, #sidebar a:visited { color: #c4cdd4; }
#sidebar a:hover { color: #FFF; }

ul.files { margin: 0.5em 0 0; }
ul.files li { font-size: 0.9em; padding: 0.1em 0; }
ul.files li a { background: url('images/pointers.png') 100% -116px no-repeat; padding: 0 16px 0 0; }
#wide #sidebar ul.files li a { padding: 0 30px 0 0; }

#sidebar div.media { width: 260px; }
#content div.media { width: 210px; float: right; margin: 0 15px 5px 10px; }
.gallery { margin: 0 15px; }
.media p { margin: 0 !important; }
.media img { display: block; }
.media p.content, .gallery p.content { margin: 0 !important; border: 5px solid #1c1c1c; padding: 0; }
.gallery p.content img { display: block; border: 1px solid #7c7c7c; }
.media p.desc, .gallery .desc { background-color: #181818; padding: 0.5em; color: #aeaeae; }
#main #content .media p.desc { font-size: 0.7em; }
.gallery .desc p { border-top: 1px solid #5e5e5e; padding: 1em 5px; margin: 0 !important; font-size: 0.9em; }
.gallery .desc ul { overflow: hidden; height: 100%; margin: 0.5em 5px 1em;  }
.gallery .desc ul li { float: left; }
.gallery .desc ul li.pause { margin: 0 20px 0 0; }
.gallery .desc ul li.prev,.gallery .desc ul li.next { margin: 0 5px; }
.gallery .desc ul li.reccomend, .gallery .desc ul li.ecard { float: right; font-size: 0.9em; background: url('images/options-icons.png') 0 -85px no-repeat; margin: 0 0 0 0.5em; padding: 0 0 0 24px; }
#page #content .gallery .desc ul li a:link, #page #content .gallery .desc ul li a:visited { color: #A3A3A3; }
#page #content .gallery .desc ul li a:hover { color: #FFF; }
.gallery .desc ul li.ecard { background-position: 0 -177px; }
#content ul.media { overflow: hidden; height: 100%; margin: 2em 15px; }
#content ul.media li { height: 200px; }
#wide #content ul.media { width: 648px; }
#content ul.media li { width: 210px; float: left; margin: 0 0 0 9px; }
#content ul.media li.first { margin: 0; }
#content ul.media li p.desc, #content div.media p.desc { font-size: 0.9em; }

/* Glosowanie */
div.vote { background-color: #CACACA; overflow: hidden; height: 100%; margin:1em 15px; padding: 0 15px; }
div.vote form { float: right; margin: 0.5em 0 !important; }
div.vote form input { vertical-align: middle; }
#content div.vote form h4 { font-weight: normal; }
div.vote form h4, #page #content div.vote form label { display: inline; padding: 0 0.5em; }

/*Formularz - kontakt, komentarz*/
#narrow #content form.standard { margin: 0 10px 10px; }
#narrow #content form.standard p { overflow: hidden; height: 100%; margin: 1em 0; }
#narrow #content form.standard label { float: left; width:90px; line-height: 1em; }
#narrow #content form.standard input.text, #narrow #content form.standard textarea, #narrow #content form.standard select { width: 330px; background-color: #FFF;  border: 1px solid #BDBDBD;}
#narrow #content form.standard select { width: 332px; }
#narrow #content form.standard textarea { height: 150px; }
#narrow #content form.standard input.small { width: 250px; }
#narrow #content form.standard label { margin: 0.3em; }
#narrow #content form.standard p.buttons { margin: 0 0 0 95px; }
#narrow #content form.standard input.submit { background-color: #666; border-color: #BDBDBD; }
#narrow #content form.standard input.reset { color: #747474; background-color: #CDCDCD; border:1px solid #BDBDBD; }
#narrow #content form.standard input.submit, #narrow #content form.standard input.reset { padding: 1px 3px; }

/*Galeria - wybór*/
ul.gallery-selector { background-color: #c4c9cf; margin: 1em 15px; padding: 5px 0; overflow: hidden; height: 100%; }
ul.gallery-selector li { float: left; margin: 0 6px; }
ul.gallery-selector li img { display: block; border:1px solid #686869; }
ul.gallery-selector li.prev, ul.gallery-selector li.next { margin: 0 5px; }
ul.gallery-selector li.prev a, ul.gallery-selector li.next a { padding: 0 5px; display: block; padding: 22px 0; }
ul.gallery-selector li.prev img, ul.gallery-selector li.next img { border: none; }

#newsletter { width: 954px; margin: 5px auto 2px; border: solid #CCC; border-width: 1px 0; font-size: 0.7em; background-color: #f2f2f2; padding: 1em 15px; }
#newsletter h5 { float: left; font-weight: bold; line-height: 1.8em; margin: 0 3em 0 0; }
#newsletter form.search { float: right; }
#newsletter form input.text, #newsletter form input.search-text { width: 150px; }
#newsletter form fieldset#extended { border-top:1px solid #c2c2c2; background-color: #f5f5f5; margin: 10px -15px 0; padding: 0 15px; }
#newsletter form fieldset#extended p { overflow: hidden; height: 100%; margin: 1em 0 1.5em; }
#newsletter form fieldset#extended p.req,#newsletter form fieldset#extended label span { color: #008085; }
#newsletter form fieldset#extended label, #newsletter form fieldset#extended span.label { color: #000; display: block; float: left; width: 95px; padding: 0.2em 5px 0 0; text-align: right; }
#newsletter form fieldset#extended label.inline { vertical-align: top; float: none; display: inline; }
#newsletter form fieldset#extended input.text, #newsletter form fieldset#extended select { display: block; float: left; width: 150px; }
#newsletter div.data { float: left; width: 540px; margin: 0 0 0 110px; }
#newsletter div.info { float: right; width: 250px; }
#newsletter form fieldset#extended div.info span.label { width: 100px; }
#newsletter form fieldset#extended div.info input.text { width: 152px; }
#newsletter form fieldset#extended div.info p.captcha { margin: 2em 0 1.5em; } 
#newsletter p.error { float: left; color: #C40; }
 
#footer { overflow: hidden; height: 70px; width: 984px; border-bottom: 1px solid #B1B1B1; margin: 0 auto; padding: 1em 0; background: #ddd url("images/footer-bg.png") 0 0 repeat-x; }
#footer li { color: #858585; float: left; width: 280px; height: 11em; font-size: 0.7em; padding: 10px 10px 10px 15px; margin: 0 0 0 -2px; background: url("images/footer-vertical-bg.png") 0 0 repeat-y; }
#footer p.address { background: url("images/logo-footer.png") 0 0 no-repeat; padding: 0 0 15px 110px; }
#footer p.address span { display: block; font-weight: bold; }
#footer li h5 { font-size: 1.5em; color: #2c2c2c; margin: 0 0 0.3em; }
#footer li ul { overflow: hidden; padding: 0 0 1em; }
#footer li ul li { float: none; height: auto; background: url("images/pointers.png") -11px -56px no-repeat; margin: 0.4em 0; padding: 0 0 0 10px; }
#footer li li a { padding: 0.3em 0; color: #858585; font-size: 1.4em; }
#footer li.panorama a, #footer li.gallery a, #footer li.multimedia a, #footer li.notepad a, #footer li.brochure a, #footer li.poll a, #footer li.brochure-online a { background: url('images/footer-icons.png') 100% 0 no-repeat; padding: 0.3em 24px 0.3em 0; }
#footer li.poll a { background-position: 100% 5px; color: #C40; }
#footer li.panorama a { background-position: 100% -84px; }
#footer li.gallery a { background-position: 100% -148px; } 
#footer li.multimedia a { background-position: 100% -52px; }
#footer li.notepad a { background-position: 100% -24px; }
#footer li.brochure a { background-position: 100% -210px; }
#footer li.brochure-online a { background-position: 100% -115px; }
#footer li li a:hover { color: #333; }

#copy { color: #6e6e6e; font-size: 0.7em; padding: 10px; overflow: hidden; height: 100%; width: 964px; margin: 0 auto 15px;  border-top: 1px solid #E4E4E4; background-color: #ddd; }
#copy ul { overflow: hidden; height: 100%; float: right; } 
#copy ul li { float: left; border-left: 1px solid #6e6e6e; margin: 0 0.5em 0 -1px; padding: 0 0 0 0.5em; }
#copy ul li a { color: #6e6e6e; }
#copy ul li a:hover { color: #333; }

/*Popup*/
.popup { position: absolute; z-index: 65500; top: 450px; width: 650px; display: none; }
.popup .function { float: right; margin: 0 0 0 5px; }
.popup h2 .function { font-size: 0.7em !important; }
.popup .close { background: url("images/popup-icons.png") 100% 0 no-repeat; padding: 0 17px 0 0; }
.popup .toggle { background: url("images/popup-icons.png") 100% -25px no-repeat; padding: 0 17px 0 0; }
.popup .print { background: url("images/options-icons.png") 100% -30px no-repeat; padding: 0 25px 0 0; }
.popup h2 { font-weight: bold; border-bottom:1px solid #000; color: #000; padding: 1.5em 20px 0.5em; }
.popup a:link, .popup a:visited { color: #434343; }
.popup a:hover { color: #000; }

#print-view { background-color: #FFF; border: 1px solid #000; }
#print-view p { padding: 0 20px; margin: 1em 0; font-size: 0.8em; }
#print-view p.footer { border-top: 1px solid #000; padding: 0.5em 20px 1em; }
#print-view p.footer, #print-view p.source { font-size:0.7em; }

#panorama-view { width: 490px; border: 1px solid #a2a19f; background-color: #DDD; }
#panorama-view .aplet { margin: 14px; border: 1px solid #434343; width: 460px; height: 345px; }
#panorama-view .aplet img { display: block; }

#poll-view input.submit, #poll-view input.reset { border: 1px solid #434343; background-color: #c6c6c6; }
#poll-view ol { margin: 10px 0; padding: 0 40px; list-style-type: decimal; }
#poll-view ol li { font-size: 0.8em; margin: 0 0 1em; }
#poll-view ol li p, #poll-view ol li label.main { display: block; margin: 0 0 0.5em; }
#poll-view ol li input { vertical-align: middle; }
#poll-view ol li input.small { width: 30%; }
#poll-view ol li input.medium { width: 50%; }
#poll-view ol li input.big { width: 100%; }

#notatnik-view, #poll-view { width: 640px; border: 1px solid #a2a19f; background-color: #DDD; }
#notatnik-view h2 .function, #recommend-view h2 .function, #poll-view h2 .function { width: 13px; height: 13px; padding: 0; }
#notatnik-view ul.items { padding: 0 20px; }
#notatnik-view ul.items li { overflow: hidden; height: 100%; } 
#notatnik-view ul.items p { font-size: 0.75em; margin: 0.5em 0 1em; }
#notatnik-view ul.items h3 { border-bottom: 1px solid #999; margin: 0.5em 0; padding: 0.3em 0; }
#notatnik-view ul.items h3 a { font-size: 0.7em; line-height: 19px; }

#notatnik-view .print { background-position: 100% -26px; }
#notatnik-view h3 a.pdf { background: url("images/pdf.png") 100% 0 no-repeat; padding: 0 25px 0 0; }
#notatnik-view h3 a.delete, #notatnik-view h3 a.up, #notatnik-view h3 a.down { margin: 3px 0 3px 5px; padding: 0; overflow: hidden; text-indent: -900em; width: 13px; height: 13px; background: url("images/popup-icons.png") 100% 0 no-repeat; }
#notatnik-view h3 a.delete { background-position: 0 -50px; }
#notatnik-view h3 a.up { background-position: 0 -75px; }
#notatnik-view h3 a.down { background-position: 0 -100px; }

#notatnik-view ul.items .media { margin: 0 0 0 0.5em; width: 210px; float: right; }
#notatnik-view ul.items .media .desc { font-size: 0.7em; }
#notatnik-view .footer, #recommend-view .footer, #poll-view .footer { border-top: 1px solid #ccc; padding: 0.5em 20px; font-size: 0.75em; margin: 1em 0; }
#notatnik-view .footer .pdf { margin: 0.5em 0; font-size: 0.8em; float: right; line-height: 19px; background: url("images/pdf.png") 100% 0 no-repeat; padding: 0 25px 0 0; }

#recommend-view { width: 560px; border: 1px solid #a2a19f; background-color: #DDD;  }
#recommend-view form { font-size: 0.75em; padding: 10px 20px 0; }
#recommend-view div.field { width: 250px; margin: 0.5em 0 1em; padding: 0 10px 0 0; float: left; }
#recommend-view div.field input { width: 240px; }
#recommend-view div.buttons { margin: 1em 0; }
#recommend-view label { display: block; margin: 0.5em 0; }
#recommend-view input, #recommend-view textarea, #poll-view ol li input.text,  #poll-view ol li textarea { border: 1px solid #434343; background-color: #c6c6c6; }
#recommend-view textarea, #poll-view ol li textarea { width: 100%; height: 8em; }
#recommend-view input.submit, #poll-view input.submit { background-color: #7e7e7e; color: #d9d9d9; }
#recommend-view input.reset, #poll-view input.reset { background-color: #dadada; color: #434343; }
input.error { border: 1px solid #C40 !important; }

/*Kiedy działa js to rob to:*/
.js #slider .container li h2,
.js #newsletter #extended,
.js ul.events li div.content,
.js #content div.poi_view ul.conference_rooms,
.js #page #content .stars-wrapper label { display: none; }

.js #slider div.scroll { overflow: hidden; }
/*.js #slider .container li { top: 0; left: 0; position: absolute; }*/

/*wywalic*/
#test { position: absolute; z-index:  65555; top: 0; left: 0; }

