img {		border: 0;}	


a:link	{text-decoration: none;} 						
 

	
	
	/* K R O J E    P I S M A */
	
		
			/* K O N I E C   K R O J E    P I S M A */
		

body { 	max-width: 100%;
		min-width: 1000px;
		height: 100%;
		min-height: 906px;
		background-color: white;
		padding: 0;
		margin: 0 auto;
		border: 0;
		
		
		}
		
		
#wrap {	width: 1000px;
		height: 100%;
		min-height: 600px;
		position: relative; 
		margin: 0 auto;
		
	
}		
	
	
#header {	width: 1000px;
			height: 420px;
			margin: 0 auto;
			background: white;
			position: relative;
			white-space: nowrap;
							
			}
			
#logo {		width: 460px;
			height: 78px;
			margin: 23.5px auto 23.5px 40px;
			background-color: white;
			background-image: url('gfx/logo.png');
			background-size: 313px 78px;
			background-position: left; 
			background-repeat: no-repeat;
			position: relative;
			float: left;
							
			}
			
#menu {		width: 450px;
			height: 20px;
			margin: 52.5px auto 52.5px 50px;
			float: left;
			background: ;
			position: relative;
			font-family: arial;
			font-size: 16px;
			text-transform: uppercase;
			color: #8c8c8c;
			
			}
			
#menu a			{ 	padding: 5px 15px;
					text-decoration: none;
					color: inherit;		}
					
#menu a:hover 	{ 	background: #e5e5e5; }
				
			
			
			
			#banner {	width: 1000px; 
						height: 300px; 
						position: relative;
						background-position: center;
						background-repeat: no-repeat;			
						margin: 0 auto 10px auto; 
						text-align: center; 
						background-image: url('http://heliopoli.com/wp-content/uploads/2012/08/Heliopoli_Header2.jpg'); 
						float: left;
			
	}
	
#cont	{	width: 1000px;
			float: left; 
			height: auto;
			padding-bottom: 50px;
			margin-bottom: 30px;
			border-bottom: solid 1px silver;
			
			}
			
#cont img { 	opacity:0.8;
			filter:alpha(opacity=80);

}				
			
#cont img:hover	{	opacity:1.0;
					filter:alpha(opacity=100);
				}

.ver {
  height: 300px;
  }
  
  
.ver  img { 	opacity:0.5;
			filter:alpha(opacity=50);

}
				
#subcont1		{	width: 1000px;
					height: auto;
					min-height: 100px;
					position: relative;
					float: left;
					background: #e5e5e5;
					
					}
					
#subcont2		{	width: 1000px;
					height: auto;
					min-height: 100px;
					position: relative;
					float: left;
					background: #e5e5e5;
					padding-bottom: 30px;
					
					}					
			
			
			
			
#lewy	{	width: 665px;
			height: auto;
			float: left;
			background: #e5e5e5;
			}
			
#lewy1	{	width: 1000px;
			height: auto;
			float: left;
			background: #e5e5e5;
			}		


#pravy	{	width: 295px;
			height: auto;
			padding: 10px 20px;
			background: white;
			float: left;
			
			}

			
/* ZIELONE INFO */			
			
#zielone_info	{ 	width: 70px;
					position: relative;
					left: 0;
					top: 30px;
					background: #85c226;
					color: white;
					text-shadow: black 0.1em 0.1em 0.3em;
					padding: 5px 5px 5px 50px ;
					float: left;
					font-family: arial;
					font-size: 16px;
					font-weight: bold;
					box-shadow: 5px 5px 20px -5px black;
					
					}
					
#zielone_info1	{ 	width: 100px;
					position: relative;
					left: 0;
					top: 30px;
					background: #85c226;
					color: white;
					text-shadow: black 0.1em 0.1em 0.3em;
					padding: 5px 5px 5px 50px ;
					float: left;
					font-family: arial;
					font-size: 16px;
					font-weight: bold;
					box-shadow: 5px 5px 20px -5px black;
					
					}					
					
/* DLUGIE ZIELONE INFO */			
			
#dlugie_zielone_info	{ 	width: 645px;
					position: relative;
					left: 80px;
					top: 0px;
					background: #85c226;
					color: white;
					padding: 5px 5px 5px 50px ;
					float: left;
					font-family: arial;
					font-size: 16px;
					font-weight: bold;
										
					}					
					
					
/* SZARE INFO */					
					
