/* ZAKLAD */

* {margin: 0; padding: 0;}

html, body {
	color: #000;
	background-color: #FFF;
	font-size: 84%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-align: center;
  line-height: 1.5em;
  background: url(fragments/bodybg.jpg) top left repeat-x;
  overflow: auto;
}

hr.cleaner {
  clear: both; 
  display: none;
}

.clear {clear: both;}

a:link, a:visited {
  color: #E03C13;
  background: inherit;
}

a:hover {
  color: #000;
  background: inherit;
}

p {margin: 5px 0;}

td {
	font-size: 70%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  text-align: left;
  line-height: 1.5em;
}

ul, ol {
	margin: 10px 30px 20px 10px;
	padding: 0 15px;	
	list-style-image: url(fragments/arrow.gif);
}

h3, h4, h5, h6 {
  font-family: Trebuchet MS, Arial, sans-serif;
	font-weight: bold;
}

h3 {
  margin: 10px 0 0 0;
  padding-bottom: 2px;
  font-size: 1.5em;
  color: #3B5065;
  background: inherit;
	text-transform: uppercase;
}

h4 {
  margin: 10px 0 0 0;
  padding-bottom: 2px;
  font-size: 1.3em;
  color: #3B5065;
  border-bottom: 1px solid #91ABC3;
  background: inherit;
}

h5 {
  margin: 10px 0 0 0;
  font-size: 1.1em;
  color: #3B5065;
  background: inherit;
	text-transform: uppercase;
/*	letter-spacing: 1px; */
}

h5.stocek {
  margin: 10px 0 0 0;
  background-color: #3B5065; 
  color: #FFF;
  border: 1px solid #FFF;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.7em;
}

h6 {
  margin: 5px 0 0 0;
  font-size: 1em;
  color: #3B5065;
  background: inherit;
	letter-spacing: 1px; 
}

.object {
  text-align: center;
  margin: 15px 0 15px 0;
}

.datum {
  display:block;
  margin: 0;
  padding: 0;
  text-align:left;
  font-size: 10px;
  color: #666;
  background-color: inherit;
}

#hlavicka h1 {
  margin: 25px 0 0 20px;
  font-size: 3em;
  color: #FFF;
  visibility: hidden;
}

#hlavicka h2 {
  margin: 20px 0 20px 40px;
  font-size: 1.4em;
  color: #DDD;
  font-weight: normal;
  visibility: hidden;
}

#top p, #paticka p {margin: 0;}



/* LAYOUT */

#obal {
  width: 700px; 
  margin: 10px auto; 
  text-align: left; 
  background: url(fragments/obalbg.jpg) top left repeat-y;
}

#top {
	font-family: 'Trebuchet MS', Arial, sans-serif;
  padding: 0 10px;
  background-color: #DDD;
  text-align: right;
}

#hlavicka { 
  width: 100%;
  height: auto;
  padding: 5px 10px;
  background: #3B5065 url(fragments/hlavickabg.jpg) top right no-repeat;
  color: #FFF;
  border: 1px solid #FFF;
}

#levypanel {
  float: left; 
  width: 160px; 
} 

#levypanel-obsah {
  padding: 0 10px;
  background: #DDD; 
}

#pravypanel {
  float: right; 
  width: 120px; 
} 

#pravypanel-obsah {
  padding: 0 10px;
  background: #DDD; 
}

#hlavnipanel {
  margin-left: 160px; 
  margin-right: 120px;
}

#hlavnipanel-obsah {
  padding: 0 10px;
  background-color: #FFF; 
}
 
#paticka {
	clear: both;
	height: 30px;
  line-height: 30px;
  padding: 5px 10px;
  background-color: #3B5065; 
  color: #FFF;
  border-top: 1px solid #FFF;	
	font-family: 'Trebuchet MS', Arial, sans-serif; 
}

#dno {
  width: 700px; 
  margin: 10px auto; 
  padding: 0 0 10px 0;
  background-color: #FFF; 
  color: #000;
  text-align: center; 
}


/* RUZNE */

#menu {
  width: 100%;
  font-size: 11px;
  margin: 10px 0;
}

#menu a {
	display: block;
/*  _dis\play: inline-block; */
	background-color: #3B5065;
	color: #FFFFFF;
	padding: 5px 0 5px 20px;
	margin: 0 0 1px 0;
	text-decoration: none;
  text-transform: uppercase;
}

#menu a:hover {
	color: #FFFFFF;
	background-color: #51667B;
  border-left: 5px solid #FFF;
	padding: 5px 0 5px 15px;
}

.active {
	color: #FFFFFF;
	background-color: #3B5065;
  border-left: 5px solid #FFF;
	padding: 5px 86px 5px 15px;
}

.box {
  border: 1px solid #CCC;
	background-color: #EEE; 
	margin: 10px 0;
  padding: 0 10px;
}

.red_box {
  border: 1px solid #CCC;
	background-color: #E03C13; 
	margin: 10px 0;
  padding: 0 10px;
}

#karty {
  width: 100%;
  border: 1px solid #CCC;
  background-color: #EEE;
  margin: 10px 0;
}

.karta {
  width: 49.5%;
  float: left;
}

.karta_in {padding: 10px;}

.karta h6 {
  margin: 5px 0;
  color: #E03C13;
	letter-spacing: 0;
  text-transform: uppercase;	
}

.karta p {
  margin: 0;
}

.id_karta {
  width: 100%;
  border: 1px solid #CCC;
  background-color: #F9F9F9;
  margin: 10px 0;
  padding: 10px 15px;
}

.vyrazne {font-weight: bold;}
.barevne {color: #3B5065;}
.cervene {color: #E03C13;}
.inverzne {color: #FFF;}
.vetsi {font-size: 13px;}
.mensi {font-size: 11px;}
.xmensi {font-size: 10px;}

p.vpravo {
  text-align: right;
  margin-top: -10px; 
}

p.teledatum {
  text-align: right;
  margin-top: -5px; 
}

.uprostred {
  text-align: center;
}

#pravypanel-obsah ul {
  list-style: none; 
	list-style-image:none;  
  margin: 5px 0;
  padding: 0;
}

#pravypanel-obsah li {
	margin: 0;
}

#pravypanel-obsah li a {line-height: 1.8em;}

#paticka a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF; 
}
#paticka a:hover { 
	text-decoration: underline; 
}
#paticka #paticka-vlevo {
	width: 68%;
	float: left;
	text-align: left;
	margin: 0; padding: 0;
}
#paticka #paticka-vpravo {
	width: 25%;
	float: right;
	text-align: right;
	margin: 0; padding: 0;
}


/* OBRAZKY */

img {border: 0px;}

a img{
  border: none;
  margin: 2px 0;
  _margin: 1px 0;
}

img.left, img.center, img.right {border: 3px solid #3B5065;}

img.left {
  float: left;
  margin: 5px 12px 0 0;
}

img.center {
  display: block; 
  margin: 0 auto 5px auto;
}

img.right {
  float: right;
  margin: 5px 0 0 12px;
}