@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	font-size: 75%;
  text-align : center;
  color: #333;
	background : #FFFFFF url("body.gif");
}
/*--- page ---*/   
#page {
  position: relative;
  width: 995px;
  margin: 0px auto 0 auto;
  text-align: left;
}
#header {
  position: relative;
  width: 981px;
  _width: 995px;  
  height: 154px;
  margin: 0px auto 0 auto;
  border: 7px solid #E3F2DB;
  border-top: none;
  background: #fff url("header.jpg") no-repeat;
}	
#user {
  width: 981px;
  _width: 995px;  
  margin: 0px auto 0 auto;
  padding: 10px 5px 9px 5px;
  border-bottom: 1px solid #fff;
}
#doc {
  width: 981px;
  _width: 995px;  
  margin: 0px auto 0 auto;
  min-height: 450px;
  _height: 450px;
  background: #fff;
  border: 7px solid #E3F2DB;
  padding-top: 15px;  
}
#text {
  width: 767px;
  _width: 760px;
  float: right;
}
#text-non-hp {
  width: 757px;
  _width: 755px;
  float: right;
  padding: 0 15px 20px 0;
}	
#left {
  width: 170px;
  _width: 200px;  
  float: left;
  padding: 0 15px 20px 15px;
  background: url(left.gif) no-repeat top right;
}
#text-in {
  width: 520px;
  _width: 510px;
  float: left;
}
#right {
  width: 213px;
  _width: 243px;
  float: right;
  padding: 0 15px 0 15px;  
}		
#footer {
  width: 971px;
  _width: 981px;  
  margin: 0px auto 0 auto;
  padding: 5px 10px;
  color: #8F8F8F;
  margin-bottom: 20px;
}	
/*------------------------------------------------ menu-top ---*/
#menu-top {
  position: absolute;
  top: 25px;
  right: 20px;
}
#menu-top ul {
 list-style-type: none;
}
#menu-top li {
  list-style-type: none;
}
#menu-top li a {
  display: block;
  padding: 4px 0px 4px 20px;
  text-decoration: none;
  color: #555555;
  width: 165px;
}
#menu-top li a span {
  padding: 0px 0px 0px 0px;
  font-size: 1em;
  display: block;
  font-weight: bold;
  color: #008837;
}
#menu-top li.active a {
  color: #8D2477;  
  background: url("menu-active.gif") no-repeat left center;
  display: block;
  _width: 190px;
}
#menu-top li.active a span {
  color: #8D2477;  
}
#menu-top ul li a:hover span{
    color: #8D2477;
}
#menu-top ul li a.last {
  border-right: none;
}
#menu-top li a.home span{
  background: url("home.gif") no-repeat left center;
  padding: 2px 0px 2px 20px;
}
#menu-top li a.prihlaseni span{
  background: url("prihlaseni.gif") no-repeat left center;
  padding: 2px 0px 2px 20px;
}
#menu-top li a.kosik span{
  background: url("kos.gif") no-repeat left center;
  padding: 2px 0px 2px 20px;
}
#menu-top li a.napoveda span{
  background: url("napoveda.gif") no-repeat left center;
  padding: 2px 0px 2px 20px;
}
/*--- left ---*/
#left div.box {
  margin-bottom: 1em;
}
#left h3{
  background: #E3F2DA;
  padding: 5px 10px;
  font-size: 1.1em;
  color: #000;  
}
ul.inf {
  margin-left: 10px;
}
ul.inf a{
  color: #000;
}
#left ul.inf li{
  margin-top: 5px;
  padding-left: 12px;
}
/*--- menu left ---*/
#menu-left ul {
  list-style-type: none;
  margin: 5px 0 15px 0;
  _list-style-position: outside;
}

