body { background: #157ff5  ; margin: 0 0 0 0; padding: 0; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #302d2d; }
html { margin: 0; padding: 0; }
img { border: 0px; }
form { padding: 0; margin: 0; }
a { text-decoration: underline; color: #302d2d; }
a:hover { text-decoration: underline; color: #ff9c00; }
a.light { text-decoration: underline; color: #ffffff; }
a.light:hover { text-decoration: underline; color: #ffd600; }
.hidden { display: none; }
.konec { margin: 0 !important; padding: 0 !important; clear: both !important; font-size: 0px !important; width: 1px !important; height: 1px !important; display: block !important; }
.text-large  { font-size: 13px; }
.text-medium { font-size: 11px; }
.text-small  { font-size: 9px; }

/* --------------------- LAYOUT --------------------------------------------- */

div.html-center {
  background: #ffffff;
  margin: 0 auto;
  width: 960px; }
  
div.html-center-obsah {
  background: url('images/telo-pozadie.gif') repeat-y left top;
  margin: 0 auto;
  width: 960px; }

#top { height: 10px; }

/* HEADER */

#flash {
  margin-top: 1px;
  position: absolute;
  z-index: 0; }

#header {
  position: absolute;
  top: 78px;
  background: url('images/header-flash.png') no-repeat left top;
  width: 960px;
  height: 286px; }

/* HLAVNI MENU*/

#mainmenu {
  width: 850px;
  margin: 0 auto; }
  
#mainmenu div.menu {
	position: absolute;
	top: 232px;
	width: 600px;
}
  
#mainmenu a {
  display: block;
  height: 17px;
  padding: 0 9px;
  float: left;
  color: #000000;
  text-decoration: none;
  border-left: 1px solid #ffdf00;
  border-right: 1px solid #ffc300; }

#mainmenu a.first {
  border-left: 0; }
  
#mainmenu a.last {
  border-right: 0; }

#mainmenu a.active {
  color: #fff; }
  
#mainmenu a span {
  font-weight: bold;
  font-size: 12px; }

#mainmenu a:hover {
  color: #ffffff; }

/* LANG MENU*/

#langmenu {
  width: 100;
  margin: 0 auto;
   }
  
#langmenu div.menu {
	position: relative;
	top: -23px;
	width: 200px;
	left: 705px;
  }
  
#langmenu a {
  display: block;
  height: 17px;
  padding: 0 9px;
  float: right;
  color: #000000;
  text-decoration: none;
  border-left: 1px solid #ffdf00;
  border-right: 1px solid #ffc300; }

#langmenu a.first {
  border-left: 0; }
  
#langmenu a.last {
  border-right: 0; }

#langmenu a.active {
  color: #fff; }
  
#langmenu a span {
  font-weight: bold;
  font-size: 12px; }

#langmenu a:hover {
  color: #ffffff; }


/* TELO */

#head-spacer {
  height: 0px; }
  
#nadtelo h1 {
  margin: 10px 0 5px 25px;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 2px 0;
  font-weight: bold; }
  
#telo {
  width: 100%;
  line-height: 17px; }


/* SLOUPEC 2 */

div.html-center-obsah  #sloupec2 {
  margin: 0 22px;
  width: 710px;
  float: left; }
  
div.html-center-obsah2 #sloupec2 {
  margin: 0 0 0 22px;
  width: 681px;
  float: left; }
  
#sloupec2 h1 {
  margin: 12px 0 18px 0;
  font-size: 14px;
  color: #157ff5;
  padding: 2px 0 2px 0;
  font-weight: bold; }
 
div.box-clanek {
  margin-bottom: 8px; }
  
div.box-clanek div.illu {
  width: 95px;
  float: left; }
  
div.box-clanek div.clanek {
  width: 700px;
  float: left; } 
 
div.box-clanek div.clanek p {
  margin: 0; }

div.box-clanek a {
  color: #157ff5;
  text-decoration: underline; }
    
div.box-clanek a:hover {
  font-weight: bold;
  text-decoration: underline; }
 
div.box-clanek a.nadpis {
  text-decoration: none; }
  
div.box-clanek a.nadpis:hover {
  color: #ff9c00;
  text-decoration: underline; }
  
div.box-lights {
  background: url('images/box-lights-center.gif') repeat-y left top;
  width: 81px; }
  
div.box-lights div.top {
  background: url('images/box-lights-top.gif') no-repeat left top;
  height: 6px;
  font-size: 1px; }
  
div.box-lights div.center {
  padding: 0;
  text-align: center; }
  
div.box-lights div.bottom {
  background: url('images/box-lights-bottom.gif') no-repeat left top;
  height: 6px;
  font-size: 1px; }

/* SLOUPEC 3 */

#sloupec3 {
  width: 170px;
  float: left; }
  
#sloupec3 h1 {
  margin: 12px 0 18px 0;
  font-size: 14px;
  color: #157ff5;
  padding: 2px 0 2px 0;
  font-weight: bold; }

div.box-light {
  background: url('images/box-light-center.gif') repeat-y left top;
  width: 182px;
  margin: 0 auto 10px auto; }
  
div.box-light div.top {
  background: url('images/box-light-top.gif') no-repeat left top;
  height: 12px;
  font-size: 1px; }
  
div.box-light div.center {
  padding: 0;
  text-align: center; }
  
div.box-light div.bottom {
  background: url('images/box-light-bottom.gif') no-repeat left top;
  height: 12px;
  font-size: 1px; }
  
div.box-light a {
  margin: 0;
  display: block;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 15px;
  text-decoration: none; }
  
/* PATICKA */

#zakonceni, #zakonceni div {
  height: 18px; }

#zakonceni div.sloupec1 {
  background: #157ff5 url('images/sloupec-1-konec.jpg') no-repeat left bottom;
  width: 235px;
  float: left; }

#zakonceni div.sloupec2 {
  background: #ffffff; 
  width: 490px;
  float: left; }

#zakonceni div.sloupec3 {
  background: #157ff5 url('images/sloupec-3-konec.jpg') no-repeat left bottom;
  width: 235px;
  float: left; }
  
#paticka {
  font-size: 11px; }

#paticka div.sloupec1 {
  width: 235px;
  float: left; }
  
#paticka div.sloupec1 p {
  margin: 15px 30px 0 0;
  text-align: right; }

#paticka div.sloupec2 {
  background: #f7f7f7 url('images/sloupec-2-konec.jpg') no-repeat left bottom;
  padding-bottom: 15px;
  width: 490px;
  float: left; }
  
#paticka div.sloupec2 p.lista {
  margin: 0 22px;
  padding: 10px 0 5px 0;
  color: #157ff5;
  border-top: 1px solid #e5e4e4; }

p.lista a {
  padding: 0 9px;
  border-right: 1px solid #157ff5;
  white-space: nowrap; }
  
p.lista a.first {
  padding-left: 0; }

p.lista a.last {
  padding-right: 0;
  border: 0; }
  
#paticka div.sloupec2 p.none {
  margin: 0 22px; }

#paticka div.sloupec3 {
  width: 235px;
  float: left; }
  
#paticka div.sloupec3 p {
  margin: 15px 0 0 25px; }

#paticka div.sloupec3 a:hover {
  color: #157ff5; }

p.text-cara {
  margin: 0;
  padding: 0 0 15px 0; 
  border-bottom: 1px solid #f2f2f2; }

strong.important {
  color: #ffba00; }

