@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	font-size: 75%;
	background : #fff ;
  text-align : center;
	color: #363636;
  margin-bottom: 20px;	
}
/*--------------------------------------------- layout ---*/
#page {
	position: relative;
	width: 920px;
	margin: 0 auto 0 auto;
}
#header {
  width: 920px;
	height: 106px;
	margin: 0px auto 0 auto;
	text-align: left;

}
/* --- vymena obrazku, tridy vklada JS --- */
.bg1 { background: #FFF url("logo1.jpg") no-repeat 530px 5px; }
.bg2 { background: #FFF url("logo2.jpg") no-repeat 530px 5px; }

#header img {
	margin: 20px 0 0 0px;
  float: left;
}
#doc {
  margin: 0px auto 0 auto;
  width: 100%;
	text-align: left;
	clear: both;
	margin: 0px 0 0px 0;
	background : url("doc.gif") repeat-x top;
}
#menu {
  margin: 0px 0 0 0px;
  background: #17A5E2 url("bg-menu.gif") no-repeat left top;
  text-align: left;
  position: relative;
  width: 916px;
  _width: 920px;  
  height: 38px;
  padding-left: 4px;
}
#text {
  padding: 0px 20px 0 20px;
  width: 100%;
	float: left;
 	text-align: left;
  min-height: 200px;
}
#text4 {
  padding: 20px 20px 20px 20px;
  width: 620px;
  _width: 660px;  
 	text-align: left;
 	float: right;
  min-height: 300px;
  _height: 300px;  
  border-left: 1px solid #E1E1E1;  
}
#text3 {
  padding: 20px 20px 0 20px;
  text-align: left;
  min-height: 300px;
  _height: 300px;  
}
#text2 {
  padding: 20px 20px 0 20px;
  width: 690px;
  _width: 730px;  
 	text-align: left;
 	float: right;
  min-height: 300px;
  _height: 300px;  
  border-left: 1px solid #E1E1E1;  
}
#left2 {
  padding: 20px 0px 0 20px;
   width: 220px;
  _width: 240px;
	float: left;
 	text-align: left;
  min-height: 200px;
}
#left {
  padding: 20px 0px 0 20px;
   width: 160px;
  _width: 180px;
	float: left;
 	text-align: left;
  min-height: 200px;
}
#footer {
  margin: 0 auto 0 auto;
  padding: 10px 20px 20px 20px;
	clear: both;
  background: url("footer.gif") repeat-x;
  color: #336699;
}
/* --- vymena obrazku, tridy vklada JS --- */
#str, #skl, #opt, #str a, #skl a, #opt a  {
  display: block; 
  width:260px; 
  height: 84px;
}
#str.bg2 a { background:  url("strojirensky1.jpg") no-repeat;}
#str.bg1 a { background:  url("strojirensky.jpg") no-repeat; }

#skl.bg2 a { background:  url("sklarsky1.jpg") no-repeat; }
#skl.bg1 a { background:  url("sklarsky.jpg") no-repeat; }

#opt.bg1 a { background:  url("opticky.jpg") no-repeat; }
#opt.bg2 a { background:  url("opticky1.jpg") no-repeat; }
/*------------------------------------------------ navigace ---*/
#navigace {
  padding: 11px 0px 10px 20px;
  text-align: left;
  color: #4A6A94;
  font-size: 0.9em;
}
#navigace span {
  font-weight: bold;
}
#navigace a {
  color: #4A6A94;
}
/*------------------------------------------------ search ---*/
#search {
  float: right;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 0px;
  padding: 7px 30px 0 0px;
}
#search input {
  border: none;
}

.btn1 {
  margin-bottom: -6px;
}
input.text {
  font-size: 16px;
}
/*------------------------------------------------ menu ---*/

#menu ul{
 list-style-type: none;
 width: 590px;
 _width: 595px; 
  float: left;
  position: relative;
  }
#menu li{
  float: left;
}
#menu li div{
  margin: 0px 0px 0px 0px;
  background: url("border.gif") no-repeat left top;
}
#mause-event-menu a {
  background-color: #91DDFF;
}
#mause-event-menu li a {
  background: none;
}
#mause-event-menu a.ne-hover {
  background: none;
}
#mause-event-menu a.ne-hover:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
#menu li div a {
  display: block;
  color: #FFFFFF;
  padding: 13px 16px 10px 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