#menu-left li {  
  margin-top: 0px;
  padding-bottom: 0px;
  list-style-type: none;
}
#menu-left ul li a {
  display: block;
  _width: 100%;
  padding: 7px 0 7px 5px;
  color: #901E63;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: underline;
}
#menu-left li a span {
  display: block;
  
}
#menu-left ul li {
  margin: 0 0 0 5px;
  
}
#menu-left ul li a {
  border-bottom: 0px solid #000;
}
#menu-left ul li ul li a {
  background: none;
  padding: 1px 0 1px 10px;
  color: #063;
  font-size: 1em;
  background: url("sipka-ul.gif") no-repeat left center;
}
#menu-left ul li ul li ul li {
  margin-left: 0px;
  border-bottom: 0px solid #000;
}
#menu-left ul li ul li ul li a {
  background: none;
  font-size: 0.9em;
  font-weight: normal;
  padding: 4px 0 4px 25px;
  color: #006633;
  background: url("li-mid.gif") no-repeat 8px 50%;
}
#menu-left ul li ul li ul li.last a{
  background: url("li-btm.gif") no-repeat 8px 50%;
}
#menu-left ul ul.kravaty li {
  margin-left: 15px;
}
#menu-left li a:hover {
  text-decoration: none;
}
/*--- right ---*/
#right h3{
  background: #E3F2DA;
  padding: 8px 10px 8px 10px;
  font-size: 1em;
  border-bottom: 5px solid #B1D39A;
  color: #000;
  margin: 0;  
}
#right .right-box {
  border: 1px solid #EDF7E8;
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}
#right .right-box p, div.box-hp p {
  font-weight: bold;
}
#right .right-box p span, div.box-hp p a  {
  font-weight: normal;
}
#right .right-box p.predel {
  height: 1px;
  display: block;
  font-size: 1px;  
  background: #D7D7D7;
  margin-top: 20px;
}
/*--- user ---*/
#user p.user {
  background: url("user.gif") no-repeat left center;
  padding-left: 15px;
  font-size: 0.9em;
  line-height: 14px;
}
#user p.user a {
  color: #000;
}
#user p.user span a {
  color: #C47029;
}
#user p.standby {
  font-size: 0.9em;
}
#user p.standby span {
  font-weight: bold;
}
#user p.standby a{
  color: #C47029;
  font-weight: normal;
}
/*--- text ---*/
#text p, #text-non-hp ul, #text ul,  #text ol, #text table, #text address, #text fieldset, #text-non-hp button {
  margin: 0 0 1em 0;
  line-height: 1.3em;
}
#text-non-hp p {
  margin: 0 15px 1em 0;
  line-height: 1.3em;
}
#text-non-hp fieldset {
  width: 90%;
  margin: 0 0 1em 0;
}
#text ul, #text ol {
  list-style-position: inside;
}
#text li {
  margin-bottom: 0.4em;
}
#text li ul {
  padding-left: 2em;
}
#text table {
  border-collapse: collapse;
  border: 1px solid #EDF7E8;
  margin: 0 0 1em 0;
  font-size: 1em;    
}
#text th {
  border: 1px solid #EDF7E8;
  background: #E3F2DA;
  padding: 5px;
  text-align: left;
}
#text td {
  border: 1px solid #EDF7E8;
  padding: 5px;    
}
/*--- text-in ---*/
ul.g-square li, #text-non-hp ul li{
  list-style-type: none;
  background: url("square.gif") no-repeat left center;
  padding: 2px 0 2px 15px;
  _list-style-position: outside;
}
div.accent {
  background: #F3F9EF;
  border: 1px solid #B1D39A;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.5em;
}
#text div.accent p {
  padding: 0;
  margin: 0;
  text-align: justify;
}
div.accent2 {
  background: #FEFEFE url("bg-box1") repeat-y center;
  border: 1px solid #E0E0E0;
  padding: 10px;
  margin-bottom: 10px;
  min-height: 70px;
  _height: 70px;
}
div.accent img{
  float: left;
  margin: 0 10px 0 0;
}
#text-in ul.g-square, {
  margin-left: 10px;
}
/*--- hp-box ---*/
a.name {
  text-decoration: none;
  color: #404040;
  font-weight: bold;
}
.box-hp {
  width: 165px;
  _width: 162px;
  float:left;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 1em;
}
.last {
  margin-right: 0px;
}
#text-in .box-hp p, #text-non-hp .box-hp p {
  background: #FEFEFE url("bg-box") repeat-y center;
  border: 1px solid #E0E0E0;
  text-align: center;
  padding: 5px;
  margin-bottom: 1px;
  margin-left: 0px;
}
#text-in .box-hp p.img-box, #text-non-hp .box-hp p.img-box {
  display: block;
  height: 150px;
}
#text-in .box-hp p.item-name span.name {
display:block;
margin:0;
padding:0;
height:40px;
}
#text-in .box-hp p.item-name span.info {
display:block;
margin:0;
padding:0;
height:20px;
}
#text-non-hp .box-hp p.item-name a.name, #text-non-hp .box-hp p.item-name a.name {
  display: block;
  height: 2.5em;
  overflow: hidden;
  margin-bottom: 3px;
}
.big {
  font-size: 1.2em;
}
/*--- prodejna ---*/
div.produkt {
  width: 203px;
  _width: 223px;  
  padding: 10px 10px 0 10px;
  border: 1px solid #E8F4E0;
  border-top: 3px solid #E8F4E0;
  text-align: center;
  float: left;
  margin: 0 23px 20px 0;
}
#text-non-hp div.produkt p{

}
div.produkt p.cena span{
  font-weight: bold;
}
#text-non-hp div.produkt p.detail{
  font-weight: normal;
}
div.produkt p.detail a{
  padding: 0 5px 0 5px;
}
/*---------------------------------------- prodejna-sekce ---*/

