/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background-image: url(images/backgroundtexture.png); color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:24px 0 24px 40px; color:black; font:bold 40px/1.2em Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover { padding-left:40px;position:relative;left:-40px;margin-bottom:80px;padding-right:40px;color:black; text-decoration:none;background: url(images/logo.png) left 30% no-repeat, url(images/logo.png) right 30% no-repeat;}
h1 span { color:black;}
h1 small { clear: both; display: block; font-size: small; margin-top: -18px; margin-left: 8px;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#323a3f; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#e37431; text-decoration:none;}
a:hover { text-decoration:underline;}

.header, .hbg, .content, .fbg, .footer { margin:0; padding:0;}
.content_resize, .fbg_resize { margin:0 auto; padding:24px 0; width:970px;}

/* header */
.header { background-image: url(images/backgroundtexture.png);}
.header_resize { margin:0 auto; padding:0; width:970px;}
.header .logo { width:auto; float:left;}
.header .menu ul { margin:0; padding:0; float:right; width:auto; list-style:none;line-height:450%;}
.header .menu ul li { margin:0 4px; float:left;}
.header .menu ul li a, .header .menu ul a { font-weight:bold; transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; border: solid 1px #CCC; margin: 5px 0; padding:10px 16px 6px 16px; color:#5f5f5f; text-decoration:none;border-radius:8px;margin-right:50px; }
.header .menu ul li a:hover, .header .menu ul li.active a { color:black;box-shadow:0 0 8px #F38094;}
.menu a:hover { color:black; box-shadow:0 0 8px #F38094;}

/* hbg */
.hbg { padding:0; background:url(images/hbg_bg.gif) repeat-x top;}
.hbg_resize { margin:0 auto; padding:60px 456px 0 56px; width:492px; height:301px; background:#fff url(images/hbg_img.jpg) no-repeat top center;}
.hbg_resize img.readmore { float:right; padding-top:32px;}

/* content */
.content { padding-bottom:16px; background-image: url(images/backgroundtexture.png);}
.content_resize { border-top:none;}
.content .mainbar { margin:0; padding:0; float:left; width:626px;}
.content .mainbar .article_vert { margin:0; padding:0 16px 0 0; float:left; width:297px;}
.content .mainbar .article_vert img { border:1px solid #dedede;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { margin:0; padding:0; float:right; width:240px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0; background:url(images/li.gif) no-repeat 0 12px;}
ul.sb_menu li { padding:4px 0 4px 12px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#e37431; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { margin:0; padding:0;}
.fbg_resize img { border:1px solid #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:592px;}
.fbg_resize .c3 { padding:0 0 0 32px; width:240px;}
.fbg_resize .c1 img { margin:8px 16px 8px 0; padding:0; float:left;}
.fbg_resize .c3 img { margin:4px; padding:0;}

/* footer */
.footer { margin:0; padding:0;background-image: url(images/backgroundtexture.png);}
.footer_resize { margin:0 auto; padding:8px 0; width:1300px;line-height:500%;}
.footer_resize p.lf { text-align: center; clear: both;}
ul.fmenu { margin:8px 0; padding:0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 8px; float:left;}
ul.fmenu a {display:inline; color:#5f5f5f; text-decoration:none;font-weight:bold; transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; border: solid 1px #CCC; margin: 5px 0; padding:10px 16px 6px 16px; color:#5f5f5f; text-decoration:none;border-radius:8px;margin-right:30px;}
ul.fmenu a:hover, ul.fmenu li.active a {color:black;box-shadow:0 0 8px #F38094;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
form { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

table.wyniki {width: 970px;}
table.wyniki th{background-color: transparent;color:rgb(242,141,164); font-weight: normal; font-size: 1.2em; padding: 5px 15px;border:1px solid rgb(167,167,167)}
table.wyniki td{border:1px solid rgb(167,167,167);transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;}
table.wyniki td:hover{border:1px solid #GGG;box-shadow:0 0 8px #F38094;}
table.wyniki tr{text-align: center;}
table.wyniki .td2{text-align: justify; width: 540px; padding: 5px;}
table.wyniki .td2 p{text-align: center; display: block;}
table.wyniki .td2 p span{text-align: center; display: block; font-size: 1.3em; text-align: left; font-weight: bold;}
.menu {clear: both;}



.header .menu ul li a, .header .menu ul a { font-weight:bold; transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; border: solid 1px #CCC; margin: 5px 0; padding:10px 16px 6px 16px; color:#5f5f5f; text-decoration:none;border-radius:8px;margin-right:50px; }
.header .menu ul li a:hover, .header .menu ul li.active a { color:black;box-shadow:0 0 8px #F38094;}
.menu a:hover { color:black; box-shadow:0 0 8px #F38094;}  