* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: Tahoma, Verdana, Sans-serif, "Trebuchet MS", Arial;
	font-size: 0.8em;
	text-align: center;
	color: #292929;
	background: url('../_images/body-back.jpg') top right;
	background-repeat: x,y;
	height: 100%;
	
}
h1 {font-size: 1.4em; color: #031a6a;/*#242f20;*/ font-weight: bold; margin: 20px 0px 10px 5px; padding: 0px;}
h2, h3 {font-size: 1.2em; color: #031a6a; font-weight: bold; margin: 0px 0px 5px 0;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #242f20; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #dd220f;/*#e26f31;*/ text-decoration: underline;}
p {	margin: 0px 0px 10px 0px;
	font-size: 0.9 em;
	line-height: 1.3;
	_line-height: 1.5;
	text-align: justify;
}
h1.shop {font-size: 1.4em; background: transparent url('../_images/eshop-h1.gif') 0 0 no-repeat; padding: 0px 0 10px 70px;}
h1.pujcovna {font-size: 1.4em; background: transparent url('../_images/pujcovna-h1.gif') 0 0 no-repeat; padding: 0px 0 10px 95px;}
a {color: #15369d; text-decoration: underline; font-weight: bold;}
a:hover {color: #dd220f;/*#e26f31;*/}
/*a:visited {}*/
img {border: 1px solid #a2a2a2;	margin: 0px;}
ul {margin: 0px 0px 0px 40px;}
li {list-style-image: url('../_images/list.gif');}
strong {font-weight: bold; color: #292929;}

/*tabulky*/
table { font-size: 0.85em; /*border-color: #5C80E5;*/ margin: 0 auto 15px auto; border-collapse: collapse;}

table caption { font-weight: bold; color: #1a4b85; margin: 0 auto;}

th { font-weight: bold;}

tr{ border: none;}
tr.light {background-color: #dfe3f1;}
th, td {text-align: left; border: 1px solid #9ea7c3; padding: 5px 5px; color: #000000;}
th {background-color: #99b9ef; color: #000000;}
table.perspektiva td {padding: 8px;}

i {font-weight: bold; font-style: italic; /*font-size: 1.2em;*/}
hr {clear: both; display: none;}

address {font-style: normal; }

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.green {color: green;}
.light-green {color: #a9e2a8;}
.hmaly {font-size: 1em; font-weight: bold;}
.small {font-size: 0.85em;}
.smaller {font-size: 0.75em;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr, .perspektiva, .perspektiva td, .perspektiva tr {border: none; margin: 0; padding: 3px 4px;}
td.td_short {width: 25px;}
td.td_normal {width: 75px;}
.light {color: #b1b1b1;}
img.left {margin: 0 10px 4px 0;}
img.right {margin: 0 0 4px 10px;}
.hlaska {text-align: center; color: #fff; font-weight: bold; background-color: #e20000; border: 1px solid #b80806;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  position: relative;
  text-align: left;
  background: url('../_images/container-back.gif') repeat-y top right;
  width: 975px;
  margin: 0 auto;
}
/*---------------- HEADER -----------------*/
#header {
  background: url('../_images/header-back.jpg') no-repeat top right;
  width: 960px;
  height: 152px;
}

#header #logo {
  float: left;
  width: 223px;
  height: 152px;
}
#header #logo a {
	position: relative;
  display: block;
  text-decoration:none;
	color:#000000;
	font-size: 15px;
  width: 223px;
  height: 152px;
}
#header #logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-logo.jpg') no-repeat top left;
  width: 223px;
  height: 152px;
}

#header ul {
  float: left;
  margin: 2px 0 0 131px;
}
#header ul li {
  float: left;
  list-style: none;
  list-style-image: none;
  margin: 0 1px 0 0; 
}
#header ul li a {
  display: block;
  font-size: 5px;
  position: relative;
  height: 43px;
}
#header ul li a span {
  cursor : pointer;
	display: block;
	position: absolute;top:0;left:0;
  height: 43px;
}

#header ul li.menu1 {width: 81px;}
#header ul li.menu2 {width: 84px;}
#header ul li.menu3 {width: 74px;}

#header ul li.menu1 a span {background: url('../_images/header-menu-mapa.jpg') no-repeat top left; width: 81px;}
#header ul li.menu2 a span {background: url('../_images/header-menu-oblibene.jpg') no-repeat top left; width: 84px;}
#header ul li.menu3 a span {background: url('../_images/header-menu-english.jpg') no-repeat top left; width: 74px;}

#header ul li.menu1 a:hover span {background-position: -81px 0px;}
#header ul li.menu2 a:hover span {background-position: -84px 0px;}
#header ul li.menu3 a:hover span {background-position: -74px 0px;}

#header-footer {
  background: url('../_images/header-footer.jpg') no-repeat top right;
  width: 955px;
  height: 13px;
}

/*----------------- MAIN ----------------*/
#main {
  float: right;
  width: 753px;
  padding: 0 19px 0 0;
}

/*--------------- CONTENT ---------------*/
#content {
  float: left;
  background: #ffffff url('../_images/content-back.jpg') no-repeat top left;
  border: 1px solid #0934ba;
  width: 561px;
  _width: 563px;
  /*min-height: 650px;
  _height: 650px;*/
  margin: 0 8px 0 0;
  padding: 0; 
}
#content.index {
  background: #ffffff url('../_images/content-index-back.jpg') no-repeat top right; 
  min-height: 320px; 
  _height: 320px;
  padding: 0;
}
#content.index h1 {font-family: Verdana, Tahoma, Arial; font-size: 1.8em; margin: 20px 10px 10px 10px;}
#content.index h2 {font-family: Verdana, Tahoma, Arial; margin: 0 10px 5px 10px;}
#content.index p.short {text-align: left; line-height: 1.25em; _line-height: 1.5em; margin: 0 160px 10px 10px;}

#content h2.predel {
  color: #ffffff;
  background: #ffffff url('../_images/predel-back.jpg') no-repeat top left;
  width: 551px;
  _width: 561px;
  height: 29px;
  margin: 0 0 10px 0;
  padding: 5px 0 0 10px;
}
#content h2.predel a {color: #ffffff; text-decoration: none;}
#content h2.predel a:hover {color: #dd220f; text-decoration: underline;}

