html {
	background:#d8d6cd url(../images/bg.gif) top left repeat-x;}
body {
	font:12px/1.5em Arial, Sans-serif;
	text-align:center;
	color:#111111;}
body,h1,h2,h3,h4,h5,h6,ul,li,form,div,p {
	margin:0;
	padding:0;}
ul {
	list-style-type: none;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;}
h1, h2, h3 {
	font-size:21px;
	line-height:32px;
	font-weight:normal;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);}
h3 {
	font-size:18px;
	margin-bottom:20px;}
div {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
a {
	text-decoration:underline;
	color:#0d447b;
	outline:none;}
	a:hover {
		text-decoration:none;
		color:#6699cc;}

/************** COMMON ********************************************************/
.left {
	float:left;
	margin-right:16px;}
.right {
	float:right;
	margin-left:16px;}
.clear {
	clear:both;}
.box {
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}

/************** LAYOUT ********************************************************/
#main {
	width:945px;
	position:relative;
	padding:8px;
	background: #fff url(../images/corner.jpg) bottom right no-repeat;
	margin-top:20px;
	text-align:left;}
#login {
	position:absolute;
	background:#e3e1d8;
	top:0;
	right:0;
	padding:8px;}
	#login a {
		color:#111111;
		text-decoration: none;}
#header {
	width:180px;
	float:left;
	background:#3b72aa;}
	#header h1 {
		padding: 5px;
		font-size:24px;
		font-weight: normal;
		padding-top: 6px;
		margin-bottom: 6px;}
		#header h1 a {
			background: url(../images/logo.gif) top left no-repeat;
			height:51px;
			width:110px;
			display: block;
			text-indent: -9999px;
			color:#fff;}
#sidebar {
	width:200px;
	margin-right:8px;
	float:left;}
#advert {
	width:120px;
	padding-left:10px;
	padding-top:20px;
	float:left;}
#content {
	float:left;
	width:737px;
	padding-bottom:30px;
	position:relative;}
	#content h2 {
		padding:18px 0;
		color:#111111;}

/************** MENU **********************************************************/
#menu {
	width:180px;
	float:left;}
	#menu ul {
		list-style-type:none;
		float:left;}
		#menu ul li {
			float:left;
			margin-bottom:6px;
			height:34px;}
			#menu ul li a {
				display:block;
				width:160px;
				background:#447bb2;
				padding:8px 10px;
				float:left;
				color:#fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				text-align:left;
				font-weight:bold;
				text-decoration:none;}
			#menu ul li a:hover, #menu ul li a.active {
				text-decoration:none;
				background: #3c74ab;}
			#menu ul li:last-child {
				margin:0;}

/************** ADD AD FORM ***************************************************/
#add_ad {
	color:#000;
	float:left;
	width:180px;
	margin-bottom:6px;}
#add_ad span {
	background: #fff;
	padding:8px 10px;
	width:160px;
	display:block;
	margin-bottom: 4px;}
	#add_ad ul.phones {
		background: #fff;
		list-style-type: none;
		padding:4px 0;}
			#add_ad ul.phones li a {
				display:block;
				text-decoration: none;
				width:160px;
				padding:2px 10px;}
				#add_ad ul.phones li a:hover {
					text-decoration:underline;}
	.add_ad form p {
		margin: 10px 0;}

/************** PHONE ADS *****************************************************/
.phone_ad {
	float:left;
	position: relative;
	background:#fff;
	width:210px;
	height:200px;
	padding:8px;
	font-size:11px;
	line-height: 14px;
	border:2px solid #ccc;
	margin-right:15px;
	margin-bottom:17px;}
	.phone_ad h3 {
		font-size:13px;
		font-weight:bold;
		line-height: 15px;
		margin-top:10px;
		margin-bottom:8px;}
	#content h2 span.need, #content h2 span.need a {
		color:#111111;}
	#content h2 span.offer, #content h2 span.offer a {
		color:#29639d;}
	.need_one {
		border:2px solid #133E3F;}
	.phone_ad p {
		margin-bottom:8px;
		word-wrap: break-word;
		white-space: normal;
		padding-left:82px;
		line-height:13px;}
	/*
	.phone_ad div.img {
		float:left;
		width:72px;
		overflow:hidden;
		position:relative;
		padding-right:10px;
		height:174px;}*/
		.phone_ad div.img img {
			position: absolute;
			bottom:15px;
			left:10px;}
	/*.phone_ad .ad_data {
		overflow: hidden;
		height:170px;}*/
	.phone_ad p.price {
		display:block;
		margin:0;
		position:absolute;
		top:-12px;
		right:-8px;
		background:#6699cc;
		color:#fff;
		width:80px;
		padding:4px;
		font-size:13px;
		line-height: 18px;
		text-align: center;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;}
	.phone_ad p.needit {
		background:#133E3F;
		color:#fff;}
		.phone_ad p.price span {
			font-weight:bold;
			font-size:16px;}

/************** PHONE LIST ****************************************************/
div.phone_brands {
	float:right;
	width:100px;
	padding-left:10px;}
div.phone_brands ul li {
	height:24px;
	float:left;
	width:100px;}
	div.phone_brands ul li a {
		padding:4px 6px;
		line-height: 15px;}
		div.phone_brands ul li a.active {
			font-weight: bold;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: #6699cc;
			text-decoration: none;
			color:#fff;}
div.phones {
	float:left;
	width:620px;}
div.phone {
	float:left;
	width:90px;
	padding:0 6px;
	height:160px;
	text-align: center;
	position:relative;}
	div.phone a {
		text-decoration: none;}
		div.phone a:hover {
			text-decoration: underline;}
		div.phone .img {
			width:70px;
			height:93px;
			overflow: hidden;}
div.phone .spec {
	position: absolute;
	top:20px;
	right:0;}
	div.phone .spec a {
		display: block;
		height:16px;
		width:16px;
		text-indent: -9999px;
		background: url(../images/check_alt_16x16.png) no-repeat;}
		div.phone .spec a:hover {
			background: url(../images/check_alt_16x16_h.png) no-repeat;}
div.phone .izaberi {
	position: absolute;
	top:0;
	right:0;}
	div.phone .izaberi a {
		display: block;
		height:16px;
		width:16px;
		text-indent: -9999px;
		background: url(../images/plus_alt_16x16.png) no-repeat;}
		div.phone .izaberi a:hover {
			background: url(../images/plus_alt_16x16_h.png) no-repeat;}

/************** PHONE SPEC ****************************************************/
#spec {
	float:left;
	width:730px;
	margin-bottom: 25px;}
#spec .add {
	margin-top: 10px;
	float:left;
	text-align: center;
	width:240px;
	background: #E3E1D8;}
	#spec .image {
		float:left;
		width:260px;}
		#spec .img {
			float:left;
			width:260px;
			height:320px;
			background: #E3E1D8;}
		#spec .data {
			float:left;
			width:450px;
			padding-left:20px}
			#spec .data h3 {
				font-size:14px;}

