﻿

a:link, a:visited, a:hover 

{

    text-decoration : none;

    color           : #26374F;  					<!-- kolor czcionek -->

}



select, textarea 

{

		font-size					:	10pt;

		font-style: italic;

		border						:1px solid #ccc; 

		background-color	:	#f5f5f5; 

		color							:	#555

}



input

{

		font-size					:	10pt;

		font-style: italic;

		font-weight: bolder;

		border						:1px solid #ccc; 

		background-color	:	#f5f5f5; 

		color							:	#555

}

input[type="submit"]

{

		border						: 0px solid #aaa; 

		border-top-color  : #dedede;

		border-left-color : #dedede;

		background-color	:	#ccc;

		color							:	#000;

		

		

		background-image:url('tlo_przycisk2.jpg');

		height: 35px;

		padding:0px 15px;

		

}



 input[type="button"]

{

		border						: 0px solid #aaa; 

		border-top-color  : #dedede;

		border-left-color : #dedede;

		background-color	:	#ccc;

		color							:	#000;

		

		

		background-image:url('tlo_przycisk.jpg');

		height: 35px;

		padding:0px 15px;

		

}





img.mikro_zdjecie {width:100px;height:auto;border:1px solid #ddd;margin:3px;}



.wartosci_cech {padding:5px;margin-bottom:10px;border:1px solid #ccc;overflow:auto;max-height:150px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}





body

{

    font-family: 'lato';					<!-- czcionka -->

    font-size   : 10pt;

    margin			:0px;

		background-color	:#ccc; 						<!-- kolor tÄÂÄšÄÄÂĂÂa -->

		color: #000;

		background-image: url('tlo.jpg');

		background-repeat:repeat-x;

}



td

{

    font-family: 'lato';					<!-- czcionka -->

    font-size   : 10pt;

    

} 











#strona 

{

    margin     : auto;

    width      : 980px;

    border:0px solid blue;

}



#naglowek

{

    width:980px;

	padding:0px;

	height:190px;

	border:0px solid red;

	background-image: url("1.png");

}



#wyglad

{

    position:absolute;

	width      : 960px;

	margin-top: 5px;

	color			 : #fff;    

	border:0px solid blue;

	text-align:right;

}





#belka

{

    position:absolute;

	margin-left: 30px;

	margin-top:  -15px;

	width      : 680px;

	height		 : 20px;

	color			 : #000;    

	border:0px solid blue;

	

}







#menu_belka

{

    float:left;

	padding-top:5px;
	padding-bottom: 5px;

	font-weight:bold;

	border:0px solid blue;

	font-size:13pt;

	

	

	

}



#menu_belka ul

{

    padding-left:0px;

	padding-right:0px;

	list-style-type:none;

	border:0px solid red;

	margin:0px;

	

}



#menu_belka ul li

{

  
	

	

}







#menu_belka a

{

    color:#000;								

	padding-left:10px;

	padding-right:10px;

	border-left:1px #E5E5E5 solid;

}



#menu_belka a:hover 

{	
	
	color:#000;

	text-decoration: underline; 
	
}



#menu_belka a#activ {background-color:#333;}





    






#szukaj_belka

{

    

	margin-left:80%;

	position:absolute;

	border:0px solid red;

	font-size: 14pt;

	font-weight: bold;

	width      : 150px;

	height		 : 40px;

	text-align:right;



}





#koszyk

{

  

    position:absolute;

	margin-left: 30px;

	margin-top: 163px;

	width      : 920px;

	height		 : 20px;

	color			 : #004;    

	border:0px solid blue;

	text-align:right;

	font-size: 14pt;

	

}



#koszyk a {color:#004;font-weight:bold; }





#baner

{

 

	margin-left: 0px;

	margin-top: 0px;

	width: 935px;

	height: 180px;    

	border:0px solid blue;

	

	

}



#logo

{

  position:absolute;

	margin-left: 20px;

	margin-top: 0px;

	width      : 935px;

	height		 : 180px;

	color			 : #000;    

	border:0px solid blue;

}

#kontakt

{

	font-size: 14pt;

	border: 0px solid gray;

}



#lewa

{

    float    			: left;

		width    			: 218px;

		padding-left:20px;

		border:0px solid blue;

		

}













#menu

{

  

		position: -webkit-sticky;
		
		position: sticky;
		
		top: 0;

        margin:0px;

        padding:0px 0px 0px 0px;

        list-style-type:none;

        background-color:#fff;

        border:0px solid #EEE;

		float:left;
		
		text-decoration:none;
		
		

		

}





#menu li



{ 		float: left;

		list-style-type:none;

		

		

		

		

		

		

}



#menu ul, #menu ul ul, #menu ul ul ul , #menu ul a

{

	margin:0px;

	padding-left:0px;

	

	

	

}



#menu a

{

		border:0px solid #ccc;

		display: block;


		font-size: 14pt;

        font-weight:bold;

		

        text-decoration:none;

      <!-- background-color:#333; -->

        color:#000;

	    padding: 5px 5px 5px 0px ; 

		list-style-image:none;

		background-image: linear-gradient(#FDD16D  00%, #FFF9c9 0%, #FDFE8C 100%, #fff591 0%);

}

#menu > ul > li > a {
  text-transform: uppercase;
}


<!-- background-color: #8CA2CC -->



#menu  ul ul a



{		display: block;

		border:0px solid #000;

		margin: 0 ;

        padding:20 ;
        
        color:#000;

        background-color:#DDD;

        box-shadow:0 0 0 1px #FFF inset;

        background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);

}



#menupodk a



{		border:0px solid #000;

		padding: 5px 0px ;
	
		display: block;

		text-align: right ;

		font-weight: bold;

		font-size: 14pt;

		text-decoration: underline;
		
		margin-right: 25%;
		
		text-shadow: 6px 4px 2px #ccc;
		
		
		
		
		
		

}


#menupodk li

{
	list-style-type:none;
	
	list-style-image:none;

		
}

#menupodk ul

{
   
		
		
 }




#menu a:hover {background-image:linear-gradient(#FFF 0%, #FFF9c9 0%, #B2A849 100%, #FFF 0%);}



#menu a#activ {background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);}

#menu ul li:hover ul {
  display: block;
}
#menu ul ul {
  position: absolute;
  display: none;
}
#menu ul ul li {
  display: block;
  float: none;
}
#menu ul ul li a {
  padding-left: 5px;
}

  #menu {
    width: 964px;
    padding: 0;
    
  }
  #menu > ul > li > a  {
    padding: 5px 7px;
  }




