body, div, table, span, a, input, textarea, button, select { font-family: sans-serif; font-weight: normal; text-decoration: none; color:#626262; font-size: 9pt; }

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  background: #E9E9E9;
}
 
img { border-color: #000000; }
form { margin: 0; }

a { font-weight:normal; text-decoration:none; COLOR: #AFAEAE; }
a:hover   { COLOR: #00477D; }

.teplo{
  color: #FF5400 !important;
  background-color: #FF5400 !important;
}

.chlad{
  color: #3566C9 !important;
  background-color: #3566C9 !important;
}

.elekt{
  color: #FFCA00 !important;
  background-color: #FFCA00 !important;
}

.ostatni{
  color: #D0CEC5 !important;
  background-color: #D0CEC5 !important;
}

#page { 
  position: relative;
  margin: 0 auto;
  display: block;
  clear: both;
  width: 990px;
  padding: 0; 
  z-index: 8;
  text-align: left;
  background: url("img/bg_page.gif") right top repeat-y;
}

#page_in { 
  padding: 0;
  margin: 0 0 0 10px;
  width: 960px;
  display: block;
  clear: both;
  text-align: left;
  background: url("img/bg_page_in.gif") right top repeat-y #ffffff;
}

div#topline { 
  display: block;
  margin: 0;
  padding: 15px 20px 10px 0;    
  clear: both;
  text-align: right;
  background: url("img/bg_top.gif") 0 0 no-repeat #ffffff;
}

div#topline div#topin {
  padding: 10px 5px 0 0; 
  font-size: 9pt;  
}

div#topline div#topin a {
  font-size: 9pt;  
  color: #626262;
}

div#topline div#topin a:hover {
  font-size: 9pt;  
  color: #000000;
}

div#topline div#topin input.tbtn {
  border: none;
  background: none;
  font-size: 9pt;  
  font-weight: bold;
}

div#topline form { 
  display: inline;
}

div#header { 
  height: 178px;
  margin: 0;
  padding: 0;    
  display: block;
  clear: both;
  text-align: left;
  background: url("img/head/bg_head.jpg") no-repeat #ffffff;
}

div#header a#logo {
  position: absolute; 
  display: block;
  left: 20px;
  top: 55px;
  z-index: 90;
}

div#header img#maska {
  position: absolute; 
  display: block;
  right: 20px;
  top: 58px;
}

div#menu {
  position: relative;
  display: block;
  clear: both;
  height: 33px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #ffffff;
}

div#menu a {
  display: block;
  float: left;
  margin: 0 1px 0 0;
  padding: 8px 8px 10px 8px;
  color: #626262;
  text-align: left;
  font-size:  9pt;
  font-weight: normal;
  text-transform: uppercase;
}

div#menu a:hover {
  background: url("img/bg_a_menu.gif") 0 center repeat-x;
}

div#menu a.sel {
  background: url("img/bg_a_menu.gif") 0 center repeat-x;
}

div#menu a#intra {
  position: absolute;
  left: 930px;
  top: 3px;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size:  9pt;
  font-weight: normal;
}

div#menu div#m_right { 
  float: right;
  width: 180px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#submenu {
  display: block;
  clear: both;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: left;
}  
  
div#submenu div#sm_in{
  display: block;
  clear: both;
  width: 100%;
  padding: 0;
  background: #E9E9E9;
}

div#submenu a {
  display: block;
  float: left;
  margin: 0 1px 0 0;
  padding: 7px 8px 7px 8px;
  color: #626262;
  text-align: left;
  font-size:  9pt;
  font-weight: normal;
}

div#main {
  position: relative; 
  width: 960px;
  _height: 200px;
  min-height: 200px;
  margin: 0;
  padding: 0;    
  display: block;
  clear: both;
  text-align: left;
  float: left;
}

div#center {
  width: 760px; 
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
  overflow: hidden;
}

div#center div#cesta {
  display: block;
  clear: both;
  padding: 3px 0 0 3px;
  margin: 0 0 -3px 0;
  text-align: left;
}

div#center div.btn {
  display: block;
  float: left;
  margin: 0 0 0 15px;
}

div.btn_in {
  position: relative;
  width: 230px;
  height: 168px;
  margin: 19px 3px 10px 0;
}

div.btn_in h2 {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0 0 10px 0;
  padding: 10px 4px 10px 10px;
  font-size: 13px;
  font-weight: bold;
  background: #D0CEC5;
}

div.btn_in a.h2 {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 13pt;
  font-weight: bold !important;
  color: #ffffff;
  text-transform: uppercase;
}

div.btn_in a.h2:hover {
  color: #000000;
}

div.btn_in a {
  display: block;
  clear: both;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 9pt;
  font-weight: normal;
  color: #626262;
}

div.btn_in a:hover {
  color: #7C7B76;
}

div.btn_in div#mteplo a {
  padding: 0 0 0 12px;
  background: url("img/sq_teplo.gif") 0 4px no-repeat;
}

div.btn_in div#mchlad a {
  padding: 0 0 0 12px;
  background: url("img/sq_chlad.gif") 0 4px no-repeat;
}

div.btn_in div#melekt a {
  padding: 0 0 0 12px;
  background: url("img/sq_elekt.gif") 0 4px no-repeat;
}

div.btn_in div#modpad a {
  padding: 0 0 0 12px;
  background: url("img/sq_odpad.gif") 0 4px no-repeat;
}

div.btn_in div#mzelena a {
  padding: 0 0 0 12px;
  background: url("img/sq_zelena.gif") 0 4px no-repeat;
}

