/*
 * Zakladni Styl Cesty za vinem
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #569a16;
}

a:visited {
  color: #4d7924;
}

a:hover, a:focus, a:active {
  color: #8f0065;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Palatino, 'palatino linotype', serif;
  background: #fff url(../images/back2.gif) 0 0 repeat-x;
  color: #474539;
  font-size: 1em;
  line-height: 1.7;
}

body#home {
  background: #fff url(../images/back.gif) 0 0 repeat-x;
}

table {
  line-height: 1.7;
}

div#main, div#footer div {
  position: relative;
  width: 890px;
  text-align: left;
  margin: 0 auto;
  font-size: 0.85em;
  padding-bottom: 58px;
}

div#wrapper {
  margin-left: 15px;
  width: 860px;
}

div.menu2wrap {
  width: 875px;
  margin-bottom: 5px;
}

#home div#wrapper {
  width: auto;
}

div.linewrap {
  background: url(../images/text.gif) 510px 0 repeat-y;
}

div.linewrap2 {
  background: url(../images/text.gif) 431px 0 repeat-y;
}

div#text {
  width: 480px;
  padding-top: 6px;
  float: left;
}

div#text2 {
  width: 860px;
  padding-top: 6px;
}

div#sub {
  width: 350px;
  float: right;
}

div.lhalf2 {
  width: 415px;
  float: left;
}

div.rhalf2 {
  width: 415px;
  float: right;
}

/*========== [header] ========================================================*/
div#header {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  height: 152px;
}

#home div#header {
  height: 299px;
}

div#logo {
  width: 387px;
  height: 57px;
  position: absolute;
  top: 25px;
}

div#logo span {background: url(../images/logo.gif) 0 0 no-repeat;}

div#menu {
  width: 885px;
  height: 42px;
  position: absolute;
  top: 109px;
  left: 0;
  background: url(../images/menu.gif) 0 0 no-repeat;
}

div#menu li {
  position: absolute;
  top: 0;
  height: 42px;
  overflow: visible !important;
}

div#menu a {
  width: 100%;
  overflow: hidden;
  height: 42px;
  display: block;
}

div#menu li i {
  display: block;
  position: absolute;
  left: 43%;
  bottom: -6px;
  width: 10px;
  height: 5px;
  background: url(../images/menu2.gif) 0 0 no-repeat;
}

#home div#menu li i {display: none;}

li#m1 {left: 0;width: 63px;}
li#m2 {left: 63px;width: 83px;}
li#m3 {left: 146px;width: 181px;}
li#m4 {left: 327px;width: 210px;}
li#m5 {left: 537px;width: 91px;}
li#m6 {left: 628px;width: 117px;}
li#m7 {left: 745px;width: 60px;}
li#m8 {left: 805px;width: 80px;}

li#m1 span {background: url(../images/menu.gif) 0 0 no-repeat;}
li#m2 span {background: url(../images/menu.gif) -63px 0 no-repeat;}
li#m3 span {background: url(../images/menu.gif) -146px 0 no-repeat;}
li#m4 span {background: url(../images/menu.gif) -327px 0 no-repeat;}
li#m5 span {background: url(../images/menu.gif) -537px 0 no-repeat;}
li#m6 span {background: url(../images/menu.gif) -628px 0 no-repeat;}
li#m7 span {background: url(../images/menu.gif) -745px 0 no-repeat;}
li#m8 span {background: url(../images/menu.gif) -805px 0 no-repeat;}

li#m1 a:hover span {background: url(../images/menu.gif) 0 -86px no-repeat;}
li#m2 a:hover span {background: url(../images/menu.gif) -63px -86px no-repeat;}
li#m3 a:hover span {background: url(../images/menu.gif) -146px -86px no-repeat;}
li#m4 a:hover span {background: url(../images/menu.gif) -327px -86px no-repeat;}
li#m5 a:hover span {background: url(../images/menu.gif) -537px -86px no-repeat;}
li#m6 a:hover span {background: url(../images/menu.gif) -628px -86px no-repeat;}
li#m7 a:hover span {background: url(../images/menu.gif) -745px -86px no-repeat;}
li#m8 a:hover span {background: url(../images/menu.gif) -805px -86px no-repeat;}

