/* - CSS Document for Interpartner :: intercon.pl @ 26/10/09 pp :: v.1.0.1 (26/05/10 @ pp) */

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

body {font-family: Arial, Helvetica, sans-serif; color: #3d3d3d; line-height: 1;}

/* --------------- Defaults --------------- */
p {margin: 0 0 5px 0; line-height: 1.3em;}
a {color: #f58b33; text-decoration: none;}
a:link, a:visited {color: #f58b33;}
a:hover, a:active {color: #999;}  
a img {border: 0;}

h1, h2, h3, h4, h5, h6 {line-height: 1.1em;}

h1 {font: normal 2.180em Arial; margin: 0 0 16px 0;}
h2 {font: normal 1.818em Arial; margin: 0 0 14px 0;}
h3 {font: normal 1.638em Arial; margin: 0 0 10px 0;}
h4 {font: bold 1.456em Arial; margin: 0 0 8px 0;}
h5 {font: bold 1.270em Arial; margin: 0 0 6px 0;}
h6 {font: bold 0.917em Arial; margin: 0 0 6px 0;}

ul, ol {margin: 5px 0; list-style: none; list-style-position: inside;}
ul ul, ol ol {margin-left: 10px;}
ul li {list-style-type: disc; line-height: 1.3em;}
ol li {list-style-type: decimal; line-height: 1.3em;}

table {border-collapse: collapse; border-spacing: 0; font-size: 1em;}
table td {padding: 5px; border: 1px solid #3d3d3d;}

/* --------------- Classes ---------------- */
div.spacer {clear: both; float: none; height: 1px; margin: 0; padding: 0; background: none; font-size: 1px; line-height: 1px;}
div.horiz-line {margin: 0 1px; padding: 0; height: 1px; background: #a5acb2; font-size: 1px;}

a.bullet, ul.bullet li, li.bullet {padding-left: 15px; background: url(../img/arrow.gif) no-repeat 0 0.2em;}

p.h-line {clear: both; float: none; height: 15px; margin: 0; padding: 0; background: url(../img/dotted-line.gif) repeat-x 0 50%; font-size: 11px; line-height: normal;}
p.h-line.tall {height: 30px;}
.title {margin: 0 0 8px 0; font-weight: bold; color: #3d3d3d;}
.title span {font-size: .92em; color: #999;}
h4.title {margin: 0 0 14px; font-weight: bold; color: #007ac9;}
.text {font-weight: normal; color: #361001;}
.date {font-family: Tahoma, Arial, sans-serif; color: #999; font-weight: normal;}
img.icon {position: relative; vertical-align: middle;}
span.icon {float: right; }

.big {font-size: 1.09em;}
.big .bullet {background-position: 0 0.3em;}

.cb {clear: both !important;}
.fl {float: left !important;}
.fr {float: right !important;}
.fwn {font-weight: normal !important;}
.mn {margin: 0 !important;}
.mr {margin-right: 10px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.jus {text-align: justify;}
.noCSS {display: none !important;}

.gray {color: #5e5e5e;}
.green {color: #007c85;}
.error {color: #ff2700; font-weight: bold;}

.wrap:after {display: block; clear: both; content: '.'; height: 0; visibility: hidden;}

div.banner {text-align: center;}
div.banner embed, div.banner object {margin-bottom: 15px;}
div.banner a {display: block; margin-bottom: 15px;}

/* ---------------- Layout ---------------- */
#container {font-size: 75%; background: url(../img/bg.gif) repeat-x; text-align: center;}
#wrapper {width: 980px; margin: 0 auto; text-align: left;}

/* Header */
#header {height: 6.4em; text-align: left;}
#header p {float: left; padding: 1.2em 0 0; font-size: 1.27em; font-weight: bold; line-height: 3em;}
#logo {margin: 0 20px; font-size: 1.8em;}

/* Mega Banner */
#mustHead {position: relative; height: 299px;}
#mustHead iframe {position: absolute; top: 0; left: 0;}
#megaBanner {height: 299px; background: #ccc;}
#login {position: absolute; top: 0; right: -1px; width: 213px; height: 42px; padding: 0;}
#login a {display: block; height: 42px; padding: 0; background: url(/images/buttons/b_login.png) no-repeat;}
#partners {position: absolute; bottom: 5px; left: 0; width: 100%;}
#partners p {position: relative; padding: 0 20px; margin: 0; color: #fff; font-weight: bold; line-height: 60px;}
#partners div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.65;}
#partners a {color: #fff;}
#partners a:hover {color: #ccc;}

/* Menu */
#mainmenu {position: absolute; top: 0; left: 0; width: 750px; height: 50px; margin: 0; padding: 0; white-space: nowrap;}
#mainmenu ul {float: left; margin: 0; padding: 0 1px 0 0; background: url(../img/menu/lBg.gif) no-repeat 100% 0;}
#mainmenu li {float: left; position: relative; padding: 0; background: url(../img/menu/lBg.gif) no-repeat; color: #fff; font: bold 1.27em Arial; list-style: none;}
#mainmenu li p {margin: 0; padding: 9px 1px 10px 0; background: url(../img/menu/rBg.gif) no-repeat 100% 0;}
#mainmenu li a {margin: 0; padding: 10px 15px 10px 10px; color: #fff;}
#mainmenu li span {padding: 10px 0;}
#mainmenu li#first span {background-position: 0 0;}
#mainmenu li:hover a, #mainmenu li.selected a {background: url(../img/menu/selBg.png) no-repeat 100% 0; color: #3d3d3d;}
#mainmenu li:hover span, #mainmenu li.selected span {background: url(../img/menu/selBg.png) no-repeat 0;}
#mainmenu li ul {float: none; display: none; position: absolute; top: 2.2em; left: 0; min-width: 99.4%; padding: 10px 0; background: #eee;}
#mainmenu li ul li {float: none; padding: 0 10px; background: none; font-weight: normal; font-size: 0.75em; line-height: 1.5em;}
#mainmenu li:hover ul {display: block;}
#mainmenu li ul p, #mainmenu li ul a, #mainmenu li ul span  {padding: 0; background: none; color: #3d3d3d;}
#mainmenu li ul a:hover {text-decoration: underline;}

/* Content */
#contentWrapper {padding: 20px 0; background: #fafafa; text-align: left;}
#content {background: url(../img/bgContent.gif) repeat-y 328px 0;}

#sub #contentWrapper {padding: 0; background: #fafafa url(../img/bgContentSub.gif) repeat-y 100% 0;}
#sub #content {padding: 20px 260px 20px 0; background: none;}
#breadcrumb {padding: 15px; font-size: 0.91em;}
#breadcrumb p {margin: 0; color: #b5b5b5;}

#boxes {float: right; width: 260px; padding: 0 0 20px; background: #efefef;}
div.box {clear: both; padding: 20px 0 0;}

/* Footer */
#footer {padding: 20px 20px 15px; background: url(../img/bgFooter.gif) repeat-x;}
#footer p {margin: 0;}
#footer a {color: #3d3d3d; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footlinks {float: left; margin-left: -5px;}
#footlinks a {margin: 0 5px;}
#credits {float: right;}

#endofline {height: 4px; background: #f58b33; font-size: 1px; line-height: 1px;}

div.col {float: left; width: 327px;}
#news {width: 326px;}
div.inner {padding: 0 20px;}
#content h1 {font: normal 1.5em Arial;}
#content div.col h1, #content h1.main {font: bold 1.25em Arial; margin-bottom: 8px;}
div.col h2, div.box h2, h2.main {font: 1.5em Arial; margin-bottom: 0;}
div.col ul, ul.main {margin: 20px 0;}
div.col li, ul.main li {padding-left: 15px; background: url(../img/arrow.gif) no-repeat 0 0.3em; font-weight: bold; list-style: none; line-height: 1.5em;}

/* ---------------- Forms ----------------- */
form {} 

/* ------------ Other Elements ------------ */
/* Programs Table */
#programs {background: url(../img/shadow/r.png) repeat-y right;}
#programs div.top {float: right; width: 18px; height: 18px; background: url(../img/shadow/tr.png) no-repeat;}
#programs div.bottom {background: url(../img/shadow/b.png) repeat-x;}
#programs div.bottom div.left {float: left; width: 18px; height: 18px; background: url(../img/shadow/bl.png) no-repeat left;}
#programs div.bottom div.right {height: 18px; background: url(../img/shadow/br.png) no-repeat right;}
table.program {background: #ddd; font-size: 0.91em;}
table.program td {width: 25%; margin: 0; padding: 5px; border-color: #ccc; text-align: center; line-height: 1.1em;}
table.program td.odd {background: #fff;}
table.program a {font-weight: bold;}