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

Project Name: Komert - technika laserowa www

Description: web design 

Version: 1.0

Author: Tomasz Muter

*/

body {
line-height:22px;
font:12px Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif;
background:#152429;
background-image:url(ima/background.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
color:#F3F3F3;
}

#logo a,#logo a:hover,#navigation,#disclaimer,#cut_line {
behavior:url(iepngfix.htc);
}

strong {
font-weight:700;
}

#wrap {
width:960px;
margin:0 auto;
clear: both !important;
}

#header {
margin-top:20px;
}

#logo {
float:left;
width:180px;
height:62px;
}

#logo a{
display:inline-block;
width:180px;
height:62px;
background:url(ima/komert_logo.png) no-repeat;
}
#logo a:hover{
display:inline-block;
width:180px;
height:62px;
background-image:url(ima/komert_logo_a.png);
}

#navigation {
height:48px;
width:322px;
background:url(ima/navigation_bar.png) top no-repeat;
float:right;
display:inline-block;
}

.navigation_list{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
word-spacing:25px;

padding:13px 0 0 25px;
}

.navigation_list li{
float: left;
display: inline-block;
margin-right: 23px;
width: 50px;
}
.produkty{
width:55px !important;
}
.ostatni {
display:inline-block;
float: left;
margin-right:0px !important;


}


.navigation_list a,.navigation_list_footer a {
text-decoration:none;
color:#FFF;
}

.navigation_list a:hover {
font-weight:bold;
text-decoration:underline;
color:#FFF;
}


#disclaimer {
margin-top:20px;
float:right;
width:498px;
height:186px;
background:url(ima/disclaimer_bar.png) top no-repeat;
}

#disclaimer h1 {
font-size:28px;
font-weight:700;
margin:25px 0 0 30px;
}

#disclaimer p {
width:450px;
font-size:14px;
line-height:20px;
margin:20px 0 0 30px;
}

#cut_line {
width:459px;
height:20px;
background-image:url(ima/cut_line.png);
position:relative;
top: 70px;
left: -458px;
}

#content {
display:inline;
float:left;
width:100%;
background-image:url(ima/content_bg.jpg);
background-repeat:repeat-x;
margin-top:30px;
padding-top: 0px;
background-color:#FFF;
}

#content_footer {
display:inline;
height:10px;
background-image:url(ima/content_footer_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
float:left;
}

#upper_left {
width:10px;
height:60px;
position:relative;
top:1px;
left:0;
background-image:url(ima/content_left_bg.jpg);
background-repeat:no-repeat;
}

#upper_right {
width:10px;
height:60px;
position:relative;
top:-59px;
left:950px;
background-image:url(ima/content_right_bg.jpg);
background-repeat:no-repeat;
}
#zakladka, #zakladka_firma, #zakladka_lokalizacja, #zakladka_kontakt, #zakladka_produkty{
	width:940px;
	height:50px;
	background-image:url(ima/zakladka.png);
	background-repeat:no-repeat;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#zakladka_kontakt{
	background-image:url(ima/kontakt_zakladka.png);	
}
#zakladka_produkty{
	background-image:url(ima/produkty.jpg);	
}

#zakladka_firma
{
	background-image:url(ima/firma.png);
}
#zakladka_lokalizacja{
	background-image: url(ima/lokalizacja.png);
}
#box_left,#box_right, #box_left_ostatni {
margin-top:20px;
line-height:22px;
height:240px;
}

#box_left, .firma, #box_left_galeria, #box_left_ostatni {
display:inline;
float:left;
width:950px;
background-image:url(ima/oferta_background.png);
background-repeat:no-repeat;

/*margin-left:10px;
margin-bottom:0px;
background-color:#eaeaea;
border-top:1px solid;
border-bottom:1px solid;
border-color:#cbcbcb;*/
padding: 0px 0px 15px 0px;
}


.product_description {
display:inline;
float:left;
width: 240px;
margin-left: 30px;
padding-left: 5px;
padding-top: 10px;
line-height: 16px;
}

.product_description h2 {
font-size:12px;
font-weight:700;
margin-top:10px;
margin-left: 11px;
}
.product_description p{
	margin-left: 11px !important;
	font-size: 11px !important;
	margin: 0px;
	padding: 0px;
	width: 270px !important;
}
.product_description img {
margin-left: 10px;
margin-top: 10px;
}

