body { margin: 0; padding: 0; background-color: #d4d4d4; font-family: "Trebuchet MS"; }
#header { width: 100%; height: 181px; background: url('../img/header-bg.png'); }
#container { margin: 0 auto; width: 954px; min-height: 600px; height: auto !important; height: 600px;  }
#footer { width: 100%; height: 282px; background: url('../img/footer-bg.png'); margin-top: 10px;  }
#top { width: 950px; height: 181px;  margin: 0 auto;  }
#left { width: 635px; min-height: 600px; height: auto !important; height: 600px; float: left;  }
#right { width: 319px; min-height: 600px; height: auto !important; height: 600px; float: right;  }
/* Overall*/
form { margin: 0; padding: 0; display: inline; }
img { border: 0; }
.clear { clear: both; }

/* Top */
#top .search { height: 29px; width: 950px; }
#top .search .right { float: right;  height: 24px; width: 507px; line-height: 24px; color: #777; font-size: 14px; }
#top .search .right input.text { height: 25px; line-height: 25px; width: 227px; margin: 0; padding: 0; border: 0; position: relative; top: -4px; left: 0; font-size: 16px; background: url('../img/search.png') no-repeat right; } 
#top .search .right input.submit { line-height: 20px; height: 20px; width: 100px; margin: 0; padding: 0; border: 0; background-color: transparent; color: #777; } 
#top .search .left { float: left;  height: 28px; width: 150px; text-align: center; line-height: 28px; }
#top .search .left a { color: #777; font-size: 14px; font-weight: bold;  }
#top .logoContainer { width: 950px; height: 111px; background: #000; background: url('../img/top.jpg') no-repeat right; }
#top .logoContainer .logo { width: 201px; height: 81px; float: left; }
#top .logoContainer .fav { width: 200px; height: 23px; float: right; background-color: red; margin-top: 88px; }
#top .menu { width: 950px; height: 39px; margin-top: 1px; }
#top .menu a { width: 85px; height: 39px; display: block; float: left; line-height: 39px; font-size: 14px; text-align: center; text-decoration: none; color: #adadad; border-right: 1px solid #3f3f3f;  }
#top .menu a:hover { background: url('../img/menu-top-hover.png') repeat-x; }
#top .menu a.first { border-left: 1px solid #3f3f3f; }

/* Opakowania */
#left .container { width: 635px; background: url('../img/left-bg.png') repeat-y; margin-top: 10px; }
#left .container .header { width: 635px; height: 40px; background: url('../img/left-bars.png'); color: #6a6a6a; font-size: 14px; line-height: 45px; text-indent: 30px; font-weight: bold; }
#left .container .content { padding: 10px 0; margin: 0 auto; width: 605px; min-height: 100px; height: auto !important; height: 100px; border-top: 1px solid #b1b1b1; }
#left .container .footer { width: 635px; height: 10px; line-height: 1px; font-size: 1px; background: url('../img/left-bars.png') 0 -45px; }
#left .container .content h2 { padding: 0; margin: 0; font-size: 16px; color: #fe1366; }
#left .container .content p.normal { padding: 0; margin: 5px 0 0 0; font-size: 14px; color: #000; }
#left .container .content input.text { width: 250px; height: 25px; border: 1px solid #9a9a9a; padding: 0; margin: 0; font-size: 14px; text-indent: 3px; line-height: 25px; }
#left .container .content input.submit { line-height: 22px; height: 22px; width: 60px; margin: 0 0 0 10px; padding: 0; border: 0; border-bottom: 3px solid #131313; background-color: transparent; color: #131313; font-weight: bold;  } 
#left .container .content p.district { padding: 0; margin: 5px 0 0 0; font-size: 12px;  }
#left .container .content p.district a { color: #fe1366; text-decoration: none; }
#left .container .content p.district a:hover { color: #000; }
#left .container .content p.small { padding: 0; margin: 5px 0 0 0; font-size: 12px; color: #8d8d8d; }
#left .container .content p.tag { padding: 0; margin: 5px 0 0 0; }
#left .container .content p.tag a { color: #8d8d8d; text-decoration: none; font-weight: bold; }
#left .container .content p.tag a:hover { color: #fe1366; }
#left .container .content p.tag a.s1 { font-size: 9px; }
#left .container .content p.tag a.s2 { font-size: 12px; }
#left .container .content p.tag a.s3 { font-size: 14px; }
#left .container .content p.tag a.s4 { font-size: 16px; }
#left .container .content p.tag a.s5 { font-size: 20px; }
#left .container .content p.tag a.s6 { font-size: 24px; }
#left .container .content .nav { width: 605px; height: 12px; }
#left .container .content .nav a.left { width: 60px; height: 12px; display: block; float: left; background-image: url('../img/nav.png'); background-position: 0 -12px; font-size: 12px; text-decoration: none; color: #6b6b6b; font-weight: bold; text-indent: 16px; line-height: 12px; }
#left .container .content .nav a.left:hover { background-position: 0 -36px; } 
#left .container .content .nav a.right { width: 60px; height: 12px; display: block; float: right; background-image: url('../img/nav.png'); background-position: 0 -48px; font-size: 12px; text-decoration: none; color: #6b6b6b; font-weight: bold; text-indent: 14px; line-height: 12px; }
#left .container .content .nav a.right:hover { background-position: 0 -60px; } 
#left .container .content .nav .center { width: 485px; height: 12px; float: left; }
#left .container .content .nav .centerFat { width: 605px; height: 12px; float: left; margin: 5px 0 0 0; }
#left .container .content .nav .center a, #left .container .content .nav .centerFat a { width: 60px; height: 12px; display: block; margin: 0 auto; background-image: url('../img/nav.png'); background-position: 0 0; font-size: 12px; text-decoration: none; color: #6b6b6b; font-weight: bold; text-indent: 16px; line-height: 12px; }
#left .container .content .nav .center a:hover, #left .container .content .nav .centerFat a:hover { background-position: 0 -24px; }
/* OffersView */
#left .container .content .offer {  border: 1px solid #868686; float: left; display: inline; margin: 6px 6px; }
#left .container .content .offer .inside { width: 287px; min-height: 190px; height: auto !important; height: 190px; }
#left .container .content .offer .picture { width: 108px; height: 87px; overflow: hidden; float: right; margin: 8px 8px 0 10px; display: inline;}
#left .container .content .offer .picture img { width: 108px; }
#left .container .content .offer h3 { width: 150px; float: left; font-size: 16px; margin: 8px 0 0 8px; padding: 0; display: inline; overflow: hidden; }
#left .container .content .offer h3 a { color: #000; text-decoration: none; }
#left .container .content .offer p { margin: 0 0 0 8px; padding: 0; font-size: 12px; color: #6b6b6b; font-weight: bold;}
#left .container .content .offer .buttons { width: 276px; height: 35px; margin: 5px 0 5px 5px; }
#left .container .content .offer .buttons a { display: block; width: 130px; height: 25px; background-color: #e1e1e1; text-align: center; font-size: 14px; text-decoration: none; color: #000; line-height: 25px; }
#left .container .content .offer .buttons a:hover { color: #fe1366; cursor: pointer; }
#left .container .content .offer .buttons a.left { float: left; }
#left .container .content .offer .buttons a.right { float: right; }
/* CityView */
#left .container .content #lista-nav { margin: 10px 5px; }
#left .container .content #lista-nav .ln-letters a { font-size: 13px; line-height: 15px; color: #000; text-decoration: none; display: block; width: 16px; height: 16px; float: left; background: #fff; border: 1px solid #b1b1b1; text-align: center; }
#left .container .content #lista-nav .ln-letters .ln-disabled { background-color: #d4d4d4; color: #858585; }	
#left .container .content #lista-nav .ln-letters .ln-selected { background: #fe1567; color: #fff; }
#left .container .content #lista { margin: 10px 0; }
#left .container .content #lista li { list-style: none; float: left; width: 180px; text-align: left; color: #000; }
#left .container .content #lista li a { color: #000; text-decoration: none;  font-size: 14px; }
/* ProfileView */
#left .container .content #profileView { }
#left .container .content #profileView .toLeft { float: left; width: 300px; min-height: 300px; height: auto !important; height: 300px; display: inline; margin-left: 8px; }
#left .container .content #profileView .toLeft h1 { font-size: 20px; font-weight: bold; margin: 5px 0 0 0; padding: 0; color: #fe1567; }
#left .container .content #profileView .toLeft h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #000; }
#left .container .content #profileView .toLeft p { margin: 0; padding: 0; font-size: 14px; color: #000; }
#left .container .content #profileView .toLeft p.action { margin: 0; padding: 0; font-size: 16px; color: #000; font-weight: bold; display: none; }
#left .container .content #profileView .toLeft p span { color: #fe1567; font-weight: bold; }
#left .container .content #profileView .toLeft a.button { display: block; width: 130px; height: 25px; background-color: #e1e1e1; text-align: center; font-size: 14px; text-decoration: none; color: #000; line-height: 25px; margin: 5px 0; }
#left .container .content #profileView .toLeft a.button:hover { color: #fe1366; cursor: pointer; }
#left .container .content #profileView .toRight { float: right; width: 274px; min-height: 300px; height: auto !important; height: 300px; display: inline; margin: 5px 0 5px 0; }
#left .container .content #profileView .toRight .big img { width: 274px; height: 380px; }
#left .container .content #profileView .toRight .small img { width: 42px; height: 58px; float: left; display: inline; margin: 3px 3px 0 0; }

#right .container { width: 319px; background: url('../img/right-bg.png') repeat-y; margin-top: 10px; }
#right .container .header { width: 319px; height: 40px; background: url('../img/right-bars.png'); color: #6a6a6a; font-size: 14px; line-height: 45px; text-indent: 30px; font-weight: bold; }
#right .container .content { padding: 10px 0; margin: 0 auto; width: 289px; min-height: 100px; height: auto !important; height: 100px; border-top: 1px solid #b1b1b1; }
#right .container .footer { width: 319px; height: 10px; line-height: 1px; font-size: 1px; background: url('../img/right-bars.png') 0 -45px; }
#right .container .content p.district { padding: 0; margin: 5px 0 0 0; font-size: 16px; text-align: center;  }
#right .container .content p.district a { color: #9a9a9a; text-decoration: none; font-weight: bold; }
#right .container .content p.district a:hover { color: #fe1366; text-decoration: underline; }
#right .container .content .pictureBorder { width: 128px; height: 103px; background-image: url('../img/picture-border.png'); float: left; margin: 0 0 8px 8px; display: inline; }
#right .container .content .picture { width: 108px; height: 87px; overflow: hidden; background: yellow; float: left; margin: 8px 0 0 10px; display: inline;}
#right .container .content .picture img { width: 108px; }

#footer .container { margin: 0 auto; width: 954px;  height: 282px;  }
#footer .container .top { width: 952px; height: 42px; float: right; }
#footer .container .top .box { width: 188px; height: 39px; margin: 2px 0 0 0; float: left; border-right: 1px solid #3f3f3f; text-align: center; font-weight: bold; color: #adadad; line-height: 39px; font-size: 14px; }
#footer .container .top .first { border-left: 1px solid #3f3f3f; }
#footer .container .top .box span { color: #fff; }
#footer .container .middle { width: 952px; height: 202px; float: right; }
#footer .container .middle .box { width: 188px; height: 200px; float: left; border-right: 1px solid #000;}
#footer .container .middle .box h2 { margin: 0; padding: 0; font-size: 14px; color: #fff; width: 188px; height: 40px; line-height: 40px; text-indent: 15px; }
#footer .container .middle .box ul { margin: 0; padding: 0; }
#footer .container .middle .box li { margin: 0; padding: 0; text-indent: 25px; font-size: 12px; line-height: 12px; height: 16px;}
#footer .container .middle .box li a { color: #6b6b6b; text-decoration: none; }
#footer .container .middle .box li a:hover { color: #fe1366; }
#footer .container .middle .box input.text { width: 180px; height: 25px; background-image: url('../img/searchBottom.png'); border: 0; padding: 0; margin: 0; font-size: 14px; color: #000; line-height: 25px; text-indent: 3px; font-weight: normal; }
#footer .container .middle .box input.submit { line-height: 20px; height: 20px; width: 100px; margin: 0; padding: 0; border: 0; background-color: transparent; color: #777; float: right; }
#footer .container .bottom { margin: 0 auto; width: 950px; height: 38px; background-image: url('../img/footer.png');}

#adultWarning { width: 620px; height: 400px; margin: 100px auto 0 auto;  }
#adultWarning .top { width: 620px; height: 124px; background-image: url('../img/enter.jpg');}
#adultWarning .content { width: 600px; height: 276px; float: right; text-align: left; }
#adultWarning p { font-weight: bold; color: #3f3f3f; margin: 5px; padding: 0; font-size: 14px; }
#adultWarning label { font-weight: normal; color: #000; margin: 7px; padding: 0; }
#adultWarning a { color: #000;  }
#adultWarning a.escape { color: #6b6b6b; font-size: 12px; text-decoration: none; font-weight: normal; }
#adultWarning a.enter { color: #ff1064; font-size: 16px; }
.dodano { font-size: 9px; color: #000; }


/*
* JQUERY Autocomplete 
*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}