﻿html { height: 100% } 
BODY { font-size: 80%; FONT-FAMILY: Arial, sans-serif; background-image: url('images/bg.png'); background-repeat: repeat-x; background-color: #e8e8e8; color: #333; height:100% }

FORM { margin: 0; padding: 0; }
TEXTAREA { FONT-FAMILY: Arial, sans-serif; font-size: 100%; }
A {}
A:hover { color: #cc000f; }
A.more { color: #71a40a; background: url('images/bul-green.png') right 4px no-repeat; padding-right: 15px; }
H1 { font-family: "Trebuchet MS"; font-size: 120%; color: #3c5d04; margin: 0 0 0.5em 0; height: 27px; padding: 1px 10px 0px 10px; background-image: url('images/title-wide.png'); background-repeat: no-repeat; }
H2 { font-family: "Trebuchet MS"; font-size: 120%; color: #3c5d04; margin: 0 0 0.5em 0; }
HR { border-top: 1px solid #d5d5d5; border-bottom: none; height: 1px; }
HR.big { border-top: 4px solid #a9d450; height: 4px; }

UL { margin: 0; padding: 0; }
UL LI { list-style: none; margin: 0; padding-left: 15px; background: url('images/bul-green.png') left 6px no-repeat; }
UL.check LI { list-style: none; display: block; margin: 0; margin-bottom: 5px; padding-left: 25px; background: url('images/bul-check.gif') left 4px no-repeat; }

.small { font-size: 85%;  }
div.form { background: url('images/shadow-bottom.png') bottom repeat-x; padding-bottom: 6px; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; }
div.form div.text { background: url('images/form-bg.png') left repeat-y; padding: 20px; }
table.form TD { padding-right: 10px; }

div.teaser { background: url('images/shadow-bottom.png') bottom repeat-x; padding-bottom: 6px; }
div.teaser H1 { margin-bottom: 0; background-image: url('images/title-wide-teaserbg.png'); }
div.teaser div.text { padding: 10px 13px 13px 13px; background: url('images/teaser-bg.png') left repeat-y; }
div.teaser div.text A { color: #85a45b }
div.teaser div.text A:hover { color: #586b3d }
div.teaser div.text { padding: 10px 13px 13px 13px; background: url('images/teaser-bg.png') left repeat-y; }
div.teaser p { margin: 0; }

div.teaserbig { padding: 25px; background-color: #ebf5d3; background-image: url('images/box-bulets.jpg'); background-repeat: no-repeat; width:100%; }
div.teaserbig UL { margin: 0; }
div.teaserbig UL LI { list-style: none; display: block; margin: 0; margin-bottom: 5px; padding-left: 25px; background: url('images/bul-check.gif') left top no-repeat; }

div.teaserbig2 { padding: 25px; background-color: #ebf5d3; background-image: url('images/box-bulets2.jpg'); background-repeat: no-repeat; height: auto;}
div.teaserbig2 UL { margin: 0; }
div.teaserbig2 UL LI { list-style: none; display: block; margin: 0; margin-bottom: 5px; padding-left: 25px; background: url('images/bul-check.gif') left top no-repeat; }


#page { width: 752px; margin: 15px auto; margin-bottom: 0; padding: 10px 13px; background-image: url('images/page-bg.png'); background-position: center top; background-repeat: repeat-y; background-color: #fff; }

#header { width: 752px; height: 74px; background-image: url('images/header-bg.png'); background-repeat: no-repeat; }
#header A#logo { width: 283px; height: 74px; display: block; border: 0; background-image: url('images/header-logo.png'); background-repeat: no-repeat; }
#header A.logo { width: 283px; height: 74px; display: block; border: 0; background-image: url('images/header-logo.png'); background-repeat: no-repeat; }

#tabs { height: 35px; background-image: url('images/tab0-bg.png'); background-repeat: repeat-x; }
#tabs ul { text-align: center; margin: 0; margin-left: 35px; }
#tabs ul li { display: block; float: left; margin: 0; margin-left: 2px; padding: 7px 20px 0px 20px; font-weight: bold; background: none;}
DIV#tabs ul li:hover { height: 30px; background-image: url('images/tab1-bg.png'); background-repeat: repeat-x; }
#tabs ul li.active { height: 30px; background-image: url('images/tab1-bg.png'); background-repeat: repeat-x; }
DIV#tabs li a:hover { color: #fff; text-decoration: none; }

#tabs li a { color: #fff; text-decoration: none; }

#main { margin: 20px 0 0 0; overflow: auto; }

#columnLeft { float: left; width: 180px; }
#columnMain { float: right; width: 542px; line-height: 150%; }

#leftmenu { background: url('images/leftmenu-bg.png') left top repeat-y; border-bottom: 15px solid white; }
#leftmenu DIV.content1 { background: url('images/leftmenu-top.png') left top no-repeat; }
#leftmenu DIV.content2 { background: url('images/leftmenu-bottom.png') left bottom no-repeat; padding: 15px 10px 10px 15px; }
#leftmenu DIV.content2 A { color:#71a40a; }
#leftmenu DIV.content2 A:hover { color:#a0df6f; text-decoration:none; }


#leftmenu UL { margin: 0; background: none; }
#leftmenu UL LI { list-style: none; margin: 0; padding: 0; padding-bottom: 10px; background: none; }
#leftmenu UL LI A { padding-left: 15px; color: #333; text-decoration: none; background: url('images/bul-black.png') left 4px no-repeat; }
#leftmenu UL LI A:hover { text-decoration: underline; }
#leftmenu UL LI.active A { color: #669800; background-image: url('images/bul-green.png'); }

#boxmain { margin-top: 15px; width: 752px; height: 195px; background-image: url('images/box-main.jpg'); background-repeat: no-repeat;}
#boxmain DIV.opis { font-weight: bold; position: absolute; width: 500px; margin-left: 250px; margin-top: 63px; }
#boxmain DIV.opis P { margin: 0 0 10px 0; }
#boxmain DIV.kontakt { font-weight: bold; color: #fff; position: absolute; width: 500px; margin-left: 250px; margin-top: 166px; }
#boxmain DIV.kontakt a { color: #fff !important; }

DIV.section { margin: 10px/*20px*/ 0 0 0; }

div.buttomNav A { color:#71a40a; }
div.buttomNav A:Hover { color:#a0df6f; text-decoration:none;}

.Komentar { color: #404040; font-size: 85%; }

#boxlogin { width: 205px; background-color: #eeeeee; float: left; display: block; height: 210px; /*240px;*/}
#boxlogin H1 { height: 28px; padding: 0 10px; margin-bottom: 0; background-image: url('images/title-graybg.png'); background-repeat: no-repeat; }

#boxbullets { border-left: 20px solid #fff; float:left; width:474px; }

#footer { width: 752px; margin: 0 auto; overflow: auto; padding: 10px 13px; color: #404040; font-size: 85%; background-image: url('images/footer-bg.png'); background-repeat: no-repeat; }
#footer a { color: #404040; }
#footer div.left { float: left; }
#footer div.right { float: right; }

/* preloader */
div.divLoading { position: absolute; FILTER: Alpha(Opacity=100);
	z-index: 1001; }
div.GrayBG { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; 
	padding: 0; margin: 0; background-color: #000; filter: alpha(opacity=50); z-index: 1000; }
	
td.requirements A { color:#71a40a; }
td.requirements A:Hover { color:#a0df6f; text-decoration:none;}

td.Banners { padding-left:5px; padding-right:5px; padding-top:15px; }

#columnMain p{ margin: 15px 0 0 0; float: left;}

