/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, input, fieldset, legend {
	padding: 0;
	margin: 0; 
}

input {
  	font-size: 12px;
  	background-color: white;
  	color: black;
} 

input:focus {
  	background: #FFFFDD;
} 

a img {
  	border: 0;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

img, div, a {
  	behavior: url(css/iepngfix.htc) /* IE PNG Fix v1.0, (c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
}

body {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
	background: url(../images/bg_body.png) no-repeat center 349px;
}





/**************** FRAMEHOLDER ****************/

div#frameholder {
	width: 950px;
	margin: 0 auto;
	padding: 28px 0 0 0;
	background: url(../images/bg_body.gif) no-repeat right top;
}

/**************** HEADER ****************/

#header {
    width: 927px;
    height: 89px;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 23px;
}

#logo {
    width: 304px;
    height: 89px;
    float:left;
}

#logo h1 {
    display: block;
    width: 304px;
    height: 89px;
    overflow: hidden;
    position: relative;
}

#logo h1 a {
    display: block;
    width: 304px;
    height: 89px;
}

#logo h1 a span {
    display: block;
    width: 304px;
    height: 89px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/logo.jpg) no-repeat left top;
}

#hright {
    width: 623px;
    height: 89px;
    float: right;
    background: url(../images/bg_hright.jpg) no-repeat left top;
    position: relative;
}

#hright .top {
    width: 623px;
    height: 49px;
    position: relative;
}


#hright .bot {
    width: 623px;
    height: 30px;
    text-align: right;
    padding: 10px 0 0 0;
}



#hright .top .login {
    width: 310px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 16px;
}

#hright .top .login input {
    border: 2px inset #dddddd;
    padding: 2px 3px;
    width: 100px;
    vertical-align: middle;
    margin: 0 11px 0 0;
    color: #686868;
}

#hright .top .login input#loginButton {
    border: 0;
    padding: 0;
    text-align: center;
    width: 61px;
    height: 21px;
    vertical-align: middle;
    margin: 0;
}

#hright .top .lang {
    width: 170px;
    height: 49px;
    position: absolute;
    left: 54px;
    top: 22px;
}

#hright .top .lang img {
    margin: 0 3px 0 0;
}




#hright .bot ul {
    margin: 0;
    padding: 0;
    float: right;
}


#hright .bot ul li {
    list-style-position: outside;
    list-style-type: none;
    display: block;
    min-width: 1px;
    float: left;
    padding: 0 20px 0 20px;
    background: url(../images/bg_li.gif) no-repeat left 6px;
}

#hright .bot ul li:first-child {
    background: none;
}

#hright .bot ul li a {
    color: white;
    text-shadow: 1px 1px 0 #a76024;
    font-family: Helvetica, Arial, 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}

#hright .bot ul li a:hover {
    text-decoration: underline;
    text-shadow: 1px 1px 0 #000000;
}


/**************** MIDDLE (mapka) ****************/

#middle {
    width: 950px;
    height: 229px;
    background: url(../images/bg_middle.jpg) no-repeat left top;
}


/**************** CONTENT ****************/

#contentholderhp {
    width: 950px;
    height: 225px;
    background: url(../images/bg_contentholderhp.jpg) no-repeat left top;
    padding: 55px 0 0 0;
}

#contentholder {
    width: 950px;
    background: url(../images/bg_contentholder.jpg) no-repeat left top;
    padding: 55px 0 0 0;
    min-height: 440px;
}


#contright {
    width: 264px;
    float: right;
    padding: 0 24px 0 30px;
    position: relative;
}

#contleft {
    width: 561px;
    float: left;
    padding: 0 35px 0 35px;
    position: relative;
}

#contleft h3 {
		font-size:16px;
		font-style: normal;
		font-weight: normal;
		text-decoration:underline;
		margin:0 0 5px 0;
}

#contleft ul {
    margin: 0;
    padding: 0;
}


#contleft ul li {
    list-style-position: outside;
    list-style-type: none;
    display: block;
    min-width: 1px;
    padding: 0 20px 0 15px;
    background: url(../images/bg_li2.gif) no-repeat left 4px;
}

#contleft div.welcome {
		border:3px double #eeeeee;
		background:#ffffff;
		width:250px;
		margin:0 10px 20px 0;
		padding:5px;
		float:left;
		text-align:justify;
}

#contleft div.welcome img {
		float:left;
		margin:0 10px 5px 0;
}

#contleft div.welcome h3 {
		float:left;
		width:180px;
		font-size:16px;
}

div#contact table td {
	padding:2px;
}

#contentholderhp .head1, #contentholder .head1 {
    position: absolute;
    left: 330px;
    top: -55px;
}

#contentholderhp .head2, #contentholder .head2 {
    position: absolute;
    right: 10px;
    top: -55px;
}


.web {
    padding: 2px 0 2px 22px;
    background: url(../images/ico_web.gif) no-repeat left center;
    display: block;
}

.mail {
    padding: 2px 0 2px 22px;
    background: url(../images/ico_mail.gif) no-repeat left center;
    display: block;
}

.skype {
    padding: 2px 0 2px 22px;
    background: url(../images/ico_skype.gif) no-repeat left center;
    display: block;
}

/**************** FOOTER ****************/

div#footer {
	width: 910px;
	height: 20px;
	padding: 0 20px;
	background: url(../images/bg_footer.gif) no-repeat left bottom;
}

#footer span, #footer a {
    color: #a4a4a4;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

div#footer .fleft {
	float: left;
}


div#footer .fright {
	float: right;
}





/**************** UTILS ****************/

.no_display {
  display: none;
}

.clear {
  clear: both;
}

/* END of CSS Document*/