/* CSS Document */  
body  {
  background-color: #233150;
  padding: 0px; margin: 0px;
  font-family: 'Arial CE', Arial, sans serif !important;
  font-size: 1em;
  background: #253455 url('../img/body-bck.jpg') top center no-repeat; text-align: center; 
}

.clear  { clear: both; }

#main {
  margin: 0px auto 0px auto; width: 960px; text-align: justify;
}
#top  {
  width: 960px; height: 72px; background-color: #233150;
  background-image: url('../img/top.jpg'); border-bottom: 2px solid #fff;
}
#banner h1  {
  margin: 0px; padding: 20px 20px 0px 0px; font-size: 2.7em;
}
#banner {
  width: 956px; height: 222px; position: relative; text-align: right; 
  background-color: #04ACDE; 
}
#banner a {
  text-decoration: none; color: #fff;
}
#banner h1 span {
  position: absolute; left: 0px; top: 0px; z-index: 5;
  width: 956px; height: 222px; border-right: 2px solid #fff; border-left: 2px solid #fff;
  background-image: url('../img/banner.jpg');  
}

#navigacni-lista  {
  position: absolute; left: 369px; top: 270px; z-index: 10;
  width: 733px; height: 26px; padding-left: 5px;
  /*background-color: #04ACDE;*/  
}
#navigacni-lista p  {
  color: #e0e0e0; padding: 5px; margin: 0px; font-size: 0.8em; 
}
#navigacni-lista a  { color: #e0e0e0; }

#content  {
  background-color: #e0e0e0; border: 2px solid #fff;
}

#menu {
  width: 228px; float: left; background-color: #E0E0E0; padding: 10px 0px 0px 0px;
}
#menu ul  {
  margin: 0px; padding: 0px;
}
#menu ul li {
  list-style-type: none; margin: 0px; padding: 0px;
}
#menu ul li a {
  width: 205px; /*height: 15px;*/ display: block; 
  /*background-color: #027CAE; 
  border-right: 2px solid #fff;*/ padding: 10px 5px 10px 15px;
  text-decoration: none; color: #fff; font-size: 14px;
  /*background-image: url('../img/sipka-button2.jpg');
  background-repeat: no-repeat;
  background-position: 15px 12px;*/
  background-image: url('../img/button.jpg');
  background-repeat: no-repeat; 
  margin-bottom: 2px;
}
#menu ul li ul a {
  width: 203px; /*height: 15px;*/ display: block; 
  background-color: #019CDC;  
  /*border-right: 2px solid #fff;*/ padding: 5px 5px 5px 15px;
  text-decoration: none; color: #fff; font-size: 12px;
  background-image: none; margin: 0px 0px 1px 0px;
}
#menu ul li a:hover  {
  /*background-image: url('../img/button.jpg');
  background-repeat: no-repeat;
  background-position: 5px 7px; 
  background-color: #00294E;*/
}
#menu ul li ul  {
  margin: -2px 0px 3px 0px;
}
#menu ul li ul a:hover  {
  background-image: none; background-color: #306594;
}
.border-bottom  { border-bottom: 2px solid #fff !important; }
#menu p {
  font-size: 0.8em; color: #606060; padding: 15px 0px 15px 15px; margin: 2px 2px 0px 0px; background-color: #fff;
}
#menu p a { color: #027CAE; }
ul.doporucujeme a { background-color: #0099FF !important; }


#text {
  width: 705px; float: left; font-size: 0.8em; padding: 10px; color: #303030; 
}
#text h2  {  
  color: #0C6F99; font-size: 17px;
  margin: 0px 0px 10px 0px; padding: 8px 0px 4px 0px;
  border-bottom: 3px solid #087CAF; 
}
#text p {
  margin: 0px; padding: 10px 0px 10px 0px;
}
#text li  { list-style-type: square; padding-bottom: 10px; }
#text a { color: #303030; }
#text a:link { color: #303030; }
#text a:visited { color: #303030; }

#text a img { border-color: #303030; }

#text a


#patka  {
  clear: both; width: 960px; height: 69px; background-color: #233150;
    background-image: url('../img/patka.jpg');
}

/* kniha-hostu */

fieldset  { 
  padding: 0px; border-style: none; margin: 0px; width: 370px;
}
form { margin: 0px; padding: 0px;}
legend { display: none; }
.warning  { color: #f20000; }

#guestbook-form input {
  background-color: #fff; border: 1px solid #c0c0c0; margin: 5px 0px 10px 0px; 
  width: 180px; padding: 1px;
}
#guestbook-form p {
  margin: 0px;
}
.spam_input { color: #ff6600; }

#guestbook-form textarea  {
  background-color: #fff; border: 1px solid #c0c0c0; margin: 0px; 
  width: 370px; height: 150px; color: #909090; padding: 1px;
}

.guest-left {
  display: block; float: left; width: 180px;
}
.guest-right {
  display: block; float: right; width: 180px; text-align: right;
}

.guest-head { 
  color: #fff; background-color: #1391CB; padding: 10px; font-weight: bold; display: block; 
}
.guest-head a { color: #fff !important; text-decoration: underline !important; }
.guest-text {
  background-color: #CCFFFF; border: 1px solid #c0c0c0;
  border-width: 0px 1px 1px 1px; padding: 10px; display: block; color: #606060;
}
.guest-info { display: block; float: right; padding: 10px 0px 0px 0px; color: #909090; }

.guest-odpoved {
  background-color: #a0a0a0; border: 1px solid #000;
  border: 1px; padding: 10px; display: block; color: #fff;
}