.szare_info 		{ 	width: 180px;
					position: relative;
					left: 0;
					top: 30px;
					background: white;
					color: #737070;
					margin: 0 10px;
					padding: 7px 5px;
					float: left;
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					text-align: center;
					text-transform: uppercase;
					
					}	

.szare_info:hover {	color: white;
						background: #737070; }
						
.szare_info a:link, a:visited {	color: inherit;
								background: inherit;
								text-decoration: none;		}	

#info 			{	padding: 20px 0;
					width: 700px;
					text-align: justify;
					font-family: arial;
					font-size: 14px;
					color: #4d4a47;
					float: left;
					position: relative;
					left: 80px;
					}					
					
					
#info img			{	width: 120px; 
						height: 120px; 
						margin:5px; 
						border-radius: 5px; 
						-webkit-box-shadow: 0 8px 6px -6px black; 
						-moz-box-shadow: 0 8px 6px -6px black;
						box-shadow: 0 8px 6px -6px black;
					}						
					
#main_home		{	padding: 20px 70px	150px 150px;
					text-align: justify;
					font-family: arial;
					font-size: 14px;
					color: #4d4a47;
					float: left;
					}
					
#pytajnik		{	position: relative;
					width: 285px;
					padding: 5px 10px;  
					/* fallback, czyli wersja dla starych przeglądarek */
					background-color:#85c226;
					background-image: linear-gradient(to right,#85c226, #dbe95d);
					font-family: 'arial black';
					font-size: 20px;
					font-weight: 900;
					color: #c6e299;
					
}	

#wykrzyknik		{	position: relative;
					width: 285px;
					margin-top: 10px;
					margin-bottom: 50px;
					padding: 10px 10px;  
					/* fallback, czyli wersja dla starych przeglądarek */
					background-color:#82a6bc;
					background-image: linear-gradient(to right,#82a6bc, #b4c9d3);
					font-family: 'arial black';
					font-size: 15px;
					font-weight: 900;
					color: white;
					
}	



#pravy	a:link, a:visited {	color: inherit;
								background: inherit;
								text-decoration: none;		}



/* MINIATURY OFERTA */

.miniatury	{	width: 900px;
				margin: 70px auto 500px auto;
				
				}

