/*------------------------------------------------------------------
 # [CSS RESET]
 # -----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*------------------------------------------------------------------
 # [CSS ]
 # -----------------------------------------------------------------*/
 
 
 body 
 {
 	background-color: #000000;
 	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 140%;

 }
 
 .H
 {
	font-size			: 18px;
	font-weight			: bold;
	text-transform		: uppercase;
	margin-left: 20px;
	margin-top: 30px;
	
 }
 
 a
 {
	outline:none;
}

 a:focus
 {
	outline:none;
}
 
 #container 
 {
 	width: 1023px;
	position: relative;
	
	background-color: #00;
	margin: auto;
	margin-top: 3%;
	top: 3%;
	text-align: left;
	
}

#container #menu {
	width: 1023px;
	height: 60px;
	background: url(../images/menu_rocks.jpg) left no-repeat;
}


#container #menu ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: auto;
	margin-left: 260px;
}

#container #menu ul li {
	display: block;
	float: left;
}

#container #menu ul li .current a
{
    color: #ff5a00;
}


#container #menu ul li a {
	display				: block;
	float				: left;
	color				: #fff;
	text-decoration		: none;
	padding				: 3px 8px 3px 8px;

	text-transform		:uppercase;
	font-size			: 13px;
	font-family			: Tahoma;
	font-weight			: bold;
}

#container #menu ul li a:hover
{
	color: #ff5a00;
}



#container #langbar
{
 	width: 52px;
	position: relative;
	height: 564px;
	background-color: #00;
	background: url(../images/lewa_d.jpg) top no-repeat;
	margin: 0;
	float: left;
	text-align: left;
}

#container #langbar #language
{
    padding-top:100px;
    font-size:11px;
    text-align:center;
    width:20px;
    float:left;
    color:#7b7b7b;
}

#container #content
{
 	width: 968px;
	position: relative;
	top: 0;
	float: left;
	height: 577px;
	background-color: #00;
	text-align: left;
}

#home_laska 
{
	float: left;
	width:533px;
}

#firma
{
	float: left;
	width:533px;
	font-size:12px;
	text-align:justify;
}

#firma h1
{
	font-size			: 17px;
	font-family			: Tahoma;
	font-weight			: bold;
}

#home_right 
{
 	width: 415px;
	position: relative;
	float: left;
	top:0;
	height: 577px;
	line-height: 150%;
	color: white;
	margin-left: 20px;
	text-align: left;
	font-size			: 13px;
	font-family			: Tahoma;
	font-weight			: bold;
	background-color : #ff5a00;
}

#home_right h1
{
	font-size			: 24px;
	font-family			: Tahoma;
	font-weight			: bold;
}

h1.oferta_kat
{
	margin-left: 60px;
	margin-top: 50px;
}

ul.oferta_kat
{
	display: block;
	width: 285px;
	background-color : #ff5a00;
	margin: 20px 0 0 60px; 
	
}

ul.oferta_kat li
{
	margin: 3px 0 3px 0;
	border-bottom: 1px solid #ff7c34;
}

ul.oferta_kat li a
{
	display: block;
	width: 270px;
	line-height: 46px;
	color: #fffdfd;
	padding-left: 15px;
	margin-bottom: 3px;
	font-size			: 14px;
	font-family			: Tahoma;
	font-weight			: bold;
	text-decoration		: none;
	text-transform		: uppercase;
}


ul.oferta_kat li a:hover
{
	display: block;
	width: 270px;
	color: #fffdfd;
	background-color : #dc4e00;
}

h1.oferta_kat2
{
	margin-left: 20px;
	margin-top: 40px;
	font-size			: 18px;
	font-family			: Tahoma;
	font-weight			: bold;
}

ul.oferta_kat2
{
	display: block;
	width: 270px;
	background-color : #ff5a00;
	margin: 10px 0 0 20px; 
	
}

ul.oferta_kat2 li
{
	margin: 3px 0 3px 0;
	border-bottom: 1px solid #ff7c34;
}

ul.oferta_kat2 li a
{
	display: block;
	width: 270px;
	line-height: 35px;
	color: #fffdfd;
	padding-left: 15px;
	margin-bottom: 3px;
	font-size			: 12px;
	font-family			: Tahoma;
	text-decoration		: none;
	text-transform		: uppercase;
}


ul.oferta_kat2 li a:hover
{
	display: block;
	width: 270px;
	color: #fffdfd;
	background-color : #dc4e00;
}

 ul.oferta_kat2 li a.aktiv
 {
	background-color : #dc4e00;
	color:#fff;
 }
 
 
 h1.oferta_kat3
{
	margin-left: 10px;
	margin-bottom:20px;
    margin-top:20px;
}