.box_left_oferta {
display:inline;
color:#000;
width:940px;
}

.box_left_oferta h1{
font-size:28px;
font-weight:700;
width:200px;
margin-bottom: 5px;
}
#box_left_ostatni{ margin-bottom: 25px;}
.box_left_oferta p{
display:inline;
float:left;
width:270px;
font-size: 13px;
}

.box_left_oferta ul {
list-style-position:inside;
float:left;
margin-top: 20px;
}

.left {
display: inline;
float:left;
width:300px;
margin-left: 25px;
padding-top: 15px;
}
.left img {
	margin-top: 15px;
	display:inline;
	margin-left: 5px;
}
.left .pierwszy{
margin-left: 0px;
}
.left p{ }
.right {
float:left;
width:300px;
padding-top: 20px;
}

.numeracja {
list-style-type:decimal;
}

.wypunktowanie {
list-style-type:disc;
width: 90%;
}

#footer {
display:inline-block;
width:960px;
margin:30px auto 0px auto;
clear: both;
position: relative;
top: 5px;
height:100px;
background-image:url(ima/footer_bg.jpg);
background-repeat:repeat-x;
padding:0px;
}

.navigation_list_footer {
margin-top:30px;
}

.copywright {
float: right;
margin-left: 335px;
display:inline-block;
word-spacing: normal;
width: auto !important;
margin-right: 0px !important;

}
/*** O Firmie ***/
.firma {
	background:none;
	background-color:#FFFFFF;
	border: none;
	line-height:20px;
	height: auto;
}
.kontakt {
	display: inline;
	width: 300px;
	text-align: justify;
	margin-left: 42px;
	float: left;
	
}
.o_firmie{
display:inline-block;
	width: 260px !important;
	float: left;
	margin: 25px;
	text-align:left;
	text-align:justify;
}
.o_firmie_pierwszy{
display:inline;
width: 250px !important;
	float: left;
	margin: 30px;
	text-align:justify;
}
.o_firmie img, .o_firmie_pierwszy img {
	margin: 0px auto 0px auto;
}
.firma img{
text-align: center;
margin-left: 60px;
margin-top: 15px;
margin-bottom: 20px;
}
.kontakt {
line-height:24px;
width: 600px;
margin: 28px;
}
.koperta{ margin-top: 30px; margin-right: 30px; float: right; width:400px; background-image: url(ima/kontakt.png); background-repeat: no-repeat; background-position: 258px 0px;}
.koperta p{ height: 20px; padding: 5px 0px 5px 0px;}
.box_left_mapa{
background-color:#FFFFFF;
padding-top:50px;
padding-left:150px;
}

/*** PREZENTACJA ***/
.presentation, .presentation_drugi {
display: inline;
margin: 20px 0px 20px 70px;
float:left;
width:220px;
min-height:340px;
}
.presentation_drugi{
margin: 15px 0px 15px 0px;
}
.presentation h1{
font-size:22px;
margin-left: 0px !important;
font-weight:bold;
}
#left_box h2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
margin-bottom:25px;
}

.image {
float:left;
min-height:195px;
width:233px;
}
.image img {
border: solid 4px #B84344;
}
.description {
display:inline;
color:#333333;
float:left;
line-height:24px;
margin: 0px 0px 0px 5px;
width:230px;
}
.galeria_produktow{ width:960px;}

.small_description {
color:#E1473D;
font-size:14px;
}
.long_description {
line-height:18px;
height:60px;
width:230px;
float: left;
}
#box_left_galeria{
	background-image:none;
}
#box_left_galeria h1, .drugi{
	width:200px;
	float:left;
	margin-top: 10px;
	font-size: 20px;
	color: #333333;
	margin-left: 27px;
	font-weight: bold;
	display:inline;
}
.tytul{ width: 800px !important;}
.drugi {
	display:block;
	width:100%;
	font-size: 28px;
	color: #333333;
	margin-left: 15px;
	font-weight: bold;
	float: left;
	margin-top: 30px;}
.navigation_o_firmie { word-spacing: normal;}

