<!--
@charset "ISO-8859-2";

/* GLOBALNE USTAWIENIA
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

html, body { height: 100%; }
body { 
    background: #FFF;
    margin: 0; 
    padding: 0; 
    color: #000000; 
    font-family: 'Roboto', Verdana, sans-serif; 
    font-size: 18px; 
    font-weight: 300; 
    line-height: 24px; 
}

p { margin: 10px 0 10px 0; }
strong { font-weight: bold; }
img { max-width: 100%; height: auto; }

hr { border: 0; border-bottom: 1px solid #00c980; margin: 0 0 30px 0; }
ul, ol { margin: 0; padding: 0; }
* { outline: 0; }

/* Show image placeholders */
@-moz-document url-prefix(http), url-prefix(https), url-prefix(file) {
    img:-moz-broken {
        -moz-force-broken-image-icon: 1;
        width: 24px;
        height: 24px;
    }
}

.container { width: 1180px; margin: 0 auto; position: relative; }
.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

.container2 { width: 1050px; }

#content {
    padding: 25px 0;
}

#top_belka {
    height: 30px; 
    background: #EBEBEB;
    line-height: 30px;
}

#top_belka a {
    color: #000;
    font-weight: 100;
	font-size: 14px;
}

#top_belka span {
    color: #000;
    margin: 0 15px;
}

#logo {
    float: left;
}

#menu_belka {
    padding: 15px 0;
}

#slider1 {
    float: left; 
    width: 780px; 
    height: 340px;
}

