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



html, body {
 
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
 
 
}

.wrap {
  width: 92%;
  margin-top:30px;
  position: relative;
 margin-right:4%;
 margin-left:4%;
  background: #000000;
  color: #fff;
  text-align: center;
}

	
header {
  background: #000000;
  box-shadow: 0 0.5em 1em rgba(255, 198, 0, 0.5);
  top: 0;
  left: 0;

  width: 100%;

}

header label {
  color:#ffffff;
  cursor: pointer;
  display:inline-block;
  line-height: 4em;
  font-size: 1.4vw;
  padding: 0 2em;
  white-space: nowrap;
  font-family: 'Open Sans Condensed', sans-serif;
  position:relative;
}

header label:hover {
  background: #ffffff;
  color:#000000;
}


.logo_image
 {

	 padding-left:2%;
	 width:98%;
	 margin-top:1%;
	 position:relative;
	 margin-left:1%;
	 margin-right:1%;
 }



    /*overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    /*background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(252, 218, 17, 0.8)), url("..//images/image_top.jpg");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(252, 218, 17, 0.8)), url("..//images/image_top.jpg"); /* The least supported option. */
	/*-webkit-margin-before:0em;
	-webkit-margin-after:0em;*/
	/*padding-bottom:1%;
	margin-top:4%;
	padding-top:1%;*/
}




.product_category
{
	
	display:flex;
	flex-direction: row;

	justify-content:center;
	align-items:center;
	text-align:center;
	margin-top:30px;
	margin-left: 4%;
    margin-right: 4%;
    width: 92%;
}




table
{
	width:90%;
	border-radius:5px;
	margin-left:5%;
   margin-right:5%;
   margin-top:50px;
	border: 1px solid white;
	
	
}

table tr:hover
{
	background-color:rgba(255, 198, 0);
	cursor: pointer;
}

th
{
	vertical-align:central;
	text-align:center;
	background-color:rgba(0, 0, 0, );
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:1em;
	color:#FFFFFF;
	border-radius:5px;
	border-style:none;
}

td
{
	vertical-align:central;
	text-align:center;
	background-color:rgba(235, 236, 236, 0.5);
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:1em;
	color:#000000;
	border-radius:5px;
	border-style:none;
}
td a { 
   display: block; 
   color:#000000;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

p
{
	width: 90%;
    color:#FFF;
	font-size:1.3em;
	 font-family: 'Open Sans Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
   font-stretch:extra-condensed; 
   text-align:left;
      
   float:left;
   line-height:150%;
  	margin-left:5%;
   margin-right:5%;

}



.right_column
{
	
	
	width:50%;
	float:left;
	top:0;
}

/*.right_column_image
{
	width:40%;
	padding: 5% 5% 5% 5%;
	float:left;
}*/

h3
{
	text-align: right;
	width:80%;
	padding-right:8%;
	padding-left:12%;
    color:#FFFFFF;
	font:3vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;  
   	font-stretch:condensed;
	margin-top:-1%;
}

.bottom_line_product
{
	
	position:relative;
	width:100%;
	height:4px;
	float:left;
	margin-top:3%;

	
	background-color:rgba(255, 198, 0);
}


a.prev,a.next {
	height:91px;
	position:absolute;
	width:43px;
	top:40%;
	margin-top:0%;
	opacity:0.6;
	text-indent:-99999px;
	cursor:pointer;
	-webkit-transition:opacity 200ms ease-out;
}
a.prev:hover,a.next:hover {
	opacity:1;
}
.prev {
	left:0;
	background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px 25px;
}
.next {
	right:0;
	background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px 25px;
}
.slider {
	
	position: relative;
	height:80%;
	
}
.slide {
	
	position:absolute;
	
	width:100%;
}
.slider .slide:target {
	z-index: 100;
}
img {
	
	

}

.image_left { 
	width:90%;
	margin: 2% 2% 2% 2%;
	position:relative;
	border-radius: 5px;

  	transition: all ease 0.2s;
 	border: 1px solid #ffffff;
	
	display:block; 
 
	cursor: pointer; 
	-webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease; 
} 

/*change the number below to scale to the appropriate size*/ 
.image_left:hover { 
transform: scale(1.5); 
z-index:999;
}

.image_right { 
width:90%;
	margin: 2% 2% 2% 2%;
	position:relative;
	border-radius: 5px;

  transition: all ease 0.2s;
  border: 1px solid #ffffff;
 
display:block; 
 
cursor: pointer; 
-webkit-transition-property: all; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-timing-function: ease; 
} 

/*change the number below to scale to the appropriate size*/ 


.image_right:hover { 
transform: scale(1.5); 
z-index:999;
}


#paragraph1::after
{

    content: "\a";
    white-space: pre;
}

#paragraph2::before
{

    content: "\a";
    white-space: pre;
}

#paragraph3::before
{

    content: "\a";
    white-space: pre;
}

#paragraph4::before
{

    content: "\a";
    white-space: pre;
}

#paragrap5::before
{

    content: "\a";
    white-space: pre;
}


/*.title_block
{
	width:30%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:930;
	margin-top:-1%;
	float:right;
	margin-left:25%;

	}*/

.bottom_text_brandiran
   {
	width: 100%;
    color:#FFF;
	font:1.2vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;
   text-align:center;
   margin-top:20px;
   float:left;
   padding-bottom:2%;
   }
   
   .bottom_text_brandiran span
   {
	   color:rgba(199,0,4,1.00);
	   font-weight: bold;
   }

.bottom_text_kurierski
   {
	width: 100%;
    color:#FFF;
	font:1.2vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;
   text-align:center;
   margin-top:20px;
   float:left;
   padding-bottom:2%;
   }
   
   .bottom_text_kurierski span
   {
	   color:rgba(255, 198, 0);
	   font-weight: bold;
   }
 

/* horizontal menu styles */
.menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
	
}
  
.menu-item {
    flex: 1;
    text-align: center;
	color:#ffffff;
  	cursor: pointer;
	position:relative;
 	display: inline-block;
 	font-family: 'Open Sans Condensed', sans-serif;
}



td a { 
   display: block; 
   color:#000000;
}


.product_category .row
{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	
	
}

.product_category .row .column
{
	display:flex;
	flex-direction: column;
   
	
    width: 54%;
	
	}
	.product_category .row .column1
{
	display:flex;
	flex-direction: column;

	
    width: 20%;
	
	}

	.product_category .row .column2
{
	display:flex;
	flex-direction: column;

	
    width: 23%;
	
	}	
	
.element
{
	position: relative;
	width:100%;
  margin-bottom:5px;
}


/* vertical menu styles */
@media (max-width: 1000px) {
    .product_category .row {
       flex-direction: column;
	   width: 100%;
    }
	
.product_category .row .column
{
	
    width: 100%;
	
	}

	.product_category .row .column1
{

	position:relative;
    width: 100%;
	
	}	
	
header label {
   font-size: 4vw;
}

table
{
	width:90%;
	border-radius:5px;
	margin-left:5%;
   margin-right:5%;
   margin-top:50px;
	border: 1px solid white;
	
	
}

th
{
	
	font-size:1.6em;
	
}

td
{
	
	font-size:1.6em;
	
}

}

  
/* vertical menu styles */
@media (max-width: 1000px) {
    .menu {
       flex-direction: column;
    }
    .menu-item {
       flex: none;
       width: 100%;
	   
    }


@media (max-width: 1000px) {
    .image_left:hover { 
	transform:none;
}

.image_right:hover { 
transform:none; 

}
}