/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #0e6eb7; }
a:hover { text-decoration: underline; }
ul { text-align: left; }
fieldset { border: 0; }
cite { color: #FF6600; font: normal 12px Arial; padding: 6px 0; display: block;}
p { padding: 6px 0;}
table { margin: auto; }

h1 { position: relative; margin: 10px 0 0; }
h3 { 
	color:#CC6600;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: normal;
}
h4 { font-size: 11px; margin: 10px 0; color: #0086cb; text-transform: uppercase;}	  

/*Layout

------------------------------------------------------------------------- */
html {  }
body { background: #FFF url(../img/bg.jpg) 50% 0 repeat-x; font: 11px Tahoma, Arial,Helvetica,sans-serif; color: #333333;
	margin:0; 
	padding:0; 
	height:100%;
	position: relative;
}

#sticky-wrapper { width: 900px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto; clear: both; }
#top, #page, #home , #footer { width: 900px; margin: 0 auto; clear: both;}

ul {
	margin: 10px 0 0 20px;
}
li {
	color:#3E3D40;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	list-style-image:url("../img/strr.gif");
}

.mask {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #fff;
}



/* Top

------------------------------------------------------------------------- */
#top { width: 898px; height: 143px; position: relative; background-color:#1e1e1e; border: 1px solid #fff; }
#flash_top { height: 100px; width: 898px; overflow:hidden; }
#flash_ovrl { position: absolute; top: 0; left: 0; width: 100%; height: 15px; background-color: #000; color: #fff; text-align: center; padding: 1px 0; }
#flash_ovrl a { color: #fff; }
#top h2 {float: left; position: relative; margin: 34px 0 0 10px; width: 228px; height: 35px; text-indent: -9999px; font-size: 0; line-height: 0; background: url(../img/sprzatamyzpasja.png) 0 0 no-repeat; }
#menu { 
	width: 100%;
	float: left; 
	overflow: hidden; 
	list-style: none;
	border-top: 1px solid #fff;
	margin: 0;
}
#menu li { float: left; padding: 0 0 0 2px; margin: 0 0 0 -2px; background: url(../img/menu-blue.gif) 0 0 no-repeat; list-style: none; }
#menu li a { float: left; padding: 0 25px; background: url(../img/menu-blue.gif) 50% -100px no-repeat; height: 43px; font: 14px/43px "Myriad Pro"; color: #fff; text-transform: uppercase; text-decoration: none;}
#menu li a:hover, #menu li a.active { background-color: #CC6600; text-decoration: none;}

#top.index { height: 143px; }
#top.index #flash_top { height: 100px; }
#top.index #menu { top: 100px; }

#lang-bar {
	height:auto;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:absolute;
	right:5px;
	top:114px;
	width:auto;
}
#lang-bar li {
	list-style: none;
	float: left;
	margin: 0 5px 0;
}

#top.index #lang-bar { top:114px; }

/* Content

------------------------------------------------------------------------- */

#page, #home {
	background-color: #fff;
	width: 900px;
}

#page-title { 
	margin: 0 0 5px; 
	border: 1px solid #000; 
	background: #91aa28 url(../img/tick.gif) 9px 9px no-repeat;
	position: relative;
	
}
#page-title h1 {
	float: none;
	margin: 9px 0 9px 38px;
	padding: 0;
	color:#3E3D40;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:18px;
	font-weight:bold;
}

.h_cont { 
	margin: 0 0 5px; 
	border: 1px solid #000; 
	background: url(../img/tick.gif) 9px 9px no-repeat;
	position: relative;
}
.h_cont h2 {
	float: none;
	margin: 9px 38px 9px 38px;
	padding: 0;
	color:#3E3D40;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:18px;
	font-weight:bold;
}
.h_cont span {
	display: block;
	position: relative;
	top: -8px;
	left: 38px;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

#home { width: 888px; background: #fff; border: 1px solid #000; padding: 5px; }
#inner { border: 1px solid #000; padding: 15px; background-color: #f2f2f2; }
#home .content {float: left; width: 540px; display: inline; padding: 0 10px 0 0; text-align: justify;}
#home .content.wide { width: 100%; }
#home .sidebar {float: right; width: 300px; display: inline; }

.content p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 5px;
}

