* {margin: 0; padding: 0 }

/* Body - Cele telo dokumentu */
body,html { background: #fff; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; color: #000; margin: 0; text-align: center; } 
body { font-size: 80%; }

table { border: 1px solid #B4CFEC; border-collapse: collapse; width: 503px; margin: 0 0 20px 0; }
table tr td { border: 1px solid #B4CFEC; padding: 3px 5px; background: #F4F8FC; }
table tr td.labtd { font-weight: bold; }

/* Hlavicka webu */
div#head { width: 760px; height: 80px; position: relative; margin: 15px auto 5px auto; text-align: left; background: #fff; text-align: left; color: #fff; } 
div#head p#logo { font-size: 160%; padding: 5px 0 0 0; } 
div#head p#logo a:link, div#head p#logo a:visited { color: #000; } 
div#head p#logo a:active, div#head p#logo a:hover { color: #eee; } 
div#head p#slogan { width: 396px; height: 51px; position: absolute; top: 27px; right: 0; }
div#head p#slogan span { display: block; width: 396px; height: 51px; position: absolute; left: 0; top: 0;  background:url("grafika/n_pronajem-pramic.gif") 0% 0% no-repeat #fff; }
ul, p.more, #sidebar h2, #obsah p, form, table, .tlacitko { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; }

/* Hlavni navigace */
ul#menu { width: 760px; height: 45px; position: relative; margin: 0 auto; background: #96CD0D; } 

/* Hlavni navigace - blokovy odkaz */
ul#menu li { margin : 0 0 0 0; padding: 5px 0 0 0; display: block; width: 190px; float: left; }
ul#menu li a { font-weight: bold; display: block; width: auto; height: 40px; line-height: 40px; text-align: center; position: relative; border: 1px solid #fff; border-width: 1px 1px 0 0;  }
ul#menu li a:link, ul#menu li a:visited  { color: #fff; text-decoration: none;   background:url("grafika/menuitem.gif") 0% 0% repeat-x #236FBE;  font-weight: bold;  font-size: 100%; } 
ul#menu li a:active, ul#menu li a:hover  { color: #fff; text-decoration: none; background:url("grafika/menuitem.gif") 0% -50px repeat-x #7AB40B; font-weight: bold;  font-size: 100%; }
ul#menu li a#selected:link, ul#menu li a#selected:visited, ul#menu li a#selected:active, ul#menu li a#selected:hover  { color: #fff; text-decoration: none;  background:url("grafika/menuitem.gif") 0% -50px repeat-x #7AB40B; font-weight: bold;  font-size: 100%; }
hr { position: absolute; top: -12721px; width: 50px; }
A:link { color: #1868BB; text-decoration: underline; font-weight: bold; } 
A:visited { color: #1868BB; text-decoration: underline; font-weight: bold; } 
A:active, A:hover { color: #000; text-decoration: underline; font-weight: bold; } 
a img { border: 0px solid #000; }
a:hover img { border: 0px solid #000; }

h1 { margin: 0 10px 15px 0; padding: 0; color: #1C5AAD; font-size: 169%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } 
h2 { padding: 2px 2px 2px 0; margin: 15px 0 5px 0; font-size: 140%; font-weight: normal; color: #000; font-family: Georgia, "Times New Roman", Times, serif; } 
h2 a:link { color: #595431; text-decoration: underline; font-weight: normal;  }
h2 a:visited { color: #9931BB; text-decoration: underline; font-weight: normal;}
h2 a:active, h2 a:hover { color: #000; text-decoration: underline; font-weight: normal;}
h3 { padding: 5px 5px 10px 0; margin: 20px 0 0 10px; font-size: 100%; font-weight: bold; color: #E65100;  font-family: Georgia, "Times New Roman", Times, serif; } 
h4 { font-size: 100%; margin: 4px 0 -10px 0; padding: 5px 0 0 0; width: auto; color: #4B6870; }
ul { padding: 0 0 0 0; margin: 0 0 0 0; }
ul li { list-style-type: none; } 

/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah { width: 760px; position: relative; margin: 0 auto; padding: 10px 0; text-align: left; background: #fff; } 
/* Pole pro text */ 
#pole { width: 505px; float: left; position: relative; padding: 15px 0 0 0; }
#pole p { padding: 0 0 10px 0; }
#pole p.go { text-align: right; font-size: 140%; font-weight: bold; padding: 0 10px 0 0 !important;  }
#pole ul { padding: 0 10px 0 0; margin: 5px 0 20px 20px; }
#pole ul li { list-style-image: url("grafika/tecka.gif"); color: #1868BB; }
#pole img.l { float: left; margin: 0 10px 0 0; }




/* XXXXXXXX LISTA POD PEREXEM XXXXXXXX */
p.more { background:url("grafika/bg-more.gif") 0% 0% repeat-y #fff; height: 30px; font-size: 100%; margin: 10px 0 0 0; padding: 0 0 0 0 !important;  }

/* Datum prispevku */
p.more span.date { display: block; width: 180px; height: 24px; line-height: 24px; float: left; font-weight: bold; color: #595431; margin: 3px 0 0 10px; }

/* Odkazy pod perexem - na komentare a do detailu */
p.more a { text-decoration: none; font-weight: bold; display: block; padding: 0 9px; margin: 3px 0 0 4px; float: right; height: 24px; line-height: 24px; }

/* Odkaz na komentare clanku */
A.comm:link, A.comm:visited { color: #840003; text-decoration: none; }
A.comm:active, A.comm:hover { color: #000; background: #E0E0E0; text-decoration: none; }

/* Staly odkaz do detailu */
A.perm:link, A.perm:visited { color: #840003; text-decoration: none; }
A.perm:active, A.perm:hover { color: #000; background: #E0E0E0; text-decoration: none;}
/* XXXXXXXX LISTA POD PEREXEM KONEC XXXXXXXX */


p#pridejdo { padding: 5px 0 10px 0; }
p.comment { border: 1px solid #ccc; }
textarea { width: 400px; height: 130px; }
form label { font-weight: bold; color: #4B5558; }
form fieldset { background: #EBEBEB; border: 0; margin: 0 0 10px 0; position: relative; padding: 0 0 15px 0;}
form fieldset legend { padding: 3px; font-weight: bold; color: #568107; margin: 0 0 10px 0; }
form label.lab1 { display: block; width: 210px; float: left; clear: left; height: 25px; line-height: 25px; text-align: right; padding: 0 5px 0 0; }
form label.lab2 { display: block; width: 120px; float: left; clear: left; height: 25px; line-height: 25px; text-align: right; padding: 0 5px 0 0; }

form input.txtdate { width: 80px; }
select#iddoden, select#idodden { width: 50px; }
input#idjmeno { width: 200px; }
input#idpramic, input#idochrana { width: 50px; }
form p { height: 25px; line-height: 25px; padding: 0 15px 0 15px !important; margin: 0 0 5px 0; }
form div { padding: 0 15px 0 15px }
input.tlacitko { font-weight: bold; width: 200px; height: 30px; line-height: 30px; }
p.chyby { color: #A40000; font-weight: bold; }

/* XXXXXXXX SIDEBAR XXXXXXXX */
#sidebar { width: 240px; position: relative; float: right; background: #fff; } 
#sidebar .sidebox { width: 240px;  background:url("grafika/sidebox.gif") 0% 0% no-repeat #B4CFEC; margin: 0 0 10px 0;} 
#sidebar .sidebox2 { color: #568107; width: 240px;  background:url("grafika/sidebox2.gif") 0% 0% no-repeat #E1F8A9; margin: 0 0 10px 0;} 
#sidebar p { font-size: 100%; padding: 0 10px 10px 10px; margin: 0 0 0 0; } 
#sidebar h2 { width: auto; font-size: 100%; color: #236FBE; font-weight: bold; margin: 0 0 0 0; padding: 7px 10px 0 10px; position: relative; }
#sidebar h2#n_rezervace { height: 30px; padding: 0 10px 0 10px; }
#sidebar h2#n_rezervace span { display: block; width: 220px; height: 30px; position: absolute; top: 0; left: 0; z-index: 3; background:url("grafika/n_rezervace.gif") 0% 0% no-repeat;  }
#sidebar ul { width: auto; height: auto; margin: 0; padding: 10px 0 20px 0; } 
#sidebar ul li { width: auto; height: auto; margin: 0; padding: 0 10px 0 10px; list-style-type: none; text-align: left; font-weight: bold; color: #000; }
#sidebar ul li a:link { text-decoration: underline; color: #C90101; font-weight: normal; }
#sidebar ul li a:visited { text-decoration: underline; color: #9931BB; font-weight: normal; }
#sidebar ul li a:active, #sidebar ul li a:hover { text-decoration: none; color: #000; font-weight: normal; }



/* Rubriky */
#sidebar h2#n_rubriky { background:url("grafika/posts-edit.gif") 0% 50% no-repeat #fff; color: #000; }
#sidebar ul#rubriky { width: auto; height: auto; margin: 0; padding: 0; } 
#sidebar ul#rubriky li { list-style-type: none; text-align: left; font-weight: bold; color: #000; padding: 0 0 0 0; }
#sidebar ul#rubriky li a { display: block; padding: 3px 0 3px 6px; }
#sidebar ul#rubriky li a:link, #sidebar ul#rubriky li a:visited { text-decoration: underline; color: #326D92; font-weight: bold; background:url("grafika/bg-rubriky-item.jpg") 0% 0% repeat-y #fff;  }
#sidebar ul#rubriky li a:active, #sidebar ul#rubriky li a:hover { text-decoration: none; color: #4093B4; font-weight: bold; background:url("grafika/bg-rubriky-item.jpg") 0% -50px repeat-y #fff;  }
/* Odkazy */
#sidebar h2#n_odkazy { background:url("grafika/spendlik.gif") 0% 50% no-repeat #fff; color: #000; }
#sidebar ul#odkazy { background: #fff; } 
#sidebar ul#odkazy li { list-style-type: none; text-align: left; font-weight: bold; color: #000; padding: 0 0 0 6px; }
#sidebar ul#odkazy li a:link, #sidebar ul#odkazy li a:visited { text-decoration: underline; color: #595431; font-weight: bold; }
#sidebar ul#odkazy li a:active, #sidebar ul#odkazy li a:hover { text-decoration: none; color: #000; font-weight: bold; }


/* XXXXXXXX SIDEBAR KONEC XXXXXXXX */

/* Paticka */
#foot { width: 760px; padding: 10px 0; border: 1px solid #96CD0D; border-width: 5px 0 0 0; margin: 0 auto 50px auto; color: #000; font-size: 90%; text-align: left; }
#foot a:link, #foot a:visited { font-weight: normal; }
#foot a:active, #foot a:hover { font-weight: normal; }
.clear { clear: both; width: 400px; height: 1px; font-size: 1px; margin: 0; padding: 0; }