@font-face {
font-family: FontPlus;
font-weight: normal;
src: url('./font/Roboto-Regular.ttf');
}

@font-face {
font-family: FontPlus;
font-weight: Bold;
src: url('./font/Roboto-Black.ttf');
} 

@font-face {
font-family: FontPlus;
font-weight: 900;
src: url('./font/Roboto-BoldCondensed.ttf');
}

@font-face {
font-family: FontPlus;
font-weight: 100;
src: url('./font/Roboto-Thin.ttf');
}

@font-face {
font-family: FontPlus;
font-weight: 500;
src: url('./font/Roboto-Medium.ttf');
}

body {
background: #f0f0f0 url('./images/bg00.png');
color: #000000;
font-family: Arial;
font-size: 15px;
margin: 0 auto;
padding: 0;
position: relative;
}

.default-size {
width: 1024px;
margin: 0 auto;
}

a {
text-decoration: none;
color: #f0f0f0;
}

h1, h2, h3, h4, p, span, ul, ul li {
margin: 0;
padding: 0;
}

#top {
background: url('./images/bgtop00.jpg') repeat-x;
width: 100%;
height: 91px;
}

#top h1 {
margin: 0;
padding: 0;
float: left;
}

#top h1 a {
background: url('./images/logo00.png') no-repeat;
width: 288px;
height: 91px;
display: block;
text-decoration: none;
text-indent: -9999px;
}

ul.menu {
list-style: none;
float: right;
margin-top: 18px;
}

ul.menu li {
float: left;
display: block;
}

ul.menu li a {
background: url('./images/imgmenu00.png') no-repeat;
height: 51px;
display: block;
text-indent: -9999px;
}

ul.menu li a.home, ul.menu li a.home.now:hover {
background-position: 0 0;
width: 77px;
}

ul.menu li a.o-nas, ul.menu li a.o-nas.now:hover {
background-position: -77px 0;
width: 88px;
}

ul.menu li a.cennik, ul.menu li a.cennik.now:hover {
background-position: -165px 0;
width: 94px;
}

ul.menu li a.faq, ul.menu li a.faq.now:hover {
background-position: -259px 0;
width: 74px;
}

ul.menu li a.kontakt, ul.menu li a.kontakt.now:hover {
background-position: -333px 0;
width: 80px;
}

ul.menu li a.home:hover, ul.menu li a.home.now  {
background-position: 0 -51px;
}

ul.menu li a.o-nas:hover, ul.menu li a.o-nas.now {
background-position: -77px -51px;
}

ul.menu li a.cennik:hover, ul.menu li a.cennik.now {
background-position: -165px -51px;
}

ul.menu li a.faq:hover, ul.menu li a.faq.now {
background-position: -259px -51px;
}

ul.menu li a.kontakt:hover, ul.menu li a.kontakt.now {
background-position: -333px -51px;
}

#slider {
background: url('./images/bgslider00.jpg') center top no-repeat;
width: 100%;
height: 427px;
display: block;
margin: 0 auto;
}

#slider .click00 {
background: url('./images/click00.png') no-repeat;
width: 306px;
height: 59px;
display: block;
line-height: 59px;
color: #ffffff;
font-size: 22px;
text-transform: uppercase;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
margin: 0 30px 50px 0;
}

#slider .click00:hover {
opacity: 0.90;
}

.default-size.slider {
position: relative;
height: 427px;
}

#content {
width: 1003px;
display: block;
box-shadow: 0px 0px 10px #c0c0c0;
}

#content.index {
background: #ffffff url('./images/bgcontent00.jpg') no-repeat;
margin-top: -20px;
}

#content.o-nas, #content.cennik, #content.faq, #content.kontakt {
background: #ffffff url('./images/bgcontent01.jpg') no-repeat;
padding: 0 20px;
width: 963px;
margin-top: 20px;
min-height: 578px;
}

#content.cennik {
background: #ffffff url('./images/bgcontent02.jpg') no-repeat;
width: 1003px;
padding: 0;
}

