/* CSS Document */

body {
background:#000 url(../gfx/tla/main_bg.jpg) no-repeat top;
font-family:Trebuchet MS, Verdana, Arial, sans-serif;
color:#fff;
margin:0;
padding:0;
}

h1 {
margin:0;
padding:0;
font-size:10px;
font-weight:normal;
}

a {
color:#039acb;
text-decoration:underline;
}

a:hover {
color:#039acb;
text-decoration:none;
}

img {
border:none;
outline:none;
}

/************************** GLOWNY KONTENER ************************/

.main_div {
margin:0 auto;
width:920px;
}

.main_div h1 a {
color:#fff;
text-decoration:none;
display:block;
position:relative;
font-size:12px;
cursor:pointer;
}

.main_div h1 a span {
background: url(../gfx/tla/banner.jpg) top no-repeat;
width:424px; 
height:80px;
display:block;
position:absolute;
padding:0;
margin:0;
}


/******* MENU GLOWNE ************/

li.sglowna a {
background:url(../gfx/menu/sglowna.jpg) 0 0 no-repeat;
width:118px;
height:80px;
display:block;
}

li.sglowna_on a {
background:url(../gfx/menu/sglowna.jpg) 0 -80px no-repeat;
width:118px;
height:80px;
display:block;
}

li.sglowna a:hover {
background:url(../gfx/menu/sglowna.jpg) 0 -80px no-repeat;
width:118px;
height:80px;
display:block;
}

li.oferta a {
background:url(../gfx/menu/oferta.jpg) 0 0 no-repeat;
width:99px;
height:80px;
display:block;
}

li.oferta_on a {
background:url(../gfx/menu/oferta.jpg) 0 -80px no-repeat;
width:99px;
height:80px;
display:block;
}

li.oferta a:hover {
background:url(../gfx/menu/oferta.jpg) 0 -80px no-repeat;
width:99px;
height:80px;
display:block;
}

li.wspolpraca a {
background:url(../gfx/menu/wspolpraca.jpg) 0 0 no-repeat;
width:91px;
height:80px;
display:block;	
}

li.wspolpraca a:hover {
background:url(../gfx/menu/wspolpraca.jpg) 0 -80px no-repeat;
width:91px;
height:80px;
display:block;	
}

li.wspolpraca_on a {
background:url(../gfx/menu/wspolpraca.jpg) 0 -80px no-repeat;
width:91px;
height:80px;
display:block;	
}


li.warunki a {
background:url(../gfx/menu/warunki.jpg) 0 0 no-repeat;
width:109px;
height:80px;
display:block;
}

li.warunki_on a {
background:url(../gfx/menu/warunki.jpg) 0 -80px no-repeat;
width:109px;
height:80px;
display:block;
}

li.warunki a:hover {
background:url(../gfx/menu/warunki.jpg) 0 -80px no-repeat;
width:109px;
height:80px;
display:block;
}

li.kontakt a {
background:url(../gfx/menu/kontakt.jpg) 0 0 no-repeat;
width:79px;
height:80px;
display:block;
}

li.kontakt_on a {
background:url(../gfx/menu/kontakt.jpg) 0 -80px no-repeat;
width:79px;
height:80px;
display:block;
}

li.kontakt a:hover {
background:url(../gfx/menu/kontakt.jpg) 0 -80px no-repeat;
width:79px;
height:80px;
display:block;
}


/** SUBMENU **/

#main_nav {
	margin:-18px 0 0 384px;
	list-style: none;
}

#main_nav ul {
margin:0 0 0 -24px;
list-style: none;
}

#main_nav a {
	display: block;
	text-decoration: none;
	padding:0px;
}

#main_nav li {
	float: left;
	width: 9em;
	font-weight:bold;
}

#main_nav li ul li {
	font-weight:normal;
	background:#000;
	text-align:center;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

#main_nav li ul, #main_nav ul li  {
	width: 10em;
	padding:2px;
}

#main_nav li ul {
	position: absolute;
	display: none;
}

#main_nav ul li a {
background:none;
width: 12em;
padding:4px;
height:auto;
text-align:center;
font-size:0.8em;
color:#fff;
}

#main_nav ul li a:hover {
color:#039acb;
}

#main_nav li:hover ul, #main_nav li.p7hvr ul {
	display: block;
}

#main_nav li {width: auto;}


/************  MENU GLOWNE - KONIEC ****************/

/************  BANNER - SRODEK *******************/

.midbanner {
margin:98px 0 0 0;
background:url(../gfx/tla/midbanner2.jpg) no-repeat;
width:920px;
height:253px;
display:block;
}

.mid_fotki {
margin:13px 0 24px 0;
width:920px;
padding-left:11px;
}

.mid_fotki img{
margin:0 44px 0 0;
}
/************  BANNER - SRODEK koniec*******************/


/***************** TRESC GLOWNA **********************/

/************* LEWA KOLUMNA **************/

.main_content {
width:920px;
padding:0 0 0 11px;
font-size:0.8em;
text-align:justify;
}

.left_col {
float:left;
width:571px;
}

.left_col h2, .left_col h3 {
margin:0px 0 10px 0;
}
.left_col h2 {
font-size:20px;
}

.left_col h3 {
font-size:16px;
}

.warunki_list {
margin-left:-20px;	
}

.oferta_list a {
font-size:10px;
}

/*********************** PRODUCT BOXY **************/
.productBox {
width:150px;
float:left;
margin:0 36px 0 0;
}

.productPrice {
text-align:center;
padding:2px 0 6px 0;
}

/***************************************************/

/************* LEWA KOLUMNA **************/

/************* PRAWA KOLUMNA **************/
.right_col {
float:right;
width:295px;
}

.right_col_content{
width:295px;
margin-bottom:10px;
}

.supportBox {
float:left;	
}

.supportBox h4 {
margin:0 0 10px 0;
font-size:14px;
}

.opieka_list {
list-style:square;
margin-left:-28px;
}


/************* PRAWA KOLUMNA **************/


.left_header, .right_header{
margin:0 0 10px 0;
}

.left_header_lower, .right_header_lower {
margin:10px 0 10px 0;
}


/******************* STOPKA *******************/

.footer {
clear:both;
width:920px;
font-size:0.8em;
color:#999;
border-top:1px solid #333;
}

.footer_content {
margin:10px 0 0 0;
display:block;
text-align:center;
}

.footer_content a {
color:#999;
text-decoration:underline;
}

.footer_content a:hover {
color:#999;
text-decoration:none;
}