html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
ol, ul,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;}

:focus {
outline: 0;}

body {
line-height: 1;}

ul {
list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;}

th, td {
text-align: left;
font-weight: normal;}

/* end css reset */

/* for every body */

html {
background: #fff url(bckgd/foot-bckgd.png) repeat-x 0 bottom;}

body {
/*   background: url(bckgd/html-bckgd-square.png) no-repeat 620px 0; */
font-family: arial, sans-serif;
color: #000 ;}

.page-container {
width: 998px;}

.page {
position: relative;
border: 6px solid #D15600;
font-size: 80%;
background: #fff;
width: 904px;
z-index: 10;}

#foot {
position: relative;
left: 50px;
top: 70px;
text-align: right;
height: 50px;
font-size: 75%;}

#foot p {
position: relative;
right: 80px;
bottom: -15px;
line-height: 115%;}

#foot p a {
color: #000 ;
text-decoration: none;}

#foot p a:hover {
color: #000 ;
text-decoration: underline;}

/* starter */

#html-starter {
background-attachment: fixed;}

#body-starter {
background: url(bckgd/html-bckgd-square.png) no-repeat 620px 0;}

.page-container#starter-container {
padding: 60px 0 0 0;
width: 998px;}

.page#starter-page {
background: #fff url(bckgd/many-do-your-art-starter.gif) no-repeat 50px 120px;
height: 460px;
margin: 0 0 0 50px;}

#right-corner-starter {
position: absolute;
left: 620px;
top: 0;
width: 377px;
height: 298px;
z-index: 20;
background: url() no-repeat 0 0;}

#left-corner-starter {
position: absolute;
left: 0;
top: 437px;
width: 258px;
height: 315px;
z-index: 25;}

#szczecin-starter {
position: absolute;
left: 380px;
top: 272px;}

#lang-links {
margin-top: 26px;
text-align: right;
width: 205px;}

#lang-links a {
color: #000 ;
text-decoration: none;
font-weight: bold;
font-size: 90%;}

#lang-links a:hover {
text-decoration: underline;}

#lang-links li {
padding: 4px 0;}

#li-with-top-line {
border-top: 1px solid #000 ;}

#body-starter #foot {
left: 0;
top: 413px;}

#body-starter #foot p {
right: 30px;}

/* shared for main page and sub page */

.page#main-page, .page#sub-page, .page#news-page {
background: #fff url(http://www.szczecin2016.pl/UMSzczecinFiles/many2-do-vinci-art.gif) no-repeat 40px bottom;
margin: 25px auto 0 auto;}

#main-page #content-page img {
border: 1px solid #000 ;}

#header {
margin: 0 0 0 40px;
padding: 41px 0 0 10px;}

#header img {
width: 461px;
height: 133px;
margin: 0 0 15px 0;}

.nav-links {
text-transform: uppercase;
font-size: 75%;
position: relative;
width: 900px;
z-index: 30;
margin: 0 0 0 40px;}

.nav-links li {
float: left;
background: #fff;
padding: 5px;}

.nav-links a {
color: #000 ;
text-decoration: none;
border-top: 3px solid #fff;
padding: 1px 0 0 0;}

.nav-links a:hover {
border-top: 3px solid #000 ;
color: #4c4c4c;}

.nav-links a.selected {
font-weight: bold;}

#right-col {
width: 235px;
float: right;
margin: 97px 0 0 0;}

#right-col h2 {
font-weight: bold;
font-size: 135%;
border-bottom: 1px solid #000 ;
padding: 0 0 4px 0;
margin: 0 0 10px 0;}

#left-col {
width: 640px;}

#left-col h1, #sub-page h1, #news-page h1 {
font-size: 195%;
font-weight: bold;
border-bottom: 1px solid #000 ;
padding: 24px 0 15px 45px;
margin-bottom: 12px;}

#left-col h1 span, #sub-page h1 span, #news-page h1 span {
background: url(bckgd/h1-span-bckgd.png) no-repeat 0 bottom;
padding: 0 0 0 23px;}

#content-page {
width: 403px;
margin: 0 0 0 237px;}

#content-page h3 {
font-size: 125%;
font-weight: bold;
margin: 17px 0 11px 0;}

#content-page h4 {
font-size: 105%;
font-weight: bold;
margin: 5px 0;}

#content-page img {
float: left; 
margin: 5px 9px 5px 0;}

#content-page  {
text-align: justify;
line-height: 130%;}

#content-page p a {
font-weight: bold;
text-decoration: underline;
color: #000 ;}

#content-page p a:hover {
font-weight: bold;
text-decoration: none;
color: #4c4c4c;}

#clear-and-border, #clear-and-page-counter {
clear: both;
display: block;
border-top: 1px solid #000 ;
height: 1px;
width: 667px;
margin: 60px 0 0 237px;}