ul.oferta_kat3
{
	display: block;
	width: 285px;
	background-color : #ff5a00;
	margin: 20px 0 0 60px; 
	
}

ul.oferta_kat3 li
{
	margin: 3px 0 3px 0;
	border-bottom: 1px solid #ff7c34;
}

ul.oferta_kat3 li a
{
	display: block;
	width: 270px;
	line-height: 24px;
	color: #fff;
	padding-left: 15px;
	margin-bottom: 3px;
	font-size			: 12px;
	font-family			: Tahoma;
	text-decoration		: none;
}


ul.oferta_kat3 li a:hover
{
	display: block;
	width: 270px;
	color: #fffdfd;
	background-color : #dc4e00;
}

.aktiv2
{
	
	color: #fffdfd;
	background-color : #dc4e00;
}



#oferta_lewa 
{
	overflow	: auto;
	width		: 610px;
	height		: 577px;
	float		: left;
	background-color: white;
	color: black;
}

#oferta_lewa table
{
	margin: 10px !important;
}

#oferta_lewa table tbody tr td
{
	width			: 215px;
	height			: 260px;
	border-right	: 1px solid #cccccc;
	color			: black;
	vertical-align	: top;
	
	
}

#oferta_lewa table tbody tr
{
	width			: 215px;
	height			: 260px;
}

#oferta_lewa table tbody tr td.j
{
	border-bottom		: 1px solid #cccccc;
	color				: black;
	background			: url(../images/punkt.jpg) 15px 14px no-repeat;
}

 #oferta_lewa table tbody tr td.k
 {
	background			: url(../images/punkt.jpg) 15px 14px no-repeat;
 }

#oferta_lewa table tbody tr td.j:hover, #oferta_lewa table tbody tr td.k:hover
{
	background			: url(../images/punkt2.jpg) 15px 14px no-repeat;
}

#oferta_prawa 
{
 	width				: 333px;
	position			: relative;
	float				: left;
	top					: 0;
	height				: 577px;
	line-height			: 150%;
	color				: white;
	margin-left			: 20px;
	text-align			: left;
	font-size			: 13px;
	font-family			: Tahoma;
	font-weight			: bold;
	background-color 	: #ff5a00;

}

div.productitem 
{
	
}

div.productitem h1
{
	font-family			: Helvetica;
	font-size			: 12px;
	margin-top			: 10px;
	background-image	: url(../images/punkt.jpg) top no-repeat;
	padding-left		: 40px;
	
	letter-spacing		: 2px;
}

div.productitem h1 a
{
	text-decoration:none;
	color:#000;
	text-transform		: uppercase;
}
div.productitem h1 a span
{
	text-decoration:none;
	font-weight:bold;
}


div.productitem h1 a:hover span
{
	text-decoration:underline;
	font-weight:bold;
}

div.productitem  .opis
{
	color:#000;
	font-size:11px;
	padding:5px 0px 0px 50px;
	line-height:100%;
}

div.productitem  .foto
{
	
	line-height:100%;
	text-align:center;
}

.aktualnosci
{
	background-color:#050505;
	font-size:11px;
	padding-bottom:10px;
	height:567px;
}

ul#lista_news 
 {
 	float:left;
	font-size:11px;
 }
 
 ul#lista_news li
 {
 	display:block;
	margin:0px 0px 0px 0px;
	padding:2px 0 10px 0;
	border-bottom:1px solid #0c0c0c;
 }
 
 ul#lista_news li a
 {
 	display:block;
	color:#ff5a00;
	line-height:35px;
	text-decoration:none;
	padding:0px 17px 0px 20px;
	font-weight:bold;
	text-transform:uppercase;
 }
 
 ul#lista_news li .txt
 {
	padding:0px 20px;
 }
 
 ul#lista_news li a:hover
 {
 	text-decoration:underline;
 }
 
 ul#lista_news li a.aktiv
 {
	background:#f97720;
	color:#fff;
 }
 
  .lista_news_date
 {
	color:#2c2b2b;
	padding:0px 0px 0px 20px;
	text-transform:uppercase;
 }
 
   .wiecej
 {
	text-align:right;
 }
 
 #n p
 {
	padding-left:10px;
 }
 
 #n #n_title
 {
	color:#ff5a00;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	text-transform:uppercase;
 }
 
  #n #n_date
 {
	color:#2c2b2b;
 }
 
 
 
