body
{background: #efefef;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;font-size:0.7em;color:#222;line-height:150%;margin:0;padding:0;}

TABLE,TD,TH,SELECT,INPUT,OPTION,TEXTAREA,FORM,FIELDSET {font-size: 100%;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;}
TABLE {border-collapse: collapse;}
TD, TH {border: 1px solid #dcdcdc; padding: 0.5em 1em;}
TH {background: #efefef;}
FORM {margin:0;}

p {margin: 0.5em 0 1em 0; padding: 0;} .small {font-size: 0.9em;} .big {font-size: 1.1em;}
.text-left {text-align: left;} .text-right {text-align: right;}
.inline {display: inline;} .block {display: block;}
A img {border: none;}

H1, H2, H3, H4 {color: #990066; margin: 1em 0 0.5em 0; padding: 0; border-bottom: 1px dotted #dcdcdc;}
H1 {font-size: 1.6em;} H2 {font-size: 1.4em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em;}

A {color: #3B0099; text-decoration: underline;}
A:visited {color: #3B0099;}
A:hover {color: #666; text-decoration: none;}

UL {} UL UL {margin: 1em;}
LI {list-style-position: outside;}

.right {float: right;} .left {float: left;}
.clear {clear: both; height: auto;}

/* ****************************************************************** STRANKA */

#PAGE
{}
#PAGE .page-gfx
{width: 970px;margin: 0 auto;background: #fff;}
#PAGE .page-gfx-b
{}
#PAGE .page-in
{padding: 10px;}

/* ***************************************************************** HLAVICKA */

#HEAD
{}
#HEAD .head-in
{border-bottom: 1px solid #dcdcdc; position: relative;}

.head-logo A
{text-decoration: none; margin: 0 0 0 20px;}


/* ********************************************************************* TELO */
#MAIN
{padding: 10px 0 10px 0;}
#MAIN .main-in
{}

/* ************************************************************* LEVY SLOUPEC */

#LEFT-COL
{width: 200px;float: left; border-right: 1px dotted #dcdcdc;}
.left-col-in {float: left; width: 190px; }
/* ************************************************************ PRAVY SLOUPEC */

#RIGHT-COL
{width: 210px;float: right; border-left: 1px dotted #dcdcdc;}
.right-col-in {float: right; width: 200px; }
/* ******************************************************* PROSTREDNI SLOUPEC */

#MID-COL
{
float: right;
width: 730px;
}
#MID-COL .mid-col-in
{float: left; width: 100%; /* background: url(img/head.jpg) no-repeat top left;*/}

/* ****************************************************************** PATICKA */

#BOTTOM
{padding: 12px 0 10px 0;text-align: center;border-top: 1px dotted gray;}
#BOTTOM A
{}
.bottom-go-top
{float: right;}

/* ****************************************************************** SDILENI */


/* ************************************************************ MENU VERTICAL */

#MENU-VERTICAL
{margin-bottom: 10px;}
#MENU-VERTICAL UL
{margin: 0;
padding: 0;}

#MENU-VERTICAL UL LI
{border-bottom: 1px dotted #efefef;
padding: 0;
margin: 0;
list-style: none outside;}
#MENU-VERTICAL UL LI A
{display: block;
font-weight: bold;
background: url(img/sipka.png) no-repeat top left;
padding: 4px 1em;
position: relative;}
#MENU-VERTICAL UL LI A:hover
{}
#MENU-VERTICAL .active A
{font-weight: bold;
color: black;}

/* ********************************************************** MENU HORIZONTAL */

#MENU-HORIZONTAL
{}
#MENU-HORIZONTAL UL
{margin: 0 0 0 8px;
padding: 4px 0 3px 0;}
#MENU-HORIZONTAL UL LI
{margin: 0 2px;
list-style: none outside;
display: inline;}
#MENU-HORIZONTAL UL LI A
{font-weight: bold;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
padding: 5px 12px;
background: #f5f5f5;}
#MENU-HORIZONTAL UL LI A:hover
{}
#MENU-HORIZONTAL .active a
{color: navy;
padding: 5px 12px 6px 12px;
background: white;
text-decoration: none;}

/* ******************************************************************* MODULY */
#search
{float: right; padding: 25px 10px 0 0;}
#search .search-input
{width: 170px;border: 1px solid #C3C3C3; padding: 2px;}
#search .search-input:focus
{border: 1px solid #999;}
#search .search-button
{border: 1px solid #C3C3C3; margin: 2px 0 0 0 ; padding: 2px 4px; float: right;}
#search .search-button:hover
{}



/* *********************************************************** OBSAH ELEMENTY */

#RIGHT-COL H3, #LEFT-COL H3
{font-size: 1.1em;
padding: 4px 0 4px 10px;
margin-top: 0;
border-bottom: none;
background: #efefef;
}
#RIGHT-COL .text-blok .inside-gfx, #LEFT-COL .text-blok .inside-gfx
{padding: 6px 10px;}

h1.title {}
.content {text-align: justify;}

.pocasi-blok {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 107px;
}

.pocasi-blok .ikona {
  text-align: center;
  border: 0px;
}

 .teplota {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}
.pocasi-blok h4 {
   text-align: center;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.doprava {
  text-align: right;
}
.wk {
  text-align: center;
  vertical-align: top;
}

.vedlesebe li {
  float: left;
  width: 200px;
}
.pravo {
  text-align: right;
}
.centruj {
  text-align: center;
}

.centerinv {
  text-align: center;
  font-weight: bold;
}

.rek-ctverec {
  float: left;
}