/* BASIC FORMATING */
body, html {  border: 0px none;   margin: 0px;   padding: 0px;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 11px;   text-align: center;   background-color: rgb(204,204,204); }
.reseter {border:  0px none; margin:  0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px; }
p, img, table, tr, th, td, h1, h2, h3, h4, h5, a, form {border:  0px none; margin:  0px; padding: 0px; }
img {  border: 0px;   padding: 0px;   margin: 0px;   vertical-align: middle; }

/* DESIGN FORMATING */
#main {  margin: 0px auto 0px auto;   width: 998px;   background-color: #fff; }
#top {margin: 0px 2px; height: 65px; background: url('../images/top_back.jpg') #fff top left repeat-x; }
#content {margin: 0px 2px; }
#top_logo {float: left; }
#top_text {float: right; padding: 40px 20px 0px 0px;   color: #000;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 11px;   font-weight: normal;     TEXT-DECORATION: none; }
#head {margin: 0px 2px; height: 240px; background: url('../images/head.jpg') #fff top left repeat-x; }
#side {float: left; width: 220px; }
#obsah {float: right; width: 700px; margin: 0px 30px 0px 0px; _margin: 0px 20px 0px 0px;background: url('../images/obsah_back.jpg') #fff bottom right no-repeat; }
.side_panel {background-color: rgb(222,222,222); padding: 10px; text-align: left; width: 200px; }
ul.menu {  list-style: none;   padding: 0px 0px 0px 0px;   margin: 10px 4px 0px 5px;   _margin: 10px 4px 0px 5px;   text-align: left;   width: 190px;text-decoration: none; }
ul.menu li {height: 19px; _height: 22px; padding: 3px 0px 0px 0px; border-bottom: 1px solid rgb(196,196,196); }
ul.menu li a, ul.menu li a:visited {  color: rgb(107,107,107);   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 12px;   font-weight: normal;  background: url('../images/arrow.gif') transparent center left no-repeat;    TEXT-DECORATION: none;     padding: 4px 0px 4px 15px;text-decoration: none; }
ul.menu li a:hover {background: url('../images/arrow2.gif') transparent center left no-repeat;  color: blue;text-decoration: none; }
.knowhow_left, .knowhow_right {float: left; background: url('../images/knowhow_back.jpg') #fff top left repeat-x; height: 160px; width: 300px; _width: 320px; padding: 5px 20px 5px 5px; text-align: left; }
.knowhow_right {float: right; }
#patka {height: 135px; background: url('../images/patka_back.jpg') #fff top left repeat-x; }
#patka_text {float: right; padding: 65px 0px 0px 0px; margin: 0px 20px 0px 0px;width:860px;}
#patka_img {float: left; padding: -1px 0px 0px 0px; width:108px;}

/* FORMS FORMATING */
input {border: 1px solid #000; color: #000;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 10px;   font-weight: normal;     TEXT-DECORATION: none;   padding: 1px 0px 1px 1px; }
.button {color: #fff;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;    font-size: 11px;   font-weight: normal;     TEXT-DECORATION: none;   background: url('../images/button.jpg') #fff top left repeat-x;   height: 16px;   border: 0px;   padding: 0px 5px 2px 5px; }

/* LINKS FORMATING */
a:link, a:visited, a:active, a:hover {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   color: #000;    cursor: pointer;    font-style: normal;    text-decoration: none; }
a:visited {  color: #777;text-decoration: none; }
a:hover {  color: blue;   text-decoration: underline; }
a.buttong:link, a.buttong:visited, a.buttong:active, a.buttong:hover {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   color: #fff;    background: url('../images/button_green.jpg') #fff top left repeat-x;   cursor: pointer;    height: 21px;   padding: 5px 20px;   _padding: 5px 20px 5px 10px;   font-size: 11px;   font-style: normal;    text-decoration: none; }
a.buttong:visited {  color: #fff; }
a.buttong:hover {  text-decoration: underline; }

/* TEXT FORMATING */
span, .blue, .green, .red, .bold, .copyright, .error {  color: #000;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 11px;   font-weight: normal;     TEXT-DECORATION: none; }
.blue {color: blue; }
.green {color: green}
.red, .error {color: red; }
.bold {font-weight: bold; }
.copyright {color: #aaa; }
p, p.big, p.aktuality {  text-align: justify;   color: #000;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 12px;   font-weight: normal;     TEXT-DECORATION: none;   text-indent: 10px;   margin: 5px 0px; }
p.aktuality {text-indent: 0px; font-size: 11px; }
p.big {font-size: 14px; font-weight: bold; }
h1, h2, h3, h4, h5, h6 {  margin: 3px 0px 5px 0px;   padding: 0px 0px 0px 0px;   text-align: left; }
h1 {  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 18px;   font-weight: bold;   color: rgb(0,115,255); }
h2 {  padding-left: 3px;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 16px;   font-weight: bold;   color: rgb(0,115,255); }
h3, h3.green, h3.red {  padding-left: 6px;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 14px;   font-weight: bold;   color: rgb(0,115,255); }
h3.green {color: rgb(95,196,95); }
h3.red {color: red; }
h4 {  padding-left: 9px;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 12px;   font-weight: bold;   color: rgb(0,115,255); }
h5 {  padding-left: 12px;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 11px;   font-weight: bold;   color: #000; }
h6 {	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;   font-size: 10px;   font-weight: normal;   color: #000; }
ul, ol {  list-style: none;padding: 0px 0px 0px 0px;margin: 10px 0px 0px 20px;text-align: left; }
ul li, ol li {height: 19px; _height: 22px;padding: 3px 0px 0px 0px;border-bottom: 1px solid #eee; }
ol {list-style-type:decimal;list-style-position: outside;_height: 22px;}

/* ANKETA FORMATING */
div.anketa_question {position: relative;width:200px;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;color: #000;font-size: 12px;font-weight: bold;text-align: center;}
div.anketa_answer {display: block;width:190px;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;color: #000;font-size: 12px;font-weight: bold;}
div.anketa {display: block;position: relative;width:200px;}
.procent {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;color: #000;font-size: 8pt;font-weight: normal;}
div.anketa_ss {display: block;width: 190px; padding:1px 0px 0px 0px;height: 17px;_height: 14px; vertical-align: top;background: url('../images/ans4.jpg') transparent center left repeat-x;}
div.anketa_celkem {position:relative;width:200px;font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif  !important;color:#999;font-size:10px;font-weight:bold;text-align:center;}

.ref_l2 {
  float:left;
  margin:5px;
  padding:5px;
  border:1px solid #ddd;
  width:160px;
  height:150px;
}

table.ukoly {border: outset 1px black; cellpadding: 3px}
td.ukoly {border: inset 1px black; cellpadding: 3px}

