/* enkomp informatyka 2008 design */
/* autor: Łukasz Więcek */
/* wszystkie prawa zastrzezone */

/* ZNACZNIKI OGÓLNE */

body{
	background-color: #fff;
	font: 12px Arial;
	color: #636363;
	text-align: center;
	margin: 0;
}

img{
	border: 0;
}

a{
  	color: #4e4e4e;
	text-decoration: none;
}
a:hover
{
	color: red;
}

h1{
 	font: 12px Arial;
 	color: #6e7579;
 	float: left;
 	margin: 0;
}

h2{
 	font: 14px Arial;
 	color: #6e7579;
 	margin: 0;
 	padding: 0;
 	margin-bottom: 15px;
}

h3{
 	font: 14px; 
}

.bold
{
 	font-weight: bold; 
}

/* INDEX - layout*/

div.index-top
{
 	width: 883px;
	height: 127px; 
	float: none;
	margin: 0 auto;
	background: url(gfx/top-back.jpg);
}

div.index-content{
	width: 890px;  
	height: auto;	
	float: none;
	margin: 0 auto;
	margin-top: 8px;
}

div.footer-container
{
 	width: 882px;
	float: none; 
	margin: 0 auto;
}

div.index-footer{
	width: 882px; 
	height: 90px;
	float: left;
	margin: 0 auto;
	background: url(gfx/footer-back.jpg) no-repeat right;
	margin-bottom: 30px;
	padding-top: 15px;
}

/* INDEX - stopka */

div.index-footer-container{
	width: 100px;
	height: 90px;
	height: auto;
	float: left; 
	color: #aeaeae;
	text-align: left;
	padding-left: 20px;
	font-size: 10px;
}

div.index-footer-container a{
	color: #aeaeae;
}
div.index-footer-container a:hover{
	color: red;
}

div.footer-desc
{
  	border-left: 1px solid #ef837e;
  	height: 90px;
  	width: 700px;
 	float: left;
	text-align: left;
	font-size: 10px; 
	color: #aeaeae;
	padding-left: 20px;
}

div.footer-desc a{
	color: #aeaeae;
}
div.footer-desc a:hover{
	color: red;
}

/* prawa strona */

div.c-t
{
	width: 661px;
	height: 8px;
	background: url(gfx/c-t.jpg) no-repeat center bottom;  
	float: left;
}
div.c-b
{
	width: 661px;
	height: 16px;
	background: url(gfx/c-b.jpg) no-repeat center; 
	float: left;    
}
div.c-mt
{
	width: 661px;
	min-height: 300px;  
	background: url(gfx/c-mt.jpg) no-repeat top left; 
 	overflow: hidden;
 	float: left;   
}
div.content-center
{
	width: 661px;
	height: auto;
	min-height: 300px;  
	overflow: hidden;
	text-align: center;
	background: url(gfx/c-m.jpg) repeat-y center; 
	float: left;
}

div.content
{
  	width: 600px;
	margin-left: 25px; 
}

div.content p
{
  	margin: 0;
  	padding: 0;
}

div.content-header
{
	width: 674px;  
	height: 36px;
	background: url(gfx/content-header.jpg) no-repeat left;
}

div.content-bottom
{ 
	text-align: right;
	margin: 0 auto;
	margin-top: 3px;
	width: 882px;
	height: 10px;
}
div.content-bottom a
{
  	color: #d2d2d2;
  	font-size: 9px;
  	margin-right: 20px;
}
div.content-bottom a:hover
{
  	color: red;
}

div.content-left
{
	float: left;
	width: 200px;
	height: auto;  
	background: url(gfx/header-back.jpg) no-repeat top; 
	padding-top: 10px;
}

div.main-content
{
 	float: left;
	width: 674px;
	text-align: center;
}

div.content-right
{
 	width: 213px;
	float: left; 	
}
div.content-right p
{
 	margin: 0;	
}
a.arrow-news
{
 	display: block;
	width: 18px;
	height: 26px; 
	background: url(gfx/arrow-news.jpg);
	float: right;
	position: relative;
	top: 60px;
}

div.a-m
{
	background: url(gfx/a-m.jpg) repeat-y center; 
	width: 193px;
	height: 93px; 
	padding: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	float: left;
	display: inline;
	margin-bottom: 10px;
}

/* nagłówki */

div.header-article
{
  	width: 228px;
  	height: 16px;
  	background: url(gfx/header-back.jpg);
  	border-right: 1px solid #a6a6a6;
  	padding-top: 2px;
}

/* INDEX - opcje */

div.index-options{
	margin: 0 auto 0 auto;
	width: 953px;
	float: none;
}

/* menu */

div.menu-container
{
 	height: 42px;
	width: 883px; 
	float: none;
	margin: 0 auto; 
	background: url(gfx/menu-back.jpg);
}

