body { font-family: arial; font-size: 12px; margin: 0; padding: 0; background: #ffffff url('../img/background.png') repeat-x left top; color: #ffffff; }
img { border: 0; margin: 0; }
h1 { color: #f87600; margin-top: 5px; font-size: 24px; }
h2 { font-size: 14px; margin: 6px 0 4px 0; margin-bottom: 2px;}

#page { width: 960px; margin: auto; background-color: #f87600; }
#head { color: #ffffff; }
#head h1 { margin: 0; padding-left: 14px;  color: #ffffff; font-size: 17px; line-height: 36px; }
#head #banner { width: 960px; height: 152px; background: #ffffff url('../img/banner-head.png') left top; }
#head #banner a { display: block; width: 200px; height: 150px; margin-left: 35px; }
#head #menu { height: 40px; background: #f87600 url('../img/menu-bg.png') left top; overflow: hidden; }
#head #menu ul { margin:0; margin-top: 14px; padding-left: 15px; list-style-type: none; }
#head #menu ul li { display: inline; margin-right: 16px; }
#head #menu ul li a { color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold; padding: 2px; }
#head #menu ul li a:hover { color: #f87600; background-color: #ffffff }
#head .casto-kladene-otazky { float: right; line-height: 36px; color: #ffffff; margin-right: 10px; }

#content  { min-height: 300px; padding: 15px; width: 930px; }
#content-left { width: 440px; float: left; }
#content-right { width: 486px; margin-left: 440px; }


#content-right h2 { margin: 0; font-size: 13px; margin: 0px; background-color: #3e8184; padding: 4px; width: 240px; }

#registrace { width: 425px; height: 149px; margin-bottom: 6px; background: transparent url('../img/registrace.png') left top; overflow: hidden; }
#registrace a { display: block; width: 220px; height: 30px; margin-left: 180px; margin-top: 96px;}

#megafon { width: 425px; height: 149px; background: transparent url('../img/megafon.png') left top; }
#megafon input { width: 120px; position: relative; top: 104px; left: 230px; }
#megafon p {margin: 6px 0px; }

#aktuality-top { width: 425px; height: 11px; background: transparent url('../img/aktuality-top.png') left top; }
#aktuality { width: 410px; background: transparent url('../img/aktuality-center.png') left top; padding: 1px 10px 1px 5px; }
#aktuality-bottom { width: 425px; height: 20px; background: transparent url('../img/aktuality-bottom.png') left top; }

#aktuality h2 { margin: 6px 8px; color: #333333; font-size: 18px; }
/*#aktuality div.aktualita {border-top: 2px #88dd88 solid; padding-left: 56px; background: transparent url('../img/logo-small.png') no-repeat left center; }*/
#aktuality div.aktualita {margin: 20px 15px;}
#aktuality h3 { margin: 6px 0; font-size: 15px; color: #3e8184; }
#aktuality a { color: #333; text-decoration: none; }
#aktuality h3 a { color: #3e8184; }
#aktuality p { margin: 6px 0; font-size: 15px; }

#profil { width: 385px; height: 112px; background: transparent url('../img/profil.png') left top no-repeat; padding: 20px; }
#profil a { color: #ffffff; text-decoration: none; }
#profil p {margin: 6px 0px; }
#profil input { width: 125px; margin-top: 48px; }
#profil input.submit { width: 93px; height: 27px; margin:0px; margin-bottom: -10px; margin-left: 10px; }
#profil span { font-size: 13px; font-weight: bold; }

#blogy { padding: 0 8px; }
#blogy table { width: 460px; }
#blogy table { border-collapse: collapse; }
#blogy table td { border-top: 1px #ffffff solid; padding-bottom: 6px; }
#blogy table h3 { font-size: 14px; margin: 4px 0; }
#blogy table h3 a { color: #ffffff; }
#blogy table img { margin: -1px; margin-right: 14px; }

#friendsGallery { display: none; margin-left: 8px; margin-top: 10px; border: 0px solid #fff; }
#friendsG { height: 340px; margin-left: 8px; margin-top: 4px; }

#facebook { margin-left: 8px; margin-top: 14px; margin-bottom: 14px; width: 452px; height: 254px; background-color: #fff; overflow: hidden; }
#facebook iframe { border: 0; margin: -1px; }

#mapa-kraju { margin-top: -14px; }
#mapa-kraju span.pocet-pratel { font-size: 14px; font-weight: bold; }
#mapa-kraju img.mapa { margin: -20px -30px; }

.je-nas { font-size: 22px; margin-top: 10px; margin-bottom: 0px; padding: 0 8px; position: relative; height: 30px; overflow: hidden; }

#foot { height: 160px; text-align: center; margin-top: 10px; }

#account-menu { overflow: hidden; }

#account-profil { background-color: #ffffff; overflow: hidden; clear: both; border-bottom: 6px #f87600 solid; }
#account-profil a { text-decoration: none; font-weight: bold; color: #aaa }
#account-profil h1 { margin-top: 15px; margin-bottom: 8px; }
#profil-menu { float:right; margin: 10px; text-align: right; }
#profil-menu a { color: #5f9e9e; text-decoration: none; font-weight: bold; }

#kosik-polozky { color: #000000; font-size: 10px; border-collapse: collapse; }
#kosik-polozky td { border: 1px #dddddd solid; padding: 5px; }
input.button { background: #f87600; color: white; font-weight: bold; border: 0; padding: 2px;  } 

#moje-body { border-collapse: collapse; }
#moje-body td,th { border: 1px #dddddd solid; padding: 5px; }
#moje-body th { background-color: #eeeeee; }

.hidden { display: none; }
.inline { display: inline; }
.content-white { background-color: #fff; color: #000000; padding: 15px; }
.content-white a { color: #f87600; }
.content-white h2 { color: #f87600; }
.endFloat { clear: both; }
a.jScrollArrowUp { background: #fff url('../img/arrowUp.png') no-repeat 0 0; }
a.jScrollArrowUp:hover { background-position: 0 0; }
a.jScrollArrowDown { background: url('../img/arrowDown.png') repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 0; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 0; }
.holder { background: #fff; padding-top: 10px; border-top: 2px #eeeeee solid; clear: both; }
.noborder { border: 0; padding-top: 0; }
.jScrollPaneContainer .jScrollPaneTrack { background: #fff; }
.jScrollPaneContainer .jScrollPaneDrag { background: #f87600; }
.scroll-pane { height: 380px; overflow: auto; }
.product { width: 250px; height: 170px; float: left; border: 1px #eeeeee solid; margin: 10px; padding: 10px; }
.product h2 { margin-top: 5px; font-size: 12px; }
.do-kosiku { background: #f87600; color: white; font-weight: bold; border: 0; padding: 2px; }
.kraj { color: #aaaaaa; font-size: 22px; margin-bottom: 5px; }
.btn {
    float: left;
    background: url('../img/btn-left.png') no-repeat;
    padding: 0 0 0 6px;
    margin: 0;
}
.btn a{
    float: left;
    height: 48px;
    background: url('../img/btn-stretch.png') repeat-x left top;
    line-height: 48px;
    padding: 0 14px 0 15px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.btn span {
    background: url('../img/btn-right.png') no-repeat;
    float: left;
    width: 7px;
    height: 48px;
}

.tableRegistrace {
    width: 850px;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
    background-color: #ffffff;
    border: 1px #f2f2f2 solid;
}

.tableRegistrace input {
    width: 200px;
}

.pohlavi {
    color: #000000;
}

.pohlavi input {
    width: 20px;
}