@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	font-size: 75%;
	background : #FFFFFF;
  text-align : center;
	color: #363636;	
}
/*--------------------------------------------- layout ---*/
#page {
	position: relative;
	width: 994px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
	background : #FFFFFF url("bg-page.gif") repeat-y;
}
#header {
  width: 994px;
	height: 178px;
	margin: 0px auto 0 auto;
	/*background: #FFFFFF url("header.jpg") no-repeat center;*/
	text-align: left;
}
#header2 {
  width: 994px;
	height: 178px;
	margin: 0px auto 0 auto;
	/*background: #FFFFFF url("header2.jpg") no-repeat center;*/
	text-align: left;
}
#doc {
  margin: 0px auto 0 auto;
  width: 994px;
	text-align: left;
	padding: 20px 0 20px 0;
	clear: both;
}
#menu {
  margin: 1px auto 0 auto;
  width: 994px;
  min-height: 36px;
  _height: 36px;
  text-align: left;
  background: #516240 url("bg-menu.gif") repeat-x center;
  border-top: 3px solid #879B72;
}
#menu-rady {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px auto 0 auto;
  width: 994px;
  min-height: 30px;
  _height: 26px;
  text-align: left;
}
#text {
  padding: 0px 0px 10px 5px;
	text-align: left;
	width: 617px;
	_width: 637;
	float: left;
 	min-height: 400px;
	_height: 400px;
  background: url("bg-right.gif") repeat-y right;
  padding-right: 20px;
}
#right{
  float: right;
  width: 334px;
  padding-bottom: 20px;
  color: #898989;
}
#footer {
  height: 40px;
  width: 994px;
  margin: 0px auto 0 auto;
	clear: both;
  color: #46829A;
  text-align: center;
	border-top: 10px solid #4F613E;
}
/*------------------------------------------------ menu ---*/

#menu {
  position: relative;
  z-index: 10;
}
ul {
  list-style-type: none;
  margin-bottom: 1em;
}
#menu li {
  float: left;
  list-style-type: none;
  display: block;
}
li.menu_set {
}
div.menu_item {
}
div.menu_item a {
  padding: 10px 0 10px 0;
  display: block;
  font-size: 1em;
  text-decoration: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
div.menu_item a span {
  display: block;
  padding: 0 20px 0 20px;
  font-size: 1em;
  text-decoration: none;
  color: white;
  font-weight: bold;
  border-right: 1px solid #7D9362;
}
#menu li a.active, #menu li a#select, #menu li a:hover {
  background: #70845A;  
}
#menu ul.menu_col{
  width: 200px;
  position: absolute;
  border-top: 5px solid #6f8459;
  border-bottom: 4px solid #243a11;
  margin: 0;
  display: none;
}
#menu #col2, #menu #col3 {
  border-bottom: 0 none;
}
#menu .menu_col li{
  display: inline;
  width: 200px;
  float: none;
}
#menu .menu_col li a{
  display: block;
  background: #93a57b url(bg-subnemu.gif) no-repeat 8px 50%;
  padding: 8px 4px 8px 20px;
  width: 176px;
  _width: 200px;
  border-bottom: 1px #BDC5B5 solid;
  color: white;
  text-decoration: none;
}
#menu .menu_col li a:hover{
  background: #6f8459 url(bg-subnemu.gif) no-repeat 8px 50%;
}
#menu ul ul li.menu_up div.static{
  background: #3e512a url(nahoru.gif) no-repeat center center;
  height: 13px;
}
#menu ul ul li.menu_up div.active {
  background: #3e512a url(nahoru-a.gif) no-repeat center center;
  height: 13px;
  cursor: pointer;
  cursor: hand;
}
#menu ul ul li.menu_down div.static{
  background: #3e512a url(dolu.gif) no-repeat center center;
  height: 13px;
}
#menu ul ul li.menu_down div.active {
  background: #3e512a url(dolu-a.gif) no-repeat center center;
  height: 13px;
  cursor: pointer;
  cursor: hand;
}
/*------------------------------------------------ menu-rady ---*/