#menu li div a.active {
  text-decoration: underline;
}
#menu li div a:hover {
  text-decoration: none;
  color: #006896;
}
#menu ul ul {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 187px;
  background: #D9F2FF url("ulul.gif") repeat-x top ;
  padding: 15px 0 20px 0;
  visibility: hidden;
}
/*#menu li li ul {
	visibility: visible;
	left: 200px;
}*/
#menu li li a  {
  display: block;
  padding: 6px 10px 6px 15px;
  color: #000000;
  font-size: 1em;
  color: #006896;
  text-decoration: none;
}
#menu li li a  span{
  width: 162px;
  _width: 100%;  
  display: block;
}
#menu li li a:hover  {
  border-top: 1px solid #D9F3FF;
  border-bottom: 1px solid #D9F3FF;
  background: #76BFDF;
  cursor: hand;
  color: #FFF;
  padding: 5px 10px 5px 15px;
}
#menu div#first-item {
  background: none; 
}

/*------------------------------------------------ menu left ---*/
#menu-left  {
  margin: 0px 0 2em 0;
}
#menu-left ul {
  list-style-type: none;
  margin: 0px 0 0px 0;
  _list-style-position: outside;
}
#menu-left li {  
  margin-top: 0px;
  padding-bottom:0px;
  list-style-type: none;
}
#menu-left li a {
  display: block;
  _width: 100%;
  padding: 3px 0 3px 20px;
  font-size: 1.2em;
  text-decoration: underline;
  margin-left: 0px;
  background: url("li.gif") no-repeat left center;
  color: #0099CC;
}
#menu-left li a span {
  display: block;
}
#menu-left li a:hover {
  text-decoration: none;
}
#menu-left li.active a {
  text-decoration: none;
}
#menu-left li a.active {
    text-decoration: none;
    font-weight: 600;
}
#menu-left li li a {  
  background: none;
  padding: 3px 0 3px 30px;
  font-weight: normal;
  color: #707070;
}
#menu-left li li li a {  
  background: none;
  padding: 3px 0 3px 45px;
  font-weight: normal;
  color: #959595;
  font-size: 1em;
}
/*---------------------------------------- boxy ---*/
.box {
  padding: 25px 20px 20px 0;
  border-right: 1px solid #E1E1E1; 
  float: left;
  min-height: 470px;
  _height: 510px;  
}
.box1 {
  width: 240px;
  _width: 260px;  
  margin: 0 20px 0 0;
  background: url(logo1.gif) no-repeat 90px 5px;
}
.box2 {
  width: 260px;
  _width: 280px;  
  margin: 0 20px 0 0;
}
.box3 {
  width: 298px;
  padding-right: 0px;
  border-right: none;
  padding-bottom: 0px;
}
.box h2 {
  background: url("dott.gif") repeat-x bottom;
  padding: 0px;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: bold;
  color: #474747;
}
.box2 p {
  margin-bottom: 0.3em;
}
.art-box {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px #e1e1e1 solid;
}
.art-box h3 {
    padding: 0;
    margin-bottom: 0.3em;
}
.art-box p {
    padding: 0;
    margin-bottom: 0.2em;
}
.art-box p.more {
    padding: 0;
    margin: 0;
}
.box4 {
  clear: both;
  min-height: 100px;
  _height: 100px;  
}
/*---------------------------------------- produkt ---*/
.produkt {
  width: 180px;
  float: left;
  text-align: center;
  margin: 0 20px 20px 0;
  background: #fff;
  border: 1px solid #E1E1E1;
}
.produkt h3 {
  padding: 5px 0 0 0;
  margin: 0px;
  min-height: 30px;  
}
p.foto {
  width: 160px;
  _width: 180px;
  min-height: 110px;
  height: 110px;  
  padding: 10px;
  margin: 0px;
}
p.detail {
  background: #E1E1E1;
  width: 180px;
  padding: 5px 0 5px 0;
  margin-bottom: 0px;  
}
p.detail a {
  color: #474747;
}
table.produkt {
  width: 100%;
  margin: 1em 0 1em 0;
}
table.produkt th {
  background: #E1E1E1;
}
table.produkt td, table.produkt th {
  padding: 5px;
}
/*---------------------------------------- klikaci logo ---*/
#logo a{
  position: absolute;
  top: 10px;
  left: 10px;
  width:175px;
  height:170px;
  z-index: 100;
}
#logo h2 span{
  display: none;
}

/*----------------------------------------- footer ---*/
#footer span {
  display: block;
  padding: 2px 0px 0 0px;
	font-size: 0.9em;

}
#footer a {
  color: #336699;  
}
a.tdn {
  text-decoration: none;
}
/*------------------------------------------------- prihlaseni a kosik ---*/
#login {
  position: absolute;
  top: 80px;
  right: 2px;
  text-align: right;
  padding: 0px 5px 10px 0;
  color: #898989;
}