#right-corner-rest-pages {
position: absolute;
left: 620px;
top: 0;
width: 377px;
height: 298px;
z-index: 20;
/*   background: url(../img/right-corner-starter-trans.png) no-repeat 0 0; */
font-size: 80%;}

#form-box {
position: absolute;
left: 789px;
top: 16px;
z-index: 100;}

#search-field {
border: 1px solid #000 ;
padding: 1px;
margin: 0 0 3px 0;
width: 145px;}

#search-field, #form-box button {
outline: none !important;}

#form-box button {
background: #fff;
border: 1px solid #fff;
padding: 0;
margin: 0;}

#right-corner-navi-p {
text-align: right;
border-bottom: 1px solid #000 ;
margin: 20px 15px 0 30px;
width: 130px;
padding: 0 0 6px 0;
float: left;}

.right-corner-navi-ul {
position: relative;
top: 7px;
text-align: right;
border-right: 1px solid #000 ;
margin: 10px 59px 0 0;
padding: 0 18px 0 0;
height: 142px;
clear: both;}

.right-corner-navi-ul li {
margin: 9px 0;}

.right-corner-navi-ul li a, #right-corner-navi-p a {
color: #000 ;
text-decoration: none;}

.right-corner-navi-ul li a:hover, #right-corner-navi-p a:hover {
text-decoration: underline;}

.right-corner-navi-ul li a.selected {
font-weight: bold;}

#left-corner-rest-pages {
position: relative;
z-index: 25;
margin: -100px 0 0 -400px;}

/* specials for main page */

#baner-main-page {
text-align: right;}

#nearest-box {
width: 195px;
background: url(bckgd/right-col-bckgd.png) repeat-x 0 0;
text-align: center;}

#nearest-box span, #nearest-box strong {
display: block;
text-align: left;
line-height: 130%;}

#nearest-box strong {
font-weight: bold;}

#nearest-box span {
font-size: 95%;
margin: 5px 11px 10px 11px;}

#nearest-box img {
border: 1px solid #fff;}

.nearest-arrow-link {
padding: 10px 0;}

#nearest-box .nearest-arrow-link img {
border: none;}

.date-news {
display: block;
text-align: right;
color: #c5c5c5;
border-bottom: 1px solid #c5c5c5;
clear: left;
font-size: 90%;
padding: 0 0 4px 0;}

/* specials for sub page and some news page */

#baner-sub-page, #baner-news-page {
text-align: center;}

#sub-page h1, #news-page h1 {
width: 640px;}

#sub-page #right-col, #news-page #right-col {
width: 235px;
float: right;
margin: 24px 0 0 0;}

#sub-page #content-page img {
border: 1px solid #000 ;}

#sub-page #content-page h3 {
font-size: 180%;
margin: 21px 0 11px 0;
border-bottom: 1px solid #c5c5c5;
padding: 0 0 8px 0;}

#sub-page #content-page  p, .return {
margin: 13px 0;}

.return {
text-align: right;}

.sub-page-left-navi {
position: absolute;
left: 44px;
top: 247px;
    width: 167px;
    margin-bottom: 10px;}

#level-one li {
margin: 13px 0;}

#level-one li span a {
color: #000 ;
text-decoration: none;}

#level-one li span a:hover {
font-weight: bold;}

#level-one li span a.selected {
font-weight: bold;}

#level-one li span {
display: block;
background: url(bckgd/list-style-level1-span.gif) no-repeat 0 8px;
padding: 0 0 0 20px;}

#level-two {
padding: 0 0 0 45px;
list-style-type: square;}

#level-two li a {
color: #000 ;
text-decoration: none;}

#level-two li a:hover {
color: #000 ;
text-decoration: underline;}

#level-two li a.selected {
color: #000 ;
text-decoration: underline;}

/* specials for news page */

#news-page #content-page {
margin: 25px 0 0 237px;}

#news-page #content-page img {
border: 1px solid #000 ;}

#clear-and-page-counter {
border: none;}

#clear-and-page-counter p {
text-align: right;
margin: 13px 265px 10px 0;}

#clear-and-page-counter a {
padding: 2px 6px;
border: 1px solid #c5c5c5;
text-align: center;
color: #000 ;
text-decoration: none;
margin: 0 3px;
font-weight: bold;}

#clear-and-page-counter a:hover, #clear-and-page-counter a.selected {
background: #c5c5c5;
color: #fff;}

#clear-and-page-counter a.prev-next {
padding: 2px 6px 6px 6px;
border: none;
font-size: 140%;}

#clear-and-page-counter a.prev-next:hover {
color: #c5c5c5;
background: #fff;}

/* dodatki */