#menu-rady ul {
 list-style-type: none;
}
#menu-rady li {
  float: left;
  list-style-type: none;
}
#menu-rady li a {
  display: block;
  padding: 0px 0 0px 0;
  float: left;
  text-decoration: none;
}
#menu-rady li a span {
  padding: 5px 27px 5px 27px;
  font-size: 0.8em;
  display: block;
  color: black;
  font-weight: bold;
}
#menu-rady li a span.posledni {
  padding: 5px 32px 5px 32px;
}
#menu-rady li.active a.zelena {
  background: #3F642F;  
}
#menu-rady li.active a.oranzova {
  background: #F26521;  
}
#menu-rady li.active a.seda {
  background: #B8B8B8;  
}
#menu-rady li.active a.modra {
  background: #2D3286;  
}
#menu-rady li.active a.hneda {
  background: #AA292D;  
}
#menu-rady li.active a.cerna {
  background: #000000;  
}
#menu-rady li.active a.cervena {
  background: #CC0033;  
}
#menu-rady li a:hover span{
  text-decoration: underline;
  color: #FFF;
}
#menu-rady li.active span{
  color: #FFF;
}
#menu-rady  li a:hover.zelena {
  background: #3F642F;
}
#menu-rady li a:hover.oranzova {
  background: #F26521;  
}
#menu-rady li a:hover.seda {
  background: #B8B8B8;  
}
#menu-rady li a:hover.modra {
  background: #2D3286;  
}
#menu-rady li a:hover.hneda {
  background: #AA292D;  
}
#menu-rady li a:hover.cerna {
  background: #000000;  
}
#menu-rady li a:hover.cervena {
  background: #CC0033;  
}
a.zelena {
  border-top: 3px solid #3F642F;
}
a.oranzova {
  border-top: 3px solid #F26521;
}
a.seda {
  border-top: 3px solid #B8B8B8;
}
a.modra {
  border-top: 3px solid #2D3286;
}
a.hneda {
  border-top: 3px solid #AA292D;
}
a.cerna {
  border-top: 3px solid #000000;
}
a.cervena {
  border-top: 3px solid #CC0033;
}


/*-------------------------------------------------- menu-right ---*/
#menu-right ul {
  list-style-type: none;
  margin: 5px 0 20px 0;
  _list-style-position: outside;
}
#menu-right li {  
  margin-top: 0px;
  padding-bottom:0px;
  list-style-type: none;
  border-bottom: 1px solid #E1E1E1;
}
#menu-right li a {
  display: block;
  _width: 100%;
  margin: 0px 0 0px 0;
  padding: 5px 0 5px 25px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
#menu-right li a span {
  display: block;
}
#menu-right li a:hover  {
  background-color: #F8F6F3;
}
#menu-right li.active a  {
  background-color: #F8F6F3;
}
#menu-right li.zelena {
  background: url("ctverec-zelena.gif") no-repeat left center;
}#menu-right li.oranzova {
  background: url("ctverec-oranzova.gif") no-repeat left center;
}
#menu-right li.seda {
  background: url("ctverec-seda.gif") no-repeat left center;
}
#menu-right li.modra {
  background: url("ctverec-modra.gif") no-repeat left center;
}
#menu-right li.hneda {
  background: url("ctverec-hneda.gif") no-repeat left center;
}
#menu-right li.cerna {
  background: url("ctverec-cerna.gif") no-repeat left center;
}
#menu-right li.cervena {
  background: url("ctverec-cervena.gif") no-repeat left center;
}
/*-------------------------------------------------- right ---*/
#right h3, #right-non-hp h3{
  padding: 7px 0 7px 7px;
  margin-bottom: 10px;
  color: #FFF;
  background: #7E6A37 url("bg-h3.gif") repeat-x bottom;
}
#right h3.kalendar, #right-non-hp h3.kalendar{
  padding: 7px 0 7px 7px;
  margin: 20px 0 0 0;
  color: #FFF;
  background: none;
  border-top: 3px solid #75602A;
  border-bottom: 1px solid #EDEAE3;
}
#right h3.kalendar span, #right-non-hp h3.kalendar span{
  padding: 2px 0 2px 20px;
  width: 140px;
  _height: 5px;
  color: #75602A;
  font-weight: bold;
  background: url("kalendar.gif") no-repeat left center; 
}
#right h3 span, #right-non-hp h3 span{
  padding: 2px 0 2px 20px;
  _height: 5px;
  color: #FFF;
  font-weight: bold;
  background: url("sipka2.gif") no-repeat left center; 
}
#right h3 a:hover span, #right-non-hp h3 a:hover span{
  text-decoration: underline;
}

