* {margin: 0; padding: 0;}

html {background: url(../img/bg.jpg);}
body {
	padding-top: 15px;
	background: url(../img/guma2.png) top center no-repeat;
	font-family: 'Arial', 'Liberation Sans', 'DejaVu Sans', 'Helvetica', sans-serif;
	font-size: 12px;
	color: #000000;
}
img {border: 0;}

h1 {font-family: 'Arial', 'Liberation Sans', 'DejaVu Sans', 'Helvetica', sans-serif; margin-bottom: 15px; font-size: 28px; font-weight: normal; color: #E70F0F;}
h2 {font-size: 18px; font-weight: bold;}
p {margin-bottom: 20px; line-height: 18px;}

a {color: #E70F0F; text-decoration: none;}
a:hover {text-decoration: underline;}

ul, ol {margin: 0 0 15px 25px;}

fieldset {padding: 10px; border: 1px solid #94A3C4;}
legend {margin-left: 10px; padding: 0 6px; color: #3B5998;}
input[type="text"], input[type="password"], textarea {padding: 1px; font-size: 11px; border: 1px solid #3B5998;}
input[type="checkbox"] {vertical-align: -2px;}

div.segment {
	position: relative;
	width: 1000px;
	min-height: 106px;
	margin: 0 auto;
	padding: 0 0 1px;
	background: url(../img/grad-header.png) top center no-repeat #FFFFFF;
}
div.segment.sub {background: url(../img/grad-sub.png) top center no-repeat #FFFFFF; padding: 10px 0 20px;}
div.segment > div {padding: 0 40px;}

#opaska {position: absolute; top: -7px; right: -45px; z-index: 1;}
#community {position: absolute; top: 10px; right: 100px; z-index: 1;}
#community img {border: 1px solid #FFFFFF; vertical-align: middle;}
#community img:hover {border: 1px solid #FF0000;}

#header {position: relative; margin: 0 40px 20px; padding: 0 !important; border-bottom: 1px solid #D2D2D2;}
#logo {width: 250px;}
#logo img {margin-top: 18px;}
#login {position: absolute; top: 141px; right: 7px; width: 460px; z-index: 3; padding: 3px 4px; text-align: center; background: url(../img/grad-header.png) -40px center no-repeat #FFFFFF; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);}
#login div.remember {float: left; width: 150px; text-align: center;}
#login div.forgot {float: left; width: 150px; text-align: center;}
#login div.register {float: right; width: 85px; margin-right: 18px; text-align: center;}
#login p {margin-bottom: 0; font-size: 11px; line-height: 14px;}
#login input[type="text"], #login input[type="password"] {width: 110px; height: 25px; line-height: 25px; padding: 0 10px; font-size: 14px; border: 1px solid #CFCFCF;}
#login input[type="image"] {vertical-align: -12px;}
#login.dyn {right: 10px; width: 315px; padding: 10px; background: url(../img/grad-header.png) -40px center no-repeat #FFFFFF; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);}
#login.dyn p {font-size: 12px;}
#login.dyn input {margin-bottom: 5px;}
#login.dyn input[type="text"], #login.dyn input[type="password"] {width: 160px;}
#login.dyn input[type="image"] {float: right;}
#mainmenu {position: absolute; top: 77px; right: 0px; width: 698px; line-height: 59px; overflow: hidden; z-index: 2;}
#mainmenu img {vertical-align: middle;}
#mainmenu > div {height: 59px;}
#mainmenu .mm_l {width: 14px; float: left; background: url(../img/mainmenu-l.png) center center no-repeat;}
#mainmenu .mm_r {width: 14px; float: right; background: url(../img/mainmenu-r.png) center center no-repeat;}
#mainmenu .mm {margin: 0 14px; background: url(../img/mainmenu.png) center left repeat-x; text-align: center;}
#mainmenu .mm a {line-height: 59px; margin: 0 12px;}

#box {margin: 0 40px 20px; padding: 0 20px !important; height: 220px; background: url(../img/bg-box.png) bottom center no-repeat; border: 20px solid #E70F10;
font-size: 12px;
line-height: 21px;
color: #444444;
}
#box h1 {margin: 30px 0; font-weight: bold; font-family: 'Georgia', 'Times New Roman', 'DejaVu Serif', 'Liberation Serif', serif;}
#box > img {float: right; position: relative; top: 20px;}

#timeline {position: relative; height: 64px; margin: 0 40px 20px; padding: 0 !important; background: url(../img/timeline.png) no-repeat;}
#timeline .cel {position: absolute; top: 10px; right: 150px;}
#auto {position: absolute; bottom: 2px; left: 0; width: 84px; height: 38px; background: url(../img/auto_male.png) no-repeat;}

#special1 {width: 728px; margin: 0 auto 20px;}
#special2 {position: absolute; top: 0px; left: 1000px; width: 160px; padding: 0; background: #FFFFFF;}
#special3 {margin-bottom: 20px;}
#special1 p, #special2 p, #special3 p {margin: 3px 4px 7px; line-height: normal;}
#donate {border: 10px solid #E70F0F; padding: 10px 7px; margin-bottom: 20px;}
#donate h2 {margin-bottom: 10px; font-size: 16px; font-weight: normal; color: #E70F0F;}
#donate p {margin-bottom: 10px;}
#donate input[type="image"] {vertical-align: -35px;}
#zdjecie {position: relative; top: -10px; margin: -20px 0; text-align: center; z-index: 1;}
#glosowanie {background: #F0F0F0; padding: 15px; border: 0 !important;}
#fb {position: relative; margin: 0 auto 0; z-index: 2;}
#partnerzy {margin-top: 20px;}
#stopka {color: #C7C7C7; width: 940px; margin: 15px auto 60px;}
#stopka a {color: #C7C7C7;}
#stopka a:hover {color: #E70F0F;}

.share {float: left; width: 250px; margin-bottom: 10px;}
.share fieldset {padding: 1px; border: 1px solid #999999;}
.share legend {color: #E70F0F; font-size: 80%; margin: 0 2px;}
.share div {text-align: center;}
.share a {margin: 0 6px;}
.share a:hover {text-decoration: none;}

div.twocol.l {float: left; width: 580px;}
div.twocol.r {float: right; width: 300px;}

div.news {border-bottom: 1px solid #D2D2D2; margin-bottom: 30px; padding-bottom: 15px;}
div.news div.l {float: left; width: 215px; overflow: hidden;}
div.news div.r {float: right; width: 350px;}
div.news img:first-child {float: left; border: 1px solid #E7E7E7; margin-right: 15px; padding: 10px; background: #F2F2F2;}
div.news .data {font-size: 12px; color: #8D8D8D; margin-bottom: 20px;}

div.komentarz {background: #F9FEFF; border: 1px solid #787878; padding: 10px; margin: 0 20px 10px;}
div.komentarz.nieopublikowany {background: #FF932D;}
div.komentarz div.autor {border-bottom: 1px solid #787878; margin-bottom: 10px;}


div.glosowania {padding: 0 !important;}

/*
div.glosowanie {float: left; width: 255px; margin-left: 27.5px; padding: 15px 20px; background: #F0F0F0;}
div.glosowanie:first-child, div.glosowanie.first {margin-left: 0;}
*/
div.glosowanie {width: 505px; margin-left: 0px; margin-bottom: 20px; padding: 15px 20px; background: #F0F0F0;}

div.nav {font-size: 14px;}
div.nav .prev, div.nav .next {font-size: 11px;}
div.nav .pages {color: #B1B1B1;}

div.input {float: left; width: 120px; height: 33px; line-height: 33px; margin-right: 20px; padding: 0 5px; border: 1px solid #CCCCCC; background: url(../img/bg-input.gif) repeat-x; text-align: right;}
div.input input[type="text"] {width: 105px; border: 0; background: url(../img/transpixel.gif); text-align: right;}

ul.glosowanie {list-style-type: none; margin: 10px 0; padding-left: 10px;}
ul.glosowanie li {font-size: 14px; color: #8E8E8E; line-height: 20px;}
ul.glosowanie input[type="radio"] {vertical-align: middle;}
ol.glosowanie {margin: 10px 0; padding-left: 20px;}
ol.glosowanie li {font-size: 14px; line-height: 20px; clear: both;}
ol.glosowanie.wynik li:first-child {color: #FF0000; font-weight: bold;}

img.frame {border: 1px solid #E7E7E7; padding: 10px; background: #F2F2F2;}
img.profile {max-width: 190px;}

table.info {width: 100%; border-collapse: collapse; border: 1px solid #D2D2D2; margin-bottom: 20px;}
table.info td {border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; padding: 9px 15px;}
table.info td.hl {background: #F6F6F6;}

.nb {border: 0 !important;}

.ma {margin: auto;}
.mr {margin-right: 20px;}
.mb {margin-bottom: 20px;}
.mt {margin-top: 20px;}
.mt2 {margin-top: 10px;}

.fullw {width: 100%;}

.fleft {float: left;}
.fright {float: right;}
.fnone {float: none !important;}
.clear {clear: both;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.vmid {vertical-align: middle;}

.red {color: #E70F0F;}
.gray {color: #B1B1B1;}