li#m1 a.active span {background: url(../images/menu.gif) 0 -43px no-repeat !important;}
li#m2 a.active span {background: url(../images/menu.gif) -63px -43px no-repeat !important;}
li#m3 a.active span {background: url(../images/menu.gif) -146px -43px no-repeat !important;}
li#m4 a.active span {background: url(../images/menu.gif) -327px -43px no-repeat !important;}
li#m5 a.active span {background: url(../images/menu.gif) -537px -43px no-repeat !important;}
li#m6 a.active span {background: url(../images/menu.gif) -628px -43px no-repeat !important;}
li#m7 a.active span {background: url(../images/menu.gif) -745px -43px no-repeat !important;}
li#m8 a.active span {background: url(../images/menu.gif) -805px -43px no-repeat !important;}

div#lang {
  position: absolute;
  right: 10px;
  top: 4px;
}

div#lang a, div#lang span {
  display: block;
  padding: 7px 0;
  background: #a50676;
}

div#lang li {
  float: right;
  width: 36px;
  margin-left: 3px;
}

div#lang img {
  border: 1px solid #c280ae;
  margin-left: 6px;
}

div#lang a:hover {
  background: #ab0b7c;
}

div#lang a:hover img {
  border: 1px solid #dda4cc;
}

div#lang li.active {
  padding: 7px 0;
}

div#lang h6 {
  color: #fff;
  position: absolute;
  right: 168px;
  top: 5px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.87em;
}

/*========== [text] ==========================================================*/
h1 {
  font-size: 1.3em;
  font-weight: normal;
  color: #569a16;
  background: url(../images/h1.gif) 0 3px no-repeat;
  padding-left: 40px;
  margin-bottom: 0.8em;
}

div#wrapper strong {
  color: #569a16;
}

h1.na {
  margin: 0;
}

h5 {
  color: #569a16;
  padding-left: 41px;
  font-weight: normal;
  margin-bottom: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.89em;
}

h2 {
  font-size: 1.3em;
  font-weight: normal;
  color: #569a16;
  margin-bottom: 0.6em;
}

h3 {
  font-size: 1.15em;
  color: #569a16;
  margin-bottom: 0.75em;
}

h4 {
  font-size: 1em;
  color: #569a16;
  margin-bottom: 1em;
}

p, ul, ol, dl, table {
  margin-bottom: 1em;
}

.bb {
  margin-bottom: 1em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #e2ecd9;
}

hr {
  display: none;
}

div.hr {
  width: 100%;
  height: 1px;
  background: #e2ecd9;
  margin-bottom: 1.05em;
}

.bb2 {
  margin-bottom: 1em;
  padding-bottom: 1.3em;
  border-bottom: 1px solid #e2ecd9;
}

p.error {
  font-weight: bold;
  font-size: 3em;
  font-style: italic;
  color: #be0a0a;
  line-height: 1.0;
  padding-top: 7px;
  margin-bottom: 0.7em;
}

div#wrapper ul li, dt {
  padding-left: 30px;
  background: url(../images/dot2.gif) 12px 10px no-repeat;
}

dl {
  width: 438px;
  margin-bottom: 1.2em;
}

dt {
  color: #569a16;
}

dd {
  margin: 0 0 0.5em 30px;
  border-bottom: 1px solid #e2ecd9;
  padding-bottom: 0.6em;
}

ol li {
  margin-left: 26px;
  padding-left: 4px;
}

div.hl {
  border-top: 1px solid #e2ecd9;
  border-bottom: 1px solid #e2ecd9;
  padding: 14px 0;
  margin: 1.9em 0 1.5em 0;
}

div.hl div {
  float: left;
  text-align: center;
  width: 156px;
  margin-right: 6px;
}

div.hl div.l {
  margin: 0;
}

div.hl img {
  margin-bottom: 2px;
}

div.hl a {
  text-decoration: none;
}

div.hl span {
  display: block;
  color: #569a16;
  font-size: 0.82em;
  text-transform: uppercase;
  background: #ecf5e4 url(../images/hl.gif) 0 0 repeat-x;
  padding: 3px 0 4px;
  border: 1px solid #deebd2;
}

div.hl a:hover span {
  color: #8f0065;
  background: #f6e9f2 url(../images/hl.gif) 0 -158px repeat-x;
  border: 1px solid #ebd2e3;
}

div.lhalf {
  float: left;
  width: 232px;
}

div.rhalf {
  float: right;
  width: 232px;
}

.pBot {
  padding-bottom: 0.3em;
}

div.vinar {
  margin-bottom: 0.7em;
  position: relative;
}