#content_main p {
	font-family: Tahoma;
	font-size: 11px;
	padding-right: 5px;
}

.content img.fl, .content img.fr { border: 1px solid #d6d6d6; margin-top: 10px;}
.content img.fl { margin-right: 10px;}
.content img.fr { margin-left: 10px;}

.content img{ border: 1px solid #d6d6d6; padding: 2px; margin: 0 5px;}

.btn-wyslij {width: 434px; height: 62px; text-indent: -9999px; font-size: 0; line-height: 0; background: url(../img/btn-wyslij.png) 0 0 no-repeat; float: right; clear: both; margin: 15px 0 0;}
.btn-slim {width: 245px; height: 104px; text-indent: -9999px; font-size: 0; line-height: 0; background: url(../img/btn-slim.jpg) 0 0 no-repeat; float: right; clear: both; margin: 15px 0 0;}

#header { position: relative; width: 716px; height: 100px; overflow: hidden; background: #FFF; padding-bottom: 3px; border-bottom: 2px solid #c3c3c3; margin: 0 0 0 -10px;}
#header h3 { position: absolute; top: 20px; right: 15px; height: 66px; font: 24px/30px "Myriad Pro"; color: #fff; padding: 0 12px; width: 487px; text-transform: uppercase; text-align: right;}
#header h3 strong { display: block; font-weight: bold; font-size: 30px;}

.breadcrumbs { display: block; width: 696px; padding: 5px 10px; background: #c3c3c3; margin: 3px 0 0 -10px; clear: both; color: #818181;}
.breadcrumbs .crumb { color: #818181; margin-right: 8px; padding-left: 18px; background: url(../img/crumb.gif) 0 50% no-repeat;}
.breadcrumbs .first, .breadcrumbs .home {background: none; padding-left: 0;}

#side-nav { list-style: none; font: 12px Arial; color: #fff;}
#side-nav ul { list-style: none; margin: 0 0 3px; float: left; clear: both; width: 100%;}
#side-nav ul li {float: left; clear: both; width: 100%;}
#side-nav a { background: #00669b url(../img/side-nav.gif) 10px 50% no-repeat; float: left; clear: both; width: 214px; padding: 8px 10px 8px 22px; color: #fff; margin: 0 0 3px;}
#side-nav a:hover { background: #519811 url(../img/side-nav.gif) 10px 50% no-repeat; }
#side-nav a.active { background: #004569 url(../img/side-nav.gif) 10px 50% no-repeat; }
#side-nav ul a { margin: 0; background: #8b8b8b url(../img/side-nav.gif) -226px 50% no-repeat; padding: 6px 10px 6px 37px; width: 199px;}

#side-nav ul li a.sub_active{ text-decoration: underline;}

/* Footer 

------------------------------------------------------------------------- */
#footer { text-align: right; font: 11px Arial; color:#333333; padding: 15px 30px 2px 15px; width: 855px; height: 25px; overflow: hidden; text-align: right;}
#footer a { color: #c3c3c3;}
#footer ul { float: left; list-style: none;}
#footer li { float: left; padding: 0 8px;}

.copy {
	margin-right: 30px;
}
.realizacja {
	float: right;
	text-align: center;
	margin-top: -8px;
}


/* Other 

------------------------------------------------------------------------- */

.box { 
	margin: 5px 0 5px; 
	padding: 8px 5px 5px 40px;
	border: 1px solid #000; 
	background: url(../img/tick.gif) 9px 9px no-repeat;
	position: relative;
}

.notice {
	width: 100%;
	padding: 10px;
	color: #CC6600;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 73px; }
.center { text-align: center; }




/* Oferty */
.oferty {
	text-align: center;
	margin-left: 2px;
}

.oferty .oferta {
	float: left;
	width: 270px;
	height: 350px; 
	margin: 3px;
	padding: 3px;
	border: 1px solid grey;
	text-align: center;
	background-color: white;
}

.oferty .oferta .photo {
	text-align: center;
	margin: 4px;
}
.oferty .oferta .photo img { width: 213px; height: 160px; }

.oferty .oferta .place {
	text-align: center;
	margin: 4px 0 6px;
}

.oferty .oferta .place a {
	color: #CC6600;
	font-size:12px;
	font-weight: bold;
	font-family: Arial;
}

.oferty .oferta .fr a {
	color: #CC6600;
	font-size:12px;
	font-weight: bold;
	font-family: Arial;
	line-height:25px;
}

.oferty .oferta .atr {
	text-align: center;
	margin: 1px 20px 1px 20px;
	clear: both;
}

.oferty .oferta .atr .atr_name {
	float: left;
	font-weight: bold;
}
.oferty .oferta .atr .atr_value {
	float: right;
}

.oferty .oferta .desc {
	clear: both;
	margin: 4px 20px 6px 20px;
}

.oferty.polecane { margin-left: 0px; }
.oferty.polecane .oferta {
	float: left;
	width: 292px;
	height: auto; 
	margin: 3px 0px;
	padding: 3px;
	border: 1px solid grey;
	text-align: center;
	background-color: white;
}
.oferty.polecane .oferta img {
	width: 284px;
}


.akcje_uzytkownika {
	margin: 0 auto;
	margin-left: 260px;
	text-align: center;
	position: relative;
}
.akcje_uzytkownika div {
	width: auto;
	float: left;
	margin: 0 5px;
	position: relative;
	top: -20px;
}
.akcje_uzytkownika div img{
	position: relative;
	top: 11px;
	margin: 0;
}

.oferta {}

.oferta .atrybuty {
	float: left;
	width: 430px;
	margin: 5px 0px 5px 10px;
}
.oferta .atrybuty .miejsce {
	text-align: center;
	font-weight: bold;
	color: #CC6600;
	font-size: 14px;
	margin: 5px 0 10px;
}
.oferta .atrybuty ul {
	list-style: none;
}
.oferta .atrybuty .atr_name {
	font-weight: bold;
}

.oferta .atrybuty_dodatkowe {
	float: left;
	width: 430px;
	margin: 5px 0px 5px 10px;
}
.oferta .atrybuty_dodatkowe h4 { text-align: center; }

.oferta .zdjecia {
	float: right;
	width: 410px;
	text-align: right;
}

.oferta .zdjecia  .glowne,
.oferta .zdjecia  .pozostale
{
	text-align: center;
}
.oferta .tresc {
	float: left;
	width: 380px;
	margin: 5px 0px 5px 5px;
	text-align: left;
}
.oferta .opcja_sp {
	float: left;
	margin:5px 0 5px 10px;
	width:430px;
	text-align: center;
	color: #b00;
	font-size: 14px;
	font-weight: bold;
}



.oferta .mapa_outer {
	float: left;
	clear: both;
	width: 430px;
	margin: 30px 0px 5px 10px;
	padding: 5px 0;
	text-align: center;
	
	border-top: 1px solid grey;
}

.oferta .mapa_outer #google_map {
	width: 430px;
	height: 325px;
}

.oferta .pytania {
	float: right;
	width: 400px;
	margin: 30px 0px 5px 10px;
	padding: 5px 0;
	text-align: left;
	
	border-top: 1px solid grey;
}

.oferta.distincted {
	background-color: #D1EA68 !important;
}

.distincted_desc {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #d20;
	margin: 4px;
}

.numery_stron { clear: both; }



.DefaultPointyTip .pointyWrapper .body li {
	color: #ddd !important;
}
#menu li.magazyny:hover ul {display:block;}
#menu li ul { position:absolute; top:130px; border:solid 2px #0c8ccf; display:none;z-index: 999; background:#222;}
#menu li ul li { clear:left; float: left; padding: 0 0 0 2px; margin: 0 0 0 -2px; background: url(../img/menu-blue.gif) 0 0 no-repeat; list-style: none; }
#menu li ul li a { text-transform:none; width:100%; display:block; width: 200px; float: left; padding: 0 5px;  background: url(../img/menu-blue.gif) 50% -100px no-repeat; height: 18px; font: 10px/18px "Verdana"; color: #fff; text-decoration: none;}