/******* HOOK 1 - disclaimer presentation *******/
#hook1, .hook1{}
.drugi{ 
display:inline;
color: #FFFFFF;
width: 470px;
margin: 30px 0px 15px 30px;
line-height:21px;
float:left;
clear:right;
}

#hook1 h2, .hook1 h2{
font-weight: normal ;

font-size: 18px;
float: left;
	
}

.second_text{
	margin-left: 20px;
}
.najlepsi { display:inline; font-weight: bold; font-size:31px ;}
.zaufalo{ margin-left: 24px; margin-top: 50px !important; paddin-top: 40px; }
.dolacz { float: right; width: 260px; margin-right: 0px; display:inline;}
em { font-style:italic;}

/*ADMIN PANEL*/
.admin_container{
	background-color:#FFFFFF;
	color:#333333;
	margin: 0px auto 0px auto;
	
}
/*NAVIGATION FOOTER*/
.navigation_list_footer {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:13px 0 0 0px;
word-spacing:25px;
width:auto !important;
margin-left: 35px;
}
.navigation_list_footer li{
display:inline-block;
float:left;
margin-right:23px;
width: 50px;
}
.navigation_list_footer  a:hover{
background-color:#334348;
}
.navigation_list_footer .ostatni{ 
float:left;}

.quality{
	width: 700px;
	text-align:center;
	font-weight: bold;
	background-color:#FFFFCC;
	border:solid 2px #FFFF99;
	margin-left:100px;
	margin-bottom: 50px;
	display: inline-block;
	padding: 20px;
	color: #333333;
	background-image:url(ima/increase.png); 
	background-repeat:no-repeat;
	background-position: 10px 10px;
}
.quality p{ margin-left: 40px;}
.quality strong { font-family:Arial, Helvetica, sans-serif; font-style:italic; }

.opis_dodatkowy{ margin-left: 30px; display: inline; width:900px; float: left; color:#333333; padding: 35px 0px 25px 0px;
border-bottom: solid 1px #EEEEEE;
}
.opis_dodatkowy p{width:100%; height: 60px; float: left; display:inline-block; margin-top: 2px;}
.opis_dodatkowy ul{
	line-height:18px !important;
	margin-top: 0px;
	paddin-top: 0px;
	width: 275px !important;
	float: left !important;
	list-style:circle !important;
	list-style-position:inside !important;
	list-style-type:circle !important;
}
.opis_dodatkowy li{
}
.opis_dodatkowy h2{
font-weight:bold;
margin:0px;
padding:0px;
font-size:14px;
width:200px;
}

.buttony{
		float: right;
		width:600px;
		margin-top:15px;
		background-repeat:no-repeat !important; 
		padding:0px; 
 		display: block;
}

.buttony_produkty{ 
		width: 253px; 
		height:47px; 
 		display: inline;
		margin-left: 15px;
}
.buttony_kontakt{ 
		width: 190px; 
		height:47px; 
  		display: inline;
		margin-left: 100px;
}

.buttony_produkty a{
		position:relative;  
		top: -25px; 
		
		width: 253px; height:47px;
		display:inline-block;
		background-image:url(ima/produkty_button_off.png);
		background-repeat:no-repeat !important;
	}
	
.buttony_produkty a:hover{
		position:relative;  
		top: -25px; 
		
		width: 253px; height:47px;
		display:inline-block;
		background-image:url(ima/produkty_button_on.png);
		background-repeat:no-repeat !important;
	}

.buttony_kontakt a{
		position:relative;  
		top: -25px; 
		
		width: 190px; height:47px;
		display:inline-block;
		background-image:url(ima/kontakt_button_off.png) ;
		background-repeat:no-repeat !important;
	}
	
.buttony_kontakt a:hover{
		position:relative;  
		top: -25px; 
		
		width: 190px; height:47px;
		display:inline-block;
		background-image:url(ima/kontakt_button_on.png);
		background-repeat:no-repeat !important;
	}



lbDetails{ width:80%;}
.o_firmie a{ color:#AD3F40;}
.correct{ width: 390px !important; height:80px; border: solid 2px #006600; background-color:#14A32D; color:#FFFFFF; padding: 5px; text-align:center;}