@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	font-size: 80%;
	background : #EBEBEB url("bg.jpg") repeat-x;
  text-align : center;
	color: #555;
}
/*--- basic layout ---*/
#page {
	position: relative;
	width: 990px;
	margin: 0 auto 0 auto;
	padding-top: 1px;
	background : #FFFFFF;
}
#header {
  width: 958px;
	height: 198px;
	margin: 38px auto 33px auto;
	background: #FFFFFF url("header.png") no-repeat center;
  text-align: left;
  position: relative;
}
#menu {
  position: absolute;
  left: 260px;
  bottom: 0px;
}
#doc {
  margin: 0px auto 0 auto;
  width: 958px;
	text-align: left;
	padding: 0px 0 20px 0;
	clear: both;
}
#text {
  padding: 0px 10px 10px 10px;
	text-align: left;
	width: 679px;
	float: right;
 	min-height: 400px;
	_height: 400px;
}
#footer {
	clear: both;
  height: 3.4em;
  width: 990px;
  margin: 5px auto 5px auto;
  color: #FFF;
  text-align: center;
	background: #828282;
}
#left {
  width: 231px;
  float: left;
}
/*--- klikaci logo ---*/
#logo a{
  position: absolute;
  top: 30px;
  left: 22px;
  width:180px;
  height:140px;
}
#logo span{
  display: none;
}
/*--- lang ---*/
#lang {
  position: absolute;
  top: 9px;
  right: 13px;
}
#lang li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}
#lang li a {
  display: block;
  padding: 2px 0 2px 23px;
	height: 1%;
}
#lang li a.en {
	background: url("en.png") no-repeat left center;
}
#lang li a.de {
	background: url("de.png") no-repeat left center;
}
#lang li a.ru {
	background: url("ru.png") no-repeat left center;
}
/*--- top-telefon ---*/
#topTel {
  position: absolute;
  top: 9px;
  left: 260px;
  color: #939393;
}
#topTel span.tel {
  display: block;
  padding: 3px 0 3px 23px;
	height: 1%;
	background: url("tel.png") no-repeat left center;
}
#topTel strong {
  color: #555;
}
#topTel .fn, #topTel .email {
  display: none;
}
/*--- main menu ---*/
#menu ul {
 list-style-type: none;
}
#menu li {
  float: left;
  list-style-type: none;
}
#menu li a {
  display: block;
  padding: 0;
  float: left;
  text-decoration: none;
  margin: 0 2px 0 2px;
}
#menu li a span {
  padding: 15px 15px 10px 15px;
  font-size: 1em;
  display: block;
  color: #FFF;
  font-weight: bold;
  border-bottom: 10px solid #5780BE;
}
#menu li a:hover span {
  color: #F9F4A2;
}
#menu li.active a {
  color: #000;
  background: #FFF url("liactiveL.png") no-repeat left top;
  margin: 0 0 0 0;
}
#menu li.active span {
  color: #000;
  border-top: 1px solid #5D87CF;
  border-bottom: 10px solid transparent;
  background: transparent url("liactiveR.png") no-repeat right top;
}
#menu li.active a:hover span {
  color: #000;
}
/*--- sidebar ---*/
#left h2 {
  background: #000 url("left-h2.png") no-repeat top right;
  color: #FFF;
  padding: 12px 0 12px 18px;
  margin: 0;
  border-bottom: 1px solid #FFF;
}
#left .box {
	background : #EFEFEF url("leftbox.png") repeat-x;
	padding: 30px 12px 15px 18px;
}
#left .menu {
	padding: 15px 12px 15px 12px !important;
}
#left .box p {
  margin-bottom: 1.5em;
}
#left .menu ul, #left .menu li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#left .menu li a {
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 3px;
  border-bottom: 1px solid #DEDEDE;
  color: #5780BE;
}
#left .menu li a.last {
  border-bottom: 0 none;
}
#left .menu li a.active, #left .menu li a:hover {
  font-weight: bold;
}
#left .menu li a.active {
  color: #333;
}
#left .shop {
  display: block;
  margin: 18px 1px 18px 1px;
}
/*--- footer ---*/
#footer span {
  display: block;
  margin: 1.1em 0 1em 0;
  padding: 0 22px 0 22px;
	font-size: 1em;
	color: #FFF;
}
#footer .tdn {
  color: #FFF;
  text-decoration: none;
}
#footer a {
  color: #FFF;
}
/*--- home page ---*/
.hpBox {
  margin: 10px 5px 20px 0;
  background: #577CC3;
}
#text div.hpBox h2 {
  font-weight: normal;
  background: #577CC3;
  color: #FFF;
  width: 201px;
  padding: 10px 10px 12px 10px;
  margin: 0 !important;
}
#text div.hpBox img {
  background: #577CC3;
  height: 113px;
  margin: 0 !important;
  border-bottom: 1px solid #FFF;
}
#text .hpBox h2 a {
  color: #FFF;
}
/*--- produkty ---*/
.rating {
  /*border:1px solid #EEE;
  background : #FAFAFA;*/
  border-top: 1px solid #EEE;
  padding: 10px 10px 0.5em 10px;
}
div.rating p {
  margin-bottom: 0.7em;
}
p.shop {
  border: 1px solid #5780BE;
  background : #6698E2;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 2em;
}
p.shop a.basket {
  /*font-size: 1.2em;*/
  color: #333;
}
p.padL {
  padding-left: 10px;
}
/*--- zparvy ---*/
div.article {
  margin-bottom: 1.5em;
}
div.article p {
  margin-bottom: 0.5em !important;
}
p.info {
  background: #F4F4F4;
  padding: 2px 5px 3px 5px;
  font-size: 0.9em;
}
/*--- formulare ---*/
fieldset {
	padding: 10px;
  border: 1px solid #D3EAF2;
  border-left: 3px solid #178DBA;
}
label span {
	display: block;
	float: left;
	width: 130px;
  margin-right: 10px;
}
legend{
  padding: 0 5px 0 5px;
  color: #888; 
}
/*--- obecné tagy ---*/
hr {
  display: none;
} 
a {
  color: #6C98D5;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1em;
  font-weight: bold;
  color: #0076A3;
}
h1 {
  font-size: 1.8em;
  font-weight: bold;
  color: #555555;
  margin: 0em 0 1em 0;
}
h1 span{
  font-size: 0.9em;
  font-weight: normal;
  color: #555555;
}
h2 {
  font-size: 1.2em;
  padding: 6px 0 10px 0px;
  font-weight: bold;
  color: #2599C5;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #F26521;
  margin: 10px 0 10px 0;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #ED2123;
}
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.9em;
  margin:0px;
  color: #898989;
}


