/* ================================================== */
/* barfi.net, 02/2010
/* styled by J.Sochor
/* ================================================== */

html {overflow-y: scroll;}
body {margin: 0; padding: 0; background: url(../images/bgd_body.gif); text-align: center;}

/* ================================================== */
/* text 
/* -------------------------------------------------- */

p, a, em, ul, li, h1, h2, h3, h4, h5 {font-size: 14px; line-height: 24px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 0; padding: 0;}

img {font-size: 0; line-height: 0; margin: 0; padding: 0;}

ul, li {list-style: none;}

a {background: none; text-decoration: none;}

/* ================================================== */
/* pozadi
/* -------------------------------------------------- */

#mainCont {width: 1012px; background: #ffffff url("../images/bgd_main.gif") repeat-y; margin: 0 auto; text-align: left;}

#top, #top-lft, #top-rgh, #bot, #bot-lft, #bot-rgh {height: 104px;}
#top-lft, #top-rgh, #bot-lft, #bot-rgh {width: 20px;}

#top {background: url("../images/bgd_top.gif") repeat-x;}
#top-lft {background: url("../images/bgd_top_left.gif") no-repeat top left; float: left;}
#top-rgh {background: url("../images/bgd_top_right.gif") no-repeat top right; float: right;}

#bot {background: url("../images/bgd_bot.gif") repeat-x;}
#bot-lft {background: url("../images/bgd_bot_left.gif") no-repeat top left; float: left;}
#bot-rgh {background: url("../images/bgd_bot_right.gif") no-repeat top right; float: right;}

/* ================================================== */
/* hlava stranky
/* -------------------------------------------------- */

#topCont {height: 170px; width: 1012px; background: url("../images/bgd_mid.gif"); margin: 0 0 -4 0px;}

#topCont h1 a, #banner, #langCont {position: relative;}

#topCont h1 {}
#topCont h1 a {top: 38px; left: 36px; width: 270px; height: 60px; display: block; float: left; background: url(../images/logo.gif) 0 0 no-repeat; text-indent: -3000px;}

#banner {top: 38px; right: 36px; height: 60px; width: 562px; float: right;}
#langCont {top: 74px; left: 36px; height: 36px; width: 940px; background-image: url("../images/bgd_home.gif"); float: left;}

#langCont p a {color: #7c838b; font-size: 11px;}
#langCont p a:hover {border-bottom: 1px solid #deb993;}

#langCont p.lft {background: url(../images/arrow.gif) 0 16px no-repeat; padding: 7px 0 0 14px; float: left;}
#langCont p.rgh {padding: 7px 0 0 0; float: right;}

/* ================================================== */
/* navigace
/* -------------------------------------------------- */

#navCont {width: 940px; height: 39px; color: #ffffff; margin: 20px 0 0 36px;}