#right img{
  margin: 5px 0 10px 0; 
}
h4 a.active {
  color: #000000;
}

/*---------------------------------------- klikaci logo ---*/

#logo h2 span{
  display: none;
}
img.logo {
  position: relative;
  top: 40px;
  margin: 0 0 0 20px;
}
#header2 img.logo {
  position: relative;
  top: 40px;
  margin: 0 0 0 20px;
}
/*--------------------------------------------------- boxy ---*/
div.box img{
 margin-right: 20px; 
}
div.box{
 margin-bottom: 10px; 
}
div.box {
 background: url("bg-box-p.gif") no-repeat right bottom;
 padding-bottom: 1px;
}
/*--------------------------------------------------- boxy-non-hp ---*/
div.box-non-hp{
  width: 300px;
 margin: 20px 7px 0px 0;
}
div.box-non-hp-1{
  width: 100%;
 margin: 20px 0 0px 0;
}
div.box-non-hp h2, div.box-non-hp-1 h2{
  padding-top: 0px;
}
div.box-non-hp img, div.box-non-hp-1 img{
 float: left;
 margin-right: 10px;
}
div.zelena img{
  border: 1px solid #3F642F;
  border-left: 5px solid #3F642F;
}
div.oranzova img{
  border: 1px solid #F26521;
  border-left: 5px solid #F26521;
}
div.seda img{
  border: 1px solid #ACACAC;
  border-left: 5px solid #ACACAC;
}
div.modra img{
  border: 1px solid #2D3286;
  border-left: 5px solid #2D3286;
}
div.hneda img{
  border: 1px solid #961A1D;
  border-left: 5px solid #961A1D;
}
div.cerna img{
  border: 1px solid  #000000;
  border-left: 5px solid  #000000;
}
div.cervena img{
  border: 1px solid  #CC0033;
  border-left: 5px solid  #CC0033;
}
div.oranzova h2 a{
  color: #F26521;
}
div.seda h2 a{
  color: #ACACAC;
}
div.modra h2 a{
  color: #2D3286;
}
div.hneda h2 a{
  color: #961A1D;
}
div.cerna h2 a{
  color: #000000;
}
div.cervena h2 a{
  color: #CC0033;
}
/*----------------------------------------- footer ---*/
#footer1{
  height: 20px;
  width: 793px;
  margin: 0 auto 0 auto;
}
#footer span {
  display: block;
  padding: 2px 5px 0 5px;
	font-size: 0.8em;
	color: #363636;  
}
.black {
  color: #000;
}
/*------------------------------------------------- formulare ---*/
.katalog-latek form{
  margin: 0 5px 0 5px;
}
.katalog-latek form label{
  font-weight: bold;
  letter-spacing: 1px;
}
input.odeslat{
  padding: 1px 15px 1px 15px;
  _padding: 1px 10px 1px 10px;
  background: url("bg-submit.gif") repeat-x center;
  border: 1px solid #CCCCCC;
  margin-left: 200px;
}
fieldset {
  margin-top: 20px;
	padding: 10px;
	border: 1px solid silver;
	background: url("bg-form.gif") repeat-x left bottom;
}
fieldset.edit {
  background-image: none;
  border-color: #dfdfdf;
  border-width: 1px;
}
fieldset.edit legend {
  color: #8f8f8f;
}
label span {
	display: block;
	float: left;
	width: 130px;
  margin-right: 10px;
}
legend{
  padding: 0 5px 0 5px;
  margin:10px 0 10px 0;
  color: #959595; 
}
#right form {
  padding-top: 20px;
}
#kontakt-form {
  width: 70%;
}
span.label {
  padding-right: 6px;
  font-weight: normal;
  font-size: 0.8em;
}
/*----------------------------------------------------- obecn� tagy ---*/
ul {
  list-style-position: inside;
  list-style-type: circle;
}
#left ul {
  _list-style-position: outside;
}