div.vinar h2 {
  font-weight: bold;
  font-size: 1.25em;
  position: relative;
  margin-bottom: 0;
  top: -4px;
}

div.hv {
  padding-bottom: 2px;
}

div.vinar h2 a, div.vinar h2 a:link, div.vinar h2 a:visited, h2.ref {
  color: #569a16;
  text-decoration: none;
  padding-left: 30px;
  background: url(../images/dot7.gif) 0 7px no-repeat;
  display: block;
}

div.vinar h2 a:hover {
  color: #8f0065;
  background-position: -1000px 7px;
}

div.hv div {
  float: left;
  margin-right: 15px;
  width: 335px;
}

div.tripx div.hv div, div.tripx2 div {
  width: 510px;
}

div.hv div.hv4 {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #569a16;
}

div.hv div.hv2 {
  width: 160px;
}

div.hv3 {
  background: url(../images/back3.gif) 0 0 repeat-x;
  padding-top: 9px;
}

div.hv div.ico {
  margin-right: 0;
}

div.ico {
  font-size: 0.89em;
  position: relative;
  top: -1px;
}

div.ico img {
  display: inline;
  position: relative;
  top: 5px;
  margin-right: 4px;
}

div.ico span {
  margin-right: 10px;
}

div.img3 {
  padding-top: 5px;
}

div.img3, div.hlts {
  width: 160px;
  float: left;
  margin-right: 15px;
}

div.vinar div.txt {
  width: 335px;
  float: left;
  padding-bottom: 60px;
  margin-right: 15px;
}

div.tripx div.txt {
  width: 685px;
  margin: 0;
}

div.tripx div.hv div.ico, div.tripx2 div.ico {
  width: 335px;
}

div.l {
  margin-right: 0;
}

div.hlts {
  font-size: 0.89em;
  line-height: 1.92;
  padding-top: 1px;
}

div#wrapper div.hlts ul li {
  padding: 0;
  background: transparent;
}

div.hlts h3 {
  margin: 0;
  font-size: 1em;
}

ul.btn {
  position: absolute;
  bottom: 0;
  left: 174px;
  width: 341px;
  height: 42px;
  overflow: hidden;
}

div#wrapper ul.btn li {
  position: absolute;
  top: 0;
  padding: 0;
  background: transparent;
  width: 170px;
  height: 42px;
}

ul.btn li.btn1 {
  left: 0;
}

ul.btn li.btn1 span {
  background: url(../images/buttons.gif) 0 0 no-repeat;
}

ul.btn li.btn1 a:hover span {
  background: url(../images/buttons.gif) 0 -43px no-repeat;
}

ul.btn li.btn2 {
  left: 170px;
}

ul.btn li.btn2 span {
  background: url(../images/buttons.gif) -170px 0 no-repeat;
}

ul.btn li.btn2 a:hover span {
  background: url(../images/buttons.gif) -170px -43px no-repeat;
}

div#text3 {
  float: left;
  width: 510px;
}

div#sub2 {
  float: right;
  width: 335px;
}

div.hvx h1 {
  margin-bottom: 0;
}

div.hvx {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e2ecd9;
}

div.hvx div.hv2, div.hvx div.hv4 {
  position: relative;
  top: 5px;
}

div.w3 {
  width: 304px;
}

div.hvx div.ico {
  top: 4px;
}

div.photos div div {
  float: left;
  width: 160px;
}

img.sImg {
  margin: 5px 15px 10px 0;
  float: left;
}

div.photos a, img.sImg {
  display: block;
  width: auto;
  border: 1px solid #e2ecd9;
  padding: 2px;
}

div.photos a:hover {
  border: 1px solid #e6c7dd;
}

div.photos div div.l {
  float: right;
  width: 160px;
}

div.photos div.clr {
  margin-bottom: 15px;
}

div.fform {
  background: #f8f7ef;
  border: 1px solid #e2ecd9;
  padding: 7px 15px 15px;
  margin: 1em 0 1.3em 0;
}

div.fform h3 {
  margin-bottom: 0.3em;
}

label {
  display: block;
}

input.text, div.fform textarea {
  padding: 1px;
  width: 300px;
  border: 1px solid #e2ecd9;
  background: #fff; 
}

div.fform form div {
  margin-bottom: 5px;
}

div.fform textarea {
  height: 180px;
}

div.fform input.text:focus, div.fform textarea:focus {
  border: 1px solid #b4b4a2;
}

div.fform form div div {
  margin-bottom: 0;
  float: left;
  width: 145px;
}

