html {background-color: #fff;}
a, a:hover, a:focus, a:visited {color: #575757; text-decoration: underline;}
a strong { color: #98c10e; font-weight: bold; text-decoration: underline;} 
strong { color: #98c10e; font-weight: bold; }
body {text-align:center; font: normal 12px "Trebuchet MS",Verdana,sans-serif;color:#575757;border:none; line-height: 20px;behavior: url("/css/csshover3.htc"); }
.clear {clear:both; margin: 0 !important; padding: 0 !important;}
.green { color: #98c10e; }
.fl { float: left; }
.fr { float: right; }

table { width: 100%;  text-align: center; border-collapse: separate; border-spacing: 2px;}
th { background-color: #82a900; font-weight: bold; color: #fff; }
td { background-color: #cee28a; color: #000;}

a.button { height: 16px; text-decoration: none; display: block; float: left; padding-left: 10px; text-decoration: none;}
a.button:focus, a.button:visited, a.button:hover { text-decoration: none; }
a.button span { color: #fff; padding-right: 10px; display: block; line-height: 16px; text-decoration:none;}

a.button.flat-on-white { background: transparent url(/gfx/images/flatButtonABg_onWhite.png) repeat-x left top; }
a.button.flat-on-white span { background: transparent url(/gfx/images/flatButtonSpanBg_onWhite.png) no-repeat right top; }

a.button.flat-on-gray { background: transparent url(/gfx/images/flatButtonABg_onGray.png) repeat-x left top; }
a.button.flat-on-gray span { background: transparent url(/gfx/images/flatButtonSpanBg_onGray.png) no-repeat right top; }

a.button.buy-now { background: transparent url(/gfx/images/przycisk_kupteraz.gif) no-repeat; width: 100%; height: 30px}

a.button.shiny-on-gray { background: transparent url(/gfx/images/shinyButtonABg_onGray.png) repeat-x left top; }
a.button.shiny-on-gray span { background: transparent url(/gfx/images/shinyButtonSpanBg_onGray.png) no-repeat right top; }

/*Mi*/
#userPanel a {color: #98C10E;}
#msgbox .info {background-color: blue ; color: white; font-weight: bold; text-align: center;}
#msgbox .confirm {background-color: green; color: white; font-weight: bold; text-align: center;}
#msgbox .error {background-color: red; color: white; font-weight: bold; text-align: center;}
#msgbox {height: 25px; margin: 0 auto 5px auto;}
.lead {font-weight: bold; margin: 0px; padding: 0px;}
#bar_content {float: left; margin: 0; padding: 0 7px 0 0; width: 706px;}
#bar_right {float: right; margin: 0; padding: 0;}
.strzalka {background: url(/gfx/images/back2.gif) no-repeat left 1px; padding: 0 0 0 17px;}
.menu_hidden {display: none;}

#spec_table {}
#spec_table td,th {padding: 3px 0 3px 10px;}
#spec_table .spec_center {text-align: center;}
#spec_table textarea { border: 1px solid #B9B9B9; color: #838383; font: normal 11px "Trebuchet MS",Verdana,sans-serif; padding: 2px 4px; }
#spec_table input.cusual{ border: 1px solid #B9B9B9; color: #838383; font: normal 11px "Trebuchet MS",Verdana,sans-serif; padding: 2px 4px; }
input.button  {border: 1px solid #737373; background: #fff url(/gfx/images/button_bg_1.gif) repeat-x top left; font-family: verdana; font-size: 11px; margin: 0; padding: 0 2px; color: black; }

.con_subject {font-weight: bold; padding: 3px 0 3px 10px; background: #555555; color: white;}
.con_subject a {color: #98c10e; text-decoration: underline;}
.con_subject a:hover {color: #98c10e; text-decoration: underline;}
.con_subject a:focus {color: #98c10e; text-decoration: underline;}
.con_subject a:visited {color: #98c10e; text-decoration: underline;}
.con_date {font-weight: bold; padding: 3px 0 3px 10px; float: left;}
.con_box_yellow {border: 1px solid #3D3D3D; background: #FFC17F; padding: 0 0 10px 0; margin: 0 0 16px 0;}
.con_box_green {border: 1px solid #3D3D3D; background: #B4FF8F; padding: 0 0 10px 0; margin: 0 0 16px 0;}
.con_subject_small_ek   {padding: 3px 0 0 18px;}
.con_subject_small_kl  {padding: 3px 0 0 18px;}
.con_con {padding: 3px 8px; background: #EFEFEF; margin: 0 35px;}
.pseudolink {cursor: pointer; font-weight: bold;}
.buttonik {padding: 2px 0 0 0;}
.con_buttons {float: right;}
.con_buttons form{float: right; margin: 4px 10px 0 0;}

/*Mi End*/


#siteTopContainer { height: 350px; background: #fff url(/gfx/images/siteTopBg.gif) repeat-x; padding-top: 15px; position: relative;}
#siteHeader { width: 918px; height: 285px; margin: 0 auto; background: transparent url(/gfx/images/headerImage.jpg) no-repeat; position:relative;}
#siteHeader .rectangleFrame { width: 750px; height: 100px; /*background-color: #fff;*/ padding: 3px; position: absolute; top: 25px; left: 83px;}
#siteHeader .rectangleFrame .rectangle { /*background-color: #333;*/ width: 750px; height: 100px; }
#siteMainNav { width: 955px; height: 36px; margin: 0 auto; background: transparent url(/gfx/images/mainNavBg.png) no-repeat; }
#siteMainNav ul { width: 100%; text-align: center; }
#siteMainNav ul li { float: left; position: relative; }
#siteMainNav ul li.hasSubMenu { background: transparent url(/gfx/images/mainNavLiBg.png) no-repeat 50% 0; }
#siteMainNav ul li a { display: block; float: left; height: 36px; font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold;  line-height: 35px; background: transparent url(/gfx/images/mainNavABg.png) no-repeat 100% 0; padding: 0 24px;}
#siteMainNav ul li a.last { background: none; }
#siteMainNav ul li:hover.hasSubMenu { background: transparent url(/gfx/images/mainNavLiBg.png) no-repeat 50% 100%;}
#siteMainNav ul li ul { display:none; position: absolute; width: 500px; top: 36px;}
#siteMainNav ul li ul.onLeft { left: 0px; }
#siteMainNav ul li ul.onRight { right: 0px;}
#siteMainNav ul li ul li { padding: 2px 0 3px;; background: none; background-color: #94bb12;}
#siteMainNav ul li ul li:hover { padding: 2px 0 3px;; background: none; background-color: #94bb12;}
#siteMainNav ul li:hover ul { display:block; }
#siteMainNav ul li ul li a { text-indent: 0; float: left; color: #fff; height: 20px; padding: 2px 15px 0px; border-right: 1px solid #c2da3a; text-decoration: none; font-size: 11px; text-transform: none; line-height: 19px; background: none;}
#siteMainNav ul li ul li a.last { border: 0; }
#siteMainNav ul li ul.onLeft li{ float: left; }
#siteMainNav ul li ul.onRight li{ float: right; }

#siteContent { margin: 0 auto; margin-top: 0px; margin-bottom: 10px; width: 938px; text-align: left;}
#leftColumn { width: 297px; margin: 0 7px 0 0; }
#leftColumn #contest .content { background: transparent url(/gfx/images/konkursContentBg_long.png) no-repeat; display: inline-block; padding: 0 0 1px 0; width: 298px; }
#leftColumn #contest { background: #fff url(/gfx/images/konkursBg_long.png) repeat-y; position: relative; color: #fff; margin-top: 15px; padding-bottom:1px; width: 296px;}
.article#leftColumn { width: 167px; }
.frame { margin: 0 0 20px 0; }
.frame img { margin-left: 0px; }
.frame h2 { margin-left: 29px; font-size: 18px; text-transform: uppercase; }
#leftColumn .frame h2 { margin: 0 auto; text-align: center; font-size: 18px; text-transform: uppercase; }
#leftColumn .frame h1 { margin: 0 auto; text-align: center; font-size: 18px; text-transform: uppercase; }
.frame p, .frame div { margin: 0 25px 0 29px; padding: 10px 0; }
.breadcrumb p { font-size: 10px; padding: 0;}

.leftLargeFrame { background: #fff url(/gfx/images/leftLargeFrameBg.png) no-repeat 0 100%; }
.leftLargeFrame.article { background: #fff url(/gfx/images/leftArticleFrameBg.png) no-repeat 0 100%; }
.leftLargeFrame p { border-bottom: 1px solid gray; }
.leftLargeFrame .last { border: 0; }
.leftLargeFrame p span { display: block; text-align: right; font-weight: bold; }
.leftLargeFrame ul { margin: 15px 12px; padding-bottom: 15px; }
.leftLargeFrame ul li { height: 30px; border-bottom: 1px solid #d9d9d9; line-height: 28px;}
.leftLargeFrame ul li a.active { color: #98c10e; font-weight: bold;  }
.leftLargeFrame ul li span { color: #98c10e; font-weight: bold;  }
 
.newsletterSignup { background: #fff url(/gfx/images/leftSmallFrameBg.png) no-repeat 0 100%; }
.newsletterSignup span { color: #000; }
.newsletterSignup form { padding: 5px 0; }
.newsletterSignup form p { padding: 0; margin: 0; border: 0; }
input.input { border: 0; background: #fff url(/gfx/images/formInputBg.png) no-repeat top left; color: #838383;font: normal 11px "Trebuchet MS",Verdana,sans-serif; padding: 2px 4px; }
input.long { width: 183px; }
.newsletterSignup input.email { width: 162px; margin-right: 5px; float: left; }

#middleColumn { width: 395px; margin-right: 7px;}
.article#middleColumn { width: 525px; }
.middleColumnFrame { background: #fff url(/gfx/images/middleLargeFrameBg.png) no-repeat 0 100%; margin-top: 30px; padding: 0 10px 0 10px;}
.middleColumnArticleFrame { background: #fff url(/gfx/images/middleArticleFrameBg.png) no-repeat 0 100%; margin-top: 5px; text-align: justify; }
.middleColumnArticleFrame h2 { text-transform: none; font-size: 18px; font-weight: normal; }
.middleColumnArticleFrame ol, .middleColumnArticleFrame ul { padding-left: 2em; -moz-padding-start: 20px;}
.middleColumnArticleFrame ol { list-style-type: decimal; }
.middleColumnArticleFrame ul { list-style-image: url(/gfx/images/ul_list.gif); }
.middleColumnArticleFrame .articleInfo { padding: 0 0 0px 0; }
.middleColumnArticleFrame .articleInfo span { font-weight: bold; }
.middleColumnArticleFrame .articleTools { float: right; }
.middleColumnArticleFrame .articleTools a { text-decoration: none; margin-left: 20px; }
.middleColumnArticleFrame .articleTools img { margin: 0 5px 0 0; }
.middleColumnArticleFrame .imageFrame { padding: 0; border: 1px solid #d6d6d6;  }
.middleColumnArticleFrame .imageFrame.alignLeft { margin: 0 20px 0 0; float: left;}
.middleColumnArticleFrame .imageFrame.alignRight { margin: 0 0 0 20px; float: right;}
.middleColumnArticleFrame .imageFrame img { display: block; margin: 1px; }

#middleColumn ul { display: block; list-style-type: square; margin: 0 0 0 20px; }
#middleColumn ul li {  }

#userPanel { width: 218px; background: #fff url(/gfx/images/panelUzytkownikaBg2.png) repeat-y; position: relative; color: #fff;}
#userPanel a.zarejestruj { text-align: center; background: transparent url(/gfx/images/zarejestrujSie.png) no-repeat; background-position: center 10%; position: absolute; bottom: 0; height: 21px; width: 206px; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 11,5px; padding: 7px 6px; text-shadow: 1px 1px 2px #000;}
#userPanel div.container { background: transparent url(/gfx/images/panelUzytkownikaBg.png) no-repeat; display: inline-block; }
#userPanel div.container { display: block; }
#userPanel div.content { margin: 0px 13px 5px; }
#userPanel div.content h2 { margin-left: 29px; font-size: 18px; text-transform: uppercase; width: 50px; margin-left: 47px; padding-top: 11px; text-shadow: 1px 1px 2px #000;}
#userPanel div.content p { margin-bottom: 6px; }
#userPanel div.codes { background: transparent url(/gfx/images/panelKoduBg.png) no-repeat; display: inline-block; }
#userPanel div.codes h2 { margin-left: 0px; font-size: 17px; text-transform: uppercase; width: 180px;  padding-top: 21px; text-shadow: 1px 1px 2px #000;}
#userPanel .last { padding-bottom: 40px; }
#userPanel .submit { float: right; margin-top: 2px;}

#rightColumn .newsletterSignup { background: #fff url(/gfx/images/rightColumnFullFrameBg.png) no-repeat 0 100%; }
#rightColumn .newsletterSignup h2 { background: transparent url(/gfx/images/rightColumnFullFrameTopBg.png) no-repeat; font-size: 18px; text-transform: uppercase; padding:10px;}
#rightColumn .newsletterSignup div { padding: 0 10px 10px  }
#rightColumn .newsletterSignup span { color: black; }
#rightColumn .newsletterSignup form { padding: 5px 0; }
#rightColumn .newsletterSignup form div { padding: 0; margin: 0; border: 0; }
#rightColumn .newsletterSignup form input.email { float: none; width: 185px; margin-bottom: 10px;} 
#rightColumn .newsletterSignup form a { float: right; margin-right: 5px; }
#rightColumn .newsletterSignup form a span { color: #fff;}


#contest { background: #fff url(/gfx/images/konkursBg.png) repeat-y; width: 216px; position: relative; color: #fff; margin-top: 15px; padding-bottom:1px}
#contest h2 { margin-left: 6px; padding-top: 6px; text-shadow: 1px 1px 2px #000; }
#contest p strong { color: #fff;}
#contest div { margin: 0; }
#contest .content { background: transparent url(/gfx/images/konkursContentBg.png) no-repeat; display: inline-block; padding: 0 0 1px 0; }
#contest .content { display: block; }
#contest .content p { margin: 0; padding: 12px 13px 10px; }
#contest .bottom { position: absolute; bottom: 0; right: 0;}

#siteFooter { padding: 10px 6px; font-size: 10px; line-height: 16px; margin: 10px auto; width: 918px; border-top: 1px solid #adcd3e; clear: both; text-align: left;}
#siteFooter #leftLogo { float: left;}
#siteFooter .content { float: left; margin-left: 15px; padding-top: 3px;}
#siteFooter .content a { text-decoration: none; }
#siteFooter #rightLogo { float: right; padding-top: 8px; }


/****** ukryty submit przy logowaniu *******/
input.submit_hidden {display: none;}

/****** tabelka w profilu uzytkownika ******/
table.table-profile td {text-align: left;}
table.table-profile td input {width: 250px;}

/****** tabelka z lista diagnoz ******/
table.diag td {text-align: left; padding: 2px 2px 2px 5px;}
td.links a {text-decoration: none; }

/***** rysunki w artykulach ******/
.middleColumnArticleFrame img { display: block; margin: 5px 8px; padding: 1px; border: 1px solid #d6d6d6;}

#contest ul { display: block; list-style-type: square; margin: 0 20px 10px 30px; }
#contest ol { display: block; list-style-type: decimal; margin: 0 20px 10px 30px; }
#contest ul li {  }

/**** michal menu lewe ****/
#leftColumn li {line-height: normal; height: auto; padding: 4px;}