body{
    background: url("../img/bg.jpg") center;
    font-family: 'Ubuntu', sans-serif;
    color: #747474;
    line-height: 1.3em;
    letter-spacing: -1px;
    font-weight: normal;
    text-align: justify;
}

.container,
#all,
#content,
#nav-top{
	max-width: 970px;
    position: relative;
    margin: auto;
}
.tinynav { display: none }
.light{
    font-weight: 300;
}

a,a:hover,a:active{
    color:#de285e;
    text-decoration: underline;
}
iframe {width: 100%;}
a:hover{
    text-decoration: underline;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    color: #002d68;
    font-weight: bold;
    letter-spacing: -2px;
    margin-top: 0px;
}

h1{
    font-size: 32px;
}
h2{
    font-size: 24px;
}
h3{
    font-size: 24px;
    text-transform: none;
}

#content h1 {
    margin-top: 30px;
    text-align: left;
}

#content h2{
    margin-top: 30px;
	text-align: left;
}

#content h2.title{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
    text-align: left;
}

h4{
    font-size: 18px;
    text-transform: none;
    letter-spacing: -1px;
}

#content ul, #content ol{
    padding-left: 15px;
}

#content ul li {
    color: #002d68;
    font-weight: bold;
}
#content ol li {
    /*color: #002d68;
    font-weight: bold;*/
	line-height:30px;
}
#content ol li:first-line, #content ul li:first-line  {
    color: #747474;
    font-weight: normal;
}

#header{
    margin-top: 10px;
}

#header-nag1,
#headre-nag2{
    color: #747474;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: -0.7px;
    height: 32px;
    margin-bottom: 0px;
    margin-top: 20px;
}
#headre-nag2 a {
text-align: center;
float: right;
text-decoration: none;
}
#header-nag1{
    padding-left: 28px;
}

#headre-nag2{
    color: #002d68;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-transform: none;
    margin-left: -10px;
}

#nav-top{
    margin-top: 15px;
}

#content,
#content-home{
    min-height: 700px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 25px;
    box-shadow: 0px 0px 5px 0px rgba( 25, 23, 17,0.15 );
}

#content-home{
    background: #fff url('../img/content-bg.png') repeat-x bottom;
    padding-bottom: 0px;
    padding: 15px 0;
}

#online{
    position: absolute;
    right: 0px;
    top:0px;
    background: url('../img/online.jpg');
    display: block;
    width: 297px;
    height: 94px;
    line-height: 94px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1.4px;
	z-index: 100;
}

.content-block{
    padding: 0px 15px;
}

#content-home .content-block{
    padding: 25px 15px;
}

#footer .content-block{
    padding: 15px 15px;
}

#footer{
    background: #002d68;
    height: 140px;
    border-top: 28px solid #de285e;
    color: #fff;
    font-size: 11px;
    letter-spacing: normal;
}

#footer a{
    color: #fff;
    text-decoration: none;
}

#footer a:hover{
    text-decoration: underline;
}

.breadcrumb{
    background: none;
    margin-bottom: 15px;
}

.breadcrumb a{
    color: #747474;
    text-decoration: none;
}

.breadcrumb > li + li:before {
    color: #747474;
    content: ">> ";
    padding: 0 5px;
}

#nav-footer ul li a{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
    text-decoration: none;
}

#nav-footer ul li a:hover,
#nav-footer ul li.active a{
    color: #de285e;
    text-decoration: none;
}

a.btn-pink,
.btn-pink,
a.btn-grey{
    width: 121px;
    height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background: url(../img/btn2.png);
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color:#fff;
    line-height: 28px;
    font-weight: normal;
    letter-spacing: 0px;
    border: none;
}

a.btn-grey{
    width: 109px;
    background: url(../img/btn3.png);
    color:#747474;
    padding-right: 2px;
}

.hr{
    width: 100%;
    height: 5px;
    background: url(../img/line.png);
}

h1>a.btn-grey{
    margin-left: 30px;
    position: absolute;
    top: 2px;
}

article p img{
    float: left;
    margin: 0px 20px 10px 0px;
}

.home-box{
    background: url('../img/box-bg.png') no-repeat;
    overflow: hidden;
    width: 438px;
    height: 83px;
    padding: 16px 0 0 42px;
    margin-bottom: 10px;
    position: relative;
}

.home-box h2{
    margin: 0px;
}

.home-box-btn{
    display: block;
    width: 54px;
    height: 24px;
    background: url(../img/btn-arr.png);
    position: absolute;
    top: 30px;
    right: 25px;
}

#log{
    margin-top: 70px; 
}

.home-news,
.news{
    width: 50%;
    height: 145px;
    border: 1px solid #ebebeb;
    float: left;
    padding: 0;
    background: #fff;
}

.news{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.news-date{
    width: 69px;
    float: left;
    border-right: 1px solid #ebebeb;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    padding-top: 10px;
    color: #323333;
}

.news-date2{
width: 195px;
float: left;
border-right: 1px solid #ebebeb;
font-weight: 300;
line-height: normal;
text-align: center;
padding-top: 10px;
color: #323333;
height: 120px;
margin-right: 20px;
}
.news-date2 img {
max-height: 110px;
max-width: 150px;
}


.news-date-d{
    font-size: 40px;
}
.news-date-m{
    font-size: 20px;
    text-transform: uppercase;
}
.news-date-y{
    font-size: 18px;
    color: #9c9e9f;
}

.news-content{
    margin-left: 70px;
    padding: 15px;
}

.news-more{
    display: inline-block;
    width: 54px;
    height: 24px;
    background: url('../img/btn-arr2.png');
}

#home-news{
    padding-bottom: 0px;
}

.pagination>li>a, .pagination>li>span{
    color: #747474;
    font-weight: normal;
    box-shadow: 0.5px 0.866px 0px 0px rgba( 25, 23, 17,.4 );
    border-color: #eceded;
    margin-right: 4px;
    border-radius: 3px;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color: #de285e;
    border-color: #de285e;
    color: #fff;
}

.req{
    color: red;
}

.form-horizontal .control-label{
    text-align: left;
    font-weight: normal;
}

#zgody{
    margin: 80px 0px 20px 0px;
}

#map{
    margin-bottom: 30px;
}

.contact-box{
    border: 1px solid #ebebeb;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.contact-box p{
    margin-bottom: 5px;
}

#contact-form{
    background: #f9fafa;
    border-bottom: 3px solid #d5d6d5;
    padding: 15px;
}

#contact-form textarea{
    height: 140px;
}

#contact-form h2{
    margin-top: 0px;
}

#sec-form{
    padding-top: 4px;
    padding-left: 25px;
}

.gallery {list-style-type: none;margin:0;padding:0px;}
.gallery ul {}
.gallery li {}
.gallery img {
float: left;
max-width: 175px;
max-height: 135px;
min-height: 100px;
min-width: 147px;
padding: 5px;
}
.gallery img:hover {border:6px solid #fff;}


#google-box,
#facebook-box{
    background: url("/img/f.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 590px;
    padding-left: 25px;
    position: fixed;
    right: -300px;
    top: 150px;
    transition-duration: 1s;
    width: auto;
    z-index: 999;
}

#google-box{
    background: url("/img/g.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 355px;
    top: 190px;
    z-index: 1000;
}

#google-box:hover,
#facebook-box:hover{
    right: -1px;
    z-index: 1010;
}
