/*
#c1d0ee - modra pro dolni border boxu v levem menu
#e7f2f6 - svmodra
#6F90D7 - modra
#032E7C - tmmodra
#78C050 - zelena
#2e9419 - tmzelena
#EFEFEF - svseda
#e2e2e2 - seda
#939393 - tmseda
*/
/*
  1. barva písma a vlastnosti pozadí (color, background-color...),
  2. vlastnosti písma (font-size, text-transform, font-style...),
  3. pozicovací vlastnosti (position, left, z-index, float...),
  4. vlastnosti boxu (display, border, margin, padding, width, visibility, overflow...).
*/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, p, table, a, input, textarea {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
}
body, ul, ol, dl, p, table, a, input, textarea {
  font-size: 10pt;
}
h1 {
  font-size: 13pt;
  margin-top:10px;
  margin-bottom:6px;
  color: #032E7C;
}
h1 b, h1 strong {
  color: #78C050;
}
h2 {
  font-size: 11pt;
  margin-top:15px;
  margin-bottom:6px;
}
h3,h4,h5 {
  margin-top:6px;
  margin-bottom:0px;
}
h3 {
  font-size: 10pt;
}
h4 {
  font-size: 8pt;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
a, a:link, a:visited {
  color: #0c33af;
  font-weight: bold;
  text-decoration: underline;
}
a:hover, a:active {
  color: #3044d0;
  font-weight: bold;
  text-decoration: underline
}
img{
  border-width:0px;
}
form{
  padding:0px;
  margin:0px;
}
p {
  text-align: justify;
  margin-top: 5px;
  margin-bottom: 5px;
}
ul, ol, dl {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: justify;
}

/* obecne pouzitelne tridy */
table.fixed{
  table-layout:fixed;
}
.modra {
  color: #3044d0;
}
.b, .bold {
  font-weight: bold;
}
.i, .italic {
  font-style: italic;
}
.u, .underline {
  text-decoration: underline;
}
.fl {float: left;}
.fr {float: right !important;}
.db {display: block;}
.fs-small {font-size: 8pt;}

/*----------- MENU jako seznam ul li + a --------- */
ul.menu-horni, ul.menu-dolni {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.menu-horni {
  background-color: #6F90D7;
}
.menu-dolni {
  background-color: #032E7C;
}
ul.menu-horni li, ul.menu-dolni li {
  display: inline; /* timto + .menu a u A uvnitr LI zajistim vodorovnost */
}
#m1 {background-image:url('images/bg-ctverec.gif');width:92px;}
#m2 {background-image:url('images/bg-panacek.gif');width:80px;}
#m3 {background-image:url('images/bg-krabice.gif');}
#m4 {background-image:url('images/bg-dolar.gif');}
#m5 {background-image:url('images/bg-vykricnik.gif');width:140px;}
#m6 {background-image:url('images/bg-otaznik.gif');}

/*----------- HORNI TEXTOVE MENU --------- */
.menu-horni a, .menu-horni a:link, .menu-horni a:visited {
  display:block;
  float: left; /* timto + display: inline u UL zajistim vodorovnost */
  height: 26px;
  line-height: 26px;
  padding: 0px 14px 0px 44px;
  background-image: url('images/bg-ctverec.gif');
  background-repeat: no-repeat;
  background-position: 0px -26px;
  background-color: #6F90D7;
  color: white;
  text-decoration: none;
  cursor: hand;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
}
.menu-horni a:active, .menu-horni a:focus, .menu-horni a:hover {
  background-color: #2d509c;
  color: White;
  background-position:0px 0px;
  text-decoration: none;
}
/*----------- DOLNI TEXTOVE MENU --------- */
.menu-dolni a, .menu-dolni a:link, .menu-dolni a:visited {
  display:block;
  float: left; /* timto + display: inline u UL zajistim vodorovnost */
  height: 26px;
  line-height: 26px;
  padding: 0px 10px 0px 11px;
  background-image: url('images/bg-dolni-menu.gif');
  background-repeat: no-repeat;
  background-color: #032E7C;
  color: white;
  text-decoration: none;
  cursor: hand;
  font-size: 10px;
  letter-spacing: 1px;
}
.menu-dolni a:active, .menu-dolni a:focus, .menu-dolni a:hover {
  color: White;
  text-decoration: underline  ;
}
.menu-dolni a.first, .menu-dolni a.first:link, .menu-dolni a.first:visited { /* prvni polozka menu je bez carky v pravo */
  background-image: none;
}
/*----------- LEVE TEXTOVE MENU --------- */
.tmpruh {
  background-color: #6B9DB6;
  width: auto;
  color:white;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 5px 6px 20px;
  background-image: url("images/3-tecky.gif");
  background-repeat: no-repeat;
  background-position: 8px 8px;
  margin: 0px 0px 0px 0px;
}

.smpruh {
  width: auto;
  background-image: url("images/4x4s-point.gif");
  background-repeat: no-repeat;
  background-position: 5px 15px;
  padding: 10px 5px 10px 15px;
  background-color: #e7f2f6;
  font-size:11px;
  border-bottom: solid 1px #c1d0ee;
  margin-bottom: 1px; 
}

#levy h2 {
  color:#2e9419;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
  margin: 0px;
}

.levo-down {
  background-color: #e7f2f6;
   padding: 0px 0px 0px 0px;
  font-size:11px;
}


/*----------- PRAVE TEXTOVE MENU --------- */
ul.menu-prave{
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
  margin-bottom: 5px;
}
ul.menu-prave a{
  display:block;
  padding-left: 8px;
  width: 169px;
  font-size: 11px;
  background-image:url("images/4x4g-point.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

/*----------- SEZNAM UVNIT TEXTU --------- */
ul.menu-stred {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 390px;
}
ul.menu-stred li {
  padding-left: 26px;
  background-image:url("images/4x4g-point.gif");
  background-repeat: no-repeat;
  background-position: 15px 7px;
}

#pravy h2 {
  text-decoration: none;
  font-size:11px;
  font-weight:bold;
  margin: 0px;
}
#pravy h3 {
  font-size:11px;
  font-weight:bold;
}
#pravy p {
  font-size:11px;
  text-align: left;
}
.tspruh {
  background-color: #939393;
  background-image: url("images/3-tecky.gif");
  background-repeat: no-repeat;
  background-position: 12px 8px;
  width: auto;
  font-size: 11px;
  font-weight: bold;
  color:white;
  padding: 5px 10px 6px 24px;
}
.sspruh {
  background-color: #EFEFEF;
  width: auto;
  color: black;
  border-bottom: solid 1px #e2e2e2; /* sediva cara dole */
  border-left: solid 4px #e2e2e2; /* sediva cara vlevo */
  margin-bottom: 1px; /* vytvori bily vodorovny odelovac*/
  padding: 5px 10px 5px 10px;
  font-size: 11px;
}

