﻿#text {
	width: 770px;
	height: 404px;
	overflow: hidden;
	float: right;
	background-color: #171717;

}

#column_left {
	width: 30px;
	height: 400px;
	position:relative;
	float: left;
}

#tab01 {
	width: 770px;
	height: 100px;
	background-color:#333333;
	float: right;
}

#tab02 {
	width: 770px;
	height: 100px;
	background-color:#333333;
	float: right;
	margin-top: 1px;
}

#tab03 {
	width: 770px;
	height: 100px;
	background-color:#333333;
	float: right;
	margin-top: 1px;
}

#tab04 {
	width: 770px;
	height: 100px;
	background-color:#333333;
	float: right;
	margin-top: 1px;
}

/********************
formatowanie tekstu w zakladkach 
********************/

/* pierwszy rzad */

div.box1 { 
	width: 230px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin-left:0px;
	margin-top: 15px;
	padding-left: 23px; /* musi byc padding a nie margin ze wzgledu na IE 6 :[ */
}

div.box2 {
	width: 260px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 5px;
	margin-top: 15px;
	padding-left: 0px;
}

div.box3 {
	width: 230px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 5px;
	margin-top: 15px;
	padding-left: 0px;
}

/* drugi rzad */


div.box4 {
	width: 237px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 0px;
	margin-top: 10px;
	padding-left: 15px;
}

div.box5 {
	width: 260px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 5px;
	margin-top: 10px;
	padding-left: 0px;
}

div.box6 {
	width: 230px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 5px;
	margin-top: 10px;
	padding-left: 0px;
}

/* trzeci rzad */

div.box7 {
	width: 245px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 0px;
	margin-top: 10px;
	padding-left: 12px;
}

div.box8 {
	width: 245px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 10px;
	margin-top: 10px;
	padding-left: 0px;
}

div.box9 {
	width: 250px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 10px;
	margin-top: 10px;
	padding-left: 0px;
}


/* czwarty */

div.box10 {
	width: 245px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 0px;
	margin-top: 10px;
	padding-left: 12px;
}



div.box11 {
	width: 265px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin left: 10px;
	margin-top: 10px;
	padding-left: 0px;
}

div.box12 {
	width: 240px;
	height: 80px;
	font-size: 11px;
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	padding-left: 0px;
}

/* duperele */
 img {
	border: none;
	float: left;
	position: relative;
	clear: left;
	margin-right: 5px;
}


h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

p { 
	margin-top: 0px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #CCC;
}

/********* obrazky po lewej stronie **********/

#red {
	width: 30px;
	height: 100px;
	background-image: url(../grafika/oferta/red-left.jpg);
}

#green {
	width: 30px;
	height:100px;
	background-image:url(../grafika/oferta/green-left.jpg);
	margin-top: 1px;
}

#blue {
	width: 30px;
	height: 100px;
	background-image:url(../grafika/oferta/blue-left.jpg);
	margin-top: 1px;
}

#yellow {
	width: 30px;
	height: 100px;
	background-image:url(../grafika/oferta/yellow-left.jpg);
	margin-top: 1px;
}

	