/************** SHORT ADS *****************************************************/
.short_ads_add {}
	.short_ads_add p {
		margin-bottom:20px;}
.short_ads {}
.short_ad {
	float:left;
	position: relative;
	background:#fff;
	width:205px;
	height:110px;
	padding:10px;
	font-size:11px;
	line-height: 13px;
	border:2px solid #ccc;
	margin-right:15px;
	margin-bottom:15px;}
	.short_ad p {
		margin-bottom: 12px;}

/************** PROFILE *******************************************************/
.your_ad {
	border:2px solid #ccc;
	padding:8px;
	margin-bottom: 12px;}
	.your_ad h3 {
		font-size:14px;
		padding-bottom:10px;}

/************** FOOTER ********************************************************/
#footer {
	text-align: left;
	width:940px;
	padding:5px;
	font-size:11px;
	margin-bottom: 20px;}
	#footer p {
		color:#666666;
		line-height:16px;}
		#footer p a {
			color:#666666;}

/************** FORMS *********************************************************/
label{
	display:block;
	margin-bottom: 4px;}
form div{
	overflow:hidden;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{
	margin:0 .25em 0 0;}
fieldset{
	border:2px solid #ccc;
	padding:1em;
	margin:0 0 1.5em 0;}
legend{
	padding:2px 5px;}
input[type="text"], input[type="password"], textarea, .field, .area, select{
	border:2px solid #aaa;
	padding:4px;
	background:#fff;
	width:240px;
	line-height:1em;
	margin:0;
	margin-bottom:8px;}
select{
	width:312px;}
textarea, .area{
	overflow:auto;
	height:120px;
	font:13px/1.5em Helvetica, Tahoma, Arial, Sans-serif;
	width:300px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{
	background:#f5f5f5;
	outline:none;}
input.button {
	border: none;
	background: #222 url(../images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;}
	input.button:hover {
		background-color:#111;
		color:#fff;}
.medium {
	font-size: 13px;}

/************** COMMON ********************************************************/
.message, .intro, .notice {
	margin-bottom:12px;
	margin-top:12px;
	padding:4px 6px;}
	.message p, .intro p {
		margin:8px 0;
		line-height: 18px;}
	.error {
		border:2px solid #a6250f;
		background:#DF4729;
		color:#fff;}
	.intro {
		border:2px solid #ba4612;
		background:#d66227;
		color:#fff;
		font-size:13px;}
		.intro a {
			color:#fbe066;
			font-weight: bold;}
	.notice {
		border:2px solid #ffdb35;
		background:#f4e391;
		color:#000;
		font-size:13px;}
		.notice a {
			color:#000;
			text-decoration: underline;
			font-weight: bold;}
.pag {
	width:737px;
	float:left;
	margin-bottom:20px;}
	.pag p {
		font-size:13px;}
		.pag p a {
			margin:0 1px;}

/************** SEARCH ********************************************************/
#search_results {
	padding-top: 20px;}
#search_field {
	margin-bottom:10px;
	float:left;
	background:url(../images/search_field.gif) top left no-repeat;
	padding-left:6px;
	width:174px;
	height:34px;}
	#search_field input {
		border:none;}
		#search_field input.field {
			margin:0;
			padding:8px 4px;
			/*height:18px; ovo mi je pravilo cudan problem u FF i chrome*/
			background:none;
			width:132px;
			float:left;
			outline:none;
			color:#fff;}
		#search_field input.s_button {
			margin:0;
			padding:0;
			height:34px;
			float:right;
			width:32px;}
.highlight {
	background-color: yellow;
	padding:1px;}