/* ================================================== */
/* buenavistaclub.cz, 03/2010
/* styled by J.Sochor
/* ================================================== */

html {overflow-y: scroll; height: 100%;}
body {margin: 0; padding: 0; background: #1d0561 url(../images/body_bgd.gif) top center no-repeat; text-align: center; min-height: 100%; border-top: 8px solid #000000; border-bottom: 8px solid #000000;}

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

p, a, ul, li, h1, h2, h3, h4, h5, h6, em, fieldset, select, input, textarea, table {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;}
fieldset {margin: 0; padding: 0; border: none;}
ul, ol, li {list-style: none;}
a {background: none; text-decoration: none;}

.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout
/* -------------------------------------------------- */

#mainCont {width: 940px; margin: 0 auto 80px auto; text-align: left;}

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

#langCont {width: 938px; height: 25px; text-align: center; background: url(../images/lang_bgd.png) top center no-repeat;}
#langCont p, #langCont p a {font-size: 10px; padding: 3px 0 0 0; text-transform: uppercase; letter-spacing: 1px;}
#langCont p {color: #ffffff;}
#langCont p span {color: #ffb600; padding: 0 5px 0 5px;}
#langCont p a {color: #8c8c8c;}
#langCont p a:hover {color: #ffffff;}

#logoCont {width: 938px; height: 150px; background: url(../images/logo_bgd.png) top center no-repeat;}
#logoCont h1 {top: 25px; left: 345px; position: relative; z-index:3; width: 250px; height: 140px;}
#logoCont h1 a {width: 250px; height: 140px; display: block; background: url(../images/buenavistaclub_logo.png) 0 0 no-repeat; text-indent: -3000px;}

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

#navCont {width: 938px; height: 45px; background: #ffffff; margin: 4px 0 4px 0;}

.menu {width: 938px; position: relative; z-index: 2; padding: 7px 0 0 0;}

.menu ul li a, .menu ul li a:visited {width: 133px; height: 30px; border-bottom: 1px dotted #ffb600; text-align: center; display: block; text-decoration: none; border-right: 1px solid #ffb600; background: #ffffff; overflow: hidden;}
.menu ul li a, .menu ul li a:visited {color: #000000; line-height: 30px; font-size: 12px; text-transform: uppercase; font-weight: bold;}

.menu ul {padding: 0; margin: 0; list-style: none;}
.menu ul li {float: left; position: relative;}
.menu ul li ul {display: none;}

.menu ul li a.hide {margin: 0 0 20px 0; border-bottom: none;}
.menu ul li a.end {border-right: 1px solid #ffffff; border-bottom: none;}
.menu ul li a.curs:hover {cursor: default;}

.menu ul li:hover a {color: #ffb600;}
.menu ul li:hover ul {display: block; position: absolute; top: 42px; left: 0px; width: 133px;}

.menu ul li:hover ul li a {display: block; background: #ffffff; color: #000000; height: 40px; line-height: 40px;}
.menu ul li:hover ul li a:hover {color: #ffb600;}

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

#obsahCont {width: 898px; background: #ffb600; padding: 20px;}

#pathCont {width: 898px; height: 45px; text-align: left; border-top: 1px dotted #e68300; border-bottom: 1px dotted #e68300;}
#pathCont h3 {font-size: 14px; line-height: 45px; text-transform: uppercase; display: inline; background: url(../images/path_arrow.png) 0 3px no-repeat; padding: 0 12px 0 16px;}
#pathCont h3 {color: #000000;}
#pathCont h3 a {color: #000000;}
#pathCont h3 a:hover {color: #ffffff;}

#numbCont {width: 898px; height: 45px; text-align: left;}
#numbCont.horni {border-bottom: 1px solid #e68300;}
#numbCont.dolni {border-top: 1px solid #e68300;}
#numbCont h4 {font-size: 14px; line-height: 45px; padding: 0 0 0 185px; text-transform: uppercase; display: inline; float: left;}
#numbCont p {font-size: 14px; line-height: 45px; padding: 0 0 0 263px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
#numbCont p {color: #000000;}
#numbCont p span {font-weight: normal;}
#numbCont p a {color: #ffffff;}
#numbCont p a:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}

#kontaktCont {width: 898px; background: #ffb600; padding: 20px;}
#kontaktCont p {font-size: 10px; line-height: 45px; text-transform: uppercase; padding: 0 0 0 263px; color: #000000; border-top: 1px dotted #e68300; border-bottom: 1px dotted #e68300;}
#kontaktCont p span {color: #e68300; font-weight: normal;}
#kontaktCont p a {color: #000000; border-bottom: 1px solid #ffffff;}
#kontaktCont p a:hover {color: #ffffff;}

#shareCont {width: 635px; padding: 25px 0 35px 263px; border-top: 1px solid #e68300;}

#shareCont p {font-size: 11px; font-weight: bold; text-transform: uppercase;}
#shareCont p a {color: #000000; border-bottom: 1px solid #ffffff;}
#shareCont p a:hover {color: #ffffff;}

#shareCont p span {padding: 0 0 4px 20px;}
#shareCont p span.FB {background: url(../images/iconFB.gif) 0 0 no-repeat;}
#shareCont p span.GO {background: url(../images/iconGO.gif) 0 0 no-repeat;}
#shareCont p span.TW {background: url(../images/iconTW.gif) 0 0 no-repeat;}
#shareCont p span.line {color: #e68300; padding: 0 8px 0 8px;}

#headlineCont {width: 600px; border-bottom: 1px solid #e68300; padding: 0 35px 5px 263px;}
#headlineCont.NLspacer {margin: 0 0 55px 0;}
#headlineCont h1.sekce {font-size: 52px; line-height: 64px; color: #bf0000; font-weight: normal;}

/* obsah-sablony */

.obsahContRight {width: 248px; margin: 20px 0 0 0; padding: 20px 0 0 10px; float: left;}
.obsahContRight a img, .obsahContLeft a img {border: none;}

.obsahContLeft {width: 635px; margin: 20px 0 0 263px; padding: 20px 0 0 0;}

.obsahContLeft p {font-size: 14px; line-height: 28px; padding: 0 0 35px 0; width: 580px; color: #000000;}
.obsahContLeft p a {color: #000000; border-bottom: 1px solid #ffffff;}
.obsahContLeft p a:hover {color: #ffffff;}
.obsahContLeft p span.FB {padding: 0 0 4px 20px; background: url(../images/iconFB.gif) 0 0 no-repeat;}

.obsahContLeft ul {padding: 0 0 35px 0;}
.obsahContLeft li.noDot {list-style: none;}
.obsahContLeft li {font-size: 14px; line-height: 28px; color: #000000; list-style: disc; list-style-position: inside;}
.obsahContLeft li a {color: #000000; border-bottom: 1px solid #ffffff; font-weight: bold;}
.obsahContLeft li a:hover {color: #ffffff;}

.obsahContLeft ol {width: 605px; padding: 0; margin: 0 0 55px 0;}
/* IE.7*/ html>body .obsahContLeft ol {*margin: -15px 0 0 -90px;}

.obsahContLeft ol li {list-style: decimal; color: #e68300; list-style-position: outside; /* fix numbers position -> border */border: 1px solid #ffb600;}
/* IE.7*/ html>body .obsahContLeft ol li {*padding: 0 0 0 90px;}

.obsahContLeft ol li span {width: 90px; color: #bf0000; font-weight: bold; float: left; display: block;}
.obsahContLeft ol li.selected {font-weight: bold;}
.obsahContLeft ol li span.selected {color: #e68300;}

.obsahContLeft h2.nadpis {font-size: 26px; line-height: 36px; color: #000000; font-weight: bold; width: 600px; padding: 0 35px 0 0; border-top: 1px dotted #e68300;}

.obsahContLeft h2.jmeno {font-size: 18px; line-height: 36px; color: #000000; border-top: 1px dotted #e68300;}
.obsahContLeft h2.jmeno a {color: #000000; border-bottom: 1px solid #ffffff;}
.obsahContLeft h2.jmeno a:hover {color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none;}

.obsahContLeft h2 a {color: #ffffff;}
.obsahContLeft h2 a:hover {text-decoration: underline;}
.obsahContLeft h2:hover {background-position:0% 100%;} /* bug, ztrata focusu pri hoveru */

.obsahContLeft h4.podnadpis {font-size: 22px; line-height: 28px; color: #bf0000; font-weight: normal;}
.obsahContLeft h4.datum {font-size: 14px; line-height: 28px; color: #bf0000;}
.obsahContLeft h5.slogan {font-size: 24px; line-height: 32px; color: #ff6200; font-weight: normal; margin: 0 0 35px 0; width: 550px;}
.obsahContLeft h5.nahledP {float: left; width: 110px; height: 165px; padding: 11px 47px 19px 38px; margin: -60px 0 35px -230px; background: #ffd873 url(../images/fotoThumb_bgd.png) 0 0 no-repeat;}
.obsahContLeft h5.nahledL {float: left; width: 165px; height: 110px; padding: 38px 19px 47px 11px; margin: -60px 0 35px -230px; background: #ffd873 url(../images/fotoThumb_bgd.png) 0 0 no-repeat;}

hr.obsahLine {border: 0; background-color: #e68300; color: #e68300; width: 898px; height: 1px;}

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

#guestbookFormCont {width: 898px; text-align: left; border-top: 1px solid #e68300; padding: 45px 0 65px 0;}

.formRow {width: 898px; margin: 10px 0 0 0; padding: 0 0 0 83px;}
.formSubmitRow {width: 600px; margin: 10px 0 0 0; padding: 0 0 0 263px;}
.formRow img {border-left: 185px solid #ffd873; border-right: 185px solid #ffd873;}

p.formBox01, p.formBox03 {margin: 0 20px 0 0; padding: 0 0 0 10px; line-height: 30px; float: left; display: block; font-size: 14px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: right;}

p.formBox01 {width: 150px; height: 30px;}
p.formBox03 {width: 150px; height: 160px;}

input.formInput01, textarea.formInput03, input.submitBut {border: none; line-height: 30px; font-size: 15px; float: left; color: #000000;}

input.formInput01 {width: 450px; height: 30px; background: #ffd873; padding: 0 5px 0 5px;}
textarea.formInput03 {width: 455px; height: 156px; background: #ffd873; padding: 0 0 0 5px; overflow: auto;}
input.submitBut {width: 460px; height: 30px; font-size: 14px; background: #000000; color: #ffffff; font-weight: bold; cursor: pointer; text-transform: uppercase;}

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

.obsahContTab {width: 898px; padding: 0 0 50px 0;}

.obsahContTab a {margin: 0 0 0 10px; float: left;}
.obsahContTab a img {border: none;}
.obsahContTab h2 {margin: 0 0 0 263px;}

.tab table {border-collapse: collapse; border: 1px dotted #e68300; width: 635px; margin: 10px 0 0 263px;}

.tab table td {border: 1px dotted #e68300; padding: 10px 10px 10px 20px; font-size: 14px; color: #000000; text-align: left; vertical-align: top;}
.tab table td.objem {width: 100px; font-weight: bold; color: #bf0000;}
.tab table td.nazev {width: 400px; font-weight: bold;}
.tab table td.nazev span {font-style: italic; font-weight: normal; line-height: 20px; letter-spacing: 1px; padding: 0 0 0 5px;}
.tab table td.cena {width: 135px; font-weight: normal;}

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

#newsletterFormCont {width: 898px; text-align: left; padding: 0 0 65px 0;}
#newsletterFormCont p.newsletter {font-size: 14px; line-height: 28px; padding: 35px 0 35px 263px; width: 450px; color: #000000;}

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

#obsahFotoGalCont {width: 605px; margin: 15px 0 40px -5px;}
#obsahFotoGalCont.fGal {border-bottom: 1px solid #e68300; padding: 0 0 35px 0;}

.fotoThumbContUni {float: left; width: 165px; height: 110px; padding: 11px 19px 19px 11px; margin: 0 5px 5px 0; background: #ffd873 url(../images/fotoThumbUni_bgd.png) 0 0 no-repeat;}
.fotoThumbContL {float: left; width: 165px; height: 110px; padding: 38px 19px 47px 11px; margin: 0 5px 5px 0; background: #ffd873 url(../images/fotoThumb_bgd.png) 0 0 no-repeat;}
.fotoThumbContP {float: left; width: 110px; height: 165px; padding: 11px 47px 19px 38px; margin: 0 5px 5px 0; background: #ffd873 url(../images/fotoThumb_bgd.png) 0 0 no-repeat;}

.fotoObsahContLeft {margin: 25px 0 25px 0; height: 230px;}

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

#footerCont {width: 938px; height: 80px; margin: 4px 0 0 0; padding: 15px 0 0 0; text-align: center; background: url(../images/footer_bgd.png) top center no-repeat;}
#footerCont p {font-size: 10px; color: #8c8c8c;}

/* ================================================== */
/* banner
/* -------------------------------------------------- */

#bannerCont {width: 844px; height: 160px; margin: 0 0 -50px 0; padding: 30px 0 0 94px; background: url(../images/banner_bgd.png) top center no-repeat;}