/*--------------------------------------------------- obrazky ---*/

.pic {
  padding: 5px;
  background: #FFF;
  border: 1px solid #DDD;
}
.picR {
  padding: 5px;
  background: #FFF;
  border: 1px solid #DDD;
  float: right;
  margin-left: 10px;
}
.picL {
  padding: 5px;
  background: #FFF;
  border: 1px solid #DDD;
  float: left;
  margin-right: 10px;
}
.bn {
  border: none;
}

/*---------------------------------------------- tridy a barvy ---*/
.alignL {
  float:left;
}
.alignR {
  float: right;
}
.alignC {
  text-align: center;
}
.textL {
  text-align: left;
}
.textR {
  text-align: right;
}
.textC {
  text-align: center;
}
.textJ {
  text-align: justify;
}
.small {
  font-size: 0.9em;
}
.block {
  display: block;
}
.marginB {
  margin-bottom: 1em;
}
.marginN {
  margin-bottom: 0px;
}
.lowercase {
  text-transform: lowercase;
}
#text form .box p {
  margin-bottom: 0;
}
.ukonceniobtekani {
  clear: both; 
  font-size: 1px; 
  height: 1px;
  background: #FFF;
}
.more {
  padding-right: 15px;
  background: url("ico-article.gif") no-repeat 100% 60%;
  height: 1%;
}
.archive {
  padding-right: 15px;
  background: url("ico-archive.gif") no-repeat 100% 60%;
  height: 1%;
}
.strankovani {
  clear: both;
  padding-top: 1em;
}
.strankovani span, .strankovani a {
  margin: 0 2px 0 2px;
}
.strankovani .active {
  font-weight: 600;
}
#text ul.list-none li, #text ul.list-ico li, #text li.list-none {
	list-style-type: none;
	padding-left: 0;
	background: transparent;
}
ul.list-ico li, #text li {
	padding: 4px 0 4px 0px;
	font-size: 1em;
}
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;
}
a.dalsi {
  background: url("sipecka.gif") no-repeat right center;
  padding-right: 15px;
}
.mapa {
  width: 200px;
}
.detail {
  margin-top: 10px;
}
div.fotoBox {
  width: 230px;
  float: right;
  text-align: center;
  padding-left: 15px;
}
* html div.fotoBox {
  width: 240px;
}
div.fotoBox img {
  margin-bottom: 10px;
}
div.art-box h3 {
    margin-bottom: 0.2em;
}
/*--------------- mapa stránek--------------------*/
ul.mapa-stranek  li {
  font-weight: bold;
   list-style-type: none;
}
ul.mapa-stranek  li li{
  font-weight: normal; 
}
ul.mapa-stranek li a  {
  padding: 2px 0 2px 0;
  line-height: 1.6em;
  padding-left: 15px;
  background: url("sipecka.gif") no-repeat left;
}
#text ul ul {
  margin: 0 0 0 10px;
}
#text ul.mapa-stranek {
  margin: 0 0 0 20px;
}
/*--- tridy pro odkazy ---*/
a.ico-pdf, a.ico-xls, a.ico-ppt, a.ico-doc, a.ico-audio, a.ico-image, a.ico-video, a.ico-zip, a.ico-facebook, a.ico-vcf,a.ico-youtube, a.ico-email, a.ico-twitter {
	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;
}
a.ico-vcf {
	background: url("ico-vcf.jpg") no-repeat left center;
}
a.ico-email {
	background: url("ico-email.gif") no-repeat left center;
}
a.ico-facebook {
	background: url("ico-facebook.gif") no-repeat left center;
}
a.ico-twitter {
	background: url("ico-twitter.gif") no-repeat left center;
}
a.ico-youtube {
	background: url("ico-youtube.png") no-repeat left center;
}
ul.ico-list li {
	list-style-type: none;
	background: transparent;
}
li.list-none {
	list-style-type: none;
	padding-left: 0;
	background: transparent;
}
}