/* MP */
div.info_box {border:1px solid #fff;padding:5px;}
div.info_box:hover {border:1px solid #ccc;background:#fcfcfc;}
p.more {text-align:right;}

#content-submenu {margin:0 0 10px 0;}
#content-submenu ul {list-style-type:none;}
#content-submenu ul li {float:left;margin-right:20px; padding:4px;border:1px solid #fff;}
#content-submenu ul li a {text-decoration:none;color: #000 ;}
#content-submenu ul li a:hover {}
#content-submenu ul li.selected {border:1px solid #ccc;}
#content-submenu ul li:hover {border:1px solid #ccc;background:#fcfcfc;}

#sub-page #content-page h3.list-title {
font-size: 180%;
margin: 21px 0 0 0;
border-bottom: 0;
padding: 0 0 8px 0;}

div.art_header .date-news {
    float:right;
display: block;
text-align: right;
color: #c5c5c5;
border-bottom: 1px solid #c5c5c5;
clear: left;
font-size: 90%;
padding: 0 0 4px 0;
    width:30%}

div.art_header span.art_header_name {
    float:left;
display: block;
color: #c5c5c5;
border-bottom: 1px solid #c5c5c5;
clear: left;
font-size: 90%;
padding: 0 0 4px 0;
    width:70%}


/* kalendarium miejskie: */

#kalendarz-box {float:left;width:40%;}
#kalendarz-info {float:left;width:50%;padding:0 0 0 10px;margin:0;}
#kalendarz-info p {margin:0;padding:0;}

#kalendarz-listing {margin:10px auto;}

table.WygladTabela td {padding:3px;border:1px solid #ccc;}.cl { clear:left;}

.GaleriaPozycja { float:left; width:112px}

.GaleriaPozycja p {padding-right:11px; font-size:9px;}

#content-page a.zalacznik {
font-weight: bold;
text-decoration: underline;
color: #000 ;
         text-align: left;
}

#content-page a.zalacznik:hover {
text-decoration: none;
color: #4c4c4c;}

li.level-tree {
         padding-left:18px;
         margin-top:13px;
background: url(bckgd/list-style-level1-span2.gif) no-repeat 0 top;
}

li.level-tree  a {
color: #000 ;
text-decoration: none;}

li.level-tree a:hover {
font-weight: bold;}

li.level-tree a.selected {
font-weight: bold;}


.level-four {
        padding-left:25px;
list-style-type: square;}

.level-four li {
        margin-top:13px;
}

.level-four li a {
color: #000 ;
text-decoration: none;}

.level-four li a:hover {
color: #000 ;
text-decoration: underline;}

.level-four li a.selected {
color: #000 ;
text-decoration: underline;}

li.level-1 {
        margin-top:13px;
background: url(bckgd/list-style-level1-span2.gif) no-repeat 0 top;
        padding-left:18px;
}

li.level-1  a {
color: #000 ;
text-decoration: none;}

li.level-1 a:hover {
font-weight: bold;}

li.level-1 a.selected {
font-weight: bold;}


li.level-2 {
        margin-left:30px;
list-style-type: square;
        margin-top:13px;
}

li.level-2  a {
color: #000 ;
text-decoration: none;}

li.level-2  a:hover {
color: #000 ;
text-decoration: underline;}

li.level-2  a.selected {
color: #000 ;
text-decoration: underline;}

ul.level-0 {
         margin-bottom:10px;
          }


/* zmiany */

#content-page li {
margin-left: 20px; 
        list-style-type: disc
}

#content-page div strong {
       font-weight: bold;
}

#content-page div a {
         font-weight: bold;
         color: #000 000;
}

#content-page p strong {
         font-weight: bold;
}

#content-page div {
        margin-bottom:12px;
}

#content-page em, i {
        font-style: italic;
}

#content-page h3 {
         line-height:25px;
         text-align: left;}

#content-page img.scaled {
  width: 100%;
}

#paging {
clear: both;
display: block;
border-top: 1px solid #000 ;
height: 1px;
/* width: 667px; */
         padding-bottom: 20px;
         padding-top: 10px;
margin: 10px 0 0 237px;}

#paging {
border: none;}

#paging p {
text-align: right;
margin: 13px 265px 10px 0;}

#paging a {
padding: 2px 6px;
border: 1px solid #c5c5c5;
text-align: center;
color: #000 ;
text-decoration: none;
margin: 0 3px;
font-weight: bold;}

#paging a:hover, #paging a.selected {
background: #c5c5c5;
color: #fff;}

#paging a.first-next {
padding: 2px 6px 6px 6px;
border: none;
font-size: 140%;}

#paging a.first-next:hover {
color: #c5c5c5;
background: #fff;}

#paging a.last-next {
padding: 2px 6px 6px 6px;
border: none;
font-size: 140%;}

#paging a.last-next:hover {
color: #c5c5c5;
background: #fff;}

.pics {  
    width:   750px; 
    height:  150px;  
    margin-left: 77px;
}

.pics2 {  
    width:   595px; 
    height:  218px;  
    margin-left: 45px;
}

.szukaj {
border: 1px solid #000 ;
padding: 1px;
margin: 0 0 3px 0;
width: 145px;}

div.kalen_box {border:1px solid #fff;padding:5px;}
div.kalen_box:hover {border:1px solid #ccc;background:#fcfcfc;}