@charset "utf-8";
/* CSS Document */

* { font-family: 'Lato', sans-serif; }
body { margin:0px; padding:0px; overflow-x:hidden; }
head { margin:0px; padding:0px;  }
form { margin:0px; padding:0px;  }

a {text-decoration:none; color: inherit}
a:focus { outline:none; }
a img {border:none}
a:hover {text-decoration:none}
.Clr { clear:both; height:0px;}
p {padding:0; margin:0}

.BtBlue {display:block; color:#fff; border:1px solid #0078a6; text-transform:uppercase;
background: #00aed6; /* Old browsers */
background: -moz-linear-gradient(top,  #00aed6 0%, #008cc1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aed6), color-stop(100%,#008cc1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00aed6 0%,#008cc1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00aed6 0%,#008cc1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00aed6 0%,#008cc1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00aed6 0%,#008cc1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aed6', endColorstr='#008cc1',GradientType=0 ); /* IE6-9 */
}
.BtBlue img {margin:0 0 1px 5px}



.BtBlue:hover {display:block; color:#fff; border-bottom:1px solid #1659a6; text-transform:uppercase;background: #34b6d3; /* Old browsers */
background: -moz-linear-gradient(top,  #34b6d3 0%, #2a97bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34b6d3), color-stop(100%,#2a97bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #34b6d3 0%,#2a97bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #34b6d3 0%,#2a97bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #34b6d3 0%,#2a97bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #34b6d3 0%,#2a97bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b6d3', endColorstr='#2a97bf',GradientType=0 ); /* IE6-9 */
}

.BtYellow {display:block; color:#fff; border:1px solid #ebb229; text-transform:uppercase;
background: #f7d055; /* Old browsers */
background: -moz-linear-gradient(top,  #f7d055 0%, #f2b82d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d055), color-stop(100%,#f2b82d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7d055 0%,#f2b82d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7d055 0%,#f2b82d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7d055 0%,#f2b82d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7d055 0%,#f2b82d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d055', endColorstr='#f2b82d',GradientType=0 ); /* IE6-9 */
}
.BtYellow:hover { background:#f7ce50}
.BtBYellow img {margin:0 0 1px 5px}


.HeaderHolder {height:180px;}
.Header {height:180px; width:980px ; margin:0px auto; position:relative; overflow:auto}
.Header hr {height:1px; background:#ccc; border:none;   position:relative; top:40px; margin:10px 0 }
.Header  .Phone { font-size:20px; font-weight:300; position:absolute; margin:10px 0 0 40px}
.Header  .Phone b {font-weight:900}
.Header  .Hours { font-size:20px; font-weight:300; position:absolute; margin:10px 0 0 370px }
.Header  .Hours b {font-weight:900}
.Header  .Login {position:absolute; margin:10px 0 0 100px; left:50%; border-right:1px solid #cccccc; padding:0 30px 0 0}
.Header  .Login a {font-size:20px; color:#07ade0; font-weight:700}
.Header  .Login a:hover {text-decoration:underline}
.Header  .Social { position:absolute; margin:10px 40px 0 0px; right:0}
.Header  .Social a {margin:0px 5px}
.Header .Logo {position:absolute; margin:60px 0 0 40px}
.Header  .Slogan {font-size:35px; font-weight:300; position:absolute; margin:50px 40px 0 0px; right:0}
.Header  .Slogan span {font-weight:700; color:#07ade0}


.HeaderScrolled {height:50px; width:100% ; margin:0px auto; position:fixed; background:#fff; z-index:999;   -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 5px rgba(0, 0, 0, 0.2);}
.HeaderScrolled hr {height:1px; background:#ccc; border:none;   position:relative; top:40px; display:none}
.HeaderScrolled  .Phone { font-size:20px; font-weight:300; position:absolute; margin:15px 0 0 -300px; left:50%}
.HeaderScrolled  .Phone b {font-weight:900}
.HeaderScrolled  .Hours { font-size:20px; font-weight:300; position:absolute;margin:15px 0 0 30px; left:50% }
.HeaderScrolled  .Hours b {font-weight:900}
.HeaderScrolled  .Login {position:absolute; margin:15px 0 0 100px; left:50%; border-right:1px solid #cccccc; padding:0 30px 0 0}
.HeaderScrolled  .Login a {font-size:20px; color:#07ade0; font-weight:700}
.HeaderScrolled  .Login a:hover {text-decoration:underline}
.HeaderScrolled  .Social { position:absolute; margin:15px 0 0 270px; left:50%}
.HeaderScrolled  .Social a {margin:0px 5px}
.HeaderScrolled .Logo {position:absolute; margin:5px 0 0 -490px; left:50%}
.HeaderScrolled .Logo img {height:40px}
.HeaderScrolled  .Slogan {font-size:35px; font-weight:300; position:absolute; margin:50px 40px 0 0px; right:0; display:none}
.HeaderScrolled  .Slogan span {font-weight:700; color:#07ade0}

.Head { height:575px; width:100%; }
.Head .Bg { position:absolute; text-align:center; left:50%; margin:0 0 0 -970px}

#SubPage .MainMenu { position:relative; z-index:10; height:70px; width:100%; background:#2c2c2c;  -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 15px 5px rgba(0, 0, 0, 0.3);}
.MainMenu {height:70px; width:100%; background:url(/img/MainMenuBg.png); position:absolute}
.MainMenu .Cnt {width:980px; text-align:center; margin:0px auto; padding:0 0 0 40px}
.MainMenu .Cnt a { display: block; font-size:22px; color:#fff; height:70px; padding:0px 30px; line-height:70px; border-right:1px solid #5a5b5b; float:left }
.MainMenu .Cnt a:last-child {border:none}
.MainMenu .Cnt a:hover {background:#000}

#SubPage .MainOffer { background:url(/img/MainOfferBg.jpg); height:182px; width:100%; margin:0; position:relative; left:auto}
#SubPage .MainOffer .Cnt {width:980px; margin:0px 0 0 -490px; position:absolute; left:50%;}
#SubPage .MainOffer  .Offer {height:auto; width:187px;  margin:25px 0 0 0; padding:0; background:none; border-right:1px solid #33b3d8;  -webkit-border-radius: 0px; border-radius: 0px;}
#SubPage .MainOffer  .Offer .Name { text-align:center; font-size:18px; font-weight:300; color:#fff; margin:10px 0 0 0}
#SubPage .MainOffer a:hover .Offer .Name {text-decoration:underline}
#SubPage .MainOffer a:hover .Offer { background:none; -webkit-box-shadow: none;
-moz-box-shadow:none);
box-shadow:none;}


.MainOffer {width:980px; margin:340px 0 0 -490px; position:absolute; left:50%;}
.MainOffer a {padding:0 10px 0 0;float:left; }

.Arrow { display:none}
.Active .Arrow {display:block !important; position:absolute; margin:-55px 0 0 53px}

.Active  {background:#00b2df !important; -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 15px 5px rgba(0, 0, 0, 0.3);}

.Offer {height:180px; width:188px; -webkit-border-radius: 10px; border-radius: 10px; background:url(/img/MainOfferBg.png); padding:25px 0 0 0;}
.Offer .Ico { text-align:center; }
.Offer .Name { text-align:center; font-size:22px; color:#fff; margin:10px 0 0 0}
.MainOffer a:last-child {padding:0 !important}
.MainOffer a:hover .Offer {background:#00b2df; -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 15px 5px rgba(0, 0, 0, 0.3);}

.News {height:316px; background:url(/img/NewsBg.jpg); width:100%}
.News .Cnt {width:980px; margin:0px auto; overflow:auto}
.News h2 {margin:0; padding:0; font-size:45px; font-weight:900; color:#333333; margin:50px 0 35px 0 }
.News h2 span {font-weight:300}
.News h2 a {color:#07ade0; font-size:24px; font-weight:400}
.News h2 a:hover  {text-decoration:underline}
.Shortcut {width:28%; float:left; margin:0 3% 0 0; border-right:1px solid #c6c6c6; padding:0 3% 0 0}
.Shortcut:last-child {margin:0; border:0}
.Shortcut a.Hd {color:#07ade0; font-weight:700; font-size:18px}
.Shortcut a:hover {text-decoration:underline}
.Shortcut p {font-size:14px; line-height:20px; padding:10px 0 0 0 }

.Shops {width:980px; margin:0px auto; overflow:auto; padding:0 0 80px 0}
.Shops h2 {margin:0; padding:0; font-size:45px; font-weight:900; color:#333333; margin:60px 0 60px 0 }
.Shops .Logo {width:33%; float:left; text-align:center}
.Shops hr {height:1px; background:#ccc; border:none; margin:40px 0}

.OfferLogos {height:150px; background:#f1f1f1; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
.OfferLogos .Cnt {width:980px; margin:0px auto;}
.OfferLogos .Cnt .Hd {width:200px; font-size:24px; font-weight:900; color:#333; position:absolute; margin:45px 0 0 0}
.OfferLogos .Cnt .Logos { position:absolute; margin:45px 0 0 220px}
.OfferLogos .Cnt .Logos div { position:absolute; width:745px}
.OfferLogos .Cnt .Logos div img {margin:0px 30px}



.Footer {width:980px; margin:20px auto; color:#eee}
.Footer a {font-size:14px; font-weight:400; padding:0 10px; color:#333}
.Footer a:hover { text-decoration:underline}


.UniPageCnt {width:980px;  margin:0px auto 0px auto; border-bottom:1px solid #ebebeb; padding:0 0 40px 0}
.BreadCrumps{height:55px; border-bottom:1px solid #ebebeb; font-size:16px; color:#333; line-height:55px}
.BreadCrumps a {color:#07ade0; font-weight:bold}
.BreadCrumps a:hover {text-decoration:underline}
.UniPageCnt h1 { font-size:45px; color:#333; font-weight:900; line-height:60px; margin:30px 0 40px }
.UniPageCnt h2 { font-size:30px; color:#333; font-weight:900; line-height:40px; margin:50px 0 30px 0}
.UniPageCnt h3 { font-size:26px; color:#333; font-weight:700; line-height:26px; margin:50px 0 30px 0}
.UniPageCnt p.Intro {font-size:24px; line-height:35px; font-weight:300}
.UniPageCnt p {font-size:16px; line-height:25px; margin:0 0 30px 0}
.UniPageCnt p a {font-size:16px; line-height:25px; font-weight:700; color:#f0a601}
.UniPageCnt p a:hover{text-decoration:underline}
.UniPageCnt p.PhotoSmallDesc {font-size:22px; line-height:25px; font-weight:normal; color:#9c9b9b; margin:0 0 0 30px; float:left; width:400px; line-height:30px}
.UniPageCnt img.PhotoSmall { float:left; border:1px solid #463326; }
.UniPageCnt ol.NumberList { list-style-type:decimal; font-weight:900; margin:0; padding:0 20px}
.UniPageCnt ol.NumberList li {margin:0 0 15px 0; line-height:25px; font-size:16px; padding:0 0 0 20px}
.UniPageCnt ol.NumberList li span{font-weight:normal}
.UniPageCnt ul {list-style-image:url(/img/ListBullet.png);  margin:0; padding:0 20px}
.UniPageCnt ul li {margin:0 0 10px 0; line-height:20px; font-size:16px; padding:0 0 0 5px}
.UniPageCnt ul ul {list-style: disc;  margin:20px 0 20px 0; padding:0 20px}
.UniPageCnt ul ul li {margin:0 0 5px 0; line-height:25px; font-size:16px; padding:0 0 0 5px}

.UniPageCnt table {width:100%; border-spacing:1px; padding:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.UniPageCnt table th {height:60px; background:#0091c4; font-weight:700; font-size:18px; text-align:left; padding:0 0 0 30px; color:#fff; margin:0 0 10px 0 }
.UniPageCnt table th.Vert {height:50px;  font-weight:400; font-size:16px; text-align:left; padding:0 0 0 30px; background:#d8eaf0; color:#333333}

.UniPageCnt table td {height:50px;  font-weight:400; font-size:16px; text-align:left; padding:0 0 0 30px}
/*.UniPageCnt table tr:nth-child(odd) td{background:#f8f8f8}*/
/*.UniPageCnt table tr:nth-child(even) td{ background:#fff}*/

.UniPageCnt table.left {}

.UniPageCnt .Gallery {margin:50px 0; overflow:auto}
.UniPageCnt .Gallery img {border:1px solid #463326; float:left; margin:0 10px 15px 0}
.UniPageCnt .Left {float:left; width:690px}

.UniPageCnt .Right {width:210px; float:right; background:#e9e9e9; padding:0px 25px 30px }
.UniPageCnt h4 {font-size:20px; font-weight:900; color:#333; margin:50px 0 30px}
.UniPageCnt .Right .Tel {font-size:18px; font-weight:700; display:block; line-height:30px }
.UniPageCnt .Right .Hours {font-size:18px; font-weight:300; display:block; margin:0px 0 20px; line-height:30px}
.UniPageCnt .Right .Mail {font-size:18px; font-weight:700; color:#0091c4; display:block; line-height:30px }
.UniPageCnt .Right .Mail a:hover {text-decoration:underline}
hr {height:1px; background:#d1d1d1; border:none; margin:20px 0px; padding:0}


.UniPageCnt .Right ul {list-style-image:url(/img/Arrow2.png);  margin:0; padding:0 20px}
.UniPageCnt .Right ul li {margin:0 0 0px 0; line-height:20px; font-size:16px; padding:0 0 0 10px;  }
.UniPageCnt .Right ul li a {display:block; border-bottom:1px solid #d1d1d1; padding:10px 0; color:#0091c4}
.UniPageCnt .Right ul li:last-child a {border:none}
.UniPageCnt .Right ul li a:hover {text-decoration:underline}


.UniPageCnt .Map { z-index:0}
.UniPageCnt .Map .Adress {line-height:20px; font-size:16px;}
.UniPageCnt .Map .Route {  margin:20px 0 30px -25px}
.UniPageCnt .Map .Bt { margin:0 0 0 -5px}
.UniPageCnt .Map .Bt a.BtBlue {height:40px; font-size:13px; font-weight:900; line-height:40px; width:220px; text-align:center; }


.ProductList table .Bt {width:60px}
.ProductList table .Bt a.BtYellow {height:25px; font-size:13px; font-weight:900; line-height:25px; width:60px; text-align:center; color:#000 }

.ProductList table {width:100%; border-spacing:1px; padding:0px; -webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;}
.ProductList table td {font-weight:400; font-size:16px; text-align:left; padding:10px 0; background:none !important; border-bottom:1px solid #e5e5e5}
.ProductList table td.Name a { color:#0091c4}
.ProductList table td.Name a:hover { text-decoration:underline}
.ProductList table td.Name {width:450px}
.ProductList table td.Price {font-weight:900; text-align:center}
.ProductList table td.Call {font-weight:900; text-align:center}
.ProductList table tr:nth-child(odd) td{}
.ProductList table tr:nth-child(even) td{ }
.ProductList table td input {height:25px; width:20px; border:1px solid #b2b2b2; padding:0px 10px;
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);}


.Contact .Bt {}
.Contact .BtBlue {height:35px; font-size:13px; font-weight:900; line-height:35px; width:220px; text-align:center; }
.Contact .ContactForm .Label { width:270px; float:left; text-align:right; font-size:16px; font-weight:700; padding:0 10px 0 0; margin:20px 0 0px 0}
.Contact .ContactForm .Form {margin:20px 0 0px 0; float:left}
.Contact .ContactForm .Form input {height:25px; width:250px; border:1px solid #b2b2b2; padding:0px 10px;
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);}

.Contact .ContactForm .Form textarea {height:150px; width:250px; border:1px solid #b2b2b2; padding:0px 10px;
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1);}

.Contact .ContactForm .Bt { margin:20px 0 0 280px}
.Contact .ContactForm .Bt a.BtBlue {height:40px; font-size:16px; font-weight:900; line-height:40px; width:100px; text-align:center;}


.NewsList .News { background:none !important; height:auto !important; float:none !important; font-size:14px}
.NewsList .News .Title {color:#07ade0; font-size:18px; font-weight:700; margin:0 0 10px 0}
.NewsList .News .Title a.Hd {color:#07ade0; font-weight:700; font-size:18px}
.NewsList .News .Title a:hover {text-decoration:underline}


.widgetInterComp {
    /*background: url("/img/nasze_sklepy_full.png") repeat scroll 0 0 transparent;*/
    display: block;
    float: left;
    height: 547px;
    padding: 0;
    position: fixed;
    top:130px;
    width: 232px;
    z-index: 100000;
}

.widgetInterComp_hide{
    left: -204px;
}

.widgetInterComp_show{
    left: 0px;
}

.size10 {font-size:10px}
.size12 {font-size:12px}

.CDborder{
    border-right: dotted 1px;border-left: dotted 1px;border-bottom: dotted 1px;border-top: dotted 1px
}