#content.faq {
background: #ffffff url('./images/bgcontent03.jpg') no-repeat;
}

#content.kontakt {
background: #ffffff url('./images/bgcontent04.jpg') no-repeat;
}

#content h2, #content p {
margin: 0;
padding: 0;
}

#content h2 {
color: #00336d;
font-size: 30px;
font-family: FontPlus;
background: url('./images/bgh2.jpg') left bottom no-repeat;
font-weight: 100;
height: 45px;
}

#content h2.page, #content h2.faq, #content h2.o-nas, #content h2.kontakt {
padding-top: 30px;
margin-bottom: 55px;
}

#content h2.faq, #content h2.o-nas {
margin-bottom: 25px;
}

#content h2 b, #content h2.page, #content h2.faq, #content h2.o-nas, #content h2.kontakt {
font-weight: 500;
}

#content p {
color: #545454;
font-family: Arial;
font-size: 15px;
line-height: 25px;
margin-top: 20px;
}

#content.faq p {
margin: 0;
}

#content.o-nas p {
width: 535px;
line-height: 30px;
text-align: justify;
}

#content.o-nas .firsttxt {
min-height: 453px;
}

#info {
padding: 30px;
}

#info .txt01, #info .txt02 {
width: 435px;
display: block;
}

#info .txt01 {
float: left;
}

#info .txt02 {
float: right;
}

#info:after {
content: '';
display: block;
clear: both;
height: 1px;
}

#box-pakiet {
padding: 0 20px 35px 20px;
color: #ffffff;
}

#box-pakiet.index {
background: #002a4e;
}

#box-pakiet h2.index {
background: none;
color: #ffffff;
padding-top: 35px;
margin-bottom: 20px;
}

#box-pakiet .pack {
background: #00305a;
width: 233px;
display: inline-block;
margin: 0 2px;
}

#box-pakiet .pack h3 {
text-transform: uppercase;
font-size: 30px;
font-family: FontPlus;
font-weight: 900;
background: url('./images/h3box00.png') no-repeat;
text-align: center;
width: 239px;
height: 44px;
margin: 15px 0 0 -2px;
line-height: 44px;
}

#box-pakiet .pack ul {
list-style: none;
font-family: FontPlus;
font-size: 15px;
display: table;
margin: 0 auto;
margin-top: 10px;
}

#box-pakiet .pack ul li {
border-bottom: 1px dashed #004d8e;
padding: 15px 0;
text-align: center;
}

#box-pakiet .pack a {
background: url('./images/abox00.png') no-repeat;
width: 172px;
height: 39px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 10px;
display: block;
line-height: 42px;
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: #ffffff;
font-family: FontPlus;
font-weight: Bold;
}

#box-pakiet .pack a:hover {
opacity: 0.90;
}

#botinfo {
background: #ffffff url('./images/bgbotinfo00.jpg') top right no-repeat;
min-height: 300px;
}

#botinfo .infotxt00 {
width: 440px;
padding: 35px 0 0 20px;
}

#botinfo .infotxt00 p {
line-height: 30px;
margin-top: 30px;
}

#footer {
background: url('./images/bgfooter.jpg') no-repeat;
width: 963px;
height: 68px;
line-height: 68px;
color: #ffffff;
padding: 0 20px;
font-size: 13px;
font-family: FontPlus;
}

#footer a:hover {
opacity: 0.90;
}

#footer .copy {
float: right;
}

/* FAQ */

.faq span {
color: #00336d;
font-size: 25px;
font-family: FontPlus;
font-weight: 100;
}

b.faq-title {
font-size: 25px;
font-family: FontPlus;
font-weight: 500;
color: #00336d;
display: block;
margin-bottom: 15px;
}

#slider1:after {
content: '';
display: block;
clear: both;
height: 1px;
}

.faq .faq-txt {
width: 500px;
float: left;
display: block;
}

.faq .contentdiv {
width: 440px;
float: right;
display: block;
}

