/* -- Basic HTML Elements -- */
@font-face {
    font-family: MyriadPro Regular ;
    src: url('../fonts/MyriadPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: MyriadPro Bold ;
    src: url('../fonts/MyriadPro-Bold.ttf') format('truetype');
}
html {overflow-y: scroll;}
body {position: relative; color: #000; background: #96BEE2 url(/gfx/tlo.jpg)  repeat-x; font: 12px Arial, Verdana, Arial, sans-serif; letter-spacing: 1px; line-height: 1.4; margin: 0; padding: 0; text-align: center; }

a:link {color: #2D63A8; text-decoration: none; margin: 0; padding: 0; letter-spacing: 0px;}
a:visited {color: #2D63A8; text-decoration: none; margin: 0; padding: 0; letter-spacing: 0px; }
a:hover {color: #FF7C17; background-color: transparent; text-decoration: none; margin: 0; padding: 0; letter-spacing: 0px;}

form {margin: 0;}
h1 {font: bold 24px Helvetica, Arial, sans-serif; color: #E62C00; letter-spacing: -1px; margin: 0;}
h2 { color: #FF6F00; font: 20px Arial; line-height: 1.3; margin: 0 0 0 0;}
h3 {color: #5E5846; font: bold 19px Arial, Arial, sans-serif; letter-spacing: 1px; margin: 0 0 0 0;}
h4 {font-size: 12px;}
h5 {color: #5E5846; font: bold 16px Arial, Arial, sans-serif; letter-spacing: 1px; margin: 0 0 0 0;}
hr {clear:left; border: none; height: 1px; background: #ccc; margin: 3px 0 0 0; padding: 0;}
img {border: 0; padding: 0; margin:0;}
ins {text-decoration: none; color: #EC694A;}
pre {width: 580px;}
table {margin: 0; font: 11px Arial;}
table caption {color: #fff; background: #98A0A6;}
th {text-align: left; background: #C7CBCE;}

p {margin: 0 0 2px 0;}
br {  letter-spacing:0; }

ol  { margin-left: 10px; }

fieldset { color: #000; margin: 0; padding:5px; border: solid 1px #FAE3CD;}
legend { color: #E37E12; font: 11px  Arial; }


/* -- Page Structure -- */
#container {position: relative;  top: 0px; left: 0px;  width: 855px; text-align: left; margin: 0 auto; padding:0; }

#pagebody { letter-spacing: 0px; padding:0;   margin: 0px; }

#pagemain {    margin:0px;  }


#Top { color: #393737; font:12px Arial; margin: 0; padding: 0px; letter-spacing: 0px;}
#Top a:link { color: #045CB2; font:12px Arial; letter-spacing: 0px;}
#Top a:visited { color: #045CB2; font:12px Arial; letter-spacing: 0px;}
#Top a:hover {  color: #362412; font:12px Arial; letter-spacing: 0px;}



#BoxLeft { color: #6A6A6A; font:11px Arial; line-height: 1.3; margin: 0; padding: 0px; width: 190px; margin:0px;   }
#BoxLeft .Menu {}
#BoxLeft .Menu a:link { color: #515151; font: 12px  Arial; line-height: 1.3;}
#BoxLeft .Menu a:visited { color: #515151; font: 12px  Arial; line-height: 1.3;}
#BoxLeft .Menu a:hover {  color: #6E6D6D; font: 12px  Arial; line-height: 1.3;}


#BoxCenter {  margin: 0; padding: 0px;  }



#BoxRight {  color: #8C8B88; font: 11px  Arial; margin: 0; padding: 0px; width: 170px; }
#BoxRight a:link { color: #8C8B88; font: 11px  Arial; }
#BoxRight a:visited { color: #8C8B88; font: 11px  Arial;}
#BoxRight a:hover {  color: #808080; font: 11px  Arial;}

/*END Page Structure*/

.input_form {
    background-color: #F9FAFA;
    width: 483px;
    height: auto;
    border: solid 1px #E6E5E4;
    border-top: solid 1px #828177;
    border-left: solid 1px #828177;
    color: #000;
    font: 13px Arial;
    margin-top: 0px;
    padding: 8px;
    line-height: 1.2;
    float:left;
}

select.sel_form {
    background-color: #F9FAFA;
    width: 100px !important;
    height: auto;
    border: solid 1px #E6E5E4;
    border-top: solid 1px #828177;
    border-left: solid 1px #828177;
    color: #000;
    font: 13px Arial;
    margin-top: 0px;
    padding: 7px;
    line-height: 1.2;
    float: left;
}
.formTable {
    margin: auto;
    font: 11px Arial;
    width: 510px;
}


#Focus { color: #4E4E4E; font:12px Arial; line-height: 1.3; margin: 0; padding: 0px; }
#Focus img { border: 0; padding: 0px; margin: 0px 5px 5px 0;}
#Focus .data  {color: #919191; font: 11px Arial; text-decoration: none; line-height: 1.4; margin-bottom:5px;}
#Focus .autor  {color: #575859; font: 13px Arial; text-decoration: none; line-height: 1.5;}
#Focus .nadtytul  {color: #421001; font:bold 16px Arial; text-decoration: none; line-height: 1.4; }
#Focus .tytul  {color: #2C5C8A; font: 20px Arial; text-decoration: none; line-height: 1.3;}
#Focus .cenaf  {color: #ff0000; font: 16px Arial; text-decoration: none; line-height: 1.6;}
#Focus .opisf  {border: solid 1px #DBF1FF; background:#F5FAFC; color: #000000; font: 13px Arial; text-decoration: none; margin-top:15px; padding: 5px; line-height: 1.6;}
#Focus .opiekunf  {border: solid 1px #FAF2D2; background:#FAF9F5; color: #FF820D; font: 12px Arial; text-decoration: none; margin-top:15px; padding: 5px; line-height: 1.6;}
#Focus .tresc { color: #141414; font:12px Arial; line-height: 1.4; }
#Focus .maly { color:#000; font: 13px Arial; line-height: 1.3; }
#Focus .plus1 { color:#3D3B39; font: 15px Arial; line-height: 1.4;}
#Focus .plus2 { color:#3D3B39; font: 16px Arial; line-height: 1.4;}
#Focus ul  { margin-left: 25px; }

#Focus .narzedzia img { border: 0; }



#Galeria {  color:#000000; font: 12px Arial; line-height: 1.4; margin: 0; padding: 0px; }
#Galeria .miniaturki img { float: left; border: solid 1px #4287C8; padding: 0px; margin: 7px 7px 0 0;}
#Galeria .Fotka { padding:7px; background: #FAFBFC; border:solid 1px #EDF4FA; margin-right:10px; }
#Galeria .big  {  padding: 0px; margin: 0;}
#Galeria .big img { border: solid 1px #4287C8; padding: 0px; margin:0;}
#Galeria .nawigacja { color: #BA4901; font: 11px  Arial, Verdana; text-align: center; line-height: 1.5; margin: 0px; padding: 2px;}
#Galeria .nawigacja a:link {color: #BA4901;  text-decoration: none;}
#Galeria .nawigacja a:visited {color: #BA4901;  text-decoration: none;}
#Galeria .nawigacja a:hover {color: #E8C3AB; background-color: transparent; text-decoration: none;}






#video { padding:10px; width:480px; height:360px;  background: #000 url(/gfx/tlo_blog.gif);}




#Lista {  margin: 0; margin-top:0px; padding: 1px; line-height: 1.4; letter-spacing:1px; }
#Lista img { float: left; border: solid 1px #D9D9D9; padding: 0px; margin-right: 10px;}
#Lista img a:hover {border: solid 1px #D9D9D9; padding: 0px; margin: 0;}
#Lista .data { color: #ccc; font: 11px  Arial; letter-spacing: 0px; }

#Lista .linia { height:13px; background: #ffffff url(/gfx/tlo_linia.gif); margin: 0px; padding: 0px;}

#Lista .box { color: #C9C9C9; font: 11px  Arial; letter-spacing: 1px; }
#Lista .box a:link { color: #F7F7F7; font: 11px  Arial;}
#Lista .box a:visited { color: #F7F7F7; font: 11px  Arial;}
#Lista .box a:hover {  color: #C9C9C9; font: 11px  Arial;}
#Lista .autor  {color: #807F7E; font: 12px Arial; text-decoration: none; line-height: 1.3;}

#Lista .tytul  {color: #F7F7F7; font: 12px Arial; text-decoration: none; line-height: 1.3;}
#Lista .tytul a:link { color: #F7F7F7; font: 12px Arial; text-decoration: none; line-height: 1.3;}
#Lista .tytul a:visited { color: #F7F7F7; font: 12px Arial; text-decoration: none; line-height: 1.3;}
#Lista .tytul a:hover {  color: #C9C9C9; font: 12px Arial;  background-color:transparent; text-decoration: none; line-height: 1.3;}

#Lista .naglowek { color: #79736D; font: 11px  "Georgia", Arial; line-height: 1; margin-top: 5px; padding: 0;}
#Lista .ulica  {color: #421001; font:bold 17px Arial; text-decoration: none;}
#Lista .ulica a:link {color: #421001; font:bold 17px Arial; text-decoration: none;}
#Lista .ulica a:visited {color: #421001; font:bold 17px Arial; text-decoration: none;}
#Lista .ulica a:hover {color: #ffffff; font:bold 17px Arial; background-color: #ebebeb; text-decoration: none;}
#Lista .email  {color: #6B95E8; font: 11px Arial; text-decoration: none; line-height: 1.3;}
#Lista .email a:link { color: #6B95E8; text-decoration: none;}
#Lista .email a:visited { color: #6B95E8; text-decoration: none;}
#Lista .email a:hover {  color: #78A5FA;  background-color:transparent; text-decoration: none;}







#stronicowanie {color: #B84A00; font: 12px  Arial; text-align: right; line-height: 1.2; margin-top: 5px; padding: 0; }
#stronicowanie .nr  {text-align: center;  margin-right:3px; border: solid 0px #D9D9D9; width:20px; height:20px; color: #000; text-decoration: none;}
#stronicowanie .nr a:link {color: #000; text-decoration: none; }
#stronicowanie .nr a:visited {color: #000; text-decoration: none; }
#stronicowanie .nr a:hover {color: #C95508; background-color: transparent; text-decoration: none;}
#stronicowanie .nr_active {text-align: center; color: #000; margin-right:3px; text-decoration: none; border: solid 0px #D9D9D9; width:20px; height:20px;}


.Apostolat { clear:both;  color: #000; font: 12px Arial; letter-spacing:0; line-height: 1.3;  padding: 0px;  text-align: left;  }
.Apostolat a:link {color: #2C5C8A; font: bold 12px  Arial; text-decoration: underline; letter-spacing:0; }
.Apostolat a:visited {color: #2C5C8A; font: bold 12px  Arial;  text-decoration: underline; letter-spacing:0; }
.Apostolat a:hover {color: #73B2FA; font: bold 12px  Arial;  background-color: transparent; text-decoration:underline; letter-spacing:0; }





#stopka { clear:both;  color: #8C8C8C; font: 11px Arial; letter-spacing:0; line-height: 1.3; margin-left:91px;  padding: 0px;  text-align: left;  }
#stopka a:link {color: #8C8C8C; font: 11px  Arial; text-decoration: none; letter-spacing:0; }
#stopka a:visited {color: #8C8C8C; font: 11px  Arial;  text-decoration: none; letter-spacing:0; }
#stopka a:hover {color: #A1A1A1; font: 11px  Arial;  background-color: transparent; text-decoration: none; letter-spacing:0; }

#stopka img {border: 0; padding: 0;}

.baner { text-align: left; margin:0; padding: 0; display:none;}

.flLeft {float: left; display: inline; margin: 0; padding: 0;}
.flRight {float: right; display: inline; margin: 0 0 0 0px;}
.flNone {clear:both; margin: 0; padding:0;  font: 1px Arial;}

.powrot {color: #ff0000; font: 12px  Arial, Verdana, Arial, sans-serif; line-height: 1.2; margin-bottom: 3px; padding: 0;}
.powrot a:link {color: #000; text-decoration: none;}
.powrot a:visited {color: #000; text-decoration: none;}
.powrot a:hover {color: #ff0000;  text-decoration: none;}



/* -- search form -- */
#searchBox { color: #FFF; font: 11px  Arial; line-height: 1; margin: 0px; padding:0px;  }
#searchBox .input_form {background-color: #F9FAFA; width: 120px; height:14px;  border: solid 1px #E6E5E4; border-top:solid 1px #828177;  border-left:solid 1px #828177; color: #000; font: 12px Arial; margin-top:5px; padding:2px; }

#searchBox .form_txt { width: 100px; height: 16px; border: none; color: #ffffff; font-size: 11px;}
#searchBox .button {position: relative; top:10px; left: 0px; height: 23px;}
#searchButton:hover {border: solid 1px #4287C8; margin: -1px 0 0 -1px;}



#newsletterBox { background: #ffffff url(/gfx/tlo_newsletter.jpg) repeat-x; border: solid 1px #E3DDD8; color: #B26314; font: 11px  Arial; line-height: 1.1; margin-top: 5px; padding:5px;  }
#newsletterBox .input_form { background-color: #ffffff; width: 170px; height: 15px; border: solid 1px #FADFC8; color: #706563; font-size: 11px;}
#newsletterBox .error {border: 0; background:#FF3C00; color: #fff; font: 12px  Arial, Verdana, Arial, sans-serif; line-height: 1.2; margin-bottom: 10px; padding: 3px;}


.hide {	display: none; }





#SeeMore{
    height: 85px;
    width: 510px;
    background: #FFF;
    overflow:hidden;
}




.BoxTxt1 { font:13px Arial; color:#023467; text-align:justify}



.Over:hover {cursor:pointer;}
.bigblue {font-size:22px; color:#0561B9; line-height:1;}


input#BtnSubmit {
    text-align: center;
    float: right;
    clear: both;
    display: block;
    margin-top: 24px;
    padding: 12px 15px;
    color: #ffffff;
    background: #FF970F;
    border: #FF970F;
    outline: none;
    font-family: Helvetica;
    font-weight: bold;
    transition: all 0.5s ease-in;
    cursor: pointer;
    width: 100%;
}
input#BtnSubmit:disabled {
    background: rgba(180, 180, 180, 0.8);
    cursor:not-allowed;
}
.counterNumber{
    font-size: 35px;
    color: #FF970F;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow:1px 1px 0px #000000;
}
.counterText {
    font-size: 24px;
    font-weight: bold;
}
.counterText2 {
    font-size: 18px;
    /*font-weight: bold;*/
}
.counterText3 {
    font-size: 12px;
    /*font-weight: bold;*/
}