hr {
  display: none;
} 
#text ul {
  margin: 0px 0 1em 20px;
}
#text li {
  list-style-type: circle;
}
#text-nonhp ul, #text-nonhp ol {
  margin: 0px 0 1em 20px;
}
a {
  color: #93A57B;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1em;
  font-weight: bold;
  color: #555555;
}
h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #555555;
  margin-bottom: 1em;
}
h2 {
  font-size: 1.2em;
  padding: 6px 0 10px 0px;
  font-weight: bold;
  color: #3F642F;
}
h2 a {
  font-size: 1em;
  padding: 6px 0 10px 0px;
  font-weight: bold;
  color: #3F642F;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #0000;
    margin-bottom: 1em;
}
h4 {
  font-size: 1em;
  font-weight: bold;
  color: #76612C;
  margin-bottom: 0.5em;
}
p {
  margin: 0 0 1em 0;
}
table {
  font-size: 100%;
  border-collapse: collapse;
}
a img{
  border: none;
}
/*------------------------------------------------- navigace ---*/
#navigace{
  text-align: left;
  padding: 0px 0px 10px 0;
  font-size: 0.8em;
  margin:0px;
  color: #898989;
  margin-top: -10px;
  position: relative;
  z-index: 1;
}
/*---------------------------------------------- fotogalerie ---*/
#text div.gallery {
  clear: both;
}
#text div.gallery div.alignG {
  float: left;
  margin: 0 4px 10px 4px;
  text-align: center;
}
#text div.gallery div.alignG img {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #70845A;
}
#text div.gallery div.alignG p {
  margin-bottom: 0;
  text-align: center;
  font-size: 0.9em;
  color: #999;
}
/*--------------------------------------------------- obrazky ---*/

.pic {
  border: 1px solid #70845A;
}

.picL {
  border: 1px solid #70845A;
  margin: 10px 10px 0 0;
}
.picR {
  float: right;
  border: 1px solid #70845A;
  margin: 0px 0px 5px 10px;
}