/*------------------------------------------------- formulare ---*/
fieldset {
	padding: 10px;
  border: 1px solid #E1E1E1;
  margin: 0 0 1em 0;
}
label span {
	display: block;
	float: left;
	width: 130px;
  margin-right: 10px;
}
legend{
  padding: 5px 5px 5px 5px;
  color: #888; 
}
/*------------------------------------------------- edit TinyMCE ---*/
div.edit img  {
    margin: 0 10px 0 10px;
}
div.edit,div.edit table  {
    margin-bottom: 1em;
}
div.edit th,div.edit td {
    padding: 4px 6px 4px 6px;
}
div.edit th {
    background-color: #e1e1e1;
}
/*----------------------------------------------------- obecné tagy ---*/
#text ul, #text2 ul, #text3 ul, #text4 ul {
  list-style-position: outside;
  list-style-type: none;
  margin: 0px 0 1em 0px;
}
#text ul li, #text2 ul li, #text3 ul li, #text4 ul li {
  list-style-position: outside;
  margin: 0px 0 5px 0px;
  background: url("ctv.gif") no-repeat left center;
  padding: 0 0 0px 10px;
}
#text ol li, #text2 ol li, #text3 ol li, #text4 ol li {
  list-style-position: inside;
}
#text-nonhp ul, #text-nonhp ol {
  margin: 0px 0 1em 20px;
}
a {
  color: #0099CC;
  text-decoration: underline;
}
#text a, #text2 a, #text3 a {
  color: #0099CC;
  text-decoration: underline;
}
#header a {
  color: #7EC1F4;
}
a:hover {
  text-decoration: none;
}
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1em;
  font-weight: bold;
  color: #474747;
}
h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #474747;
  margin: 0em 0 1em 0;
}
h2 {
  font-size: 1.5em;
  padding: 6px 0 10px 0px;
  font-weight: bold;
  color: #474747;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #474747;
  padding-bottom: 5px;
  margin: 10px 0 10px 0;
}
h3.plus {
  background: url("plus.gif") no-repeat left 80%;
  padding-left: 15px;
  _height: 1px;
  padding-bottom: 0px;
}
h3.minus {
  background: url("minus.gif") no-repeat left 80%;
  padding-left: 15px;
  _height: 1px;
  padding-bottom: 0px;
}
h4 {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin: 0px 0 10px 0;
}

p, address {
  margin: 0 0 1em 0;
}
hr {
  display: none;
}
table {
  font-size: 100%;
  border-collapse: collapse;
}
table td, th {
  border: 1px solid #CCCCCC;
  padding: 2px 5px 2px 5px;
}
a img{
  border: none;
}

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

.pic {
  border: 1px solid #D7D7D7;
}
.picL {
  float: left;
  border: 1px solid #D7D7D7;
  margin-right: 10px;
}
.picL1 {
  float: left;
  margin-right: 10px;
}
.picR {
  float: right;
  border: 1px solid #D7D7D7;
  margin-right: 10px;
}
/*---------------------------------------------- tridy a barvy ---*/
.alignL {
  float:left;
}
.alignR {
  float: right;
}
.textC {
  text-align: center;
}
.textL {
  text-align: left;
}
.textR {
  text-align: right;
}
.clear {
  clear: both; 
  font-size: 1px; 
  height: 1px;
  background: transparent;
}
#text ul.list-none li, #text ul.list-ico li {
	list-style-type: none;
	padding-left: 0;
	background: transparent;
}
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;
}
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;
}
ul.arrow li a {
  background: url("li.gif") no-repeat left center;
  padding-left: 20px;
  _height: 1px;
  color: #0099CC;
}

