body {
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
line-height:1.3em;
background-color:#EEEEDD;
text-align:center;
}
#page {
margin:auto;
width:767px;
text-align:left;
margin-top:10px;
}
#page-top {
text-align:right !important;
}
#page-main {
border:1px solid #D7D4C3;
background-color:#FFFFFF;
padding:10px;
}
#hp #header {
background-image:url(/img/bg/header-big.jpg);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#CC3300;
height:240px;
margin-top:10px;
}
#header {
background-image:url(/img/bg/header.jpg);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#CC3300;
height:118px;
margin-top:10px;
}
#footer {
margin-top:7px;
background-image:url(/img/bg/footer.gif);
background-repeat:no-repeat;
line-height:30px;
padding:0 10px;
font-size:90%;
margin-bottom:10px;
}
#hp #header .left a {
position:relative;
top:80px; left:0;
width:167px; height:154px;
overflow:hidden;
display:block;
float:left;
cursor:pointer;
}
#hp #header .left a span{
position:absolute;
top:0px; left:0;
width:167px; height:154px;
background-image:url(/img/title/najdete-si-sveho-vyrobce-big.gif);
cursor:pointer;
}
#header  .left a {
position:relative;
top:40px; left:0;
width:105px; height:73px;
display:block;
overflow:hidden;
float:left;
}
#header .left a span{
position:absolute;
top:0; left:0;
display:block;
width:105px; height:73px;
background-image:url(/img/title/najdete-si-sveho-vyrobce.gif);
}
#hp #header .right {
position:relative;
left:50px;
top:170px;
width:auto;
}
#header .right {
position:relative;
top:80px;
left:115px;
width:auto;
float:left;
}
#header .right img { margin-right:10px;}
#header form { margin-top:0px;}
#header form select{ margin-right:10px; font-size:95%; height:18px;}
#header .right select.podle-oboru { width:162px; }
#header .right select.podle-kraju { width:149px;}
#header .right select.podle-firmy { width:125px;}

#header form .image { position:relative; top:5px; left:5px;}


#footer .map { margin-left:15px;}

#content .left {
float:left;
width:220px;
}
#content .right {
float:left;
width:515px;
}
#content .right-main { 
padding:5px 20px;
padding-right:0px;
}



/* titles */
a strong span, a span{ cursor:hand; cursor:pointer; text-decoration:none;}
a { cursor:hand !important;}

.novinky-hp {
position:relative;
left:5px; top:1px;
_left:5px;
overflow:hidden;
height:12px; width:54px;
display:block;
}
.novinky-hp span{
background-image:url(/img/title/novinky-hp.gif);
position:absolute;
top:0; left:0;
height:12px; width:54px;
display:block;
}

.znate-pojmy{
position:relative;
left:15px; top:5px;
overflow:hidden;
height:18px; width:189px;
display:block;
float:left;
}
.znate-pojmy span{
background-image:url(/img/title/znate-pojmy-slovnicek-pojmu.gif);
position:absolute;
top:0; left:0;
height:18px; width:189px;
}
.o-projektu {
position:relative;
left:140px; top:5px;
overflow:hidden;
height:18px; width:69px;
display:block;
float:left;
}
.left .o-projektu { left:15px;}
.o-projektu  span{
background-image:url(/img/title/o-projektu.gif);
position:absolute;
left:0; top:0;
height:18px; width:69px;
display:block;
}
.vase-dotazy-seznam{
position:relative;
left:50px; top:5px;
overflow:hidden;
height:18px; width:170px;
display:block;
float:left;
}
.vase-dotazy-seznam span{
background-image:url(/img/title/vase-dotazy-seznam-dotazu.gif);
position:absolute;
left:0; top:0px;
height:18px; width:170px;
}
.vase-dotazy {
position:relative;
left:10px; top:7px;
overflow:hidden;
height:14px; width:74px;
}
.vase-dotazy span{
position:absolute;
left:0px; top:0px;
height:14px; width:74px;
background-image:url(/img/title/vase-dotazy.gif);
background-repeat:no-repeat;
}
.novinky {
position:relative;
left:10px; top:7px;
overflow:hidden;
height:14px; width:74px;
display:block;
}
.novinky span{
position:absolute;
left:0px; top:0px;
height:14px; width:59px;
background-image:url(/img/title/novinky.gif);
background-repeat:no-repeat;
display:block;
}
.slovnicek-pojmu {
position:relative;
left:5px; top:5px;
overflow:hidden;
height:15px; width:102px;
display:block;
}
.slovnicek-pojmu span{
position:absolute;
left:0px; top:0px;
height:15px; width:102px;
background-image:url(/img/title/slovnicek-pojmu.gif);
background-repeat:no-repeat;
}
strong.seznam-vyrobcu {
position:relative;
top:5px; left:15px;
overflow:hidden;
height:16px; width:105px;
display:block;
}
strong.seznam-vyrobcu span{
position:absolute;
top:0; left:0;
height:16px; width:105px;
background-image:url(/img/title/seznam-vyrobcu.gif);
}