/******************************************** SCALER ********************************************/
*{
	border:0;
	margin:0;
	padding:0;
	outline:0
}

html,body{
	width:100%;
	height:100%;
	overflow:hidden;
	background-color : #B8B7BC;
}

#holder{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
}

#holder[id]{
	display:table
}
#holder div{
	position:absolute;
	left:0;
	top:50%	
}
#holder[id] div{
	display:table-cell;
	vertical-align:middle;
	position:static
}
#holder img{
	position:relative;
	top:-50%;
	margin:0 auto;
	display:block;
	-ms-interpolation-mode:bicubic;
	width:100%
}
*:first-child+html #holder div{
	position:absolute
}/*force IE 7 back to position:absoulte*/

#body{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	min-width: 950px;
	width:100%;
	height:100%;
	overflow:auto;
	font-size: 12px;
}

/******************************************** KONIEC SCALER ********************************************/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.bold {font-weight:bolder;}

a
{
	text-decoration : none;
	color : black;
	outline: none;
}

p
{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-size : 12px;
}

form
{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border : none;
}

input
{	
	width : 150px;
	height : 14px;
	border : 1px solid #CCCCCC;
	color : black;
	font-size : 10px;
}

div
{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	border : none;
}

img
{
	border : 0px;
}

div.login
{
	width : 400px;
	margin : auto;
	margin-top : 150px;
	right: 0px;
}

div.input_label
{
	width : 60px;
	text-align : right;
	float : left;
}

div.input_content
{
	width : 170px;
	text-align : left;
	float : left;
	margin-left : 10px;
}

/******************************************** KLASY DODAWAJ PONIZEJ ********************************************/

#top
{
	background-image: url(/images/top_BG.png);
	background-repeat: repeat-x;
	height: 70px;
	width: 100%;
}

#bottom
{
	height: 80px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 2;
}

#city
{
	background-image: url(/images/city.png);
	background-repeat: no-repeat;
	float: right;
	height: 50px;
	width: 435px;
}

#footer
{
	background-color: #262626;
	height: 30px;
	width:100%;
}

#middle
{
	min-height: 365px;
	_height: 365px;
	margin-bottom: 80px; 
}

div.center
{
	margin: auto;
	width: 950px;
}

div.copyright
{
	float: left;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10px;
	margin-top: 8px;
}

div.code
{
	width: 160px;
}

div.text_inside
{
	padding: 0px 54px;
}

a.sparta
{
	background-image: url(/images/sparta.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin-top: 4px;
	width: 82px;
}

#SG_left
{
	float: left;
	width: 55%;
	position: relative;
}

#SG_center
{
	float: left;
	width: 1%;
}

#SG_right
{
	float: left;
	width: 44%;
}

div.left_Inside
{
	float: right;
	width: 540px;
}

#left_Inside_Content
{
	font-family: Verdana;
	float: right;
	width: 240px;
	margin-top: 35px;
}

div.right_Inside
{
	float: left;
	width: 240px;
	margin-top: 5px;
}

div.corner_Left_Top
{
	background-image: url(/images/corner_Left_Top.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
	float: right;
}

div.corner_Right_Top
{
	background-image: url(/images/corner_Right_Top.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
	float: left;
}

div.corner_Left_Bottom
{
	background-image: url(/images/corner_Left_Bottom.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
	float: right;
}

div.corner_Right_Bottom
{
	background-image: url(/images/corner_Right_Bottom.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
	float: left;
}

div.center_Transparency_BG
{
	background-image: url(/images/trans.png);
	min-height: 343px;
	_height: 343px;
	padding: 0 16px;
}

div.fill_Right_Transparency_BG
{
	background-image: url(/images/trans.png);
	float: left;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
}

div.fill_Left_Transparency_BG
{
	background-image: url(/images/trans.png);
	float: right;
	height: 11px;
	line-height: 11px;
	font-size: 1px;
}

#topStripBegin
{
	background-repeat: repeat-x;
	height: 41px;
	width: 100px;
	position: absolute;
}

#topStripEnd
{
	background-repeat: no-repeat;
	height: 41px;
	position: absolute;
	width: 171px;
}

div.aboutUsStripeBegin
{
	background-image: url(/images/about_us_top.png);
}

div.aboutUsStripeEnd
{
	background-image: url(/images/about_us_top_end.png);
}

div.outdoorStripeBegin
{
	background-image: url(/images/outdoor_top.png);
}

div.outdoorStripeEnd
{
	background-image: url(/images/outdoor_top_end.png);
}

div.mediaStripeBegin
{
	background-image: url(/images/media_top.png);
}

div.mediaStripeEnd
{
	background-image: url(/images/media_top_end.png);
}

div.gadgetsStripeBegin
{
	background-image: url(/images/gadgets_top.png);
}

div.gadgetsStripeEnd
{
	background-image: url(/images/gadgets_top_end.png);
}

div.webdesignStripeBegin
{
	background-image: url(/images/webdesign_top.png);
}

div.webdesignStripeEnd
{
	background-image: url(/images/webdesign_top_end.png);
}

div.portfolioStripeBegin
{
	background-image: url(/images/portfolio_top.png);
}

div.portfolioStripeEnd
{
	background-image: url(/images/portfolio_top_end.png);
}

div.kontaktStripeBegin
{
	background-image: url(/images/kontakt_top.png);
}

div.kontaktStripeEnd
{
	background-image: url(/images/kontakt_top_end.png);
}