#text ul.arrow li {
  padding: 1px 0 1px 0;
  background: none;
}
#text a.sipka {
  background: url("sipka.gif") no-repeat left center;
  padding: 10px 15px 10px 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.9em;
  _height: 1px;
  cursor: hand;
}
a.sipka span {
  background: url("sipka1.gif") no-repeat left center;
  padding: 0px 0px 0px 15px;
  _height: 1px;
}
.mar-t {
  margin-top: 3em;
}
p.vice {
  background: #F0FAFE;
  padding: 5px 10px 5px 0;
  margin: 0 0px 0.6em 0px
}
a.dalsi {
  background: url("li.gif") no-repeat left center;
  padding: 0 0 0 20px;
  _height: 1px;
}
#aktuality {
  background: #FCFCFC;
  padding: 1em 20px 20px 20px;
  margin: 0 -20px 0 -20px;
  _position: relative;
  _height: 1px;
}
table.popis {
  width: 280px;
  margin: 0 0 1em 0;
}
table.popis td {
  border: none;
  background: #F3F3F3;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;  
}
input.btn2 {
  margin-bottom: -5px;
  _margin-bottom: -4px;  
  margin-left: 10px;
}
input.ks {
  border: 1px solid #CCCCCC;
  _font-size: 1em;
  padding-left: 2px;
}
ul.info li {
  padding: 3px 0px 3px 0px;
  list-style-type: none;
  font-size: 1.2em;
}
ul.info li a {
  color: #555555;
}
#left2 h3 {
  padding: 10px;
  margin: 0px;
  background: #019CE0 url("h.gif") repeat-x left center ;
  color: #fff;
}
.shop {
  background: #E4F7FF;
  padding: 10px;
  margin-bottom: 2em;
}
table.kontakt {
  width: 80%;
  clear: both;
  margin-top: 2em;
}
table.kontakt th {
  background: #E4F7FF;
  text-align: left;
  color: #4A6A94;
}
table.kontakt td, table.kontakt th{
  border: none;
  border-bottom: 1px solid #CCCCCC;  
  padding: 5px 5px 5px 5px;
}

#text2 table.kontakt th.textR {
  text-align: right;
}
.bgT {
  background: url(logo1.gif) no-repeat 90% 90%;
}
.bgT-kontakt {
  background: url(logo1.gif) no-repeat 75% 50%;
}
table.kosik {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 1em;
}
table.kosik td{
  border: 1px solid #CCCCCC;
  padding: 5px;
}
table.kosik thead th {
  background: #E4F7FF;
  padding: 5px;
  border: 1px solid #CCCCCC;
  text-align: center;
}

table.oblibene thead th{
  text-align: left;
}
table.oblibene {
  margin-bottom: 5px;
}
table.kosik tfoot td{
  background: #F2F2F2;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
a.dalsi1 {
  background: url(li.gif) no-repeat right center;
  padding-right: 18px;
  _height: 1px;
}
a.zpet {
  background: url(sipka3.gif) no-repeat left center;
  padding-left: 18px;
  _height: 1px;
}
p.potvrdit {
  text-align: right;
}
table.form td {
  border: none;
}
/*------------------------------------------------ menu ucet ---*/
ul.ucet {
 list-style-type: none;
  }
ul.ucet li{
  float: left;
}
ul.ucet li  a {
  display: block;
  padding: 5px 10px 5px 7px;
}
ul.ucet li.active a {
  text-decoration: none;
  color: #006896;
}
ul.ucet li  a:hover {
  text-decoration: none;
  color: #006896;
}
a.oblibene {
  background: url("oblibene.gif") no-repeat left center;
  padding-left: 22px;
  _height: 1px;
}
span.indi {
  background: url("indi.gif") no-repeat left center;
  padding: 2px 0 2px 25px;
  height: 20px;
  >line-height: 2em;
  color: #2598CB;
}
/* individualni produkt */
p#indi {
float:right;
}

/* individualni produkt v seznamu */
a.iodkaz {position:relative;left:-12px;}
img.iobraz {margin:0;padding:0;position:relative;left:-20px}
.btn-x {
  background-image: url("bg-btn.gif");
  background-repeat: x;
  background-position: center;
  border: 1px solid #ccc;
  >border: 1px solid #fff;  
 
  padding: 2px 5px 2px 5px;
overflow: visible;
  
}
.sipkaR {
  background: url("sipkaR.gif") no-repeat right center;
  padding-right: 20px;  
  _height: 1px;
}
.sipkaL {
  background: url("sipkaL.gif") no-repeat left center;
  padding-left: 20px;  
  _height: 1px;
}
.mezera {
  margin-bottom: 3em;
}
/* pripominka P_003: zakaznik je prihlasen, tak se Zakladni cena a Sleva musi "odtucnit"" */
.netucne {font-weight:normal
}
.box-str {
  width: 335px;
} 
.box-str p {
  padding: 7px 0 7px 0;
  background: #18A5E4;
  color: #fff;
  border-top: 1px solid #fff;
} 
#text2 .box-str p a {
  color: #fff;
  font-weight: bold;
  background: url("sipka4.gif") no-repeat right center;
  padding-right: 12px;
}
.mobil {
  display: none;
}
.tdn {
  text-decoration: none;
}
}