html,body {
	height: 100%;
}

body {
    background: #794959 url(../_clip/bg-flower.jpg) left top repeat;
    margin: 0 auto;
    font-size: 100%;
    font-family: Arial;
    color: #545454;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.hide {visibility: hidden;}
p span { font-style: italic; }


h1 {margin: 20px 0 0 0;}
h1 span {display: none;}
h2 {padding: 15px 0 0 20px; font-size: 120%; text-decoration: underline;  font-style: italic;}
h3 {color: #ffffff; padding: 0 0 0 10px;}
h4 {font-size: 100%;}


a {color: #3E2409; }
a:hover {color: #B51502; text-decoration: none;}


/** pozicovani **/


#page {width: auto; margin: 0 auto; background: url(../_clip/bg.jpg) 40px top repeat-x; }
#site {width: 990px; margin: 0 auto; background: url(../_clip/flower-top.png) right top no-repeat; position: relative;}
/*\*/ * html #site {background: none;} /**/   /** zapis pro IE6 **/
#bottom {background: url(../_clip/flower-bottom.png) center top repeat-x; height: 74px;}
/*\*/ * html #bottom {background: none;} /**/   /** zapis pro IE6 **/

img.logo {position: absolute; top: 40px; left: 45px;}


#foot {font-size: 80%; margin: 0 auto 50px auto; width: 990px; color: #ffffff; font-weight: bold;}
#foot a {color: #DF9737; text-decoration: underline; }
#foot a:hover {color: #ffffff; text-decoration: none;}
#foot p.half {width: 30%; padding: 10px 20px 10px 20px;}
#foot p.left {text-align: left; float: left;}
#foot p.right {text-align: right; float: right;}


/** menu **/

ul#menu {
	list-style: none;
	padding: 65px 0 0 0;
	margin: 0 0 0 525px;
    /*position: absolute; top: 65px; left: 520px;*/
}

#menu li, #menu li a, #menu li a:hover {color: #198728; font-size: 1%; padding: 0; }
#menu li {position: relative; overflow: hidden; float: left;}
#menu li span {position: absolute; top: 0; left: 0; display: inline;}
#menu li a:hover {cursor: pointer;}
#menu li, #menu li span {height: 50px;}

#menu li.btn-01, #menu li.btn-01 span {background: url(../_clip/menu1-off.png) 0 0 no-repeat; width: 100px;}
#menu li.btn-02, #menu li.btn-02 span {background: url(../_clip/menu2-off.png) 0 0 no-repeat; width: 100px;}
#menu li.btn-03, #menu li.btn-03 span {background: url(../_clip/menu3-off.png) 0 0 no-repeat; width: 100px;}
#menu li.btn-04, #menu li.btn-04 span {background: url(../_clip/menu4-off.png) 0 0 no-repeat; width: 100px;}


#menu li.btn-01 a:hover span, #menu li#btn-active.btn-01 span {background: url(../_clip/menu1-on.png) 0 0 no-repeat;}
#menu li.btn-02 a:hover span, #menu li#btn-active.btn-02 span {background: url(../_clip/menu2-on.png) 0 0 no-repeat;}
#menu li.btn-03 a:hover span, #menu li#btn-active.btn-03 span {background: url(../_clip/menu3-on.png) 0 0 no-repeat;}
#menu li.btn-04 a:hover span, #menu li#btn-active.btn-04 span {background: url(../_clip/menu4-on.png) 0 0 no-repeat;}

/*\*/ * html #menu li.btn-01 {background: none; width: 100px;}  /**/  /** zapis pro IE6 **/
/*\*/ * html #menu li.btn-02 {background: none; width: 100px;}  /**/  /** zapis pro IE6 **/
/*\*/ * html #menu li.btn-03 {background: none; width: 100px;}  /**/  /** zapis pro IE6 **/
/*\*/ * html #menu li.btn-04 {background: none; width: 100px;}  /**/  /** zapis pro IE6 **/



/** submenu **/

ul#submenu {
	list-style: none;
	padding: 0;
	margin: 0 0 0 50px;
}
/*\*/ * html ul#submenu { margin: 0 0 0 10px;}  /**/   /** zapis pro IE6 **/


#submenu li, #submenu li a, #submenu li a:hover {color: #198728; font-size: 1%; padding: 0; }
#submenu li {position: relative; overflow: hidden; float: left; margin: 0 0 0 25px; }
#submenu li span {position: absolute; top: 0; left: 0; display: inline;}
#submenu li a:hover {cursor: pointer;}
#submenu li, #submenu li span {height: 20px;}

#submenu li.btn-00, #submenu li.btn-00 span {background: url(../_clip/submenu0-off.png) 0 0 no-repeat; width: 76px;}
#submenu li.btn-01, #submenu li.btn-01 span {background: url(../_clip/submenu1-off.png) 0 0 no-repeat; width: 61px;}
#submenu li.btn-02, #submenu li.btn-02 span {background: url(../_clip/submenu2-off.png) 0 0 no-repeat; width: 51px;}
#submenu li.btn-03, #submenu li.btn-03 span {background: url(../_clip/submenu3-off.png) 0 0 no-repeat; width: 51px;}


#submenu li.btn-00 a:hover span, #submenu li#subbtn-active.btn-00 span {background: url(../_clip/submenu0-on.png) 0 0 no-repeat;}
#submenu li.btn-01 a:hover span, #submenu li#subbtn-active.btn-01 span {background: url(../_clip/submenu1-on.png) 0 0 no-repeat;}
#submenu li.btn-02 a:hover span, #submenu li#subbtn-active.btn-02 span {background: url(../_clip/submenu2-on.png) 0 0 no-repeat;}
#submenu li.btn-03 a:hover span, #submenu li#subbtn-active.btn-03 span {background: url(../_clip/submenu3-on.png) 0 0 no-repeat;}

/*\*/ * html #submenu li.btn-01 {background: none; width: 61px;}  /**/    /** zapis pro IE6 **/
/*\*/ * html #submenu li.btn-02 {background: none; width: 51px;}  /**/    /** zapis pro IE6 **/
/*\*/ * html #submenu li.btn-03 {background: none; width: 51px;}  /**/    /** zapis pro IE6 **/


/** content **/

.content-top {width: 920px; padding: 20px 0 0 0; min-height: 20px; margin: -5px auto; font-size: 95%; background: url(../_clip/content-top.png) center top no-repeat; position: relative; }
/*\*/ * html .content-top {background: url(../_clip/content-top.gif) center top no-repeat;} /**/    /** zapis pro IE6 **/
.content {min-height: 575px; background: url(../_clip/content-middle.png) center top repeat-y; margin: 0 auto; position: relative; width: 920px; font-size: 90%;}
/*\*/ * html .content{height: 575px; background: url(../_clip/content-middle.gif) center top repeat-y;} /**/   /** zapis pro IE6 **/
.content-bottom {width: 920px; height: 21px; padding: 0; margin: 0 auto; background: url(../_clip/content-bottom.png) center top no-repeat;}
/*\*/ * html .content-bottom {background: url(../_clip/content-bottom.gif) center top no-repeat;} /**/   /** zapis pro IE6 **/


/** left **/
.left-cont {float: left; width: 400px; margin: 0; padding: 10px 0 15px 30px;}
.left-cont p {padding: 5px 25px 5px 20px; text-align: justify; width: 375px; }

.left-cont ul {margin: 5px 15px 15px 35px; list-style: square;}
.left-cont li {padding: 3px;}


.pic-right {float:right; margin: 5px 0 10px 10px;}
.pic-left {float:left; margin: 5px 10px 10px 0;}

.left-cont table {margin: 5px 25px 5px 20px; width: 375px;}
.left-cont table th, .left-cont table td {border: 1px solid #E8E8E8; text-align: left; padding: 3px;}
.left-cont table th {background: #E8E8E8;}

.tuby {position: absolute; right: 220px; bottom: -7px;}


/** right **/
.right-cont {float: right; width: 390px; /*min-height: 600px;*/ margin: 0 30px 0 0; padding: 0 0 300px 0;}
/*\/ * html .right-cont {height: 600px;} /**/   /** zapis pro IE6 **/

.aktualita { width: 299px; padding: 0 0 9px 0; margin: 20px 0 0 50px; background: url(../_clip/akt-bottom.jpg) left bottom no-repeat;}
.aktualita h3 {color: #DF9737; padding: 15px 0 0 15px; font-size: 100%; background: #e8e8e8 url(../_clip/akt-top.jpg) left top no-repeat; text-decoration: underline; font-style: italic;}
.aktualita p {padding: 5px 15px 5px 15px; background: #e8e8e8;}
.aktualita p.date {font-variant: small-caps; font-size: 80%; text-align: right; padding: 0 15px 0 0; color: #178627;}


/** form **/
form {margin: 0 0 25px 0;}
#form-dotazy {width: 360px; height: 338px; background: url(../_clip/form-bg.jpg) -40px top no-repeat;}
#form-dotazy textarea, #form-dotazy input, #form-dotazy .kod-img {border: none; background: none; float: right;}
#form-dotazy textarea {width: 285px; height: 100px; margin: 38px 20px 0 0;}
#form-dotazy input  {width: 200px; height: 15px; margin: 12px 20px 0 0;}
#form-dotazy .kod-img {width: 135px; height: 35px; float: left; margin: 18px 0 0 55px;}
/*\*/ * html #form-dotazy .kod-img { margin: 18px 0 0 28px;}  /**/ /** zapis pro IE6 **/
#form-dotazy input.kod {width: 120px; margin-top: 33px;}
/*\*/ * html #form-dotazy input.kod { margin-top: 18px;}  /**/   /** zapis pro IE6 **/
*:first-child+html #form-dotazy input.kod { margin-top: 15px;}   /** zapis pro IE7 **/
#form-dotazy input.send {width: 90px; height: 30px; color: #DF9737; font-weight: bold; margin: 18px 25px 0 0; cursor: pointer;}
