/* include */
img, div, span, a, input {behavior: url(js/iepngfix.htc) }

/* basic */
*{padding:0; margin:0}
body{font:normal 11px/18px Arial, Helvetica, sans-serif;color:#525252;background: #a1b2ba url(../images/bg.gif) repeat-x}
a{text-decoration:none;color:#336666; font:normal 11px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#336666}
a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0877c7}
.black{color:#222}
.under{ text-decoration:underline}
.right{float:right}
.left{float:left}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.data{font:normal 10px tahoma; color:#96aeb5}
.break{height:10px;clear:both; overflow:hidden; border-bottom:#ddd 1px dotted; margin: 0 0 10px 0}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.hr{height:2px;clear:both; background:url(../images/hr.gif) repeat-x; margin: 10px 0; float:left; width:100%}
li{margin-left:25px}


/* form */
input.text{ background:url(../images/input_bg.gif) repeat-x; height:18px; width:200px; border:#698392 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
input.save{background:url(../images/btn_save.gif) no-repeat; width:78px; height:25px; border:0; cursor:pointer}

/* a link */
a.more{width:78px; height:25px; background:url(../images/btn_dalej.gif) no-repeat; display:block; margin: 4px 0 0 0; float:right}


/* struktura */
#wrapper {margin:0 auto;width:952px}

/* header */
#header {width:952px;float:left; padding:20px 0; background:url(../images/light.png) no-repeat center top}
#header .logo{ text-align:center}

/* menu */
#menu{float:left;  margin: 0 0 10px 0; background:url(../images/menu_bg.gif) repeat-x; height:44px}
#menu .menu_hr{ width:2px; height:44px; background:url(../images/menu_hr.gif) no-repeat; float:left}
#menu .menu_l{ width:3px; height:44px; background:url(../images/menu_l.gif) no-repeat; float:left}
#menu .menu_r{ width:3px; height:44px; background:url(../images/menu_r.gif) no-repeat; float:right}
#menu a{display:block; float:left; height:44px; background:url(../images/menu_bg.gif) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding: 15px 23px 0 22px}
#menu a h1{font:normal 12px Arial, Helvetica, sans-serif;}
#menu a:hover, #menu a.selected{ background:url(../images/menu_over.gif) no-repeat; text-decoration:none}


#rightcolumn #content .news{ float:left}
#rightcolumn #content .news .photo img{border:#466488 1px solid; margin: 0 10px 0 0}
#rightcolumn #content .news h4 a{font:bold 12px Arial, Helvetica, sans-serif; color:#de5210}

/* banner */
#banner {width:952px;float:left; margin: 0 0 10px 0}

/* home */
#homepage{ width:952px; float:left}

/* home - left */
#homepage #leftcolumnhome{ width:581px; float:left}
#homepage #leftcolumnhome .big-offer{ float:left; margin:0 0 10px 0; border:#45698d 1px solid}
#homepage #leftcolumnhome .head{ background:url(../images/belka_home.gif); width:581px; height:27px; padding:10px 0 0 10px}
#homepage #leftcolumnhome .head h2{color:#fff; text-transform:uppercase; font:normal 14px arial}
#homepage #leftcolumnhome .main{ width:571px; background:url(../images/box_home_bg.gif) repeat-y; padding:10px}
#homepage #leftcolumnhome .main .photo-main{border:#466488 1px solid; margin: 0 10px 0 0; float:left}
#homepage #leftcolumnhome .news{ float:left}
#homepage #leftcolumnhome .news .photo img{border:#466488 1px solid; margin: 0 10px 0 0}
#homepage #leftcolumnhome .news h4 a{font:bold 12px Arial, Helvetica, sans-serif; color:#de5210}

/* home - right */
#homepage #rightcolumnhome{ width:345px; float:right}
#homepage #rightcolumnhome .contact{ width:312px; height:178px; background:url(../images/home_contact.gif) no-repeat; color:#333; padding: 10px 15px 0 15px; float:left; margin: 0 0 10px 0}
#homepage #rightcolumnhome .contact h4, #homepage #rightcolumnhome .newsletter h4{color:#fff; text-transform:uppercase; font:normal 14px arial; margin: 0 0 10px 0}
#homepage #rightcolumnhome .newsletter{ width:312px;height:140px;background:url(../images/home_newsletter.gif) no-repeat;color:#333; padding: 10px 15px 0 15px; float:left; margin: 0 0 10px 0}
#homepage #rightcolumnhome .newsletter .informacja{margin: 0 0 15px 70px}
#homepage #rightcolumnhome .fundusze{ width:312px; height:346px; background:url(../images/fundusze_bg.gif) no-repeat; color:#333; padding: 13px 15px 0 15px; float:left; margin: 0 0 10px 0}
#homepage #rightcolumnhome .fundusze h4{color:#333; text-transform:uppercase; font:normal 14px arial; margin: 0 0 10px 0}



/* leftcolumn */
#leftcolumn{ width:295px;float:left}

/* leftcolumn-menu */
#leftcolumn .submenu{}
#leftcolumn .submenu .head{ background:url(../images/left_head.gif) no-repeat; width:283px; height:30px; padding: 14px 0 0 12px}
#leftcolumn .submenu .head h3{color:#f5e5ea; text-transform:uppercase; font:normal 14px arial}
#leftcolumn .submenu .main{}
#leftcolumn .submenu .main a{ display:block; background:url(../images/left_menu.gif) repeat-x; height:21px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; padding: 8px 0 0 10px}
#leftcolumn .submenu .main a:hover, #leftcolumn .submenu .main a.selected{background:url(../images/left_menu.gif) repeat-x 0 -30px; text-decoration:none}

/* leftcolumn-box */
#leftcolumn .box{ width:270px; height:158px; background:url(../images/box.gif) no-repeat; margin:0 0 10px 0; padding: 15px 10px 0 15px; color:#e7e7e7}
#leftcolumn .box h4{color:#fff; text-transform:uppercase; font:normal 14px arial; margin: 0 0 20px 0}


/* rightcolumn */
#rightcolumn{ width:642px;float:right; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#222}
#rightcolumn h1{color:#fff; text-transform:uppercase; font:normal 14px arial; background:url(../images/belka.gif); width:630px; height:25px; padding:11px 0 0 10px;border:#45698d 1px solid; margin: 0 0 10px 0}
#rightcolumn table.register td{padding:4px}
#rightcolumn table.register input.key{ background:url(../images/input_bg.gif) repeat-x; height:18px; width:250px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
#rightcolumn table.register textarea{ background:url(../images/textarea_bg.gif) repeat-x 0 bottom; height:135px; width:350px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}




/* footer */
#footer{ width:952px; float:left; margin: 10px 0 10px 0; background:url(../images/foot.gif) repeat-x; height:33px; color:#6c797f; font:normal 11px Arial, Helvetica, sans-serif; padding: 10px 0 0 0}
#footer a{color:#7e8e95; font:normal 11px Arial, Helvetica, sans-serif;}
#footer a:hover{color:#6c797f; text-decoration:none}

/* client */
.client{float:left; padding:10px; margin: 0 0 20px 0; background:#a3b5bd; border:#191514 1px solid; width:620px;}
.client .photo{width:200px; padding:10px; border:#999 1px solid; background:#fff; float:left; margin: 0 10px 0 0}
.client .opis{float:left; color:#333}
.client .opis h2{color:#352e2c; font:normal 16px Arial, Helvetica, sans-serif; margin: 0 0 4px 0}
.client .opis a{color:#006699}


#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;display:none}
#tooltip h3, #tooltip div { margin: 0;}
#help {text-indent:-9999px;background: url('../images/info.gif') no-repeat;width:14px;height:14px;display:block;}
.loader{display:none}
#file_loader{display:none;position:absolute;z-index:999;background:#a3b5bd;opacity:0.8;text-align:center}
#files_div{position:relative;}
label.error{position:relative;display:inline;border:1px solid #ff0000;padding:3px;background:#ffcdcd;margin-left:5px;}
.form-row{margin-bottom:10px;}
.err_message{position:relative;}
.visible{display:inline}
.unvisible{display:none}