div.fform form div div.l {
  float: right;
}

div.fform form div div input.text {
  width: 141px;
}

input.sub {
  padding: 2px 4px 3px;
  cursor: pointer;
}

div.rest {
  border-top: 1px solid #e2ecd9;
  padding-top: 5px;
}

div.rest div.hv {
  border-bottom: 1px solid #e2ecd9;
  margin-bottom: 5px;
}

div.txt2 {
  width: 240px;
  float: right;
}

div.trip {
  margin-bottom: 1em;
  padding-bottom: 1.3em;
  border-bottom: 1px solid #e2ecd9;
}

div.trip div.img3 {
  padding-top: 6px;
}

div.trip div.cont a {
  padding-left: 16px;
  background: url(../images/dot8.gif) 0 7px no-repeat;
}

div.jentak div.trip div.cont a {background: url(../images/dot9.gif) 0 7px no-repeat;}

div.trip div.cont a:hover {
  background-position: -1000px 7px !important;
}

div.trip p {
  margin-bottom: 6px;
}

h2#v1, h2#v2 {
  width: 415px;
  height: 64px;
}

h2#v1 span {background: url(../images/vylety1.gif) 0 0 no-repeat;}
h2#v2 span {background: url(../images/vylety2.gif) 0 0 no-repeat;}

div.trip h3 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 8px;
}

div.jentak a, div.jentak a:link, div.jentak h3 {
  color: #8f0065;
}

div.jentak a:visited {
  color: #42012c;
}

div.jentak a:hover {
  color: #569a16;
}

div#wrapper ul.archiv li {
  background: transparent;
  padding: 0;
}

ul.archiv {
  border-top: 1px solid #e2ecd9;
}

ul.archiv a {
  display: block;
  padding: 3px 0 5px;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid #e2ecd9;
}

ul.archiv span {
  position: absolute;
  right: 0;
  top: 3px;
}

ul.archiv b {
  text-decoration: underline;
  font-weight: normal;
}

ul.menu2 li {
  padding: 0;
  margin-right: 2px;
  background: transparent;
  float: left;
}

ul.menu2 {
  width: 100%;
  padding-top: 6px;
  overflow: hidden;
  background: url(../images/submenu.gif) 0 100% repeat-x;
}

ul.menu2 a {
  border: 1px solid #e2ecd9;
  padding: 5px 14px 7px;
  display: block;
  background: #e7efdf;
  text-decoration: none;
}

ul.menu2 a.active {
  font-weight: bold;
  background: url(../images/submenu2.gif) 0 100% repeat-x;
  border-bottom: 1px solid #f5f8f1;
  color: #474539;
}

div.pager {
  position: relative;
  font-weight: bold;
}

div.prev {
  position: absolute;
  top: 0;
  left: 0;
}

div.next {
  position: absolute;
  top: 0;
  right: 0;
}

div.prev a {
  padding-left: 30px;
  background: url(../images/prev.gif) 0 2px no-repeat;
  padding-bottom: 1px;
}

div.prev a:hover {
  background-position: 0 -998px;
}

div.next a {
  padding-right: 30px;
  background: url(../images/next.gif) 100% 2px no-repeat;
  padding-bottom: 1px;
}

div.next a:hover {
  background-position: 100% -998px;
}

div.pager p {
  text-align: center;
  margin: 0 60px;
}

div.pager p a, div.pager p b {
  margin: 0 4px;
}

/*========== [pravy] =========================================================*/
div#sub {
  font-size: 0.89em;
  padding-top: 14px;
}

div#sub2 {
  padding-top: 6px;
}

div#wrapper div.npt {
  padding-top: 1px;
}

div#sub a, div#sub a:link, div#sub a:visited {
  color: #4d7924;
}

div#sub a:hover {
  color: #8f0065;
}

div.tip {
  background: #e8f2df url(../images/tiptop.gif) 0 0 repeat-x;
  border: 1px solid #cadfb7;
  padding: 11px 14px 6px;
  margin-bottom: 1.2em;
}

div.tip div {
  background: url(../images/tipbot.gif) 100% 100% no-repeat;
}

div.tip div div {
  background: transparent;
}

div.timg {
  float: left;
  margin: 4px 0 4px 0;
}

div#sub div.tip h2 {
  font-size: 1.15em;
  font-weight: normal;
}

div.file dt {
  padding: 0;
  margin: 0;
  background: transparent;
}

