/*
	 *  @2010
	 * Screen CSS
	 *
	 *
	 */

@import 'clean.css';



html {  }
body { color: #000; }

body, input, select, button, textarea { font: 12px/18px 'Myriad Roman', Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after, #album-mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' }

/* main */
#page { width: 960px; height: 600px; background: url(/image/bg-page.png) no-repeat 235px 550px; }

/* top */
#top { width: 725px; float: right; padding: 11px 0 0 10px; }
#logo { width: 450px; height: 85px; float: left; border-bottom: 7px solid #f00; text-align: center; }
#lang-mod { width: 25px; float: left; margin: 32px 0 0 -25px; }
#lang-mod a { color: #f00; font-size: 24px; text-decoration: none; }
body[lang=pl] #lang-mod li[lang=pl] a,
body[lang=en] #lang-mod li[lang=en] a { color: #00a0ff; }
#info-data-mod { width: 200px; float: right; margin: 0 40px 0 0; font-size: 24px; }
#info-data-mod h4 { height: 31px; color: #00a0ff; font-size: 26px; text-transform: uppercase; }
#info-data-mod form { height: 43px; padding: 20px 15px 0; background: #ff0; }
#info-data-mod select { width: 99% }
#info-data-mod ul { padding: 15px; background: #ff0; }
#info-data-mod ul li { line-height: 14pt; padding: 0 5px; background: #fff; border-right: 10px solid #f00; font-size: 12px; }

#wrapper { position: relative; width: 715px; height: 419px; float: right; margin: 15px 0 0; padding: 0 0 0 20px; overflow: auto; }

#breadcrumbs { height: 31px; }
#breadcrumbs li { float: left; color: #000; }
#breadcrumbs li:first-child { color: #000; text-transform: uppercase; }
#breadcrumbs li:after { padding: 0 3px 0 3px; content: ' > ' }
#breadcrumbs li:last-child:after { padding: 0; content: '' }

/* content */
#content { width: 440px; float: left; font-size: 14px; }
#content .back-link { display: block; text-decoration: none; }
#content .info-text { display: block; height: 31px;   }
#content h1 span { display: inline-block; line-height: 20px; margin: 0 0 10px -4px; padding: 0 4px; background: #ff0; font-size: 14px; }
#content img { display: block; }
#content .pagination { display: none; }

.mod-list { line-height: 16px; margin: 10px 0 0;  }
.mod-list li { margin: 0 0 10px; }
.mod-list h3 a , #read-news h1 span { line-height: 18px; margin: 0 0 0 -4px; padding: 0 4px; background: #ff0; text-decoration: none; }
.mod-list h3 a:hover , #read-news h1 span { color: #000; background: #00a0ff; }
.mod-list h3 a { color: black !important; }
#read-news h1 { margin-bottom: 10px; }
#read-news { margin-bottom: 20px; }

.pagination { width: 440px; margin: 10px 9px 0; padding: 12px 0 0; float: left;  font-size: 14px; }
.pagination li { display: inline; }
.pagination .i-act a { font-weight: bold }

#album-mod li { float: left; margin: 0 20px 15px 0; }

#search-inmod { padding: 12px 48px; background: #ff0; margin-bottom: 20px; }
#search-inmod label { width: 80px; float: left; }
#search-inmod .l { position: relative; top: -5px; }
#search-inmod input.g,
#search-inmod select { position: relative; width: 261px; height: 21px; float: right; border: 0; margin: 0; padding: 0; z-index: 2 }
#search-inmod button { position: relative; width: 132px; height: 21px; float: right; border: 0; margin: 0; padding: 0; color: #fff;  background: #00a0ff; font-size: 17px; text-transform: uppercase; text-align: center; z-index: 2 }
#search-inmod input.small { width: 61px; }
#search-inmod .ac_results { margin: -121px 0 0 -226px; }

.frame { position: relative; display: inline-block; height: 21px; color: #7474b0;  }
.frame:after { position: absolute; right: -2px; bottom: -2px; display: block; width: 259px; height: 19px; border: solid #13141b; border-width: 0 2px 2px 0; content: ' '; z-index: 1 }
.frame-small:after { width: 59px; }
.frame-button { float: right; margin: 2px; }
.frame-button:after { width: 130px; }

#zoomImg { display: none; position: absolute; padding: 10px; background: #ff0; z-index: 2001}

/* side-bar */
#side-bar-0 { position: relative; width: 205px; height: 589px; float: left; padding: 11px 0 0 20px; background: #ff0; }
#side-bar-0>a:first-child { display: block; width: 102px; height: 102px; margin: -11px 0 15px -20px; background: url(/image/bg-fg-link.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#side-bar-0 ul { line-height: 24px; }
#side-bar-0 ul a { color: #f00; font-size: 28px; text-transform: uppercase; text-decoration: none; }
#side-bar-0 ul ul { display: none; line-height: 16px; }
#side-bar-0 ul ul a { font-size: 16px; }
#side-bar-0 ul .act>a,
#side-bar-0 ul a:hover { color: #00a0ff }
#side-bar-0 ul .act>ul { display: block; }

#side-bar-1 {  width: 200px; float: left; padding: 0 0 0 35px; }
#side-bar-1 .mod-info { margin-bottom: 15px; }

#newsletter-mod { position: absolute; left: 0; bottom: 0; width: 205px; padding: 0 0 11px 20px; background: #f00; }
#newsletter-mod h4 { width: 100%; height: 30px; line-height: 30px; margin: 0 0 15px -20px; padding: 0 0 0 20px; color: #00a0ff; background: #ff0; font-size: 26px; text-transform: uppercase; }
#newsletter-mod input[type=text] { width: 145px; float: left; margin: 3px 7px 0 0; border: 0; text-align: center; }
#newsletter-mod input[type=submit] { width: 36px; height: 0; max-height: 25px; float: left; padding: 25px 0 0; border: 0; background: url(/image/btn-go.png) no-repeat 0 0; text-indent: 100em; overflow: hidden; cursor: pointer; }