form.contactform {
	margin:0px;
	padding:0px;
	margin-left:50px;
	margin-top:10px;
}
form.contactform legend {
	
	font-size:17px;
	font-family:Tahoma;
	font-weight:normal;
	color:#fff;
	margin:0em 0 0em;
	padding:10px 0px 0px 0px;
}
form.contactform fieldset {
	/*padding:0px 10px 10px;*/
	/*border:#D47619 1px dotted;*/
	border:none;
	margin:0;
	padding:0;
}
form.contactform label {
	margin:7px 0px 2px 0px;
	padding:0px;
	text-indent:0;
	display:block;
	font-size:11px;
}
form.contactform input {
	background:#fff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin:0px;
	padding:2px;
	/* padding + width == 367 czyli szer komorki minus jej paddingi, bo inaczej IE 6 sie wywala */
	/*width:363px;*/
	width:300px;
	border:#cb4d08 1px solid;
	padding:2px;
}

form.contactform textarea {
	background:#fff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:5px;
	width:300px;
	height:40px;
	border:#cb4d08 1px solid;
	color:#333;
}

form.contactform div.buttony {
	margin:9px 0px 0px 40px;
	padding:0px;
	text-align:center;
	
}
form.contactform div.buttony input.button {
	/*background:#D67719;*/
	background:#22323F;
	margin:0px 6px 0px 6px;
	padding:3px !important;
	padding:0px;
	/*background:#E0DFD6;
	border:#ACABA4 solid 1px;
	color:#999983;*/
	width:auto;
	/*border:#985512 solid 1px;*/
	border:#22323F solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

span.redStar 
{
	color:#2c2b2b;
}

.form_elements p
{
	font-size:11px;
}

.adres
{
	margin: 0px 0 0 50px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
}

.adres a
{
	color:#fff;
	
}

.adres .h
{
	font-size:17px;
	font-weight:bold;
}

.back a
{
	color:#ff5a00;
	margin-left:10px;
	margin-top:10px;
}



#log_cennik
{
	width:200px;
	margin:auto;
}


form.cennik_form label
{
	font-size:11px;
	display:block;
	margin-top:10px;
}

form.cennik_form input
{
	border:0px;
	padding:5px;
	font-size:11px;
}

.lista_punktow
{
	font-size	:12px;
	float		:left;
	width		:155px;	
	margin-bottom	:50px;
    margin-right:10px;
    color		:#000;
    text-decoration:none;

}

.lista_punktow p
{
	padding:0px;
	margin:0px;
	line-height:170%;
    text-decoration:none;
}

.lista_punktow a
{
	text-decoration:none;
    color		:#fff;
}

.lista_punktow .punkt_nazwa
{
	font-weight:bold;
}

.lista_punktow2
{
	font-size	:12px;
	float		:left;
	width		:155px;	
    padding:10px;
    color		:#fff;
    text-decoration:none;
        height:130px;
}

.lista_punktow2 p
{
	padding:0px;
	margin:0px;
    text-decoration:none;
}

.lista_punktow2 a
{
	text-decoration:none;
    color		:#fff;
}

.lista_punktow2 .punkt_nazwa
{
	font-weight:bold;
}

#side_bar
{
	margin-top:30px;
}

#side_bar a
{
	color:#fff;
}

#side_bar li
{
	list-style:none;
}

#product #product_left
{
	float	:left;
	width	:170px;
}

#product #product_right
{
	float	:left;
	width	:430px;
}

#product #product_option
{
	clear	:both;
}

#product #product_left h1
{
	font-size:17px;
	font-family:Tahoma;
	padding:30px 0px 0px 30px;
	color:#5a5a5a;
}

#product #product_left h2
{
	font-size:17px;
	font-family:Tahoma;
	font-weight:bold;
	color:#ff5a00;
	text-transform:uppercase;
	padding:0px 0px 0px 30px;
	letter-spacing:1px;
}

#product #product_left h3
{
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	padding:0px 0px 0px 30px;
}

#product #product_left .product_opis
{
	font-size:14px;
	color:#ff5a00;
	line-height:120%;
	padding:30px 0px 0px 30px;
	font-weight:bold;
    
}

#product #product_right img
{
	margin-top:60px;
}

#product #product_option a
{
	padding-right:10px;
}


#product #opcje
{
	padding-top:30px;
	margin-left:30px;
}

#product #opcje #wstecz
{
    margin-right:30px;
}

#product #opcje a img
{
	vertical-align:middle;
}

#product #opcje a
{
    height:35px;
	line-height:35px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
}

#kolory
{
	padding-left:30px;
	margin-top:30px;
	clear:both;
	height:200px;
	overflow:auto;
	
}

.kolor
{
	float:left; 
	display:block; 
	overflow: hidden; 
	width: 130px;
	height:auto !important;
	
	font-size:11px;
	font-weight:bold;
	line-height:130%;
	color:#fff;
	padding-right:6px;
	margin-bottom:20px;
}

ul#files
{
	list-style-type:none;
	display:compact;
	padding:10px 0px 0px 10px;
}

ul#files h1
{
	font-size			: 18px;
	font-family			: Tahoma;
	font-weight			: bold;
}


ul#files li
{
	padding:10px;
	height:15px;
	border-bottom:1px solid #eee;
	font-size:11px;
}


ul#files li p
{
	padding:0px;
	margin:0px;
	
	padding-bottom:5px;
}


.files_img
{
	float:left;
	width:280px;
}

.files_ext
{
	float:left;
	width:30px;
}

.files_size
{
	float:left;
	width:70px;
}

.files_pobierz
{
	float:left;
	width:100px;
}

.files_pobierz a
{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}


#logout
{
	float:right;
}

#logout a
{
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

.rozmiar_top
{
	width:30px; 
	text-align:center; 
	background-color:#ff5a00; 
	font-weight:bold; 
	border:1px solid #606060;
}

.rozmiar_bok
{
	width:30px; 
	text-align:center; 
	background-color:#ff5a00; 
	font-weight:bold; 
	border:1px solid #606060;
}

#img_home
{
	background: url(../images/rocks_right.jpg) top no-repeat;
	height:441px;
	width:415px;
}

#paginacja
{
    margin-top:20px;
    padding-top:20px;
}

ul#pagination-flickr
{
   padding:0px 0px 0px 20px;
}

#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
float:left;
margin-right:2px;
background:#fff;
color:#000;
font-weight:bold;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#000;
display:block;
float:left;
font-weight:bold;

}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
background:#fff;
color:#000;
display:block;
float:left;
padding:0px;
margin:0px;
}
#pagination-flickr .active{
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
background:#ff5a00;
color:#000;
margin-right:2px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#000000;
display:block;
float:left;
padding:4px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
background:#ff5a00;
color:#000;
}