/*------------ RIGHT STRIPE -------------*/
#rightstripe {
  float: right;
  
  width: 180px;
  /*margin: 0 2px 0 0;
  _margin: 0;*/
}
#rightstripe h2 {
  font-size: 1.1em;
  background: #eeeeee url('../_images/novinka-back.jpg') no-repeat top left;
  width: 158px;
  _width: 180px;
  min-height: 39px;
  _height: 74px;
  margin: 0;
  padding: 35px 20px 0 2px;
}
#rightstripe .item {
  background-color: #eeeeee;
  border: 1px solid #0934ba;
  width: 180px;
  _width: 180px;
  height: 100%;
}
#rightstripe .item p,#rightstripe .item div {
  padding: 0 5px 5px 5px;
}
#rightstripe .item-footer {
  background: url('../_images/stripe-item-back.jpg') no-repeat top right;
  _background-position: 1px 0;
  width: 180px;
  height: 8px;
  margin: 0;
}

#rightstripe .cart {
  color: #fff;
  background: #072aa5 url('../_images/cart-back.jpg') 100% 0 no-repeat;
  border: 1px solid #0934ba;
  padding: 10px;
}
#rightstripe .cart strong {color: #fff;}
#rightstripe .cart a {color: #fff;}
#rightstripe .cart h2 {color: #fff; background: none; width: 160px; margin: 0 0 10px 0; padding: 0; height: 17px;}

#rightstripe .cart a.submit {font-size: 0.85em; background-color: #1341e4; width: 65px;}

#cartpopup {
  position: absolute;
  top: 410px;
  left: 280px;
  border: 2px solid #050879;
  background-color: #072aa5;
  color: #fff;
  text-align: center;
  width: 400px;
  height: 100px;
  padding: 10px;
}
#cartpopup h2, #cartpopup a {color: #fff;}
#cartpopup a:hover {color: #ceff1a;}

