@import url("my.css");

BODY
{
  margin: 0px;
  padding: 0px;
  background:#2d2d2d;
}
html,body{
	height:100%;
}
#holder
{
  width: 990px;
  vertical-align:top;
}

/* header: */
#header
{
  height: 190px;
}

#header H1
{
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background: url(../userdata/design/logo.png);
  float: left;
  width: 235px;
  height: 77px;  
}

#header H1 A
{
  width: 235px;
  height: 77px;
  text-decoration: none;
  display: block;
}

#header H1 SPAN
{
  visibility: hidden;
  font-size: 5px;
}

#header .city
{
  background: url("../userdata/design/city_bg.png") no-repeat left top;
  width: 246px;
  height: 117px;
  padding-left: 19px;
  float: right;
}

#header .city .ttl{
	color:#000;
	font:20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:12px 0 0 3px;
	margin-bottom:-1px;
}



#header .cselect
{
  background: url(../userdata/design/city_bg.png) no-repeat;
  text-decoration: none;
  color: #FFF;
}

#top FORM
{
  float: left;
  width: 480px;
  text-align: center;
  margin-top: 20px;
}

#top FORM .itext
{
  width: 350px;
}

#top2
{
}

#top2 IMG
{
  border: 0px;
}

/* login form */
#reg
{
  float: right;
  
}

#reg A
{
	font:12px Arial, Helvetica, sans-serif;
  color: #8e0308;
}

#reg .text
{
  width: 100px;
}

#reg .field{
	background:url(../userdata/design/field1_bg.gif) no-repeat left top;
	width:100px;
	height:19px;
	padding:2px 4px;
}

#reg .field input{
	border:0;
	background:none;
	color:#4f4f4f;
	font:12px Arial, Helvetica, sans-serif;
	width:100px;
}



/* content */
#content
{
  background: url(../userdata/design/content.jpg) repeat;
  padding-bottom: 2em;
  min-height:550px;
}

#content_topline
{
  height: 11px;
  background: url(../userdata/design/contenttop.png) no-repeat;
}

#contentzone_topline
{
  height: 46px;
  background: url(../userdata/design/menu_bg.jpg) no-repeat;
}

#content .side_col
{
  width: 230px;
  float: left;
}

#middle
{
  float: left;
  width: 460px;
  margin-left: 15px;
  margin-right: 15px;
  /*overflow-x: hidden; kvoli fb komponentam */ 
}

/* footer */
#footer
{
  background: url(../userdata/design/footer.jpg) repeat;
  padding-top: 1em;
  padding-bottom: 0.5em;
}

#footer_botline
{
  height: 11px;
  background: url(../userdata/design/footerbot.png) no-repeat;
  margin-bottom: 2em;
}

.space_padding
{
  padding: 0px 20px;
}

.cleaner
{
  clear: both;
}

.left_bg{
	background:url(../userdata/design/left_bg.jpg) repeat-y right top;
	vertical-align:top;
}
.right_bg{
	background:url(../userdata/design/right_bg.jpg) repeat-y left top;
	vertical-align:top;
}
.top_bg{
	background:url(../userdata/design/top_bg.png) no-repeat left top;
}
.left-b{
	background:url(../userdata/design/left_b.jpg) no-repeat right bottom;
	height:450px;
	width:100%;
	position:absolute;
	left:0;
	top:-450px;
}
.left-t{
	background:url(../userdata/design/left_t.jpg) no-repeat right top;
	height:509px;
}
.right-b{
	background:url(../userdata/design/right_b.jpg) no-repeat left bottom;
	height:450px;
	width:100%;
	position:absolute;
	left:0;
	top:-450px;
}
.right-t{
	background:url(../userdata/design/right_t.jpg) no-repeat left top;
	height:509px;
}
#top .field{
	background:url(../userdata/design/field_bg.gif) no-repeat 54px top;
	width:348px;
	height:24px;
	padding:3px 30px 0 59px;
	margin:17px 0 0;
}
#top .field input{
	border:0;
	padding:0;
	background:none;
	color:#4f4f4f;
	font:16px Arial, Helvetica, sans-serif;
	width:348px;
}
#top .btn_search{
	position:absolute;
	left:412px;
	top:-23px;
}
#header .block_l{
	width:289px;
	float:left;
	position:relative;
}
#header a.disc-card{
	display:block;
	background:url(../userdata/design/disc_card1.png) no-repeat left top;
	width:289px;
	height:116px;
	position:absolute;
	left:0;
	top:-43px;
	outline:none;
}
#header a:hover.disc-card{
	background-position:left -116px;
}
#header .block_r{
	width:292px;
	float:right;
	position:relative;
}
#header a.press{
	display:block;
	background:url(../userdata/design/press.png) no-repeat left top;
	width:292px;
	height:107px;
	position:absolute;
	left:0;
	top:-34px;
	outline:none;
}
#header a:hover.press{
	background-position:left -107px;
}
.relative{
	position:relative;
}