#prodejna-podsekce, #prodejna-filtr {
  margin-bottom:20px;
  padding:5px;
  border:1px solid #eee;
  background:#efd
}
#prodejna-filtr span {
  width:48%;
  height:2em;
  line-height:2em;
}
#prodejna-podsekce span {
  display:block;
  float:left;
  width:48%;
  height:2em;
  line-height:2em;
}
#prodejna-podsekce span a, #prodejna-filtr span a  {
  margin-left:5px;
  margin-right:5px;
  color:#444;
  font-weight:bold;
  font-size:1.1em
}
#prodejna-podsekce p.zpet {
  clear:both;
  text-align:right;
  margin:5px;
  padding:0;
}
#prodejna-podsekce p.zpet a {
  font-size:0.9em;
  color:#555;
}
/*---------------------------------------- popis ---*/
div.popis {
  border-left: 3px solid #E3F2DB;
  margin: 20px 0 0 10px;
  padding: 10px 0 20px 10px;
  width: 340px;
  float: right;
}
#text-non-hp div.popis p{
  margin-left: 0px;
}
div.popis span{
  font-weight: bold;
}
div.popis  select {
  width: 50px;
  border: 1px solid #BAD0AC;
  margin-top: -2px;
}
div.popis  label span {
  width: 80px;
}
div.popis  input {
  border: 1px solid #BAD0AC;
}
div.popis p.cena span {
  color: #8D2477;
}
div.popis p.cena {
  font-size: 1.2em;
}
input.btn {
  border: none;
  padding: 3px;
  background: url("bgr-btn2.gif") repeat-x center;
  border: 1px solid #CCCCCC;
}
label span.formular-detail {
  width: 120px;
  float:none
}
.detail-form-right {
  display:block;
  width:40%;
  float:right;
}
.detail-form-left {
  display:block;
  width:50%;
  float:left;
}
/*---------------------------------------- klikaci logo ---*/
#header a.logo img{
  position: absolute;
  top: 35px;
  left: 60px;
}
#header h2 span.hidden{
  display: none;
}
#header h2 {
  margin: 0px;
}
/*-------------------------------------------- kosik ---*/
p.infob {
  color: #898989;
  background: url("info.gif") no-repeat left center;
  padding: 10px 0 10px 30px;
  margin: 0px;
}
table.kosik {
  width: 90%;
  border-collapse: collapse;
  margin-bottom: 1.5em;
  font-size: 1em;
}
table.kosik td {
  border: 1px solid #EDF7E8;
  padding: 5px;
}
table.kosik thead th {
  background: #fff;
  padding: 5px;
  border: 1px solid #EDF7E8;
  text-align: center;
}
table.kosik thead th.textL {
  text-align: left;
}
table.kosik tfoot td {
  background: #fff;
  padding: 10px 5px 10px 5px;
  border: 1px solid #EDF7E8;
}
p.potvrdit a {
  padding: 5px;
  background: url("bgr-btn2.gif") repeat-x center;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  color: #000;
}
p.potvrdit a:hover {
  color: #8D2477;
}
p.potvrdit {
  text-align: right;
  padding-right: 62px;
}
table.kosik tfoot td.obj-c {
  font-weight: bold;
  font-size: 1.2em;
}
/*-------------------------------------------- footer ---*/
#footer a {
  color: #669966;
}
#footer a.silver {
  color: #8F8F8F;
  text-decoration: none; 
}
/*-------------------------------------------- obecne tagy ---*/
hr  {
  display: none;
}
h1, h2, h3, h4, h5, h6  {
  margin: 0 0 0.2em 0;
  line-height: 1.3em;
}
h1, h2 {
  font-weight: normal;
}
h1 {
  margin-bottom: 1em;
  line-height: 1.2em;
  font-size: 1.3em;
  color: #006633;
  font-weight: bold;
}
h1 a {
  color: #DDB627;
  text-decoration: none;  
}
h2 {
  margin: 1.5em 0 0.5em 0;
  line-height: 1.2em;
  font-size: 1.2em;
  color: #8D2477;
  font-weight: bold;  
}
h3 {
  font-size: 1.1em;
  color: #4D5C27;
}
h4 {
  font-size: 1em;
  color: #808080;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
}
textarea {
  margin: 1em 0 1em 0;
}
textarea.poznamka {
  width: 50%;
}
caption, dfn, cite, q, em {
	font-style: italic;
}
dfn, abbr, acronym {
  border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
strong {
	font-weight: bold;
}
fieldset {
	padding: 10px;
	border: 1px solid #E3F2DB;
	border-bottom: 3px solid #E3F2DB; 
}
legend {
	margin: 0.5em;
	padding: 0.5em 0;
  color: #006633;	
}
fieldset p {
  clear: both;
  margin-bottom: 0.5em;
}
label span {
	display: block;
	float: left;
	width: 150px;
  margin-right: 10px;
	clear: inherit;
}
/*--- odkazy ---*/
a {
  color: #8D2477;
}
a:hover {
  text-decoration: none;
}
a img {
  text-decoration: none;
  border: 0 none;
}
/*--- tridy ---*/
div.clear {
  clear: both; 
  font-size:1px; 
  height: 1px;
}
.alignL {
  float: left;
}
.alignR {
  float: right;
}
.textR {
  text-align: right;
}
.textL {
  text-align: left;
}
.picL {
  float: left;
  margin-right: 10px;
}
#text a.more, #text-non-hp a.more {
  background: url("sipka.gif") no-repeat left center;
  padding-left: 20px;
  padding-bottom: 2px;
  _height: 1px;
}
div.foto {
  width: 376px;
  float: left;
  position: relative;
}
img.vzorek {
  border: 3px solid #FFF;
  position: absolute;
  right: 0;
  bottom: -90px;
}
/*--- kosik ---*/
div.fieldset {
  padding: 10px;
  border: 1px solid #FFE5E6;
  _height: 1px;
  margin: 0 0 1em 0;
  background: #FFEFF0;
}
div.fieldset h3 {
  background: #FFE5E6;
  padding: 7px 10px 7px 10px;
  margin: -10px -10px 1.5em -10px;  
  font-size: 1em;
  color: #000;
}
ol#kroky  {
  padding: 0px;
  margin: 0px;
  font-size: 1em;
  text-align: left;
}
ol#kroky li {
  list-style-type: none;
  padding: 0px 0 0px 40px;
  color: #ccc;
  width: 125px;
  _width: 165px;
  font-size: 1em;
  font-weight: normal;
  float: left;
  height: 40px;
  margin: 0px;  
  margin-bottom: 1em;
  _margin-bottom: 0.5em;  
}
ol#kroky li.krok1 {
  background: url("krok1.gif") no-repeat left top;
}
ol#kroky li.krok1-active {
  background: url("krok1-a.gif") no-repeat left top;
  color: #000;
}
ol#kroky li.krok2-active {
  background: url("krok2-a.gif") no-repeat left top;
  color: #000;
}
ol#kroky li.krok3-active {
  background: url("krok3-a.gif") no-repeat left top;
  color: #000;
}
ol#kroky li.krok2 {
  background: url("krok2.gif") no-repeat left top;
}
ol#kroky li.krok3 {
  background: url("krok3.gif") no-repeat left top;
}
ol#kroky li span {
  padding: 0px 0 0px 0px;

}
ol#kroky li span a {
  color: #ccc;  
}

