/*
	 * studyinenglish.pl @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }

html { color: #424242; background: #000 url(../images/bg-html.png) repeat-x 0 0; }
body { font: normal 0.55em/1.2em Tahoma, Helvetica, sans-serif; }

.aural { position: absolute; left: -100em; }

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


#page { position: relative; top: -20px; width: 950px; margin: 0 auto; clear: both; overflow: hidden; }
#strona-en h2 { background: url(../images/header-en.png) no-repeat 0 0; }
#strona-pl h2 { background: url(../images/pl/header.png) no-repeat 0 0; }



/* top */
#top { position: relative; width: 950px; margin: 10px auto; }
#top h1 { height: 34px; float: left; padding: 2px 0 10px 5px; }
#top h2 { width: 378px; height: 20px; float: left; margin: 11px 40px 0; }
#lang { position: relative; top: -10px; width: 43px; height: 37px; float: right; padding: 0 15px; background: #fff url(../images/bg-lang.gif) no-repeat 0 0;  }
#lang li { width: 21px; float: left; }
#lang li a { position: relative; display: block; width: 21px; height: 19px; overflow: hidden; }
#lang li.active a span,
#lang li a:hover span { background-position: 0 100% !important; }
#lang li.lang-pl a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/lang-pl.gif) no-repeat 0 0; }
#lang li.lang-en a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/lang-en.gif) no-repeat 0 0; }


/* sifr */
.sIFR-flash { visibility: visible !important;  }
.sIFR-flash .hide { display: none; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; display: block; width: 0; height: 0; overflow: hidden; z-index: 1; }
.sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0;  overflow: auto; }

/* breadcrumbs */
#breadcrumbs { margin: 0 0 10px -3px; }
#breadcrumbs li { display: inline; padding: 0 7px 0 3px; background: url(../images/icon-raquo.png) no-repeat 100% 70%; }
#breadcrumbs li a { color: #000; }
#breadcrumbs li.act { background: none; }
#breadcrumbs li.act a { color: #f00; }

/* homepage */


/* content */

#content { width: 650px; min-height: 320px; float: left; padding: 44px 0 0 10px; color: #fff; }
#content .col { width: 320px;line-height: 1.6em; float: left; padding: 0 0 0 5px; font-size: 1.2em; }
#content .col .subheader { margin: 0 0 .5em; font-size: 2.5em; font-weight: normal; }
#content h2 { width: 322px; margin: 0 0 25px; text-indent: -100em; overflow: hidden; }
#content p { line-height: 1.2em; }
#content a { color: #fff; }

#content .staff li { height: 91px; padding: 0 0 18px; }
#content .staff .img { width: 91px; height: 91px; float: left; margin: 0 10px 0 0; background: url(../images/bg-img.png) no-repeat 0 0; }
#content .staff .name { padding: 0 0 0 10px; color: #fff; background: url(../images/icon-cross.png) no-repeat 0 6px; }

#art-gal { width: 660px; height: 128px; float: right; padding: 0 10px 0 0; background:url(../images/bg-gal.png) no-repeat 0 0; }
#art-gal li { width: 64px; height: 64px; float: left; }


/* left bar */
#left-nav { width: 253px; float: left; margin: 16px 0 0; padding: 5px 5px 0 4px; background: url(../images/bg-left-nav.png) no-repeat 0 0; font-size: 10px; }
#left-nav li.nav-item { line-height: 15px; padding: 2px 8px; }
#left-nav li h3 { padding: 2px; font-size: 1em; }
#left-nav li h3 a { color: #fff; }
#left-nav li.active { height: 331px; overflow: hidden; }
#left-nav li.active h3 { font-size: 2em; }
#left-nav li#nav-item-0 { background: #5600cb; }
#left-nav li#nav-item-1 { background: #7e03ff; }
#left-nav li#nav-item-2 { background: #440289; }
#left-nav li#nav-item-3 { background: #5e03bf; }
#left-nav li#nav-item-4 { background: #370074; }
#left-nav li#nav-item-5 { background: #4e029e; }
#left-nav li#nav-item-6 { padding-bottom: 50px; background: url(../images/nav-item-7.png) no-repeat 100% 100%; } /* 6 */
#left-nav li#nav-item-0.active { background: url(../images/nav-item-1act.png) no-repeat 0 0; }
#left-nav li#nav-item-1.active { background: url(../images/nav-item-2act.png) no-repeat 0 0; }
#left-nav li#nav-item-2.active { background: url(../images/nav-item-4act.png) no-repeat 0 0; }
#left-nav li#nav-item-3.active { background: url(../images/nav-item-4act.png) no-repeat 0 0; }
#left-nav li#nav-item-3.active h3 { width: 70%; }
#left-nav li#nav-item-4.active { background: url(../images/nav-item-5act.png) no-repeat 0 0; }
#left-nav li#nav-item-5.active { background: url(../images/nav-item-6act.png) no-repeat 0 0; }
#left-nav li#nav-item-6.active { background: url(../images/nav-item-7act.png) no-repeat 0 0; }

.index #left-nav li.nav-item { height: 63px; clear: left; color: #9e68d9; }
.index #left-nav li.nav-item:hover { background: #f00 !important ; color: #f66; } /* 6 */
.index #left-nav li.nav-item h3 { height: 46px; font-size: 1.8em; } /* 6, 7 */
.index #left-nav li#nav-item-6 { padding-bottom: 45px; }
.index #left-nav li#nav-item-6 h3 { height: 26px; } /* 6, 7 */
.index #left-nav li#nav-item-6:hover { background: url(../images/nav-item-7.png) no-repeat 0 100% !important ; } /* 6 */
.index #left-nav li.nav-item .staff { width: 227px; padding: 0 5px; }
.index #left-nav li.nav-item .staff li { line-height: 1.1em; float: left; padding: 0 5px 0 0; font-size: 0.9em; white-space: nowrap; }

/* footer */
#footer { clear: both; color: #3f3f3f; }
#footer address { width: 200px; float: left; padding: 5px 0 20px 36px; background: url(../images/asp-logo.png) no-repeat 0 0; }
#footer address a { display: block; }
#footer #made-by { float: right; padding: 5px 20px 0; }