/*--------------- MENU --------------*/
#menu {
  float: left;
  color: #ffffff;
  width: 195px;
}
.menu-box1, .menu-box2 {
  position: relative;
  width: 195px;
  height: 37px; 
}
.menu-box1 span, .menu-box2 span {
  position: absolute; top:0;left:0;
  width: 195px;
  height: 37px;
}
.menu-box1 span {background: #0934bb url('../_images/menu-box1.jpg') no-repeat top left;}
.menu-box2 span {background: #0934bb url('../_images/menu-box2.gif') no-repeat top left;}

#menu ul {margin: 0; padding: 0;}
#menu ul li {
  list-style: none;
  list-style-image: none;
}
#menu ul li a, #menu ul li a.special {
  display: block;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  line-height: 1.5em;
  text-decoration: none;
  background: url('../_images/menu-li-back.jpg') repeat-y top left;
  width: 182px;
  _width: 195px;
  padding: 3px 5px 3px 8px; 
  
}
#menu ul li.cart a {
  background: url('../_images/menu-li-back-cart.jpg') repeat-y top left;
}
#menu ul li a:hover, #menu ul li a.special:hover, #menu ul li.active a {
  color: #0934bb;
  background-position: -195px 0;
}
#menu ul li a span, #menu ul li a.special span {
  background: url('../_images/menu-span-back.gif') no-repeat top left;
  width: 13px;
  height: 18px;
  margin: 0 5px 0 0;
  padding: 0 13px 2px 0;
}
#menu ul li a:hover span, #menu ul li a.special:hover span, #menu ul li.active a span {
  background-position: -13px 0;
}
#menu ul li a.special {color: #da2411; font-weight: bold; background: url('../_images/menu-li-special-back.gif') repeat-y top left;}
#menu ul li a:hover.special {color: #0833b9;}
#menu ul li a.special span {background: url('../_images/menu-special-span-back.gif') no-repeat top left;}


#menu ul li ul.uroven2 li a, #menu ul li ul.uroven2 li a.special {
  display: block;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  line-height: 1.2em;
  text-decoration: none;
  background: url('../_images/menu-li-back.jpg') repeat-y top left;
  width: 182px;
  _width: 195px;
  padding: 3px 5px 3px 8px;

}
#menu ul li ul.uroven2 li a:hover, #menu ul li ul.uroven2 li a.special:hover {
  color: #0934bb;
  background-position: -195px 0;
}
#menu ul li ul.uroven2 li.active a {
  font-weight: bold;
}
#menu ul li ul.uroven2 li a span, #menu ul li ul.uroven2 li a.special span {
  font-size: 0.85em;
  background: none;/* url('../_images/menu-span-back.gif') no-repeat top left;*/
  width: 13px;
  height: 15px;
  margin: 0 5px 0 0;
  padding: 0 13px 2px 0;
}
#menu ul li ul.uroven2 li a:hover span, #menu ul li ul.uroven2 li a.special:hover span, #menu ul li ul.uroven2 li.active a span {
  background-position: -13px 0;
}
#menu ul li ul.uroven2 li a.special {color: #da2411; font-weight: bold; background: url('../_images/menu-li-special-back.gif') repeat-y top left;}
#menu ul li ul.uroven2 li a:hover.special {color: #0833b9;}
#menu ul li ul.uroven2 li a.special span {background: url('../_images/menu-special-span-back.gif') no-repeat top left;}


#menu .menu-footer {
  background: url('../_images/menu-footer-back.jpg') no-repeat top right;
  width: 195px;
  height: 21px;
}

#rychly-kontakt {
  color: #031182;
  font-size: 1em;
  background: #e1eafb url('../_images/rychly-kontakt-back.jpg') 0 0 repeat-x;
  border: 1px solid #d5e1fa;
  width: 142px;
  _width: 150px;
  /*height: 121px;
  _height: 125px;*/
  margin: 10px 0 45px 22px; 
  padding: 2px 4px 0px 4px;
}
#rychly-kontakt a strong {color: #031182;}
#rychly-kontakt a:hover strong {color: #d42614;}

#menu .loga {
  text-align: center;
  
}
#menu .loga img {border: none; margin: 0 0 10px 0;}

