/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
Site Name: Bank Spó³dzielczy w Staszowie
Site URI: bsstaszow.com
Description: 
Version: 1.0
Author: Agentica Media
Author URI: agentica.pl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  =FLOAT DIV
--------------------------------------------------------------- */
.fll { float: left; }
.flr { float: right; }

/*  =CLEARFIX DIV
-------------------------------------------------------------- */
.clf {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*  =NOTEXT
-------------------------------------------------------------- */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }
.noscreen { text-indent:-9999px; }

/*  =WIDTH DIV 
-------------------------------------------------------------- */
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w100 {width: 100%;}
.w300 {width: 300px;}
.w600 {width: 300px;}
.w950 {width: 950px;}

/*  =HEIGHT DIV 
-------------------------------------------------------------- */
.h300 {height: 300px;}

/*  =PADDING DIV 
-------------------------------------------------------------- */
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad5t {padding: 5px 0 0 0;}
.pad5b {padding: 0 0 5px 0;}

/*  =MARGIN SIZE 
-------------------------------------------------------------- */
.mar5 {margin: 5px;}
.mar10 {margin: 10px;}
.mar5t {margin: 5px 0 0 0;}
.mar5tb {margin: 5px 0 5px 0;}
.mar10t {margin: 10px 0 0 0;}
.mar20t {margin: 20px 0 0 0;}
.marl10 {margin: 0 10px 0 0;}
.marl20 {margin: 0 20px 0 0;}
.marl40 {margin: 0 40px 0 0;}
/*  =POSITION DIV
-------------------------------------------------------------- */
.prel {position: relative;}
.pab {position: absolute;}

/*  =BORDER DIV 
-------------------------------------------------------------- */
.borderBgblue  { background: #F2F5FA; border: #CAD9EC 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; }
.borderBgwhite { background: #FFF; border: #c9daec 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; }
.borderImg img { background: #FFF; padding: 3px; border: #DDD 1px solid; }

/*  =BACKGROUND COLOR
-------------------------------------------------------------- */
.backGrey {background: #efefef;}

/*  =FONT SIZE 
-------------------------------------------------------------- */
.font10 {font-size: 10px;}
.font11 {font-size: 1em;}
.font12 {font-size: 1.1em;}

/*  =FONT STYLE 
-------------------------------------------------------------- */
em { font-style:normal; font-weight:bold; }
.raquo {font-weight:normal; padding: 0 4px;}

/*  =COLOR TEXT 
-------------------------------------------------------------- */
.textBlue1 {color: #2C4D9C;}
.textBlue2 {color: #d1e9f8;}
.textWhite {color: #FFF;}
.textGrey1 {color: #9F9F9F;}

/*  =ALIGN TEXT 
-------------------------------------------------------------- */
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
.taj {text-align: justify;}

/*  =HR line 
-------------------------------------------------------------- */
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
.hrSep { background: #EAEAEA; clear:both; display:block; font-size:0; height:1px; line-height:0;}

/*  =INPUT BORDER
-------------------------------------------------------------- */
select, input {
    border: #96A6C5 1px solid;
	padding: 3px;
}
/*  =MINI ICON
-------------------------------------------------------------- */
.icoUser span, .icoUser a {background: url(../img/ico/icouser.png) no-repeat; padding: 2px 0 2px 25px;}

/*  =BUTONY 
-------------------------------------------------------------- */
.uiBtn {
    background:#eee url(../images/btn01.png) repeat 0 0;
    border:1px solid #999;
    border-bottom-color:#888;
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:3px 7px;
    _padding:3px 7px;
    *padding:3px 7px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap;
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    overflow: visible;
    width: auto;
    font-family: Tahoma, Arial, sans-serif;
    }
.uiBtn:active,.uiBtn:focus,.uiBtn:hover {
    border:1px solid #676767;
	text-decoration: none;
}

.uiBtnBlue {
    background: #5B74A8 url(../images/btn01.png) repeat 0 -48px;
    border:1px solid #999;
    border-color: #29447E #29447E #1A356E;
    
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:3px 7px;
    _padding:3px 7px;
    *padding:3px 7px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
    overflow: visible;
    width: auto;
    font-family: Tahoma, Arial, sans-serif;
    }
.uiBtnBlue:active,.uiBtnBlue:focus,.uiBtnBlue:hover {
    border:1px solid #000;
	text-decoration: none;
}
.uiBtnGreen {
    background: #5B74A8 url(../images/btn01.png) repeat 0 -96px;
    border:1px solid #999;
    border-color: #3B6E22 #3B6E22 #2C5115;
    
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:3px 7px;
    _padding:3px 7px;
    *padding:3px 7px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
    overflow: visible;
    width: auto;
    font-family: Tahoma, Arial, sans-serif;
    }
.uiBtnBlue:active,.uiBtnBlue:focus,.uiBtnBlue:hover {
    border:1px solid #000;
	text-decoration: none;
}