div.btn_in div#msluzby a {
  padding: 0 0 0 12px;
  background: url("img/sq_sluzby.gif") 0 4px no-repeat;
}

div#h_news {
  display: block;
  float: left;
  padding: 0;
  margin: 0px 25px 10px 15px;
  width: 460px;
  text-align: left;
}
div#h_news h2 {
  margin: 0;
  padding: 0px 0 10px 15px;
  font-size: 11pt;
  text-transform: uppercase;
  font-weight: bold;
  color: #00477D !important;
  background: url("img/sq_spol.gif") 0 5px no-repeat;
}
div#h_news h3 {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  font-weight: bold;
  color: #00477D !important;
}
div#h_news span {
  display: block;
  float: left;
  width: 300px;
}

div#h_zz {
  position: relative;
  display: block;
  float: left;
  padding: 0;
  margin: -12px 10px 10px 10px;
  width: 230px;
  text-align: left;
}
div#h_zz ul {
  margin: 0 0 0 16px;
  padding: 0 !important;
  list-style-image: url("img/sq_spol.gif");
}
div#h_zz b {
  font-weight: normal;
  color: #00477D !important;
}
div#h_zz a {
  font-weight: normal;
  color: #626262 !important;
}
div#h_zz a:hover {
  font-weight: normal;
  color: #626262 !important;
}
div#h_zz a#odstavky {
  display: block;
  position: relative;
  background: red;
}
div#h_zz a#odstavky h2 {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0;
  padding: 0;
  font-size: 13pt;
  font-weight: bold !important;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 3; 
}



div.news {
  _height: 94px;
  min-height: 94px;
}

div#text {
  display: block;
  clear: both;
  padding: 0;
  margin: 20px 30px 10px 150px;
  text-align: left;
  color: #626262;
  font-size: 9pt;
}

div#text h1 {
  margin: 0;
  padding: 0 0 15px 15px;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
}

div#text h2 {
  margin: 0;
  padding: 0px 0 5px 15px;
  font-size: 9pt;
  font-weight: bold;
  background-position: 0 4px !important;
}

div#text p {
  margin: 0;
  padding: 0 0 15px 0;
}

div#text .small {
  font-size: 7pt;
}

div#text ul {
  margin: 0 0 15px 40px !important;
  padding: 0 !important;
  list-style-image: url("img/sq_grey.gif");
}


div#text img.galerie {
  display: block;
  float: left;
  margin: 4px 4px 4px 4px;
  border: 1px solid #7C7B76;
  cursor: pointer;
}

div#right {
  width: 200px;
  display: block;
  margin: 0;
  padding: 28px 0 0 0;
  float: left;
  text-align: left;
  overflow: hidden;
}

div#right div#right_in {
  margin: 14px;
  padding: 0;
  text-align: left;
  font-size: 9pt;
}

div#right div#right_in a {
  font-size: 9pt;
}

div#right hr{
  margin: 0;
  padding: 0;
  color: #ffffff;
  height: 1px;
}

div#right h2{
  margin: 0 0 0 10px;
  padding: 0 0 10px 20px;
  color: #ffffff;
  font-size: 9pt;
  font-style: italic;
  text-transform: uppercase;
  text-align: left;
  background: url("img/bg_sipky.gif") 0 0 no-repeat;
}

div#right_in {
  margin: 20px 10px 10px 10px;
}

div#right h1 {
  display: block;
  margin: 20px 0 4px 14px;
  padding: 0;
  text-align: left;
  color: #000000;
  font-size: 10pt;
}

div#footer {
  display: block;
  clear: both;
  float: right;
  width: 190px;
  height: 34px;
  margin: -34px 0 0 0;
  font-size: 7pt;
  text-align: left;
}

#footer a {
  font-weight:normal;
  font-size: 7pt;
  text-decoration:none;
  COLOR: #000000;
}

#footer A:hover {
  color: #ffffff;
}

div#foot {
  margin: 0;
  padding: 23px 0 0 0;
  color: #ffffff;
  font-size: 9pt;
  font-style: italic;
  text-align: left;
  background: url("img/bg_foot.gif") 0 0 no-repeat;
}

.clb { 
  clear: both;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  margin: 0;
  padding: 0;    
}

.lsqt {
 position: absolute;
 left: 30px;
 top: 52;
}

.lsq {
/*
  margin: 0 0 -94px -135px;
*/
 position: absolute;
 left: 30px;
}

.lside {
  margin: 0 0 0 -120px !important;
}

/*
prevzate styly z podstylu, pro kombinaci barevnosti
*/

a.el { font-weight:normal; text-decoration:none; COLOR: #FED22B; }
a.el:hover   { COLOR: #48609A; }

div#text h1.el {
  color: #FED22B !important;
  background: url("img/sq_elekt.gif") 0 5px no-repeat;
}

div#text h2.el {
  color: #FED22B !important;
  background: url("img/sq_elekt.gif") no-repeat;
}

div#text ul.el {
  list-style-image: url("img/sq_elekt.gif");
}

a.ze { font-weight:normal; text-decoration:none; COLOR: #FED22B; }
a.ze:hover   { COLOR: #48609A; }

div#text h1.ze {
  color: #83C326 !important;
  background: url("img/sq_zelena.gif") 0 5px no-repeat;
}

div#text h2.ze {
  color: #83C326 !important;
  background: url("img/sq_zelena.gif") no-repeat;
}

div#text ul.ze {
  list-style-image: url("img/sq_zelena.gif");
}

.hidde {
  display: none;
  visibility: hidden;
}