BODY{
margin:0px;
margin-top:2px;
background-color: rgb(155,205,255);
background-image: url('../img/body.jpg');
background-size: 100% ;
background-repeat: no-repeat;
}

DIV{
font-family:verdana;
}

A{
color:#000000;
text-decoration: none;
}



DIV#glowna{
	width:820px;
	position:relative;
	margin:0 auto;
	z-index: 1;
	border:2px solid rgb(0,128,255);
	overflow: hidden;
	margin-top:20px;
	margin-bottom: 30px;
	min-height:500px;
	border-radius:10px;
	-moz-border-radius:10px;
	box-shadow: 6px 6px 3px #343434;
	background-image: url('../img/t.png');

}

DIV#glowna2{
	width:810px;
	position:relative;
	margin:0 auto;
	z-index: 1;
	border:0px solid rgb(0,128,255);
	overflow: hidden;
	min-height:500px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color: transparent;
	margin-top:5px;
}



DIV#top{
float:left;
width:810px;
height:28px;
background-image: url('../img/top.png');
z-index:1000;

}


DIV#menu{
float:right;
}

#gallery {
	position:relative;
	height:410px;
	width:810px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	font-size:12px;
	font-weight: bold;
}
#gallery a {
		float:left;
		position:absolute;
	}

	#gallery a img {
		border:none;
	}

	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600;
		background-color:#000;
		color:#ffffff;
		height:70px;
		width:100%;
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}

	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#FF7F00;
		font-size:14px;


	}


DIV#top2{
float:left;
width:810px;
height:410px;
z-index:10;
}

DIV#top3{
float:left;
width:810px;
height:28px;
background-image: url('../img/top.png');
}

DIV#kategorieSelect{
float:left;
margin-top:3px;
margin-left:10px;
height:22px;
}

SELECT.kategoria{
font-family: Arial;
font-size:12px;
width:200px;
height:20px;
color:#434343;
}


DIV#kategoriePrzycisk{
float:left;
margin-top:4px;
margin-left:10px;
height:22px;
}

INPUT.kategorieEnter{
background-color: rgb(43,106,167);
color:#FFFFFF;
border: 0px;
height:20px;
width:60px;
font-size:12px;
vertical-align: middle;
padding-bottom:2px;
}

INPUT.kategorieEnter:hover{
background-color: rgb(21,53,85);
color:#FFFFFF;
border: 0px;
height:20px;
width:60px;
font-size:12px;
vertical-align: middle;
padding-bottom:2px;
}

DIV#m3Producenci{
float: left;
text-align: center;
margin-left:10px;
margin-top:8px;
height:14px;
}

DIV.m3producent1{
float:left;
font-size:12px;
text-transform: uppercase;
color:#323232;
font-weight: bold;
padding-left:6px;
text-shadow: 1px 1px 2px #000;
}

DIV.m3producent2{
float:left;
font-size:12px;
text-transform: uppercase;
color:#FFFFFF;
font-weight: bold;
padding-left:6px;
text-shadow: 1px 1px 1px #000;
}

DIV.m3producent1 A{
color:#323232;
}

DIV.m3producent2 A{
color:#FFFFFF;
}

DIV.m3producent1 A:hover,DIV.m3producent2 A:hover{
text-shadow: 0px 0px 0px #000;
}




DIV#top4{
float:left;
width:810px;
height:4px;
margin-top:1px;
background-color:rgb(255,128,0);
font-size:1px;
}


DIV.produkt{
float:left;
width:180px;
height:270px;
background-image: url('../img/produktTlo.jpg');
border:1px solid rgb(128,128,128);
margin:10px;
margin-left:10px;
margin-right:10px;
border-radius:4px;
-moz-border-radius:4px;
box-shadow: 6px 6px 3px #343434;
}

DIV.produktPromocja{
float:left;
width:180px;
height:270px;
background-image: url('../img/produktTloP.jpg');
border:1px solid rgb(128,128,128);
margin:10px;
margin-left:10px;
margin-right:10px;
border-radius:4px;
-moz-border-radius:4px;
box-shadow: 6px 6px 3px #343434;
}

DIV.produktZdjecie{
height:200px;
width:150px;
margin: 0 auto;
margin-top:10px;
overflow: hidden;
border-radius:4px;
-moz-border-radius:4px;
border: 1px solid #434343;
cursor: pointer;
}
DIV.produktZdjecieDodatkowe{

margin: 0 auto;
margin-top:10px;
overflow: hidden;
border-radius:4px;
-moz-border-radius:4px;
border: 1px solid #434343;
cursor: pointer;

}

/*
DIV.produktZdjecie:hover{
height:200px;
width:150px;
margin: 0 auto;
margin-top:10px;
overflow: hidden;
border-radius:4px;
-moz-border-radius:4px;
border:2px solid rgb(0,128,255);
}
*/
DIV.produktNazwa{
float:left;
margin-left:14px;
width:150px;
position: absolute;
}

DIV.produktNazwaPromocja{
float:left;
margin-left:14px;
width:150px;
}

DIV.produktCena{
position: absolute;
float:left;
margin-left:14px;
width:150px;
font-size:18px;
text-align: right;
font-weight: bold;
margin-top:12px;
color:rgb(255,128,0);
}


DIV.produktCenaPromocja{
position: absolute;
float:left;
margin-left:14px;
width:150px;
font-size:18px;
text-align: right;
font-weight: bold;
margin-top:12px;
color:rgb(255,128,0);
}

DIV.produktNazwa A{
float:left;
font-size:11px;
font-weight: bold;
}

