@charset "utf-8";
/* CSS Document */
html { height: 100%;
max-width: 100vw;
margin: 0; padding: 0;
}
body { height: 100%; color: #555;
margin: 0; padding: 0;
max-width: 100vw;
}
hr{
background: #f2f2f2;
border: 0px;
height: 1px;
margin: 10px 0;
}
.nonfz
{
width: 22px !important;
margin-bottom: 3px;
}
.kontaktikony
{
width: 50px !important;
text-align: center;
padding-top: 0px;
font-size: 2em;
}
.icon-main {
opacity: 0.7;
width: 60px;
height: 60px;
}
.top_menu{
margin-top: 40px;
border-bottom: solid 1px #eee;
}
.top_bar{
height: 40px;
border-bottom: solid 1px #eee;
}
.logo
{
height: 60px;
position: relative;
top: -60px;
}
.logo img
{
width: 200px ;
}
.top
{
height: 373px;
margin-top: 0px;
padding-top: 0px;
}
main{
margin-top: 130px;
}
.border-top
{
border-top: solid 1px #efefef;
}
.nav-link
{
padding-top: 4px !important;
}
#img_top
{
float: left;
width:500px;
height: 373px;
background: url(../img/IMG_0304.jpeg) no-repeat;
/* background: url(../img/top.jpg) no-repeat; */
position: absolute;
z-index: 1;
margin-left: 60px;
}
#zadzwon
{
width: 60%;
height: 200px;
padding-top:50px;
float: right;
text-align: center;
position:relative;
z-index: 2;
}
#numery
{
margin: auto;
margin-top: 30px;
text-align: right;
background: url(../img/tel.png) no-repeat;
background-position: left;
width: 400px;
height: 45px;
padding-left: 45px;
color: #9b7da9;
font-size: 27px;
line-height: 43px;
}
.pub { list-style: none; margin: 0px; padding-left: 0px; padding-right: 0px;}
.pub li
{
margin-bottom: 10px;
padding: 10px;
}
.pub li:nth-child(2n+1) {
background: #f9f6fa;
}
.bg-gray
{
background-color: rgb(238, 238, 238);
}
.arrow
{
padding: 0px 20px;
float: left;
background: #aaa;
}
.lista_arrow li:hover .arrow
{
background: #ba9ec7 !important;
}
.lista_arrow
{
list-style: none;
display: block;
float: left
}
.lista_arrow li a
{
padding-left: 20px;
}
.lista_arrow li
{
float: left;
width: 100%;
border: 1px solid #eee;
line-height: 35px;
margin-bottom: 5px;
}
footer{
font-size: 13px;
line-height: 30px;
width: 100%;
padding: 20px 0px 10px 0px;
background: #f2f2f2;
padding-top: 5px;
margin-top: 15px;
}
footer .column
{
max-width: 100%;
}
.autor
{
text-align: right;
}
@media (max-width: 767.98px) {
#numery
{
background: none;
padding-left: 0px;
text-align: center;
}
.logo
{
height: 20px;
}
main{
margin-top: 20px;
}
.navbar-nav
{
margin-top:25px;
}
#img_top
{
margin-left: 0px;
padding: 0px;
}
.logo img
{
width: 150px;
}
.navbar-nav li
{
text-align: center;
border-bottom: solid 1px #eee;
height: 45px;
padding-top: 5px !important;
}
/* #zadzwon
{
background-color: #ffffffD6;
height: 100%;
width: 100%;
} */
footer .column , .autor
{
text-align: center;
}
}
#normalny, #przejscie
{
display: block;
}
a
{
color: #444;
text-decoration: none;
}
a:hover
{
color: #49205b;
text-decoration: none;
}
.efekt_item img
{
width: 300px;
}
button
{
background: #ba9ec7;
color: #fff;
border: 0px;
padding: 10px 20px;
letter-spacing: 1px;
cursor: pointer;
margin-top: 10px;
}
button:hover
{
opacity: 0.7;
cursor: pointer;
}
.button
{
background: #ba9ec7;
color: #fff;
border: 0px;
padding: 10px 20px;
letter-spacing: 1px;
cursor: pointer;
margin-top: 10px;
float: none !important;
}
.button:hover
{
opacity: 0.7;
cursor: pointer;
}
.h2Kontakt {
font-size: 1.1em;
white-space: nowrap;
}
h2 {color: #9b7da9; }
.naglowek-margin { margin-top: 50px !important;}
.social
{
height: 40px;
width: 100%;
font-size: 1.4em;
text-align: right;
color: #9b7da9;
padding: 0px;
margin: 0px auto;
}
.social ul
{
list-style: none;
padding: 0px;
margin: 0px;
float: right !important;
}
.social ul li
{
float: left;
display:inline ;
padding-right: 15px;
margin: 0px;
padding-top:0px;
padding-left: 5px ;
text-align: right;
line-height: 40px;
vertical-align: middle;
height: 40px;
}
.navbar-toggler
{
color: #9b7da9;
padding-top: 0;
}
.menu
{
float: right;
text-align: right;
max-width: 1180px !important;
height: 125px;
}
.menu_stopka
{
float: left !important;
margin-top: 12px !important;
width: 520px;
}
.menu > ul
{
border: 0px;
display: inline;
padding: 0px;
margin: 0px;
float: right;
}
.menu > ul > li {
float: left;
width: auto;
height: 35px;
padding-left: 15px ;
padding-right: 15px ;
list-style: none;
text-align: center;
vertical-align: middle;
}
footer .menu ul li
{
text-align: left !important;
padding-left:0px !important;
padding-right:20px !important;
}
.menu > ul > li:hover .topmenu
{
display: block;
}
.menu_stopka ul
{
float: left !important;
}
#slider
{
margin:auto;
min-width: 980px;
max-width: 1300px;
height: 373px;
background: url(../img/bg_top.png) repeat-y;
background-position: center;
margin-top: -39px;
}
#center_slider
{
width: 980px;
height: 373px;
margin:auto;
}
.top-text
{
color: #000;
}
#zadzwon p
{color: #9b7da9;
font-size: 14px;
margin-top: 30px;
line-height: 22px;
}
.dent
{
color: #9b7da9;
font-size: 14px;
line-height: 80px;
}
.zadzwon
{
font-size:20px;
color: #693c7d;
}
.nav-item
{
height: 35px;
padding-left: 10px ;
padding-right: 10px ;
margin: 0px;
white-space: nowrap;
}
.topmenu
{
min-width: 100px;
padding: 10px 5px 10px 5px;
background: #c8abd6;
border-radius: 8px 8px 8px 8px;
margin-left: - 100px;
position: absolute;
top: 110px;
z-index: 5;
display: none;
}
.topmenu > ul
{
margin: 0px;
padding: 0px;
display: block;
}
.topmenu > ul > li
{
line-height: 30px;
list-style: none;
font-weight: normal;
font-size: 1.4em;
}
.czarne_tlo {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
min-height: 100vh;
background-color: #000000;
z-index:91001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.biala_tresc {
display: none;
position: absolute;
top: 10%;
left: 15%;
width: 70%;
padding: 16px;
border-radius: 10px;
background-color: #ffffff;
z-index: 991002;
overflow: auto;
}
#normalny, #przejscie
{
display: block;
}
#mapka
{
border-bottom: solid 1px #ba9ec7;
border-top: solid 1px #ba9ec7;
width: 100%; height: 250px; overflow: hidden;
}
#ciastko
{
position: fixed;
bottom: 0px;
width: 100%;
background: #fff;
border-top: solid 1px #ba9ec7;
z-index: 90;
}
.content
{
width: 948px;
margin:auto;
text-align: center;
}
#podmapie
{
max-width: 948px;
margin: 20px auto;
text-align: justify;
overflow: hidden;
}
#main
{
margin: auto;
margin-top: 5px;
max-width: 980px;
overflow: hidden;
}
#efekty
{
float: left;
width: 535px;
margin-bottom: 20px;
}
#efekty_in
{
float: left;
width: 535px;
border-bottom: 1px solid #f2f2f2;
}
#efekty img
{
width: 100%;
}
#efekty div
{
float: left !important;
}
#efekty .efekt_item
{
width: 245px !important;
margin-bottom: 13px;
float: left;
}
#efekty #pos
{
display: none;
}
#efekty2
{
float: left;
width: 640px;
margin-bottom: 20px;
}
#efekty strong, #efekty2 strong
{
color: #7a528c !important;
font-weight: normal;
}
#efekty_menu ul
{
float: right;
width: 300px;
list-style: none;
display: block;
margin: 0px;
padding: 0px;
}
#efekty_menu ul li
{
border: 1px solid #eaeaea;
margin: 8px 0px;
float: left;
width: 300px;
width: 286px !important;
}
#efekty_menu ul li:hover, .selected
{
background: #ba9ec7;
}
.text-purple
{
color: #9b7da9;
}
.efekt_item
{
width: 300px;
float: left;
margin-bottom: 30px;
}
.efekt_item:nth-child(2n+1)
{
margin-right: 40px;
}
#pos
{ margin-bottom: 10px;
width: 100%;
height: 30px;
border-bottom: 1px solid #f2f2f2;
float: left;
}
#pos p
{
padding: 3px 0px;
margin: 0px;
}
#pos:hover
{
cursor: pointer;
}
#efekty_menu a
{
display:block;
padding: 7px;
}
#efekty_menu a:hover, #efekty_menu ul li:hover , .selected a
{
color: #fff;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
padding-top: 3rem;
padding-bottom: 3rem;
color: #5a5a5a;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
bottom: 3rem;
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
height: 32rem;
}
.carousel-item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
.marketing h2 {
font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
margin-right: .75rem;
margin-left: .75rem;
}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider {
margin: 5rem 0; /* Space out the Bootstrap
more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
/* rtl:remove */
letter-spacing: -.05rem;
margin-bottom: 0.4em;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
.featurette-heading {
font-size: 40px;
}
}
@media (min-width: 62em) {
.featurette-heading {
margin-top: 1rem;
}
}
@media (max-width: 700px) {
.featurette-heading {
font-size: 28px;
}
}
.table-godziny
{
width: 100%;
margin-top: 0px;
}
.table-godziny td
{
padding: 0px;
}