#tu_jestes



{

		font-size: 16pt;

		font-weight:bold;

		

}

	#specjal 
		
		{
        border:5px ;
		font-style: bold;
		Font-size: 14px;
		
        
      }

	#specjal:after {
        content:'';
        display:block;
        clear:both;
		margin: 30px;
		
      }

		#nowosci {
	float:left;
	width:31%;
	margin: 1%;
	box-shadow:4px 4px 6px black;
}

		#promocje {
	float:left;
	width:31%; 
	margin: 1%;
	box-shadow:4px 4px 6px black;
}

		#bestselery {
	float:left;
	width:31%; 
	margin: 1%;
	box-shadow:4px 4px 6px black;
}

.lewa1

{

  width:218px;

	height:21px;

	background-image: url("2.gif");

}



.lewa2

{

  width:188px;

	padding:0 15px 0 15px;

	background-image: url("3.gif");

	background-repeat: repeat-y;

	display:table;

}



.lewa3

{

  width:218px;

	height:21px;

	background-image: url("4.gif");

	margin-bottom:20px;

}



.lewa_top

{

  color:#546E7C;

	text-align: center;

	margin-bottom:0px;

	font-weight:bold;

	border-bottom:dotted 1px #ccc;

	padding-bottom:5px;

	background-color:transparent;

	margin-bottom:10px;

}



#prawa 

{

    text-align		:justify;

		float         : left

		width         : 980px;

		padding-right:0px;

		border:0px solid red;

}





.tresc1

{

  width:980px;

	height:21px;

	background-image: url("5.gif");

}



.tresc2

{

  width:980px;

	background-image: url("6.gif");

	background-repeat: repeat-y;

	border:0px solid red;

}



.tresc3

{

  width:980px;

	height:21px;

	background-image: url("7.gif");

	margin-bottom:20px;

}



.tresc_zawartosc

{

  padding:0 20px 10px;

	border:0px solid blue;

}



.tresc_zawartosc h1

{

  font-size:18pt;

	margin-top:0px;

	color: #ab3030F;									<!-- kolor czcionki -->

	border-bottom: dotted 10px #ccc;

	padding-bottom:5px;

}

#dolny

{

		border:0px solid blue;

		

		

}



#stopka

{


 
 padding-top:20px;
  padding-right:20%;
  padding-left:20%;
	
	

	<!-- border-top:1px dotted #ccc; -->

	font-size:12pt;

	color:#ffffff;
	background-color: #4C4C4C;

}



#stopka a {color:#9d9d9d;}


.special {
 list-style: none!important;
} 

.special ul li {
 float: left;
width: 300px;
height: 370px;
padding: 5px;  
}
 .katimg {
height: 185px;
   }
   
#tu_jestes {
    font-size: 16px;
    text-align: center;
}
.katopis {
  font-size: 12px;
    line-height: 1.2em;
}
#belka {
    margin-left: 0;
  }
  
  }

0