div.formbox {
  width:88%;
  _width:90%;
  padding:5px;
  margin:5px 0 5px 0;
  display:block;
  border-width:2px;
  border-style:solid;
  background-repeat:no-repeat;
  background-position:5px 5px;
  padding-left:26px;
}
div.confirm {
  color:#529214;
  border-color:#c6d880;
  background-color:#e6efc2;
  background-image:url('formbox-confirm.gif');
}
div.info {
  color:#817134;
  border-color:#ffd324;
  background-color:#fff6bf;
  background-image:url('formbox-info.gif');
}
div.error {
  color:#d12f19;
  border-color:#fbc2c4;
  background-color:#fbe3e4;
  background-image:url('formbox-error.gif');
}
.err {
  background:#FBE3E4
}
/*--- můj účet ---*/
.muj-ucet img {
  border: 1px solid #D9D9D9;
  float: left;
  margin: 0 10px 10px 0px;
}
.muj-ucet {
  clear: both;
  min-height: 110px;
}
.muj-ucet h3 {
  margin: 0px 0 5px 0;
}
.sipkaR {
  background: url("arrow-next.gif") no-repeat right center;
  padding-right: 20px;  
  _height: 1px;
}
#text ul.ucet {
 list-style-type: none;
  margin: 0;
  _border-top: 1px solid #fff;
  height:50px;
}
ul.ucet li{
  float: left;
}
ul.ucet li  a {
  display: block;
  padding: 0px 20px 0px 14px;
  background:#fff url("square-silver.gif") left top no-repeat;
}
ul.ucet li.active a {
  text-decoration: none;
  font-weight:bold;
}
ul.ucet li  a:hover {
  text-decoration: none;
}
/*--- strankovani ---*/
.pages {
  display:block;
  height:30px;
  line-height:30px;
}
.pages a, .pages span {
  font-weight:bold;
  height:12px;
}
.pages a.back {
  background:#fff url('arrow-prev.gif') no-repeat left center;
  padding:0 8px 0 24px;
}
.pages a.next {
  background:#fff url('arrow-next.gif') no-repeat right center;
  padding:0 24px 0 8px;
}
.pages a.page-num, .pages span.active {
  padding:0 8px 0 8px;
}
#text ul.list-none li, #text ul.list-ico li {
	list-style-type: none;
	padding-left: 0;
	background: transparent;
}
/*--- obrázkové ikony ke stažení ---*/
ul.list-ico 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;
}
p.search  {
  height: 40px;
}
p.search select {
  width: 50px;
  margin: 0 0 0 5px;
}
p.search input {
  float: right;
}
p.search span {
  float: left;
}
p.dop {
  margin: 2em 0 2em 0;
  color: #8F8F8F;
  padding: 15px;
  line-height: 2em;
}
p.dop a {
  color: #669966;
}
.cookieerror {
  padding:5px;
  display:block;
  border-width:5px;
  border-style:solid;
  background-repeat:no-repeat;
  background-position:5px 5px;
  padding-left:26px;
  color:#d12f19;
  border-color:#fbc2c4;
  background-color:#fbe3e4;
  background-image:url('formbox-error.gif');
  font-weight:bold;
}
}