div.menu-center
{
	width: 883px; 
	margin: 0 auto;
	float: none;
	padding: 0;	 
}

div.menu-left
{
 	 float:left;
	 width:14px;
	 height: 42px;
	 background:url(gfx/menu-left.jpg); 
	 margin: 0 15px 0 25px;
}

/* menu po prawej stronie */

a.index-button{
	width: 100px;
	height: 30px;
	display: block;
	text-align: center;
	color: #fff;
	float: left;
	font: bold 12px Arial;
	padding-top: 13px;	
}
a.index-button:hover{
	color: #fff;
	background: url(gfx/button-h.jpg) no-repeat center top;	
}

a.logo{
  	display: block; 
 	margin: 14px auto auto 0px;
 	float: left;
}

object.flash
{
	float: right;  
	margin-left: 0;
}

/* kolorowe boksy */

div.promobox-content
{
	width: 520px;
	float: none;
	margin: 0 auto; 	 
}

div.promobox
{
	width: 190px;
	height: 102px;
	float: left;
	cursor: pointer;
	margin-right: 10px;
	padding: 5px 0 0 60px;
	text-align: left;
}

div.promobox h2
{
	color: #fff;
	font: bold 14px Arial;	 
	padding: 0;
	margin: 0;
}

div.promobox p
{
  	color: #fff;
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: 130px;
  	font-size: 10px;
}

div#blue
{
 	background: url(gfx/box-blue.jpg); 
}
div#red
{
 	background: url(gfx/box-red.jpg); 
}

/* PRODUKTY */

div.product-box
{
  	width: 809px;
  	float: left;
	margin: 5px 0;
	padding-left: 20px;	
}


div.product-container-head
{
  	width: 611px; 
  	height: 18px;
 	background: url(gfx/prod-cont-head.gif) no-repeat center; 
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

div.product-container
{
 	width: 789px; 
 	float: left;
}

div.product-pic-box
{
 	float: left;
}

div.prod-desc-box
{
 	float: left;
 	width: auto;
	max-width: 500px; 
	margin-left: 30px;
}

div.prod-desc-box p
{
	margin: 0;
	padding: 0;	
}

div.prod-header
{
 	float: none;
 	font: 12px Arial;
 	padding-top: 1px;
 	color: #fff;
}

div.prod-file
{
	float: left;
}

div.prod-file img
{
 	vertical-align: middle; 
}

div.horizontal-line-container
{
 	width: 100%;
	float: left; 
}

div.horizontal-line-container a
{
	float: left; 
	font-size: 9px;
	display: block;
}

div.horizontal-line
{
  	width: 881px;
  	height: 4px;
  	background: url(gfx/horizontal-line.jpg) no-repeat;
  	float: none;
  	margin: 10px auto 10px auto;
}

/* główny element na stronie startowej */

div.start-box
{
 	width: 603px;
	height: 229px;
	background: url(gfx/start-box.jpg) no-repeat; 
	margin: 0 auto;
	margin-bottom: 30px;
}

a.startbox-button
{
 	display: block;
	font: bold 18px Arial;
	color: #f6f6f6; 
	position: relative;
}
a.startbox-button:hover
{
	color: #c3c3c3;	
}

a#smed
{
	right: -175px; 
	top: 14px;	
}
a#smed:hover{ }
a#fives
{
	right: 245px; 
	top: 45px;	
}
a#fives:hover{ }
a#tpm
{
	right: -215px; 
	top: 105px;	
}
a#tpm:hover{ }
a#kaizen
{
	right: 55px; 
	top: 120px;	
}
a#kaizen:hover{ }

/* szybkie zapytanie */

form.sendmail
{
 	text-align: center;
	margin-top: 40px; 
}

form.sendmail input
{
 	text-align: center;
}

form.sendmail textarea
{
	width: 98%;  
	font: 12px Arial;
	margin-left: 4px;
}
 
/* przycisk ze strzałką */
	
a.btn-arrow
{
 	display: block;
 	width: 179px;
 	height: 32px;
 	background: url(gfx/btn-arrow.jpg);  
 	float: left;
 	margin-left: 20px;
 	margin-top: 20px;
 	color: #fff;
 	font-size: 12px;
 	font-weight: bold;
 	padding-top: 16px;
}
a.btn-arrow:hover
{
 	background: url(gfx/btn-arrow-h.jpg);  
}

/* ZGŁOSZENIE */

table#zgloszenie
{
 	margin: 0 auto; 
}

table#zgloszenie td
{
 	text-align: left;
}

form#zgloszenie input[type="submit"]
{
	margin-top: 20px; 	 
}

form#zgloszenie textarea
{
	font-family: Arial; 	 
}

span.small
{
 	font-size: 9px; 
}