/* */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; border:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a .replacement { z-index: 20; cursor: hand; }
/* */
img a {border: none;}
/********* **************/
html {height:100%;}
body {font:12px Arial; color:#666; background: #fff; height:100%;}
a:link, a:visited {text-decoration: underline; color: #0067ad;}
a:hover {text-decoration: none; color: #f4750a;}
p {margin-bottom: 10px;}
/********* **************/
#site {background: #fff;height:100%; width:100%;}
#site .siteCell {vertical-align:top; text-align:center; background: url(../pix/footer.jpg) bottom center no-repeat;}
#wrapper {width: 995px; margin: 0 auto; text-align:left; }
#header {width: 988px; height:163px; background: #fff url(../pix/ban-menu.jpg) top right no-repeat; clear: both; text-align:right;}
#navFlags {width: 988px; height:213px;}
#news { width: 988px; min-height:241px;}
#boxes {width: 995px; text-align: left;}
#footer {width:995px; height:95px; text-align:right;}
#logo h1 { display:inline; position:relative; float:left; width:384px; height:163px; overflow:hidden; }
#logo h1 .replacement { left:0; top:0; width:384px; height:163px; background-image:url(../pix/ban-logo.jpg); }
#menu {padding-top: 3px; }
#menu ul {line-height: 26px; vertical-align: middle;}
#menu li {float:left; clear: none; list-style-type: none; font-weight: bold; font-size: 13px; margin-bottom: 25px;}
li.first {margin-left: 160px;}
#menu li a {padding-bottom: 8px; padding-top:2px; list-style: none; line-height: 26px;}
#menu a:link {text-decoration:none;}
#menu a:hover {background: url(../pix/btn-active.gif) bottom left no-repeat; color:#ea0001; text-decoration:none;}
#menu a:active {background: url(../pix/btn-active.gif) bottom left no-repeat; color:#ea0001; text-decoration:none;}
#menu a:visited {text-decoration:none;}
div.icon {vertical-align: bottom; display: block; padding-top: 128px; padding-right: 30px;}
#aktualnosci {width: 510px; float: left; padding-left: 80px; padding-top: 20px;}
#aktualnosci h2 {padding: 5px 0 8px 0;}
.aktualnosci dt {color:#4294c5; font-weight: bolder; padding-top:5px;}
.aktualnosci dd {font-weight: normal;}
#promobox {float:left; padding:10px 0 0 30px; border: none;}
#promobox img{border: none;}
#b-loga {margin-left:39px; }
/********* < Podstrona > **************/
/********* < struktura podstrony > **************/
#header2 {width: 988px; height:163px; background: #fff url(../pix/ban-menu-podstrona.jpg) top right no-repeat; clear: both; text-align:right;}
#content {width: 988px; vertical-align:top;}
#left {width:225px; float:left; min-height: 200px; background: #fff url(../pix/left-bg.jpg) 1px 0 no-repeat;}
#middle { width:486px; float:left; padding-right: 30px; padding-bottom:20px; }
#course #middle { width:721px; float:left; padding-right: 30px; padding-bottom:20px; }
#right {width:235px; float:left;}
/********* < header > **************/
div.icon2 {vertical-align: bottom; display: block; padding-right: 30px;}
/********* < lewa kolumna z menu > **************/
#left ul {padding: 40px 0 40px 40px; }
#left li {padding:0 10px 5px 0; }
#left li .active {font-weight:bold; }
#left li a { padding-left:30px; list-style: none; }
#left a:link {text-decoration:none;}
#left a:hover { color:#ea0001; text-decoration:none; font-weight: bolder; background: url(../pix/arrow-menu.gif) top left no-repeat;}
#left a:visited {text-decoration:none;}
#left #news li { padding-right:840px; padding-bottom:10px;}
#left #news a {padding:0; }
#left #news a:hover {padding:0; background:none; }
/********* < content > **************/
#middle {font-size: 14px; line-height:1.4; }
#middle h1 {font-size: 20px; padding: 1px 0 0px 26px; margin-bottom:20px; color: #0073b2; background:url(../pix/flower.gif) no-repeat 0 0px;}
.bread { text-align:right; font-size: 11px; padding: 15px 0; padding-right: 10px; }
#middle p {margin:20px 0 20px 25px;}
#middle ul {padding-bottom: 10px; margin-left: 25px;}
#middle li {list-style: url(../pix/bullet.gif) outside;}
#middle strong, #middle b { color:#555;}
/********* < prawa kolumna > **************/
#right dl {font-weight: normal; font-size: 11px; padding: 0 15px 5px 15px;}
#right dt {color:#4294c5; font-weight: bolder;}
h1.baner { position:relative; height:163px; width:384px; overflow:hidden; }
h1.baner .replacement { left:0; top:0; height:163px; width:384px;}
#form input {margin: 1px 0;}
/* --------- tabela kursow ----------------------- */
#tabela-kursow {width: 692px; overflow: hidden; box-shadow: 0px 1px 7px #ccc; padding:3px; color:#000; margin-left:15px;}
#rok, poziom, #dyplom {height: 35px; float:left; clear: left;}
#rok {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#dyplom {border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
#rok div, #poziom div, #dyplom div {float: left; height: 35px; line-height: 35px; text-align: center; cursor:pointer;}
#rok div {width: 91px; background: #efefef; border-right: 1px solid #fff; font-weight: bolder; font-size:13px;}
#poziom div {width: 45px; background: #ffff99 url(../pix/corner.png) 1px 3px no-repeat;border-right: 1px solid #fff; font-weight: bolder; font-size:13px; }
#dyplom div {width: 91px; background: #ffcc00;border-right: 1px solid #fff; font-weight: bolder;}
#kursy div {height: 35px; padding: 0 5px; font-size: 11px; float:left; line-height: 35px; font-weight: bolder; background: #ccc;}
#kursy .standard {width: 541px; border-right: 1px dotted #fff;}
#kursy .konwersacyjne {padding-left: 10px; width: 122px;}
.hover {background:url(../pix/corner.png) -60px 3px no-repeat !important; color:#fff !important;}
/* === Tooltip ===*/
.tooltip {
display:none;
background:url(../pix/white_arrow_big.png) no-repeat !important;
height:246px !important;
padding:40px 30px 10px 30px !important;
width:360px !important;
font-size:13px !important;
color:#000 !important;
border: none !important;
text-align: left !important;
line-height: 120% !important;
}
.tooltip li {list-style-type: disc; }
.tooltip ul {margin-top: 10px;}
.tooltip p{padding-bottom: 5px;}