@charset "utf-8";
/* CSS Document */

body,p,form,img,table,tr,th,td,h1,h2,h3,h4,div,ol,ul,li { border: 0 none; margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #8a8a8a url(../img/body_bg.gif) top repeat-x; font-family: Verdana, Arial, Tahoma, sans-serif; text-align: left; font-size: small; line-height: 1.5; }
#wrapper { width: 822px; margin: 0 auto; background: #fff url(../img/wrapper_bg.gif) 0 0 repeat-y; position: relative; font-size: 85%; }

/*----- GENERAL -----*/
.noscreen { display: none }
.reseter { float: none; clear: both }
.clear { overflow:hidden; width:1px; height:1px; clear:both }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.red { color: #c00 }
h1 { font-size: 100% }
h2 { font-size: 100% }
h3 { font-size: 100% }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/*----- HEADER -----*/
#header { width: 822px; height: 266px; background: #fff url(../img/header_bg.jpg) 0 0 no-repeat; }
#header h2,
#header h3 { display: none }
#header #home_email { text-align: right; font-size: 90%; color: #5b5b5b; padding: 3px 5px 0 0; }
#header #home_email a { color: #5b5b5b; }
#header #homepage a { display: block; width: 790px; height: 185px; position: absolute; top: 35px; left: 17px; }

/*----- CONTENT -----*/
#content { width: 822px; min-height: 200px; overflow: hidden; position: relative; }
#content h3 { width: 150px; height: 22px; background: transparent url(../img/h3.gif) 0 0 no-repeat; color: #fff; text-transform: uppercase; padding: 5px 0 0 10px; }
#content h4 { color: #d80000; padding: 5px 0; }
#content .box { border: 1px solid #c6c6c6; border-top: 0; background-color: #f4f4f4; color: #636363; margin: 0 0 10px 0; padding: 5px; }
#content .box hr { background-color: #746d59; height: 1px; border: 0; }
#content .box img { width: 130px }
#content .box img#fb { width: 50px; margin: 10px auto; }
#content .button { border: 1px solid #000; margin: 5px auto; width: 110px; height: 32px; }
#content .button a { display: block; width: 70px; height: 16px; padding: 8px 20px; background: transparent url(../img/menu_li.gif) 0 0 repeat-x; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#content .button a:hover { background-position: 0 -30px; }

/*----- main = left #submenu + center #section -----*/
#content #main { float: left; width: 633px; height: auto; margin: 0 0 0 17px; }

/*----- left submenu -----*/
#submenu { float: left; width: 150px; height: auto; }
#submenu .box { padding: 0 }
#submenu ol { list-style-type: none; padding: 1px; font-weight: bold; font-family: Tahoma, Verdana, Arial, sans-serif; background-color: #fbfbfb; }
#submenu li { position: relative; }
#submenu li a { display: block; width: 141px; height: 21px; padding: 4px 0 0 5px; background: transparent url(../img/submenu_li.gif) 0 -1px repeat-x; color: #636363; border-bottom: 1px solid #636363; }
#submenu li a:hover { color: #000; text-decoration: none; }
#submenu li a.last { border: 0; }
#submenu ol ol { display: none; position: absolute; left: 146px; top: -2px; border: 1px solid #cacaca; }
#submenu ol li:hover ol { display: block; }

/*----- center content -----*/
#section { float: right; width: 478px; height: auto; line-height: 1.8; }
#section h1 { width: 478px; height: 22px; background: transparent url(../img/h1.gif) 0 0 no-repeat; color: #fff; text-transform: uppercase; padding: 5px 0 0 10px; }
#section h2 { font-size: 160%; font-weight: normal; color: #000 }
#section h3 { background: none; color: #000; width: 100%; padding: 0; margin: 0 0 10px 0; font-size: 120%; }
#section h3.big { font-size: 200%; margin: 0 0 20px 0 }
#section .box { padding: 10px; min-height: 400px; }
#section a { color: #636363; text-decoration: underline; }
#section a:hover { text-decoration: none; }
#section .aktualita { margin: 0 0 15px 0; }
#section ul,
#section ol { margin: 5px 0 10px 20px; }
#section .fotogalerie { text-align: center; margin: 15px 0 0 15px; }
#section .fotogalerie .foto { width: auto; float: left; margin: 0 15px 15px 0; width: 130px; min-height: 110px; }
#section .vypis { border: 1px solid #bbb; width: 100%; margin: 0 0 10px 0; }
#section .vypis th,
#section .vypis td { padding: 2px 5px }
#section .vypis tr.green { background-color: #ded }
#section #diskuze-wrapper { width: 455px !important; max-width: 455px !important; overflow: hidden; word-wrap: break-word; }
#section #diskuze .wrap { word-wrap: break-word; width: 300px; }
#section #diskuze td { word-wrap: break-word; overflow: hidden; }
#section #diskuze th,
#section #diskuze td { border-bottom: 1px solid #746d59; padding: 2px; }

/*----- right boxes -----*/
#aside { float: right; width: 150px; height: auto; margin: 0 17px 0 0; }
#aside a { color: #222; text-decoration: underline; }
#aside a:hover { text-decoration: none }

/*----- NAVIGATION -----*/
#nav { position: absolute; top: 225px; left: 17px; width: 786px; height: 34px; border: 1px solid #000; }
#nav li { display: block; float: left; border-top: 1px solid #838383; border-bottom: 1px solid #626262; background-color: #2b331e; position: relative; }
#nav a { display: block; float: left; width: auto; height: 16px; padding: 8px 20px; background: transparent url(../img/menu_li.gif) 0 0 repeat-x; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; margin: 0 2px 0 0; }
#nav a:hover { background-position: 0 -31px; }
#nav a.first { border-left: 1px solid #6b6b6b; padding: 8px 19px; }
#nav a.last { margin: 0; border-right: 1px solid #6b6b6b; padding: 8px 18px; }
#nav ol ol { display: none; position: absolute; top: 33px; left: -1px; border: 1px solid #000; background-color: #000; border-bottom: 0; }
#nav ol li:hover ol { display: inline; }
#nav ol ol li { margin: 0 0 1px 0; border: 0; }
#nav ol ol li a { display: block; width: 150px; margin: 0; border: 1px solid #757575; }
#nav ol ol li a.first,
#nav ol ol li a.last { padding: 8px 20px; }

/*----- FOOTER -----*/
#footer { width: 822px; height: 30px; color: #fff; background-color: #000; text-align: center; }
#footer p { font-size: 90%; padding: 6px 0 0 0; }
#footer a { color: #fff }

/*----- OTHER -----*/
#fix-left,
#fix-right { position: absolute; top: 266px; width: 4px; height: 94px; background: transparent url(../img/fix.gif) 0 0 no-repeat; }
#fix-right { right: 0; background-position: -4px 0; }

/* End of CSS Document */