div.file dt a {
  background: url(../images/file.gif) 0 2px no-repeat;
  padding: 0 0 1px 26px;
}

div.file dt a:hover {
  background-position: -1000px 2px;
}

div.file dd {
  padding: 0;
  margin: 0 0 0.8em;
  border: 0 none;
  color: #5a5952;
  font-size: 0.89em;
}

div.file dl {
  width: auto;
}

div#sub div.tip h2 a, div#sub div.tip h2 a:link, div#sub div.tip h2 a:visited {
  display: block;
  color: #569a16;
}

div#sub div.tip h2 a:hover {
  color: #8f0065;
}

div#sub h2 {
  font-weight: bold;
}

div.tip img {
  float: left;
  margin: 3px 15px 0 0;
}

div.plr {
  padding: 0 15px;
}

div#sub h3 {
  color: #569a16;
  font-size: 1.15em;
  font-weight: bold;
  margin-bottom: 8px;
}

div.news {
  position: relative;
  border-top: 1px solid #e2ecd9;
  padding-top: 1em;
  margin-top: 1em;
}

div.news div.date {
  position: absolute;
  top: 1em;
  right: 0;
}

div.news p {
  margin-bottom: 0.4em;
}

div.news h4 {
  margin: 0 60px 0.4em 0;
}

div.cont {
  text-align: right;
}

div.news div.cont a {
  padding-left: 16px;
  background: url(../images/dot.gif) 0 6px no-repeat;
}

div.news div.cont a:hover {
  background-position: -1000px 6px;
}

div.mImg {
  border: 1px solid #e2ecd9;
  padding: 2px;
  margin-bottom: 1.2em;
}

div.img2 {
  border: 1px solid #e2ecd9;
  padding: 2px;
  float: left;
  margin-top: 4px;
}

div.kontakt p {
  margin: 1px 0 0 84px;
}

div.kontakt {
  border-top: 1px solid #e2ecd9;
  padding-top: 0.9em;
  margin-bottom: 1.2em;
}

div#text3 div.kontakt div.img2 {
  margin-top: 5px;
}

div.kontakt p.p1 {
  margin-bottom: 8px;
}

div#wrapper div.notes ul li {
  padding-left: 15px;
  background: url(../images/dot2.gif) 0 10px no-repeat;
  margin-bottom: 7px;
}

ul#np {
  width: 335px;
  height: 65px;
  position: relative;
}

div#wrapper ul#np li {
  width: 160px;
  height: 32px;
  position: absolute;
  top: 0;
  padding: 0;
}

li#np1 {left: 0;}
li#np2 {left: 175px;}

li#np1 span {background: url(../images/np.gif) 0 0 no-repeat;}
li#np2 span {background: url(../images/np.gif) -175px 0 no-repeat;}

li#np1 a:hover span {background: url(../images/np.gif) 0 -33px no-repeat;}
li#np2 a:hover span {background: url(../images/np.gif) -175px -33px no-repeat;}

div.gmapsx {
  background: #f8f7ef;
  border: 1px solid #e2ecd9;
  padding: 15px 40px;
  margin: 25px 0;
}

div.fcb {
  padding-bottom: 15px;
}


/*========== [foot] ==========================================================*/
div#footer {
  background: #ecf5e4 url(../images/foot.gif) 0 0 repeat-x;
}

div#footer div {
  margin-bottom: 0;
  font-size: 0.82em;
  background: url(../images/foot2.gif) 445px 0 no-repeat;
  position: relative;
  top: -61px;
  padding-bottom: 20px;
  padding-top: 74px;
}

div#footer p {
  margin-bottom: 0;
}

div#footer a, div#footer a:link, div#footer a:visited {
  color: #4d7924;
}

div#footer a:hover {
  color: #8f0065;
}

p.s1 {
  width: 430px;
  margin-left: 15px;
}

p.s2 {
  position: absolute;
  right: 14px;
  width: 250px;
  text-align: right;
  top: 74px;
}

/*========== [added] =========================================================*/
div.reftxt {
  padding-top: 5px;
}

div.reftxt div.txt {
  padding-bottom: 3px;
}

div.logo {
  width: 160px;
  float: left;
  margin-right: 20px;
}

div.logo2 {
  width: 140px;
  margin-right: 0;
  float: left;
  padding-top: 5px;
  text-align: right;
}

div.logo2 img {
  display: inline;
}

div.mref {
  margin-right: 20px;
}