DIV.produktNazwa A:hover{
color:rgb(0,128,255);
}

DIV.strona{
margin-top:10px;
float:left;
width:810px;
margin-bottom:10px;
}

DIV.stronaTytul{
margin-top:10px;
float:left;
width:810px;
text-align: left;
font-size:20px;
font-weight: bold;
color:rgb(255,128,0);
text-shadow: 2px 2px 3px #000;
}

DIV.stronaLinia{
float:left;
width:810px;
text-align: left;
font-size:0px;
}


DIV.stronaTresc{
margin-top:10px;
font-size:14px;

}


DIV#bottom{
height:40px;
width:820px;
background-color: rgb(0,67,100);
text-align: center;
color: #ff8000;
font-size: 10px;
font-family: Arial;
font-weight:bolder;
padding-top: 10px;
padding-bottom: 20px;
}

DIV#bottom1{
width:820px;
height:10px;
}

DIV#bottomLinia{
margin-left:30px;
margin-right:30px;
height:1px;
font-size:0px;
background-color: #FFFFFF;
}

DIV#bottom2{
text-align: center;
width:820px;
height:40px;
color: #ff8000;
font-size: 10px;
font-weight: bold;
}


DIV#wysuwane
{

    background: url("../img/fbpodklad.png") no-repeat scroll 0 0 transparent;
    padding: 10px;
    width: 235px;
    height:402px;
 	z-index:10;
    position: fixed;
    margin-top: -100px; /*połowa wysokosci panelu w górę */
    left: 0px;
    top: 50%;

}
DIV.zamknij
{
    background-position: 0px 0px -300px 0px;
}

DIV.fb-like-box{
margin-top:0px;
position:absolute;
margin:0 auto;
z-index: 2;
background-color: #FFFFFF;
}


DIV#formularz{
float:left;;
width:300px;
border:1px solid #434343;
min-height:200px;
margin-top:10px;
border-radius:5px;
-moz-border-radius:5px;
}

DIV#formularzTytul{
font-size:14px;
margin-top:10px;
padding-left:5px;
font-size:14px;
font-weight: bold;
color:rgb(0,0,0);
}


DIV#formularzLegenda{
font-size:10px;
margin-top:10px;
padding-left:5px;
font-size:12px;
color:rgb(0,0,0);
}

DIV#formularzOpis{
font-size:10px;
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
font-size:12px;
color:rgb(0,0,0);
}

DIV#formularzOpis INPUT, TEXTAREA{
width:285px;
}


INPUT.przycisk{
background-color: #CFF;
color:#000000;
	border-radius:2px;
	-moz-border-radius:2px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;

}

DIV#mapa{
float:left;;
width:490px;
border:1px solid #434343;
min-height:300px;
margin-top:10px;
margin-left:10px;
border-radius:5px;
-moz-border-radius:5px;
}



DIV.Pr{
float:left;
width:550px;
min-height:250px;
background-image: url('../img/produktTlo.jpg');
border:1px solid rgb(128,128,128);
margin:10px;
margin-left:10px;
margin-right:10px;
border-radius:4px;
-moz-border-radius:4px;
box-shadow: 6px 6px 3px #343434;
background-repeat: repeat-x;
background-color: rgb(212,229,244);
}

DIV.PrPromocja{
float:left;
width:550px;
min-height:250px;
background-image: url('../img/produktTloP.jpg');
border:1px solid rgb(128,128,128);
margin:10px;
margin-left:10px;
margin-right:10px;
border-radius:4px;
-moz-border-radius:4px;
box-shadow: 6px 6px 3px #343434;
}

DIV.PrZdjecie{
float:left;
height:200px;
width:150px;
margin-left:10px;
margin-top:10px;
overflow: hidden;
border-radius:4px;
-moz-border-radius:4px;
border: 1px solid #434343;
}

DIV.PrZdjecie:hover{
float:left;
height:200px;
width:150px;
margin-left:10px;
margin-top:10px;
overflow: hidden;
border-radius:4px;
-moz-border-radius:4px;
border:2px solid rgb(0,128,255);
}

DIV.PrPrawa{
float:left;
width:374px;
margin-left:10px;
margin-top:10px;
overflow: hidden;
}

DIV.PrTytul{
font-weight: bold;
font-size:15px;
}

DIV.PrKategoria{
font-weight: none;
text-transform: uppercase;
font-size:10px;
text-align: left;
padding-right:5px;
}



DIV.PrCena{
float:left;
font-size:16px;
text-align: right;
font-weight: bolder;
color:black;
width:374px;
font-family: Arial Black;

position: absolute;
z-index: 999;
margin-top: 12px;
margin-left: -2px;
}


DIV.PrCenaPromocja{
float:left;
width:374px;
font-size:16px;
text-align: right;
font-weight: bold;
margin-top:12px;
color:black;

}

DIV.PrOpis{
padding:10px;
font-size:12px;
}

/* ############################ */

.opisProduktu{
	width: 600px;
	min-height: 150px;
	float: left;
	overflow: hidden;
	margin-bottom:20px;
}

.opisProduktu .nazwa{
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}

.opisProduktu .producent{
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
}

.opisProduktu .opis{
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: normal;
}

.logawlewejkolumnie{
	
	margin-left: 10px;
	
	z-index: 500;
	position: fixed;
}

.logawprawejkolumnie{
	
	right: 10px;
	
	z-index: 500;
	position: fixed;
	
}
.loga{
	max-width: 235px;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.loga:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}
.cena_brutto{
	color: black;
	font-size: smaller;
}