.miniatura{	height: 200px;
				width: 200px;
				float: left;
				text-align: center;
				margin: 10px;
				border: solid 1px white;
				background-color:#e5e5e5;
				background-image: linear-gradient(to bottom, #e5e5e5, #ffffff);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
				-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(87%, transparent), to(#eeeeee));
				box-shadow: 5px -5px 20px -5px grey;
							
				}
				
	
				

.miniatura img	{	border: white solid 3px;
					margin: 10px auto; }
					
.miniatura_text	{ 	font-family: arial;
					color: #4d4a47;
					font-size: 13px;
					font-weight: normal;
					float:left;
					margin: 0px auto 10px 20px; 
					text-transform: uppercase;
					text-align: left;
					text-shadow: 1px 1px 0px #fffe;}	

.miniatura a:link,a:visited { text-decoration: none;
					color: inherit;			}		
					
					
.miniatura a:hover { text-decoration: none;
					color: silver;			}	


/* MINIATURY SZKLO */


.miniatury_szklo	{	width: 900px;
				margin: 60px auto 20px 180px;
				float:left;
				
				}

.miniatura_szklo	{	height: 160px;
				width: 160px;
				float: left;
				text-align: center;
				margin: 10px;
				border: solid 1px white;
				background-color:#e5e5e5;
				background-image: linear-gradient(to bottom, #e5e5e5, #ffffff);
				-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(87%, transparent), to(#eeeeee));
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
				box-shadow: 5px -5px 20px -5px grey;
				
				}

.miniatura_szklo img	{	border: white solid 3px;
					margin: 10px auto;
							width: 135px;
							height: 88px;}
					
.miniatura_szklo_text	{ 	font-family: arial;
					color: #4d4a47;
					font-size: 11px;
					font-weight: bold;
					margin: 0px 5px 10px 5px; 
					text-align: center;
					text-shadow: 1px 1px 0px #fffe;					}	

.miniatura_szklo a:link,a:visited { text-decoration: none;
					color: inherit;			}		
					
					
.miniatura_szklo a:hover { text-decoration: none;
					color: silver;			}	
					
					
/* MINIATURY SZKLO 1*/


.miniatury_szklo1	{	width: 900px;
				margin: 20px auto 20px 180px;
				float:left;
				
				}

.miniatura_szklo1	{	height: 160px;
				width: 160px;
				float: left;
				text-align: center;
				margin: 10px;
				border: solid 1px white;
				background-color:#e5e5e5;
				background-image: linear-gradient(to bottom, #e5e5e5, #ffffff);
				-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(87%, transparent), to(#eeeeee));
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0,);
				box-shadow: 5px -5px 20px -5px grey;
				
				}

.miniatura_szklo1 img	{	border: white solid 3px;
					margin: 10px auto;
							width: 135px;
							height: 88px; }
					
.miniatura_szklo1_text	{ 	font-family: arial;
					color: #4d4a47;
					font-size: 11px;
					font-weight: bold;
					margin: 0px 5px 10px 5px; 
					text-align: center;
					text-shadow: 1px 1px 0px #fffe;}	

.miniatura_szklo1 a:link,a:visited { text-decoration: none;
					color: inherit;			}		
					
					
.miniatura_szklo1 a:hover { text-decoration: none;
					color: silver;			}	


/* MINIATURA SPEC */

.miniatura_spec	{	height: 160px;
				width: 160px;
				position: relative;
				left: 50px;
				float: left;
				text-align: center;
				margin-top: 0px;
				border: solid 1px white;
				background-color:#e5e5e5;
				background-image: linear-gradient(to bottom, #e5e5e5, #ffffff);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0,);
				box-shadow: 5px 5px 20px -5px grey;
				
				}

.miniatura_spec img	{	border: white solid 3px;
					margin: 10px auto;
							width: 135px;
							height: 88px;}
					
.miniatura_spec_text	{ 	font-family: arial;
					color: #4d4a47;
					font-size: 11px;
					font-weight: bold;
					margin: 0px 5px 10px 5px; 
					text-align: center;
					text-shadow: 1px 1px 0px #fffe;	}	

.miniatura_spec a:link,a:visited { text-decoration: none;
					color: inherit;			}		
					
					
.miniatura_szklo a:hover { text-decoration: none;
					color: silver;			}					

					
/* GALERIA */

.fota_w_galerii  {width: 120px; height: 120px; margin:5px; border-radius: 5px; -webkit-box-shadow: 0 8px 6px -6px black; 
			-moz-box-shadow: 0 8px 6px -6px black;
									box-shadow: 0 8px 6px -6px black;}					
					
					
					
#footer 			{	width: 1000px;
					height: auto;
					float: left;
					background: white;
					margin-bottom: 50px;
					padding-top: 20px;
					
					}
			

			
.kolumna_footer	{	font-family: verdana;
					color: grey;
					font-size: 12px;
					float: left;
					padding: 5px 20px;
					height: auto;
					width: auto;
					
					}
					
#footer a:link, a:visited	{ 	text-decoration: none;
					color: inherit; }
					
#footer a:hover	{ 	text-decoration: none;
					color: silver; }
					
/* KONTAKT */

.kolumnakontakt{
position: relative;
margin: 50px auto;
padding: 20px 0 20px 100px;
border-radius: 10px;
width: 100x;
height: auto;
min-height: 100px;
float: left;
font-family: arial;
font-size: 12px;

 } 
 
 .kolumnakontakt a:link, a:visited { text-decoration: none;
									color: inherit; }
									
 .kolumnakontakt a:hover { text-decoration: none;
									color: silver; }									
 
.kolumnakontakt1{
position: relative;
margin: 50px auto;
padding: 30px 0 20px 50px;
border-radius: 10px;
width: 300px;
height: auto;
min-height: 100px;
float: left;
font-family: arial;
font-size: 12px;

 }  		

.buttoninput { background: #ffffff;
				margin-bottom: 2px;
			color:#667;
			font-size:12px;
			text-shadow: 1px 1px 0px #fffe;
			border-radius: 5px;
			border: 1px solid grey;
			height: auto;
			width: auto;
			cursor: pointer;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			font-family: arial;
			text-shadow: 1px 1px 0px #fff;	}
			
.buttoninput:hover {	

		background: #fdf9f9;
		color:#667;
		font-size:12px;
		text-shadow: 1px 1px 0px #fff;
		cursor: pointer;	
		border: 1px solid silver;}	 
		
		
		
/* ADMIN */


.contlogowanie {		width: 400px; 
			height: auto; 
			margin: 100px auto 0 auto;
			background-color:#e5e5e5;
			background-image: linear-gradient(to bottom, #e5e5e5, #ffffff);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0,);
			padding: 20px 50px 50px 50px; 
			border-radius: 0px;
			text-align: left;
			font-family: arial;
			font-size: 14px;
			font-weight: normal;
			color: grey;
			text-shadow: 1px 1px 0px #fff;
			-moz-box-shadow:	2px 2px 6px 4px rgba(10,10,0,.5);
			-webkit-box-shadow: 2px 2px 6px 4px rgba(10,10,0,.5);
			box-shadow: 2px 2px 8px 4px rgba(10,10,0,.5);
			/*border: 2px dotted rgba(10,10,0,0.4);*/
		}


#wylogowanie {	padding-left: 60px; 
				background-color: #f5f1e6; 
				height: 80px; 
				position: fixed; 
				top: 0px; 
				left: 0px; 
				padding: 20px; 
				width: 100%; 
				min-width: 1000px;
				z-index: 9999; 
				font-family: Arial; 
				font-weight: thin;
				font-size: 12px;
				text-align: left;
				-webkit-box-shadow: 0 2px 18px 2px grey;
				-moz-box-shadow: 0 2px 18px 2px grey;
				box-shadow: 0 2px 18px 2px grey;
				text-shadow: 1px 1px 0px #fff;
				
}



#wrap_admin {	width: 70%;
				min-width: 700px;
				height: auto;
				float: left;
				position: relative; 
				margin: 150px auto 50px auto;
				background-color:  #fdf5e0;
				font-family: Anaheim, Arial; 
				font-weight: thin;
				font-size: 14px;
				border-radius: 10px;
				-webkit-box-shadow: 0 10px 20px -10px black;
			-moz-box-shadow: 0 10px 20px -10px black;
			box-shadow: 0 10px 20px -10px black;
				
	
}


#cont_admin {	width: 90%; 
				height: auto;
				float: left;	
				margin: 0 auto;
				padding: 5%;
				font-family: Arial; 
				font-weight: thin;
				font-size: 14px;
				background: silver;
				
				
} 	

#cont_admin1{	width: 1000px; 
			height: auto; 
			margin: 0px auto; 
			position: absolute;
			background-color:  #fdf5e0;
			float: left;
			border-radius: 10px;
			-webkit-box-shadow: 0 10px 20px -10px black;
			-moz-box-shadow: 0 10px 20px -10px black;
			box-shadow: 0 10px 20px -10px black;
				
} 		

}

#kcfinder_div {
     display: none;
    position: absolute;
    width: 670px;
    height: 400px;
    background: #e0dfde;
    border: 2px solid #3687e2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 1px;
	

}

/* ADMIN MENU */

#szeroki {	width: 150px;
			height: auto;
			background: #f5f1e6;
			background-image: linear-gradient(to bottom,  #ffffff, #f5f1e6);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f1e6', endColorstr='#f5f1e6');
			float: left;
			position: relative;
			left: 0;
			margin: 100px 20px 30px 50px;
			border-radius: 0 0 10px 10px;
			-webkit-box-shadow: 0 10px 20px -10px black;
			-moz-box-shadow: 0 10px 20px -10px black;
			box-shadow: 0 10px 20px -10px black;	}
			
#waski	{	width: 100px;
			margin-top: 50px;
			padding: 50px 25px 40px 25px;
			height: auto;
			float: left;	}
			
#waski a:hover {	text-decoration: none;
				color: silver; }
				
.text_menu {		font-family: 'Anaheim', arial;
		font-weight: thin;
		color: #252525;
		font-size: 15px;
		text-align: left;
		color: grey;
		text-transform: uppercase;
		text-shadow: 1px 1px 0px #fff;	}	
		
#fotoedit {	border: 2px solid silver; 
			border-radius: 5px; 
			-webkit-box-shadow: 0 10px 20px -10px #efefef;
			-moz-box-shadow: 0 10px 20px -10px #efefef;
			box-shadow: 0 10px 20px -10px #efefef; }		
			
/* STYLE TABEL ADMINA */		

#cont_admin table {
	font-family: Anaheim, Arial;
	color:#667;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#f1ede1;
	margin:20px auto;
	text-align: center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

#cont_admin table th {
	padding:21px 25px 22px 25px;
	text-align: center;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}


#cont_admin table tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	text-align: center;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

#cont_admin table tr:last-child td{
	border-bottom:0;
	text-align: center;
}
#cont_admin table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	text-align: center;
}
#cont_admin table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	text-align: center;
}
#cont_admin table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

#cont_admin table a:hover {
	color: black;
	text-decoration:underline;
}
				
#cont_admin table tr:nth-child(even) {
 background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}	

/* STYLE TABEL ADMINA KONIEC */	



/* RUCHOME OBRAZKI */

#cont_admin a img:hover { -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	 -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}