html {
height:100%
}

body {
margin:0px;
padding:0px;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:100%;
background:url(../img/page_bg.gif) #121a1e top left;
color:#fff;
line-height:130%;
}

a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
color:#f7af0a;
text-decoration:underline;
}

img {
border:none;
}


#page_wrap {
margin: 0 auto;
width:770px;
position:relative;
}

#header {
position:relative;
top:0px;
left:0px;
width:770px;
height:200px;
background:url(../img/header_bg.gif) bottom left no-repeat;
}

#header .logo {
position:absolute;
top:70px;
left:36px;
display:block;
width:135px;
height:55px;
}

#header h1 {
position:absolute;
top:125px;
right:30px;
color:#f7af0a;
font-size:18px;
margin:0px;
padding:0px;
}

#menu {
position:absolute;
top:22px;
right:10px;
width:411px;
height:34px;
}

#menu a.ospolecnosti {
float:right;
display:block;
width:129px;
height:34px;
background:url(../img/menu_o_spolecnosti.gif) top left no-repeat;
}

#menu a.ospolecnosti_on {
float:right;
display:block;
width:137px;
height:34px;
background:url(../img/menu_o_spolecnosti_on.gif) top left no-repeat;
}

#menu a.sortiment {
float:right;
display:block;
width:129px;
height:34px;
background:url(../img/menu_sortiment.gif) top center no-repeat;
}

#menu a.sortiment_on {
float:right;
display:block;
width:137px;
height:34px;
background:url(../img/menu_sortiment_on.gif) top center no-repeat;
}

#menu a.kontakt {
float:right;
display:block;
width:129px;
height:34px;
background:url(../img/menu_kontakt.gif) top left no-repeat;
}

#menu a.kontakt_on {
float:right;
display:block;
width:137px;
height:34px;
background:url(../img/menu_kontakt_on.gif) top center no-repeat;
}

#telo {
position:relative;
top:0px;
left:0px;
width:770px;
background:url(../img/telo_bg.gif) #fff top left repeat-y;
padding: 0px 0px 0px 0px;
clear:both
}

#telo p {
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#telo_content {
position:relative;
top:0px;
left:0px;
width:730px;
padding: 10px 20px 0px 20px;
text-align:justify;
}

#telo_content h1 {
color:#f7af0a;
font-size:12px;
margin:0px;
padding: 0px;
}

.oddil {
position:relative;
top:0px;
left:0px;
display:block;
width:291px;
height:110px;
background:url(../img/oddil.gif) top left no-repeat;
float:left;
overflow:hidden;
margin:10px 20px 10px 0px;
padding:15px;
}

#telo_content .oddil h2 {
color:#fff;
font-size:12px;
margin: 0px 0px 5px 0px;	
padding:0px;	
}

#footer {
position:relative;
top:0px;
left:0px;
width:770px;
height:139px;
background:url(../img/footer_bg.gif) top left no-repeat;
}

#footer_content {
position:absolute;
bottom:83px;
right:27px;
width:300px;
text-align:right;
color:#fff;
}

#footer_content a {
color:#fff;
text-decoration:none;
}

#footer_content a:hover {
color:#fff;
text-decoration:underline;
}

#footer_copyright {
position:absolute;
bottom:23px;
right:27px;
}

#map {
color:#11181c;
width:580px;
height:360px;
float:right;
}