/*-------------- FOOTER -------------*/
#footer {
  clear: both;
  color: #ffffff;
  font-size: 0.9em;
  text-align: center;
  background: #0832b7 url('../_images/footer-back.jpg') repeat-x top left;
  width: 960px;
  height: 25px;
  _height: 22px;
  margin: 0 auto 5px auto;
  padding: 3px 0 0 0;
}
#footer a {
  color: #e4ebf8;
  font-weight: normal;
  text-decoration: underline;
}
#footer a:hover {
  color: #000000;
}
#footer img {
  border: none;
  vertical-align: middle;
}
/*-------------- AKTUALITY ----------*/
.aktuality { 
  background-color: #d5d6db;
  border: 1px solid #c3c4c8;
  border-top: none;
  /*padding: 5px;*/
}
.aktuality p, .aktuality h3 {clear: both; width: 180px; _width: 195px;}
.aktuality h3 a {
  clear: right;
  font-style: italic;
  font-weight: bold;
  color: #3b7a41;
}
.aktuality h3 a:hover {color: red;}
.aktuality p {padding: 5px;}

/*vypis aktualit*/
.aktualita {
  background: #f4f4f4 url('../_images/aktualita-back.jpg') repeat-x top left;
  border: 1px solid #8c8c8c;
  width: 520px;
  _width: 540px;
  margin: 0px 0px 10px 10px;
  padding: 10px;
}
.aktualita h3 a {color: #031a6a; text-decoration: none;}
.aktualita h3 a:hover {color: #dd220f;}
.aktualita .datum {
  clear: both;
  float: left;
  color: #b1b1b1;
  width: 50px;
}
.aktualita .zobrazit-aktualitu {
  float: right;
  width: 100px;
  margin: 0 225px 0 0;
  *margin: 0 185px 0 0;
}
.aktualita .text {
  float: left;
  /*width: 350px;
  min-height: 150px;
  _height: 150px;*/
  margin: 0 10px 0 0;
}

/*--------------- CLANEK ------------*/
.clanek {
  background-color: #edeef3;
  border: 1px solid #c8d0e7;
  width: 530px; _width: 550px;
  margin: 0 5px;
  padding: 10px;
}
.clanek h1{margin: 0 0 10px 0; width: 520px; display: block;}
.clanek.kontakt img{border: none;}
.clanek .text {position: relative;}

.clanek .buy-box {
  position: relative;
  float: right;
  font-size: 0.85em;
  color: #fff;
  background: #072aa5 url('../_images/buy-box-back.gif') 0 0 repeat-x;
  border: 1px solid #999;
  width: 130px; _width: 150px;
  margin: 0 0 15px 15px;
  padding: 10px;
  z-index: 50;
}
.clanek .buy-box p {font-size: 1em;}
.clanek .buy-box h3 {color: #fff; font-size: 1em; text-align: center; padding: 0 6px 4px 6px;}
.clanek .buy-box strong {color: #fff;}
.clanek .buy-box .mnozstvi2 {float: left; width: 45px;}
.clanek .buy-box .mnozstvi2 input {height: 18px; width: 2em; border: 1px soli #999;}
.clanek .buy-box .mnozstvi3 input {cursor: pointer;}
.clanek .buy-box .mnozstvi3 {float: right; width: 65px;}

.mnozstvi {width: 2em;}

.clanek2 {margin: 0 5px; padding: 10px;}
/*--------------- DROBECEK ----------*/
.drobecek {
  font-size: 0.85em;
  margin: 4px 0 8px 4px;
}

/*--------------ALBUM (galerie)------*/
.album {
  background-color: #e8eaec;
  width: 550px;
  _width: 570px;
  margin: 0 0 10px 0;
  padding: 10px;
}

.album .nahled {
  float: left;
  text-align: center;
  width: 160px;
  margin: 0 0 0 15px;
}


/*--------------- AUTA --------------*/
.produkt p {
  font-weight: normal;
}
.produkt-navigace {
  font-size: 0.9em;
  text-align: center;
  background-color: #9f191a; 
  border: 1px solid #7A292A;
  border-bottom: none;
  width: 564px;
  min-height: 22px;
  _height: 22px;
  padding: 2px 0 0 0;
}
.produkt-navigace a {color: #ffffff; font-weight: normal; margin: 4px 5px 0 5px;}
.produkt-navigace a:hover {color: #ffffff; font-weight: normal; text-decoration: underlnie;}

.produkt-nahled {
  float: left;
  text-align: center;
  background-color: #e9eff4;
  border: 1px solid #b8c6d0;
  width: 156px;
  _width: 166px;
  height: 290px;
  _height: 300px;
  /*height: 300px;*/
  margin: 0 0 10px 7px;
  padding: 5px;
}
.produkt-nahled h2{font-size: 1em;}
.produkt-nahled img {margin: 0 auto;}
.produkt-nahled p {text-align: center;}

.produkt-nahled .image {overflow: hidden; position: relative; width: 152px; height: 162px; margin: 0 auto;}
.produkt-nahled .special_promotion {position: absolute; background: transparent url('../_images/novinka.gif') 100% 0 no-repeat; top: 1px; right: 1px; width: 52px; height: 52px;}
.produkt-nahled .image img {border: 1px solid #ddd;}
.produkt-nahled .cena {display: block; float: left; font-weight: bold; text-align: left;  width: 43%;}
.produkt-nahled .koupit {display: block; float: right; text-align: right; font-weight: bold; font-size: 0.75em; color: green; width: 55%; margin: 0 0 15px 0;}
.produkt-nahled .koupit img {border: none;}

.w100p {width: 520px;}
/*---------- AKCNI NABIDKA ---------*/
.akcni-nabidka {
  background-color: #e9eff4;
  border: 1px solid #b8c6d0;
  width: 515px;
  _width: 535px;
  margin: 10px;
  padding: 10px;
} 

/*------------- NAHLEDY ------------*/
.nahled {
  vertical-align: top;
  text-align: center;
  width: 152px;
  /*border: 1px solid black;*/
}
.nahled.right {clear: right; float: right;margin: 0 0 0 15px;}
.nahled.left {float: left;margin: 0 15px 0 0;}
.nahled a {display: block;}
.nahled img {display: block; margin: 0 auto;}
.nahled .popisek {
  /*display: block;*/
  font-size: 0.8em;
}
.horizontal {margin: 0 0 0 20px; text-align: center;}
.horizontal .nahled {
  float: left;
  _float: none;
  *display: inline;
  /*height: 170px;*/
  width: 155px;
  margin: 0 5px 10px 0; 
}
/*----------- kontakt --------*/
.mapka {
  float: left;
  text-align: center;
  width: 250px;
  margin: 10px 0 0 40px;
}

fieldset {
  /*background: #ffffff url('../images/web/fieldset-back.gif') 0 0 repeat-x;*/
  /*background: #e0e0e0 url('../images/web/fieldset-back.gif') repeat-y top right;*/
  border: 1px solid #888;
  padding: 10px;

}
fieldset.demand p {font-weight: bold; color: #222;}
input {margin: 0 0 4px 0;}
fieldset legend {color: #000000; font-weight: bold;}
input.text, input.form_large, input.form_small, textarea, input.comment_large, input.comment_small {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

input.text, input.form_large, input.comment_large {width: 335px; margin: 0 0 4px 0;}
.right-box input.text{width: 150px;}
label {float: left; clear: left;  width: 150px; margin: 0 0 4px 0;}
label.normal {float: none; width: 90px;}
input.button {margin: 0px 0px 0px 150px;}
input.short {width: 100px;_width: 150px;}
input.search {width: 100px; *margin: 4px 0 0 0;}
input.normal {width: 250px; margin: 0 0 4px 0;}
select {margin: 0 0 4px 0;}
input.submit, input.submit1, input.comment_submit {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  background-color: #021281;
  border: 1px solid #021281;
  width: 157px;
  height: 29px;
  margin: 5px 0 0 150px;
  /*padding: 0 4px 2px 4px;*/
}

input.submit1 {margin: 0; *padding: 0; }

.submit, a.submit2 {color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #021281; background-color: #062bad; width: 150px; height: 22px; padding: 2px 3px;}
a.submit2:hover {color: #fff; text-decoration: none; border: 1px solid #021281; background-color: #v; padding: 2px 3px;}
.clanek a.submit {padding: 6px 10px;}