#levy a {
  font-size: 11px;
}
a.navic {
  padding-left: 8px;
  background-image: url(images/4x4o-point.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  font-size: 11px;
  display: block;
  float: left;
  margin-right: 3px;
}

/* odkaz s oranzovou teckou - uprostred */
#stred .navic {
  font-size: 10pt;  
}

/* vodorovne cary */
.cara, .caraz { 
  clear: both;
  height: 1px;
  width: 100%;
  overflow: hidden;
  color: White;
  background-color: white;
  padding: 0px;
  margin: 0px;
}
.cara { /* 1px bila cara */
  height: 1px;
  color: White;
  background-color: white;
}
.caraz { /* 3px zelena cara */
  height: 3px;
  color: #78C050;
  background-color: #78C050;
}
.bg-svmodra {
  width: 100%;
  background-color: #032E7C;
}
.bg-modra {
  width: 100%;
  background-color: #6F90D7;
}
.bg-tmmodra {
  width: 100%;
  background-color: #032E7C;
}
img.ifl {
  float: left;
  margin: 3px 8px 0px 0px;
}
.zvyrazni {
  color: #ff7400;
}
/* copyright dole */
.c {
  background-color: #e7f2f6;
  padding: 8px;
  font-size: 10px;
}

/* galerie u referenci */
.galerie {
  font-size: 11px;
  float: left;
  width: 130px;
  margin: 0px 0px 5px 0px;
}
.galerie h4 {
  margin-top:0px;
  text-align: left;
}
.galerie div {
  padding-left: 20px;
}
.galerie img {
  margin-top: 2px;
  width: 120px;
  border: solid 1px gray;
}
.galerie div img {
  width: 18px;
  border: 0px;
}
.galerie div a {
  font-size: 8pt;
}
/*
.galerie a.lupa {
  padding-left: 20px;
  background-image: url(images/lupa.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  font-size: 11px;
  display: block;
  float: left;
  margin-right: 3px;
}
*/

h4.fs1 {font-size: 11px !important;}

.zpet {
  display: block;
  float: right;
  font-size: 8pt;
  margin-top: 12px;
}
#scrollingContainer{
  height: 220px;
  overflow: hidden;
}

.w-200 {width: 200px !important;}
.ta-c {text-align: center;}
.pl {padding-left: 20px;}