.faq .one-link {
width: 100%;
height: 40px;
display: block;
margin-bottom: 8px;
}

.faq .one-link span {
background: #0076aa;
font-size: 20px;
font-family: Arial;
font-weight: Bold;
color: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
display: block;
float: left;
text-align: center;
margin-right: 8px;
}

.faq .one-link a, .faq .one-link a.toc.selected:hover {
background: #e9e9e9;
height: 40px;
line-height: 40px;
display: block;
float: left;
padding: 0 10px;
font-family: Arial;
font-size: 17px;
color: #2b2b2b;
}

.faq .one-link a:hover, .faq .one-link a.toc.selected {
background: #0076aa;
color: #ffffff;
opacity: 1;
}

.faq .contentdiv {
font-size: 14px;
font-family: Arial;
color: #ffffff;
line-height: 21px;
}

.faq .faq-gui {
margin-top: 80px;
}

/* O-nas :ourteam */

#ourteam {
padding-bottom: 100px;
}

#ourteam h2 {
font-weight: 500;
margin: 40px 0 60px 0;
background: none;
font-size: 24px;
}

#ourteam .one-person.title {
background: url('./images/av-oneperson.png') top left no-repeat;
height: 40px;
padding-left: 50px;
line-height: 20px;
}

#ourteam .one-person.txt {
margin: 40px 0 20px 50px;
padding-bottom: 20px;
width: 910px;
background: url('./images/br-oneperson.png') bottom left no-repeat;
}

#ourteam .one-person.txt.non {
background: none;
}

#ourteam .one-person {
font-size: 15px;
color: #545454;
line-height: 30px;
}

#ourteam .one-person h3 {
color: #00336d;
font-size: 15px;
}

#ourteam .one-person span {
font-weight: Bold;
line-height: 30px;
}

/* Kontakt */

.contact-txt:after {
display: block;
clear: both;
height: 1px;
content: '';
}

.contact-txt {
padding: 20px 0 80px 0;
}

.contact-txt .first-box {
width: 265px;
display: block;
float: left;
}

.contact-txt .first-box h3, .contact-txt .second-box h3 {
text-transform: uppercase;
color: #00336d;
font-size: 20px;
font-family: FontPlus;
font-weight: Bold;
margin-bottom: 5px;
}

.contact-txt .second-box h3 {
text-transform: none;
}

.contact-txt .first-box ul {
list-style: none;
}

.contact-txt .first-box input, .contact-txt .first-box textarea, .contact-txt .first-box select {
border: 1px solid #d4d4d4;
background: #f4f4f4;
font-family: Arial;
font-size: 14px;
color: #8f8f8f;
padding: 10px 15px;
width: 235px;
display: block;
margin-top: 8px;
}

.contact-txt .first-box select {
width: 265px;
}

.contact-txt .first-box textarea {
height: 185px;
}

.contact-txt .first-box input[type="submit"] {
background: #0074a9;
font-size: 20px;
font-weight: Bold;
color: #ffffff;
text-transform: uppercase;
width: 90px;
float: left;
border: 0;
margin-top: 15px;
font-family: FontPlus;
font-weight: 900;
}

.contact-txt .second-box {
width: 260px;
display: block;
float: left;
font-size: 20px;
line-height: 40px;
text-align: left;
margin-left: 103px;
font-family: FontPlus;
font-weight: 500;
}

.contact-txt .second-box .loc, .contact-txt .second-box .mail, .contact-txt .second-box .phone {
background: url('./images/icon-loc.png') no-repeat;
width: 24px;
height: 20px;
display: block;
float: left;
position: absolute;
margin-left: -28px;
margin-top: 8px;
}

.contact-txt .second-box .mail {
background: url('./images/icon-mail.png') no-repeat;
margin-top: 12px;
}

.contact-txt .second-box .phone {
background: url('./images/icon-phone.png') no-repeat;
}

.contact-txt .map-box {
background-color: rgba(0, 0, 0, 0.03);
padding: 1px;
display: block;
float: right;
}
