* { padding: 0; margin: 0; }

body { background: #D0E0F0 url("img/gradient.gif") top left repeat-x; color: black; font: 75%/1.5 arial; text-align: center; }

a img { border: 0; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
hr { height: 1px; border: 1px solid #2E90B1; color: #2E90B1; clear: both; }

h1 { color: #0178A0; font-size: 160%; margin: 3px 10px 17px 0; }
h2 { color: #0178A0; font-size: 130%; margin: 10px 10px 10px 0;  }
h3 { background: url("img/h3.gif") top left no-repeat; padding: 0 0 0 20px; font-size: 110%; }
p { text-align: justify; margin: 0 0 8px 0;}

.correct { clear: both; display: block; }

table.admin { width: 100%;}
table.admin tr th {padding: 1px 2px 0px 2px; }
table.admin tr td { padding: 1px 2px 0px 2px;}
input.sendmail { border: 1px solid black; padding: 2px; }

#obal { width: 795px; display: block; margin: 0 auto; background: #FFFFFF url("img/content.gif") top left repeat-y; text-align: center; }

#hlava { width: 795px; height: 178px; display: block; text-align: left; }
#hlava #hlava1 { width: 21px; height: 178px; display: block; background: #0F79A0 url("img/hlava1.gif") top left no-repeat; float: left; }

#hlava h2#hotel-diana { float: left; position: relative; display: block; width: 185px; height: 178px; overflow: hidden; background: #0F79A0; margin: 0; }
#hlava h2#hotel-diana a span { position: absolute; top: 0; left: 0; display: block; width: 185px; height: 178px; cursor: hand; background: url("img/hotel-diana.gif") top left no-repeat; }

#hlava #hlava2 { width: 589px; height: 178px; display: block; background: #0F79A0 url("img/hlava2.jpg") top left no-repeat; float: left; position: relative; }
#hlava #hlava2 a#gever { position: absolute; top: 15px; left: 540px; }
#hlava #hlava2 a#csver { position: absolute; top: 15px; left: 500px; }


#content { width: 549px; margin: 10px 20px 20px 20px; float: right; text-align: left; }
#content img { border: 0; margin: 0 0 5px 0; }
#content ul { margin: 0 5px 5px 18px; }
#content a { color: black; text-decoration: underline; }
#content a:hover { text-decoration: none; color: #444444; }

#content a.archiv_odkaz { float: right; margin: 5px 0 5px 5px; display: block; }
#content .hpdatum { font-size: 90%; font-style: italic; color: #777777; margin: 2px 0; }


#menu { width: 206px; padding: 20px 0 0 0; background: url("img/menu.gif") top right no-repeat; display: block; float: left; text-align: left; }

#menu menu { float: right; display: block; width: 185px; }
#menu menu li { width: 185px; height: 33px; display: block; padding-top: 1px; }
#menu menu li a { width: 185px; height: 25px; display: block; background: #328DAE url("img/li.gif") top left no-repeat; text-decoration: none; color: white;
  font-weight: bold; text-align: center; padding: 8px 0 0 0; } /*real height 33px*/
#menu menu li a:hover { background: #3C3C3C url("img/li-hover.gif") top left no-repeat; color: white; text-decoration: none; }
#menu #konec-menu { height: 4px; width: 185px; font-size: 1%; float: right; display: block; margin: 1px 0 10px 0; background: black; }

#menu #kontakt { width: 185px; float: right; text-align: center; }
#menu #kontakt div { border: 1px solid #A7A7A7; padding: 5px; margin: 0 auto; margin-bottom: 5px; width: 150px; height: 94px; }
#menu #kontakt a { color: #0178A0; }
#menu #kontakt a.mail { color: #0178A0; margin: 6px 0 10px 0; display: block; }




#bottom { width: 795px; height: 7px; display: block; background: url("img/bottom.gif") top left no-repeat; clear: both; font-size: 1%; }

#fotky { width: 785px; margin: 0 auto; display: block; background: #B6D3E6 url("img/fotky.gif") top left repeat-x; text-align: center; padding-top: 15px; }
#fotky a { margin: 15px 12px 0 12px; }
#fotky a img { border: 4px solid #84BAD3; background: #FFFFFF; padding: 1px; }
#fotky .correct { height: 10px; }

#posledni { width: 787px; height: 1px; font-size: 1%; display: block; clear: both; background: #FFFFFF; margin: 0 auto; }

#copy { background: #D0E0F0 url("img/copy.gif") top left no-repeat; width: 795px; height: 50px; display: block; position: relative; margin: 0 auto; }
#copy span { position: absolute; color: white; background: #047AA1; left: 36px; top: 4px; font-size: 95%; }

.clanek {float: left; border: 0px black solid; width: 525px;}
table.admin tr td.bottom { text-align: center;}