html{ min-height:100%}
body{ margin:0px;  padding:0px;  font-size:90%;  color:#26394C;  font-family:calibri,Helvetica;  position:relative}

h1, h2, h3, h4, h5, ul, form, fieldset{ margin:0px;  padding:0px;  border:0}
p{ margin:0;  margin-bottom:12px}
a{ outline:none;  color:#287FCA}
a img{ border:0px}
.small{ font-size:80%}
.clear{ clear:both}
.cf:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.cf{display:inline-block}
* html .cf{height:1%}
.cf{display:block}

a.romb{ width:117px;  display:block;  height:117px;  position:absolute;  right:0px;  top:-80px;   background:transparent url(../img/layout/price.png) no-repeat center center}
a.romb:hover{top:-50px}

.page{ width:960px;  margin:0 auto;  position:relative}

/* top */
.top h2{display:block;padding-bottom:25px;color:#26394C;font-weight:normal; font-size:12px;}
.logo{ display:block;  width:862px;  margin-top:20px}

.menu{ margin-top:10px;margin-bottom:15px;}
.menu ul li{ list-style:none;  float:left;  margin-right:25px; }
.menu ul li a{ text-decoration:none;  color:#26394C;  font-weight:bold;  font-size:15px;}
.menu ul li a:hover, .menu ul li a.active{ color:#de0941}
.menu ul li.dot{ background:transparent url(../img/layout/dot.jpg) no-repeat center center;  width:10px;  height:20px;  display:block}
.menu ul li.last{margin-right:0px;}

.main{ margin-top:20px;line-height:180%;}
.left{ width:657px;  float:left}
.right{ width:300px;  float:right}
.nag_shadow{ background:transparent url(../img/layout/nag_shadow.png) no-repeat right top;  padding-top:15px;  height:50px;font-size:20px;}
.nag_shadow_short{ background:transparent url(../img/layout/nag_shadow_short.png) no-repeat right top}
.nag_shadow_long{ background:transparent url(../img/layout/nag_shadow_long.png) no-repeat right top}
.nag_shadow span{   color:#063359}

.main ol {padding-left:20px;}
.main ol li{margin-bottom:10px; }

.box{   padding-top:20px}
.form .box{padding-top:0px;}
.proces{padding-top:0px;}
.proces ul li{ list-style:none;  float:left;  margin-left:70px;  margin-right:50px}
.proces ul li.kontakt_icon a{ display:block;  width:73px;  height:84px;  background:transparent url(../img/layout/kontakt_icon.png) no-repeat left top}
.proces ul li.pociecie_icon a{ display:block;  width:73px;  height:84px;  background:transparent url(../img/layout/pociecie_icon.png) no-repeat left top}
.proces ul li.wysylka_icon, .proces ul li.pociecie_icon{ margin-left:90px}
.proces ul li.wysylka_icon a{ display:block;  width:73px;  height:84px;  background:transparent url(../img/layout/wysylka_icon.png) no-repeat left top}
.proces ul.proces_opis li{ margin-left:18px;  margin-right:18px;  width:180px}

.start h2, .start p{ display:inline; font-size:100%;line-height:20px;}
.start h3, .start h4{ margin-top:8px}
.start h2{font-size:16px;}
.start h3 span{color:#fff; background-color:#063359; padding:0 3px}

.form{ padding-bottom:10px;  color:#000}
.form .nag_shadow{ padding-left:15px;  color:#e43661}
.form .box{ background-image:none;  padding-left:15px}
.form .box_przelewy24{ background:transparent url(../img/layout/przelewy24.gif) no-repeat center 30px}
.form .input, .form .upload, .form .date_form{ 
-webkit-box-shadow: inset -2px 1px 6px #ececec;
-moz-box-shadow: inset -2px 1px 6px #ececec;
box-shadow: inset -2px 1px 6px #ececec;
border:1px solid   #CCC9C9;       
  background-color: #fff;
 margin-bottom:15px;  padding-left:7px;  padding-bottom:6px}
.form .date_form{ position:relative;  height:15px}
.form .date_form .input{ background-image:none;  margin:0px;  padding:0px}
.form .upload input{ border:1px solid #9D9FAA}
.form input, .form textarea{ width:270px;  border:0px;  background-color:transparent;padding-right:10px;}
.date_form input{ width:150px}
.form .upload{padding-top:5px; }
.form input.example, .form textarea.example{ color:#969696}
input.submit{ width:107px;  height:28px;  border:0px;   font-size:14px;float:right; text-align:center; line-height:28px; cursor:pointer; background-color:#DE0941;color:#fff;border:0px;font-weight:bold;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
input.submit:hover{background-color:#DE0941;}
input.submit_zaplac{ width:87px;  height:26px;  border:0px;  float:right;  font-size:14px; cursor:pointer;  background:transparent url(../img/layout/button_zaplac.png) no-repeat left bottom}
input.submit_login{ margin-bottom:5px;  width:87px;  height:26px;  border:0px;  cursor:pointer;  background:transparent url(../img/layout/button_login.png) no-repeat left bottom}
.form_login{ margin:30px 0}
.form_pass .input{ margin-bottom:0px}
.form .radio label{float:left; width:110px;}
.form .radio input{width:20px; float:left;display:block;}
.form .radio{padding-bottom:15px;}
.summary{margin-bottom:10px; margin-top:10px; padding:10px 0; background:transparent url(../img/layout/nag_shadow_short.png) no-repeat right top;}/*C2CFEF*/
.summary b{font-size:200%; color:#DE0941;}
.info{clear:both; padding:15px 0; font-size:80%; font-style:italic;margin-top:20px;}

.kontaktform{width:350px; float:left;}
.gg{width:300px; float:left;padding-top:15px;}

.example_box{ display:block;  width:310px;  height:247px;  padding:1px;  border:1px solid #AFC8FF;  float:left;  margin:5px}
.example_box:hover{ border:1px solid #AFC8FF}

.pasek{ width:100%;  height:50px;  background:#fff url(../img/layout/line.png) repeat-x left bottom;   position:fixed;  z-index:1}
.pasek .left{ width:100px}
.pasek .example_title{ width:400px;  padding-top:15px;  padding-left:20px}
.pasek .right{ width:200px;  padding-top:10px}
#boxes_menu li{ float:left;  list-style:none;  margin-right:6px}
#boxes_menu li a{ display:block;  text-decoration:none;  padding:6px;  background-color:#5993CD;  color:#fff}
#boxes_menu li a:hover{ background-color:#61A6DF}
#boxes_menu li.active a{ background-color:#E40742}

#boxes{ padding-top:50px}
.box_contener{ display:none}
.box_first{ display:block}
iframe{ background:#FFF;  display:block;  margin:0;  padding:0;  position:relative;  width:100%;  z-index:0}

.pink{ color:#DE0941}
h2.pink{ display:block;  margin-bottom:4px}
.pink1{ background-color:#063359;  color:#fff;  margin-top:20px;  padding:3px}
.cursor_none{ cursor:default}
.message{ border:1px solid #45A544;  padding:10px;  color:#45A544;  font-weight:bold;  font-size:110%;  margin-top:4px}
.flashMessageError{ border:1px solid #CD2026;  padding:10px;  color:#CD2026;  font-weight:bold;  font-size:110%;  margin-top:4px}

.bottom{  padding-top:10px;  margin-top:10px; border-top:2px solid #ececec;line-height:180%;}
.bottom, .bottom a{ color:#26394C}
.bottom strong{ font-size:120%}
.bottom ul li{ list-style:none;  margin-bottom:2px}
.bottom ul li a{ text-decoration:none}
.bottom ul li a:hover{ text-decoration:underline}
.bottom .left{ width:200px}
.bottom .right{ width:150px}
.bottom .right a{ display:block; height:50px;margin-right:20px; width:50px;float:left;overflow: hidden;text-align:center;background:transparent url(../img/layout/twitter_icon.jpg) no-repeat left top;}
.bottom .right a.fc{background:transparent url(../img/layout/fc_icon.jpg) no-repeat left top;}
.bottom .right a:hover{background-position:left -50px;}
.bottom .right a.blip{ display:block; height:43px; margin-left:28px; width:60px;margin-top:10px;background:transparent url(../img/layout/blip_icon.jpg) no-repeat left top;}
.bottom .right a.blip:hover{background-position:left -43px;}
.bottom .validator{ text-align:right;  width:220px}
.validator a{ display:block}
.przelewy24_logo{ float:left}

span.chmurka, img.chmurka{ cursor:help}

#tooltip{position:absolute; z-index:3000; border:1px solid #486FC4; background-color:#DFE9FF; padding:5px; text-align:left; font-size:90%; font-weight:normal; width:300px}
#tooltip h3, #tooltip div{margin:0}

#tooltip h3{font-size:90%; font-weight:normal}

.tip{width:212px; padding-top:37px; overflow:hidden; display:none; position:absolute; z-index:500; background:transparent url(../img/layout/tipTop.png) no-repeat top}

.tipMid{ background:transparent url(../img/layout/tipMid.png) repeat-y;  padding:0 25px 20px 25px}
.tipBtm{ background:transparent url(../img/layout/tipBtm.png) no-repeat bottom;  height:32px}

.title{ font-size:140%}
.title a{ text-decoration:none}
.title a:hover{ text-decoration:underline}
.title span{ font-size:60%;  font-weight:normal}
.article_info{ font-size:11px;  font-weight:normal;  padding-bottom:5px;  display:block}

.news{ padding-bottom:10px;  margin-bottom:15px;  background:transparent url(../img/layout/line_long.png) no-repeat left bottom}
.news li{ margin-left:20px}
.more{ text-align:right;  padding-right:20px}

.more a, .back a{ text-decoration:none;  font-weight:bold}
.more a:hover, .back a:hover{ text-decoration:underline}

.kategorie_list li{ list-style:none;  padding-left:10px;  margin-bottom:5px}
.kategorie_list li a{ text-decoration:none;  color:#063359;  font-weight:bold}
.kategorie_list li a:hover{ color:#E20943}
.pager{ text-align:right;  font-size:80%;  margin-bottom:5px}
.pager span{ background-color:#5295C9;  color:#fff}
.pager span.current{ background-color:#E90C46;  padding:0px 6px}
.pager a{ text-decoration:none}
.pager span a{ color:#fff;  padding:1px 6px}
.pager a.next, .pager a.prev{ margin:0px 5px}
.comment{ padding-bottom:20px}
.comment td{ vertical-align:top;  padding:10px}
.comment_form{ width:280px}
.comment_body{ margin-top:10px}
.comment_body1{ color:#287FCA}
.comment_body h4{ font-size:80%;  font-weight:normal}
.comment_body h4 span{ font-weight:bold;  font-size:110%}
.captcha{ font-size:11px}
.captcha input{ border:1px solid #CF1212;  width:30px}
.comm{ font-style:italic}
.box_right{ margin-top:5px}
.box_right li{ margin-bottom:5px;  list-style:none}

.list table{ width:100%;  border-collapse:collapse;  margin-top:10px}
.list th, .list td{ padding:5px;  border-collapse:collapse}
.list th{ padding-bottom:15px;  font-size:90%}
.list td{ border-bottom:1px solid #7E96D2}
.td_right{ text-align:right}
.td_center{ text-align:center}
.td_created{ width:60px}
.td_title{ width:160px}
.td_lp{ width:6px}

.list tr.over td{ background-color:#DFF1FF}
.list tr.active td{ background-color:#BFE2FF}
.list .pager{ margin-top:20px}
a.button_add{ padding-right:22px;  color:#74D53B;  background:transparent url(../img/layout/add.png) no-repeat right center}
.button_zip{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/zip.png) no-repeat center center}
.button_przelewy24{ display:block;  width:50px;  height:20px;  background:transparent url(../img/layout/przelewy24.jpg) no-repeat center center}
.button_edit{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/edit.png) no-repeat center center}
.button_note{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/note.png) no-repeat center center}
.button_cancel{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/cancel.png) no-repeat center center}
.button_refresh{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/refresh.png) no-repeat center center}
.button_dollar{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/dollar.png) no-repeat center center}
.button_fv{ display:block;  width:18px;  height:20px;  background:transparent url(../img/layout/fv.png) no-repeat center center}
.logout{ float:right;  margin-left:10px}
.legenda{ font-size:80%;  margin-top:20px;  background:transparent url(../img/layout/line_long.png) no-repeat left top;  padding-top:10px}
.legenda h4{ margin-bottom:5px}

.tagi{ margin:10px 0}
.tagi strong, .art_pol strong{ display:block;  margin-bottom:5px}
.tagi a{ display:block;  float:left;  padding:1px 10px;  background-color:#CFE9FF;  margin-right:5px;  margin-bottom:10px;  text-decoration:none}
.tagi a:hover{ background-color:#FFCFD2}
.art_pol{ margin:10px 0;  margin-top:20px}
.art_pol ul li{ list-style:none;  margin-top:5px}
.code{ background-color:#EFEFEF;  padding:2px;  margin:4px 0;  border:1px solid #AFAFAF;  color:#5F5F5F;  font-family:'Courier New',Monospace}
.cw{background-color:#FFFFCF;  padding:2px; margin:4px 0; font-style:italic}
.uwaga{border:1px solid #FF7F9C;  padding:2px; margin:4px 0}

.box_short pre{overflow: auto; height:300px; border: 1px solid #AFC8FF; background-color: #EFEFEF;}
.box_info{margin-top:10px;}
.box_info li{list-style:none; color:#fff;padding:2px 5px; margin-left:10px;float:left; margin-bottom:5px; background-color:#063359;}
.addthis_toolbox{float:left;margin-right:20px;}
.gg_button img{width:100px;}