.BGDbarfiinvest {border-bottom: solid 5px #444d59;}
.BGDsluzby {border-bottom: solid 5px #606872;}
.BGDkatalog {border-bottom: solid 5px #7c838b;}
.BGDpartneri {border-bottom: solid 5px #989da4;}
.BGDkontakt {border-bottom: solid 5px #b4b8bd;}

.barfiinvest {background: #444d59 url("../images/nav-corner.png") no-repeat top right;}
.sluzby {background: #606872 url("../images/nav-corner.png") no-repeat top right;}
.katalog {background: #7c838b url("../images/nav-corner.png") no-repeat top right;}
.partneri {background: #989da4 url("../images/nav-corner.png") no-repeat top right;}
.kontakt {background: #b4b8bd url("../images/nav-corner.png") no-repeat top right;}

#navCont h2 {width: 174px; height: 34px; padding: 5px 0 0 10px; border-right: solid 5px #ffffff; border-bottom: none; float: left;}
#navCont h3 {width: 174px; height: 29px; padding: 5px 0 0 10px; border-right: solid 5px #ffffff; border-bottom: solid 5px #ffffff; float: left;}
#navCont h3.end, #navCont h2.end {border-right: none;}

#navCont h2, #navCont h3 a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #ffffff;}

#navCont h3 a {display: block;}
#navCont h3:hover {background: #29303b url("../images/nav-corner.png") no-repeat top right;}

/* -------------------------------------------------- */

#subNavCont.katalog, #subNavCont.partneri  {width: 940px; color: #ffffff; margin: 5px 0 20px 36px; background: url("../images/dot-line.gif") repeat-x bottom left;}

#subNavCont.katalog {height: 221px;}
#subNavCont.partneri {height: 177px;}

.subNavKatalog {width: 552px; margin: 0 0 0 378px;}
.subNavPartneri {width: 552px; margin: 0 0 0 378px;}

#subNavCont h1 {background: #deb993 url("../images/nav-corner.png") no-repeat top right;}
#subNavCont h4.subNavKatalog {background: #7c838b url("../images/nav-corner.png") no-repeat top right;}
#subNavCont h4.subNavPartneri {background: #989da4 url("../images/nav-corner.png") no-repeat top right;}

#subNavCont h1, #subNavCont h4 {height: 32px; padding: 7px 0 0 10px; border-bottom: solid 5px #ffffff; float: left;}
#subNavCont h1, #subNavCont h4 a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #ffffff;}

#subNavCont h4 a {display: block;}
#subNavCont h4:hover {background: #29303b url("../images/nav-corner.png") no-repeat top right;}

/* ================================================== */
/* obsah
/* -------------------------------------------------- */

#obsahCont {width: 940px; border-top: solid 30px #ffffff; border-bottom: solid 30px #ffffff; margin: 0 0 0 36px; background: url("../images/obsah_bgd.gif") repeat-y top left; overflow: auto;}

#obsahContLft {margin: 0 0 0 21px; width: 336px; float: left;}
#obsahContRgh {margin: 0 21px 0 0; width: 520px; float: right;}

#obsahContRgh p {color: #444d59; margin: 0 0 20px 0;}
#obsahContRgh p a {color: #444d59; border-bottom: 1px solid #deb993;}
#obsahContRgh p a:hover {color: #444d59; border-bottom: 1px solid #fc6704;}

#obsahContRgh h3 {color: #444d59; margin: 0 0 20px 0; letter-spacing: 1px; text-transform: uppercase;}

/* ================================================== */
/* obsah-karty
/* -------------------------------------------------- */

.IDCont {width: 940px; min-height: 300px; color: #ffffff; margin: 0 0 0 36px; overflow: auto;}

.IDContHeadCont {width: 940px; height: 34px; color: #ffffff; border-bottom: solid 5px #deb993;}

.IDCont h1 {width: 552px; height: 34px; margin: 0 0 0 378px; padding: 5px 0 0 10px; background: #deb993 url("../images/nav-corner.png") no-repeat top right;}
.IDCont h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; color: #ffffff;}

.IDContSpacer {width: 938px; height: 20px; color: #ffffff; border-right: solid 1px #b4b8bd; border-left: solid 1px #b4b8bd;}

.IDContObsah {width: 940px; background: url("../images/obsah_bgd.gif") repeat-y top left; overflow: auto;}

.IDContObsahLft {margin: 0 0 0 21px; width: 336px; float: left;}
.IDContObsahRgh {margin: 0 21px 0 0; width: 520px; float: right;}

.IDContObsahLft img {margin: 0 0 20px 0;}
.IDContObsahLft img.bottom {margin: 0;}

.IDContObsahRgh p {color: #444d59; margin: 0 0 20px 0;}
.IDContObsahRgh p a {color: #444d59; border-bottom: 1px solid #deb993;}
.IDContObsahRgh p a:hover {color: #444d59; border-bottom: 1px solid #fc6704;}

.IDContObsahRgh ul {margin: 0 0 20px 0;}
.IDContObsahRgh li {color: #444d59; list-style: square; list-style-position: inside;}
.IDContObsahRgh li a {color: #444d59; border-bottom: 1px solid #deb993;}
.IDContObsahRgh li a:hover {color: #444d59; border-bottom: 1px solid #fc6704;}

.IDContObsahRgh h2 {color: #444d59; margin: 0 0 20px 0;}
.IDContObsahRgh h3 {color: #444d59; margin: 0 0 20px 0; letter-spacing: 1px; text-transform: uppercase;}
.IDContObsahRgh h5 {color: #deb993; letter-spacing: 1px; text-transform: uppercase;}

.IDContFooter {width: 938px; height: 21px; color: #ffffff; border-bottom: solid 1px #b4b8bd; border-right: solid 1px #b4b8bd; border-left: solid 1px #b4b8bd; margin: 0 0 20px 0;}

/* ================================================== */
/* footer
/* -------------------------------------------------- */

#footer {width: 940px; height: 51px; margin: 0 0 20px 36px; padding: 7px 0 0 0; background: url("../images/bgd_footer.gif") repeat-x top left;}
#footer p {margin: 0 0 0 400px;line-height: 16px;}
#footer p {font-size: 11px; color: #7c838b;}
#footer p a {font-size: 11px; color: #7c838b; border-bottom: 1px solid #deb993;}
#footer p a:hover {color: #7c838b; border-bottom: 1px solid #fc6704;}