/*
 * Zakladni Styl penzionu Bobule
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

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

a:visited {
  color: #818206;
}

a:hover, a:focus, a:active {
  color: #b9610f;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  background: #f2eade url(../images/top.gif) 0 0 repeat-x;
  color: #4b4a40;
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 60px;
}

div#main {
  width: 740px;
  margin: 0 auto;
  text-align: left;
}

div.logo {
  width: 740px;
  height: 106px;
}

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

div.mImg {
  margin-bottom: 12px;
}

div.num {
  padding-left: 650px;
  margin-bottom: 20px;
}

div.num ul {
  width: 100%;
  overflow: hidden;
}

div.num li {
  float: left;
  margin-right: 10px;
  width: 10px;
  height: 10px;
}

div.num li span {
  background: url(../images/star.gif) 0 -11px no-repeat;
}

div.num li a.active span {
  background-position: 0 0;
}

div.text {
  float: left;
  width: 480px;
}

div.col {
  float: right;
  width: 214px;
}

div.slogan {
  font-size: 30px;
  line-height: 1.3;
  color: #4c3c2b;
  margin-bottom: 16px;
}

h2 {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 16px;
}

div.slogan b {
  font-weight: normal;
  color: #818206;
}

p,
div.text ul {
  margin-bottom: 16px;
}

div.nepomuk {
  background: #fff;
  border: 1px solid #e0d6ce;
  padding: 6px;
  font-style: italic;
  margin-bottom: 16px;
}

.note {
  font-size: 12px;
}

div.nepomuk span {
  display: block;
  padding: 10px 12px 12px;
}

div.back1 {
  background: #818206 url(../images/back1.gif) 0 0 no-repeat;
  color: #f2eade;
  margin: 30px 0 40px;
}

div.back2 {
  background: url(../images/back2.gif) 0 100% no-repeat;
  padding: 30px 26px 40px;
}

div.kontakt {
  width: 334px;
  float: left;
}

div.news {
  width: 290px;
  float: right;
}

div.mapa {
  float: right;
  margin: 6px 20px 10px 20px;
}

div.back1 a,
div.back1 a:link,
div.back1 a:visited,
div.back1 h2 {
  color: #fff;
}

div.back1 a:hover {
  color: #f2eade;
}

div.news h3 {
  position: relative;
  left: -18px;
}

div.news h3 a {
  background: url(../images/star2.gif) 0 6px no-repeat;
  padding-left: 18px;
  display: block;
}

div.news h3 a:hover {
  background-position: 0 -994px;
}

div.news p {
  margin: 6px 0;
}

div.news i {
  margin: 0 3px;
}

div.loga {
  padding-left: 136px;
}

div.loga ul {
  width: 434px;
  height: 100px;
  position: relative;
}

div.loga li {
  position: absolute;
  top: 0;
  height: 100px;
}

li.l1 {
  left: 0px;
  width: 154px;
}

li.l2 {
  left: 154px;
  width: 180px;
}

li.l3 {
  left: 334px;
  width: 100px;
}

li.l1 span {background: url(../images/loga.gif) 0 0 no-repeat;}
li.l2 span {background: url(../images/loga.gif) -154px 0 no-repeat;}
li.l3 span {background: url(../images/loga.gif) -334px 0 no-repeat;}

div.photo {
  margin-top: 4px;
  padding-bottom: 2px;
}

div.photo a {
  background: #fff;
  border: 1px solid #e0d6ce;
  padding: 6px;
  display: block;
}

div.photo a:hover {
  border: 1px solid #c7b7ab;
}

h1.font {
  color: #818206;
  font-size: 30px;
  border-top: 3px solid #818206;
  margin-bottom: 12px;
}

h1.error {
  color: #a50606;
  border-top: 3px solid #a50606;
}

p.error {
  color: #a50606;
  font-weight: bold;
}

h6 {
  font-style: italic;
  font-weight: normal;
}

div.text ul li {
  padding-left: 28px;
  background: url(../images/star3.gif) 10px 6px no-repeat;
}

div.text2 {
  width: 100%;
}

div.napsali h2 {
  margin: 0;
}

div.napsali {
  padding-bottom: 10px;
}

div.napsali h5 {
  font-size: 14px;
  color: #818206;
  margin-bottom: 16px;
  font-weight: normal;
}

div.cont2 a {
  padding-left: 18px;
  margin-right: 20px;
  background: url(../images/star4.gif) 0 5px no-repeat;
}

div.cont2 a:hover {
  background-position: 0 -995px;
}

/*========== [ondrej@valka.info] =============================================*/

.gallery .photo {
  display: inline;
  float: left;
  margin-left: 8px;
  width: 366px; height: 1%;
}
.gallery .clear {
  clear: both;
  margin-left: 0;
}
.gallery .last-child {
  margin-left: 263px;
  width: 214px;
}