/* STOPKA
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#stopka {
    height: 316px; 
    background: url('../grafika/bg_stopka.jpg');
    color: #FFF;
    padding-bottom: 25px;
}

#stopka .container {
    padding-top: 70px;
}

#stopka a { color: #FFF; }
#stopka .naglowek { font-size: 20px; }

/* NAWIGACJA MOBILNA
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.responsive-nav {
    display: none;
    margin: 10px auto 0px;
    padding: 5px;
    z-index: 10;
    position: relative;
}

         
/* NAGŁÓWKI
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.sekcja {
	position: relative;
}

.sekcja-naglowek {
    font-size: 36px;
    font-weight: 300;
    margin: 25px 0;
}

.sekcja-naglowek2 {
    font-size: 18px;
    font-weight: 300;
    margin: 25px 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #000000;
    margin: 0 0 25px 0;
    line-height: normal
}

h1 {  font-size: 38px; text-transform: uppercase; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }

h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* LINKI
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

a { color: #00c980; text-decoration: none; }
a:hover { color: #D6263B; text-decoration: none; }

#footer a { color: #999999; }
#footer a:hover { color: #baa270; }
#footer_menu a { color: #999999; margin-right: 15px; }
#footer_menu a.active { color: #baa270; }
#footer_menu a:hover { color: #baa270; }

a.login_box  { color: #618AA0; }
a.login_box:hover { color: #486674; }

/* LISTY
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

article ol, article ul { margin: 0 0 0 30px; }
article ul {  }
article li {  }

article h1 ~ ul { margin-top: 20px; }

/* TABELE
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

table { 
    width: 100%; 
    margin: 0 auto; 
    border: 0;
    border-collapse: separate; 
}

td, th {
    border-bottom: 1px solid #C9C8C6;
    padding: 10px;
    text-align: center;    
}

th {  border-top: none; text-align: left; }
td { padding: 10px 10px; vertical-align: top; font-size: 16px; }

tbody tr:hover td {
    background: #E1E6ED;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

tfoot td {
    background-color: #f1f1f1;      
    color: #999999;
}

/* MENU
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.slicknav_menu {
	display:none;
}
nav { text-align: center; float: right; margin-top: 15px; }
nav a {
    display: block; 
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 12px 12px;
}

nav ul { list-style: none; }
nav li { float: left; position: relative; }

nav li a.active {
    color: #FFF; 
    background: #D6263B; 
}

nav li:hover a {
    color: #FFF;
    background: #D6263B; 
}

nav li a.sklep {
    color: #FFF; 
    background: #00c980; 
}

/* MENU2
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

nav2 { text-align: center; float: left; margin-bottom: 35px; border-bottom: 1px solid #BCC2CA;}
nav2 a {
    display: block; 
    color: #000;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 12px 12px;
}

nav2 ul { list-style: none; }
nav2 li { float: left; position: relative; }

nav2 li a.active {
    color: #FFF; 
    background: #BCC2CA; 
}

nav2 li:hover a {
    color: #000;
    background: #DFE2E5; 
}

nav2 li a.sklep {
    color: #FFF; 
    background: #00c980; 
}

/* STRONA GŁÓWNA
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

article { position: relative; }


.open_shop {margin:0 auto; width:460px; padding-top:40px;}
.os_txt {width:436px;}
.os_submit {background: #01C981; color: white; text-align: center; padding: 25px 0px; display: block; width:460px; font-size: 16px;}
.os_div {width:460px; text-align:right; height:70px;}
.slider_opinie {float: left; width: 400px; height: 340px;}

/* SLIDERY
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.slick-prev::before { content: ""; }
.slick-next::before { content: ""; }
.slick-dots li button::before { content: ""; }
.slick-dots {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.slick-dots li {
	width: 12px;
	height: 12px;
}

.slick-dots li button {
    background: url('../grafika/slider-kropki.png') no-repeat;
    height: 12px;
    width: 15px;
}

.slick-dots li.slick-active button {
    background-position: -18px 0; 
}

.slick-prev {
    left: 0;
    background: url('../grafika/ico_arrow_left.png') top center no-repeat;
    width: 14px;
    height: 24px;
}

.slick-next {
    right: 0;
    background: url('../grafika/ico_arrow_right.png') top center no-repeat;
    width: 14px;
    height: 24px;
}

/* STRONA GLOWNA
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#glowna_formularz {
	height: 427px; 
	background: url('../grafika/tlo_formularz.jpg') left top no-repeat;
}

/* FUNKCJONALNOŚĆ
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#funkcjonalnosc {
    margin: 0 auto;
    *width: 1050px;
    border: 0px solid red;
    text-align: center;
}

#funkcjonalnosc .box {
    width: 290px;
    margin: 15px;
    padding: 14px;
    border: 1px solid #dfdfdf;
    *float: left;
    text-align: center;
    font-size: 16px;
    display: inline-block;
	
}

#funkcjonalnosc .naglowek {
	font-family: 'Roboto'; 
	font-weight: 300;
	font-size: 26px;
    line-height: normal;
}

/* AKTUALNOŚCI
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.aktualnosc {
    border: 1px solid #dfdfdf;
    margin-bottom: 25px;
}

.aktualnosc .zdjecie {
    float: left;
    width: 280px;
    padding: 20px;
    margin-right: 0px;
    text-align: center;
}

.aktualnosc .opis {
    float: left;
    width: 836px;
    padding: 20px 20px 20px 0;
}

/* POMOC
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.pomoc_temat {
	float: left; 
	width: 230px;
}
.pomoc_opis {
	float: left; 
	width: 936px; 
	padding-left:10px; 
	border-left: 1px solid #EBEBEB;
}
#menu-pomoc {
	list-style: none;
 	margin:0;
}

#menu-pomoc li {
	padding-bottom: 20px;
	padding-right: 5px;
}


/* FAQ
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#faq .box {
    padding-left: 50px;
    margin-bottom: 45px;
    padding-top: 5px;
    background: url('../grafika/faq_pytajnik.png') top left no-repeat;
}

.faq-c {

}
.faq-q {
  cursor: pointer;
  mib-height:38px;

}
.faq-a {
  display: none;
}

/* CENNIK
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#cennik td { 
	vertical-align: middle;
}

.tlo-czerwone { background: #D6263B; }
.tlo-zielone { background: #00c980; }
.tlo-zolte { background: #FFE200; }

/* KATALOG SKLEPÓW
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.responsive-nav {
    display: none;
    margin: 10px auto 0px;
    padding: 5px;
    z-index: 10;
    position: relative;
	width: 90%;
	border: 3px solid red;
}


#katalog-lewa {
float: left; width: 250px; padding-top:20px;
}

#katalog-lewa2 {
float: left; width: 250px; padding-top:20px;
}

#katalog-prawa {
float: left; width: 909px; padding-left:20px; padding-top:20px; border-left: 1px solid #EBEBEB; min-height:1369px;
}

#wyrazenie {width:800px}

#menu-katalog {
	list-style: none;
	margin:0;
	
}

#menu-katalog li {
        height:27px;
	width:250px;
	padding-left:25px;
	margin-bottom: 10px;
	background-image: url('../grafika/likat.png');
	background-repeat: no-repeat;
}


#menu-katalog li.active {
        height:27px;
	width:250px;
	padding-left:25px;
	margin-bottom: 10px;
	background-image: url('../grafika/likat2.png');
	background-repeat: no-repeat;
}

a.menu-katalog_ac {
    color: #00C980; 
}

a.menu-katalog{
    color: #000; 
}


/* KONTAKT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#kontakt_lewa {
	float: left;
	width: 50%;
	
}

#kontakt_prawa {
	float: left;
	width: 50%;
}
#kontakt_lewa2 {
	float: left;
	width: 50%;
}

#kontakt_prawa2 {
	float: left;
	width: 50%;
}


/* ORDER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#order_lewa {
	float: left;
	width: 50%;
	
}

#order_prawa {
	float: left;
	width: 50%;
}

#order_lewa2 {
	float: left;
	width: 50%;
	
}

#order_prawa2 {
	float: left;
	width: 50%;
}
.order_end {width: 460px; margin: 0 auto; }

/* SETUP
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#setup_lewa {
	float: left;
	width: 60%;
	
}

#setup_prawa {
	float: left;
	width: 40%;
	margin-top:60px;
}

#opis-setup {
	list-style: none;
}

#opis-setup li{
	margin-bottom: 30px;
}

/* FORMS
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

input, textarea, select { padding: 12px 10px; }
input[type="submit"] { cursor: pointer; border: 0; }


.katalog_submit {background: #FFF; color: #00C980; border:1px solid #00C980 !important; text-align: center;  width:77px; font-size: 14px;}


.form { padding: 8px 10px; border: 1px solid #C9C8C6; font-size: 14px; }
.form:focus { border-color: #F3896E; }

#div_form_center  {width: 480px; text-align:center; margin: 0 auto;}
.contact_div {width:460px; text-align:right; height:70px;}
.contact_div2 {width:460px; text-align:right;height:270px;}
.contact_div3 {width:519px;}
.contact_txt {width:436px;}
.contact_select {width:459px; font-size: 14px; color: #A9A9A9;}
.cata_select {width:260px; font-size: 14px; color: #A9A9A9;}
.contact_txtarea {width:436px; height: 210px;}
.cata_txtarea {width:237px; height: 100px;}
.contact_submit {background: #01C981; color: white; text-align: center; padding: 25px 0px; display: block; width:460px; font-size: 16px;}
.order_txtarea {width:437px; height: 80px;}
.order_txtarea2 {width:437px; height: 50px; border:0;}


#div_form_center2  {width: 520px; text-align:center; margin: 0 auto;}
.zm_data_opis {width:50%; float:left; text-align:left}
.zm_data_pole {width:50%; float:left; text-align:right; padding-bottom:20px;}
.zm_data_txt {width:236px;}
.zm_data_submit {background: #01C981; color: white; text-align: center; padding: 25px 0px; display: block; width:520px; font-size: 16px;}

#div_form_center_setup  {width: 620px;}
.zm_setup_opis {width:50%; float:left; text-align:left}
.zm_setup_pole {width:50%; float:left; text-align:right; padding-bottom:20px;}
.zm_data_txt_short {width:120px;}
.order_txt_short {width:326px;}

.zm_data_txt_setup {width:263px;}
.contact_div4 {width:620px; text-align:right;height:100px;}
.zm_data_submit2 {background: #01C981; color: white; text-align: center; padding: 25px 0px; display: block; width:620px; font-size: 16px;}


.order_radio{
            display:none
        }

.order_radio + label{
         width: 140px;
            height: 84px;
            background: url("../grafika/radio.png") 0px 0px;
            display: inline-block;
            cursor: pointer;
	text-align:center;
	padding-top:10px;
	margin-right:15px;
	}

.order_radio:checked + label{
            background: url("../grafika/radio2.png") 0px 0px;
			color: #FFF
        }

.order_checkbox{
            display:none
        }
        .order_checkbox + label{
            width: 90%;
            min-height: 31px;
            background: url("../grafika/checkbox.png") 0px 0px;
	    background-repeat: no-repeat;
            display: inline-block;
            cursor: pointer;
	    padding-left:40px;
	    padding-bottom:10px;
        }
        .order_checkbox:checked + label{
            background: url("../grafika/checkbox2.png") 0px 0px;
	    background-repeat: no-repeat;
        }

.order_radio2{
            display:none
        }

.order_radio2 + label{
         width: 69px;
            height: 31px;
            background: url("../grafika/radio3.png") 0px 0px;
            display: inline-block;
            cursor: pointer;
	text-align:center;
	vertical-align:middle;
	margin-right:15px;
        }

.order_radio2:checked + label{
            background: url("../grafika/radio4.png") 0px 0px;
			color: #FFF
        }


/* PORCJOWANIE
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#porcjowanie { text-align: right; }
#porcjowanie a { border: 1px solid #dfdfdf; display: inline-block; margin-left: 10px; padding: 10px 15px; color: #000000; }
#porcjowanie a:hover { background: #00c980; }
#porcjowanie a.aktywna { background: #00c980; }

/* POMOCNICZE KLASY
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.padd-25 { padding: 25px; }
.padd-50 { padding: 50px; }

.padd-x-25 { padding: 0 25px; }
.padd-x-50 { padding: 0 50px; }

.padd-y-25 { padding: 25px 0; }
.padd-y-50 { padding: 50px 0; }

.kolor-czerwony { color: #D6263B; }
.kolor-zielony { color: #00c980; }
.kolor-zolty { color: #FFE200; }

.left { float: left; }
.hide { display: none; }
.right { float: right; }
.inline { display: inline; }
.block { display: block; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.lower { font-size: 12px;  }
.big { font-size: 40px;  }

.no-margin { margin: 0; }

.clearfix { *zoom: 1; }
.clearfix:before, 
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.clear { clear: both; }

label.error {
width: 250px;
color: red;
}
#control_form input.error, textarea.error { border-color:red; }
#cookies-box {background: #FFFFFF; color: #000000; padding: 15px 0; position: fixed; bottom: 10px; right:10px; width: 510px; z-index: 999; border-radius:10px;}

.error_box { width:600px; margin: 0 auto; color: red;font-weight: bold;border: 1px solid #F33;background-color: #FCC; padding: 20px}
.ok_box    { width:600px; margin: 0 auto; color: green;font-weight: bold;border: 1px solid #0C3;background-color: #D8FEC5; padding: 20px}

-->