#roozm
{
    height:255px;
}


.pagination{
padding-left: 20px;
margin-top:20px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right:2px;
}

.pagination a, .pagination a:visited{
padding: 2px 5px;
border: 1px solid #fff;
text-decoration: none; 
background:#fff;
color:#000;
font-weight:bold;
}

.pagination a:hover, .pagination a:active{
background-color:#ff5a00;
color: #000 !important;
border-color: #ff5a00;
}

.pagination a.currentpage{
background-color:#ff5a00;
color: #000 !important;
border-color: #ff5a00;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.kod
{
	font-size:12px;
	font-weight:bold;
	padding-left:60px;
}

#tabela_kolorow
{
	font-size: 12px;
	width: 280px;
	text-align: left;
	line-height:130%;
}

#tabela_kolorow td
{
	padding: 0px 0px;
    height:100px;
	font-size:11px;
	width:140px;
}


/* ------------ */
/* NAV BAR */

#navbar{
background:url(pic/bg.png) repeat-x;
height:29px;
line-height:29px;
}

/*------ Reset CSS Properties ------ */
#navbar ul, #navbar li,
#navbar form,
#navbar button {
border:0; margin:0;padding:0; list-style:none;
}

#navbar li a{
margin:0 6px;
text-decoration:none;
color:#000000;
font-weight:bold;
border-bottom:dotted 1px #000000;
}

/*------ Layer with Register and Login Section ------ */
#login_menu{
background:#aaaaaa;
border:solid 1px #666666;
width:340px;
padding:10px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
line-height:18px;
margin:auto;
}
#login_menu li{
padding-bottom:6px;
text-align:right;
}
#new-user-col{
padding-right:10px;
border-right:1px #DEDEDE solid;
height:120px;
width:100px;
float:left;
line-height:12px;
}
#signup-user-col{
padding-left:20px;
height:120px;
width:200px;
float:left;
line-height:12px;
text-align:right;
}
#login_menu label{font-size:11px; font-weight:normal;}
#login_menu input{font-size:11px; color:#333333; margin-left:10px;}

/*------ Button ------ */
#login_menu button{
line-height:24px;
float:right;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
cursor:pointer;
}

.green-button{
background:url(pic/button.png);
display:block;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
width:81px;
height:26px;
line-height:24px;
text-align:center;
}

/*------ Spacer ------ */
.spacer{clear:both; height:1px;}