/*---------------------------------------------- tridy a barvy ---*/
p.kalendar{
  margin-top: 10px;  
}
p.kalendar span{
  background: #FCF9EC;
  display: block;
  padding: 2px 5px 2px 5px;
  color: #636363;
  border: 1px solid #CCCCCC;  
}
.margin-bottom {
  margin-bottom: 1em;
}
.alignL {
  float:left;
}
.alignR {
  float: right;
}
.alignC {
  text-align: center;
}
.textR {
  text-align: right;
}
.ukonceniobtekani {
  clear: both; 
  font-size: 1px; 
  height: 1px;
  background: #FFF;
}
.dalsi {
  background: url("sipka3.gif") no-repeat right center;
  padding-right: 15px;
  _height: 5px;
}
div.byt {
  width: 190px;
  float: right;
  margin-left: 20px;
}
div.byt span a  {
  margin-left: 10px;
}
div.katalog-latek {
  background-color: #FCF9EC;
  margin-top: -10px;
  padding: 5px;
  padding-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DBD4BD;
}
#right img {
 margin: 3px;
}
#text h2.zelena, #text h2.oranzova, #text h2.seda , #text h2.modra, #text h2.hneda, #text h2.cerna, #text h2.cervena{
  background: url("predel.gif") repeat-x bottom;
  margin-top: 20px;
}
#text h2 span {
    padding-left: 15px;
}
h2.zelena span {
  border-left: 5px solid #3F642F;  
}
h2.oranzova span {
  color: #F26521;
  border-left: 5px solid #F26521;  
}
h2.seda span {
  color: #ACACAC;
  border-left: 5px solid #ACACAC;  
}
h2.modra span {
  color: #2D3286;
  border-left: 5px solid #2D3286;  
}
h2.hneda span {
  color: #961A1D;
  border-left: 5px solid #961A1D;  
}
h2.cerna span {
  color: #000000;
  border-left: 5px solid #000000;  
}
h2.cervena span {
  color: #CC0033;
  border-left: 5px solid #CC0033;  
}
.spodni-okraj {
  margin-bottom: 20px;
}
.border-zelena {
  border: 1px solid #647355;
}
h2.cara-na-hore {
  padding: 10px 0 0 0;
  margin: 20px 0 20px 0;
  background: url("predel.gif") repeat-x top left;
}
h1.zelena, .green {
  color: #597A36;
}
h1.oranzova, .orange, .box h2.orange a {
  color: #F26521;
}
h1.seda, .silver{
  color: #ACACAC;
}
h1.modra, .blue{
  color: #2D3286;
}
h1.hneda, .brown{
  color: #961A1D;
}
h1.cerna, .black{
  color: #000000;
}
h1.cervena, .red{
  color: #CC0033;
}
#mapa {
  width: 319px;
  height: 193px;
	background: url("mapa.jpg") repeat-x;
	position: relative;
}
/*---------------------------------------------- mapa kraje ---*/
div.kontakt {
  width: 300px;
  float: left;
  margin: 20px 0 0 0;
}
div.kontakt img {
  border: 1px solid #CCCCCC;
  float: left;
  margin-right: 10px;
}
p.prodejci {
  margin-bottom: 1em;
}
p.prodejci a:hover, p.prodejci a.active {
  color: black;
}
h2.slogan {
  font-size: 1.4em;
  text-align: center;
  margin-top: 2em;
  padding: 10px 5px 10px 5px;
  background: #FCF9EC;
  border: 1px solid #CCCCCC;
}
#mapa {
  width: 319px;
  height: 193px;
	background: url("mapa.jpg") no-repeat;
	position: relative;
}
a.stredocesky {
  width: 91px;
  height: 75px;
	background: url("../img/stredocesky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 46px;
	left: 63px;
	z-index: 0;
}
a:hover.stredocesky, a.active-stredocesky {
	background: url("../img/stredocesky.gif") no-repeat left bottom;
}
a.ustecky {
  width: 70px;
  height: 64px;
	background: url("../img/ustecky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 17px;
	left: 46px;
	z-index: 1;
}
a:hover.ustecky, a.active-ustecky  {
	background: transparent url("../img/ustecky.gif") no-repeat left bottom;
}
a.praha {
  width: 20px;
  height: 16px;
	background: url("../img/praha.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 75px;
	left: 99px;
	z-index: 3;
}
a:hover.praha, a.active-praha {
	background: transparent url("../img/praha.gif") no-repeat left bottom;
}
a.karlovarsky {
  width: 50px;
  height: 35px;
	background: url("../img/karlovarsky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 55px;
	left: 7px;
	z-index: 3;
}
a:hover.karlovarsky, a.active-karlovarsky {
	background: transparent url("../img/karlovarsky.gif") no-repeat left bottom;
}
a.plzensky {
  width: 58px;
  height: 75px;
	background: url("../img/plzensky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 79px;
	left: 21px;
	z-index: 3;
}
a:hover.plzensky, a.active-plzensky {
	background: transparent url("../img/plzensky.gif") no-repeat left bottom;
}
a.liberecky {
  width: 52px;
  height: 34px;
	background: url("../img/liberecky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 19px;
	left: 105px;
	z-index: 3;
}
a:hover.liberecky, a.active-liberecky {
	background: transparent url("../img/liberecky.gif") no-repeat left bottom;
}
a.jihocesky {
  width: 89px;
  height: 67px;
	background: url("../img/jihocesky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 115px;
	left: 68px;
	z-index: 3;
}
a:hover.jihocesky, a.active-jihocesky {
	background: transparent url("../img/jihocesky.gif") no-repeat left bottom;
}
a.vysocina {
  width: 64px;
  height: 62px;
	background: url("../img/vysocina.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 98px;
	left: 129px;
	z-index: 3;
}
a:hover.vysocina, a.active-vysocina {
	background: transparent url("../img/vysocina.gif") no-repeat left bottom;
}
a.kralovehradecky {
  width: 60px;
  height: 44px;
	background: url("../img/kralovehradecky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 37px;
	left: 139px;
	z-index: 3;
}
a:hover.kralovehradecky, a.active-kralovehradecky {
	background: transparent url("../img/kralovehradecky.gif") no-repeat left bottom;
}
a.pardubicky {
  width: 60px;
  height: 40px;
	background: url("../img/pardubicky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 75px;
	left: 152px;
	z-index: 3;
}
a:hover.pardubicky, a.active-pardubicky  {
	background: transparent url("../img/pardubicky.gif") no-repeat left bottom;
}
a.jihomoravsky {
  width: 88px;
  height: 59px;
	background: url("../img/jihomoravsky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 114px;
	left: 162px;
	z-index: 3;
}
a:hover.jihomoravsky, a.active-jihomoravsky {
	background: transparent url("../img/jihomoravsky.gif") no-repeat left bottom;
}
a.olomoucky {
  width: 52px;
  height: 78px;
	background: url("../img/olomoucky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 56px;
	left: 208px;
	z-index: 3;
}
a:hover.olomoucky, a.active-olomoucky  {
	background: transparent url("../img/olomoucky.gif") no-repeat left bottom;
}
a.zlinsky {
  width: 54px;
  height: 45px;
	background: url("../img/zlinsky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 116px;
	left: 229px;
	z-index: 3;
}
a:hover.zlinsky, a.active-zlinsky  {
	background: url("../img/zlinsky.gif") no-repeat left bottom;
}
a.moravskoslezsky {
  width: 70px;
  height: 60px;
	background: url("../img/moravskoslezsky.gif") no-repeat left top;
	display: block;
	position: absolute;
	top: 65px;
	left: 230px;
	z-index: 3;
}
a:hover.moravskoslezsky, a.active-moravskoslezsky {
	background: url("../img/moravskoslezsky.gif") no-repeat left bottom;
}
/*----------------------------------------------dokumenty ---*/
#text ul.list-ico, #right ul.list-ico li {
	margin-left: 0px;
	_list-style-position: outside;
}
#text ul.list-ico li, #right ul.list-ico li{
	list-style-type: none;
	padding: 4px 0 4px 0px;
	font-size: 1em;
	background: transparent;
}

a.ico-pdf, a.ico-xls, a.ico-ppt, a.ico-doc, a.ico-audio, a.ico-image, a.ico-video, a.ico-zip {
	padding: 2px 0 2px 25px;
	height:1%;
}
a.ico-pdf {
	background: url("ico-pdf.gif") no-repeat left center;
}
a.ico-xls {
	background: url("ico-xls.gif") no-repeat left center;
}
a.ico-ppt {
	background: url("ico-ppt.gif") no-repeat left center;
}
a.ico-doc {
	background: url("ico-doc.gif") no-repeat left center;
}
a.ico-audio {
	background: url("ico-audio.gif") no-repeat left center;
}
a.ico-image {
	background: url("ico-image.gif") no-repeat left center;
}
a.ico-video {
	background: url("ico-video.gif") no-repeat left center;
}
a.ico-zip {
	background: url("ico-zip.gif") no-repeat left center;
}
#text p.klient-kontakt {
  border-top: 1px #edeae3 solid;
  padding-top: 6px;
  padding-left: 8px;
}
#text p.klient-kontakt {
  border-top: 1px #edeae3 solid;
  padding-top: 6px;
  padding-left: 8px;
}
#text p.klient-kontakt img {
  float: right;
  margi: 0 0 5px 5px;
}
.mapa-atlas {
  margin-left: 10px;
}
/*----------------------------------------------katalog latek ---*/
div.select {
  border-bottom: 1px solid #EBEBEB;
}
div.select p{
  float: left;
  margin-right: 10px;
}
div.select label{
  font-weight: bold;
}
select {
  border: 1px solid #7F9DB9;
}
.btn {
  margin-top: 13px;
}
p.vzorky {
  width: 125px;
  float: left;
  margin: 20px 20px 0 8px;
  background: url("shadow.gif") no-repeat 4px 4px;
}
p.vzorky img{
  margin-bottom: 5px;
}
table.detail td, table.detail th  {
  border: 1px solid #E1E1E1;
  padding: 3px 10px 3px 10px;
}
table.detail th  {
  background: #EBEBEB;
  font-weight: normal;
}
table.detail  {
  margin-bottom: 1em;
}
#text ul.legenda li {
  list-style-type: none;
  _list-style-position: outside;
  margin: 5px 0 5px 0;  
}
#text ul.legenda li span{
  padding: 0 0 0px 10px;  
}
#text ul.legenda {
  margin: 10px 0 0px 0px;  
}
span.predel {
  height: 1px;
  background: #EBEBEB;
  display: block;
  font-size: 1px;
}
p.zatemneni span {
  font-weight: bold;  
}
p.zatemneni img {
  margin-top: 3px;  
}
p.zatemneni {
  margin-top: 10px;  
}
.b-silver {
  border: 1px solid #EBEBEB;
}

.vlajky {
  float:right;
  margin-right: 15px;
  margin-top=10px;
}

.vlajky img {
  margin-right: 5px;
}

div#tabulka_kontakty table {border-collapse: collapse;}
div#tabulka_kontakty table td {border: 1px solid black; padding: 10px}
div#tabulka_kontakty table td span.small {font-size: 10px;}
}