/* OBECNA NASTAVENI */

A IMG     { border: 0; }
.cleaner  { line-height: 1px; clear: both; }

body {
  text-align:  center;   
  margin:      0;

  font-family: Arial, sans-serif;
  font-size:   small;  
  background-color: #909090;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* ZAKLDANI PROSTOR */
#frame-0 {
  margin:      10px auto;
  margin-bottom: 0px;
  width:       1024px; /* you can use px, em or % */
  text-align:  left;
  background-color: white;
  padding: 20px 20px 10px 20px;  
}

/* ZAHLAVI */
#header {  
}

#header .logo         { margin:0; text-decoration:none; }
#header .logo STRONG  { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

#header h1
{
  margin: 0;
  padding: 0px 0 10px 0;
}
#header h1 a img { 
  border: 0; 
}
#header {
  background-image: url(../img/logo-inte.gif);
  background-position: right 0px;
  background-repeat: no-repeat;    
}


/* HORNI MENU */
#menu-top {
  background-color: #FFEE4F;
  height: 45px;
  margin: 0 0 15px 0;
  font-size: 100%;
  position: relative;
  z-index: 2;
}
#menu-top li {
  float: left;
  height: 45px;
  position: relative;
  padding-right: 30px;
}
#menu-top li.first {
  background: url("../img/menu-top-left.gif") top left no-repeat;
  padding: 0 30px 0 20px;
}
#menu-top li.last {
  background: url("../img/menu-top-right.gif") top right no-repeat;
  float: right;
	padding: 0 20px 0 0;
	height: 45px;
}
#menu-top a { 
  color: black; 
  font-weight: bold;
  text-decoration: none;
  padding: 15px 0;
  height: 15px;
  
  display: block;
  float: left; 
}
#menu-top a:hover { color: red; }
#menu-top a.active 	{
	background: url("../img/menu-top-active.gif") 53% 100% no-repeat;
}


/* MENU E-SHOP */
#menu-eshop {
  border: 2px solid #FFF201; /*#FFFF80;*/  
}
#menu-eshop ul.level-0 {
}
#menu-eshop ul.level-0 li {
   margin: 2px;
}
#menu-eshop ul.level-0 li.active {
   font-weight: bold;
}
#menu-eshop ul.level-0 li a {
   display: block;
   line-height: 18px;
   padding: 8px 5px 8px 15px;
   background-color: #FFF56D; /*#FFF56D;*/   
   color: black;
}
#menu-eshop ul.level-0 li a:hover {
   background-color: #FFEE4F;
}
#menu-eshop ul.level-1 li {
   margin: 0px;
   font-weight: normal;
}
#menu-eshop ul.level-1 li.active {
   font-weight: bold;
   text-decoration: underline;
}
#menu-eshop ul.level-1 li a {
   display: block;
   line-height: 18px;
   padding: 4px 5px 4px 20px;
   background-color: white;
}
#menu-eshop ul.level-1 li a:hover {
   background-color: white;
  text-decoration: none;
}



/* OBSAHOVY RAM */
.content H1 {
   border-top: 1px solid #A0A0A0;
   /*
   varianta ve stylu Karcher
   color: black !important;
   border-bottom: 4px solid #FFEE4F;
   */
}
.content H1, H2, H3 {
   color: #A0A0A0;
   clear: both;
}
.content H1 { font-size: 120%; }
.content H2 { font-size: 110%; }


.content table.product-list tr td {
   width: 30%;
   vertical-align: top;   
}
.content table.product-list tr td h3 {
   color: black;
   font-size: 100%;
   
   display: inline;
   border-bottom: 3px solid #FFEE4F;
   /*
   padding: 2px 2px 2px 8px;
   background-color: #FFEE4F;
   */
}
.content table.product-list tr td div {
   float: left;
}
.content table.product-list tr td div strong {
   color: red;
   font-weight: bold;
   font-family: Arial;
   font-size: 110%;   
}
.content table.product-list tr td form {
   margin: 0px;
   padding: 0px;
   float: right;
}




/* footer-menu - menu nad patou stranky */
#menu-footer {
   font-size: 90%;
}
#menu-footer UL {
   margin: 5px 0px 0px 0px;
}
#menu-footer LI {
  display: inline;
  
}
#menu-footer LI A {
  color: black;
}
#menu-footer LI A:hover {
  color: black;
  text-decoration: none;
}
#menu-footer LI A.active {
  text-decoration: none;
}

.footer-frame {
  margin:  0px auto;
  width:       1024px; /* you can use px, em or % */
  text-align:  left;
  background-color: white;
  padding: 0px 20px 20px 20px;
}
.footer-content {
  background-color: #E0E0E0;
  padding: 10px 5px 10px 5px;
  font-size: 80%;  
}
.footer-content,
.footer-content a {
  color: #505050;
}




/* column container */
.colmask {
   position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear: both;
   float: left;
   width: 100%;          /* width of whole page */
   overflow: hidden;     /* This chops off any overhanging divs */
   background: white; /*lightblue*/
}
/* 2 column left menu settings */
.colmask .colright {
  float: left;
  width: 200%;
  position: relative;
  left: 200px;
  background: #fff;  
}
.colmask .col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:200px;
  padding-bottom:1em;
}
/* pravy sloupec - margin nastavuje sirku leveho sloupce a okraje */
.colmask .col1 {
  margin:0 0 0 215px;   /* 0 pravy okraj 0  */
  position:relative;
  right:100%;
  overflow:hidden;
}
/* levy sloupec - sirka = sirka sloupce = relativni poloha zprava, kdy sirka uzzsi ajko by mel okraj o sirce zuzeni */
.colmask .col2 {
  float:left;
  width:200px;          /* sirka leveho sloupce bez okraju */
  position:relative;
  right:200px;          /* sirka leveho sloupce + levy/pravy? okraj */
}






/*
.product-list     {font-size: 0.9em; line-height: 1.3; list-style: none; width: 735px; min-height: 10px; padding: 0; margin-bottom: 10px; margin-left: 0; overflow: hidden; }
.product-list>li  {width: 218px; height: 28.5em; padding: 10px; margin: 0 5px 5px 0; position: relative; background: #fff; border: solid 1px #d9d8d8; float: left; } 
*/

.product-list               { margin:0; padding:0; overflow: hidden;}
.product-list>li            { width: 305px; height: 230px; padding: 5px; margin: 5px; position: relative; background: #fff; border: solid 1px #d9d8d8; float: left; list-style-type: none; }
.product-list .info         { }
.product-list .bottom       { }

.product-list H2             { color: orange; font-size: 1.3em; margin: 0px; }
.product-list H3             { color: black; font-size: 1em; margin: 0px; }
.product-list P              { margin: 0;}
.product-list .price-now     { text-transform: uppercase; font-weight: bold; }
.product-list .price-now EM  { font-style: normal; color: red; }
.product-list .price-normal  { text-decoration: line-through;}
.product-list UL             { list-style-type: disc; margin: 5px 0 15px 15px; line-height: 18px; }



/* product list - catalogue view */
.p-list {font-size: 0.9em; line-height: 1.3; list-style: none; width: 735px; min-height: 10px; padding: 0; margin-bottom: 10px; margin-left: 0; overflow: hidden; }
.p-list>li {width: 218px; height: 28.5em; padding: 10px; margin: 0 5px 5px 0; position: relative; background: #fff; border: solid 1px #d9d8d8; float: left; }

.p-list h3 {font-size: 1.1em; line-height: 1.5; height: 2.8em; margin: 0; margin-bottom: 10px; overflow: hidden; }
.p-list h3 a {text-decoration: underline; display: block; }
.p-list h3 a:hover, .p-list h3 a:focus {text-decoration: none; }

.p-list .i-box {text-align: center; width: 110px; height: 130px; margin-bottom: 5px; float: left; }
.p-list .i-box a {width: 108px; height: 108px; margin-bottom: 5px; position: relative; border: solid 1px #d8d7d7; display: block; }

.p-list span.sticker {width: 63px; height: 63px; top: -8px; left: -12px; background: url('../gfx/ico_sticker_list.png') 0 0 no-repeat; }
.p-list .i-box span.shipping  {background-position: -126px 0; }
.p-list .i-box span.gift      {background-position: -189px 0; }

.p-list big {color: #cc0000; font-size: 1.5em; margin-bottom: -0.25em; display: block; }
.p-list .pl-115:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both; }
.p-list .pl-115 b {margin-top: 0.2em; display: block; }

.p-list p, .p-list ul {margin-bottom: 0.9em; }
.p-list form {margin-top: -5px; }
.p-list .btn-add-cart {width: 70px; padding: 6px 0; margin-right: -5px; }

ul.param {margin: 0; position: absolute; bottom: 10px; }
ul.param {/*font-weight: bold;*/ list-style: none; padding-left: 0; }
ul.param li {margin-bottom: 0; background-position: 0 5px; }
ul.param em {font-weight: bold; font-style: normal; padding-right: 5px; }

/* product list - short version */
.short-form>li {height: 20.7em; }



/* SERVIS */
DIV.content.servis,
DIV.content.nase-prodejny { margin: 0px; }

.content.servis H1,
.content.nase-prodejny H1 { font-size: 150%; font-family: Arial; border: none; color: orange;}
.content.servis UL { list-style: disc; margin: 20px;}


DIV.content.nase-prodejny TABLE TR TD H2 { color: black; margin: 0px;}
DIV.content.nase-prodejny TABLE TR TD { vertical-align: top;}

DIV.note {
  background-color: #FFF56D;
  margin: 0 0 5px 0;
  padding: 5px 5px 5px 10px;
}





H1.title { font-size: 150%; font-family: Arial; border: none; color: orange;}

/* UVODNI STRANA */
DIV.home DIV DIV.col1 H2,
DIV.home DIV DIV.col2 H2,
DIV.home DIV DIV.col3 H2
{
  font-size: 110%;
  color: orange;
}
DIV.home DIV DIV.col1 P,
DIV.home DIV DIV.col2 P,
DIV.home DIV DIV.col3 P
{
  margin: 2px 0 10px 0;
}
DIV.home DIV DIV.col1,
DIV.home DIV DIV.col2,
DIV.home DIV DIV.col3 {
  float: left;
  width: 328px;
  margin-right: 20px;
}
DIV.home DIV DIV.col3 {
  margin-right: 0px;
}

/*
DIV.home DIV DIV.col1 {
  background-color: green;
}
DIV.home DIV DIV.col2 {
  background-color: blue;
}
DIV.home DIV DIV.col3 {
  background-color: red;
}
*/


/* OBJEDNAVKA / ORDER */
DIV.order LABEL {
  width: 100px;
  float: left;
  text-align: left;
  padding-top: 4px;
}
DIV.order LABEL.req {
  font-weight: bold;
}
DIV.order INPUT,
DIV.order TEXTAREA {
  width: 300px;
}


/* BEGIN :: KATALOG PRODUKTU */
DIV.product-catalog H2 {
  color: black;
  padding-top: 5px;
  margin: 0px;
}
DIV.product-catalog UL {
  list-style-type: none;  
  margin: 0px;
  padding: 0px;
  font-size: 90%;
}
DIV.product-catalog UL LI {
  float: left;
}
DIV.product-catalog UL LI A {
  border: 0;
  text-decoration: none;
}
DIV.product-catalog UL LI A DIV {
  width: 180px;
  border: 2px solid #E0E0E0;
  margin: 5px 10px 5px 0px;
  padding: 5px;
  height: 200px;
  color: black;
}
DIV.product-catalog UL LI A:hover DIV {
  border: 2px solid red; /*#FFEE4F;*/
  
}
DIV.product-catalog UL LI A DIV IMG {
  border: none;
}
/* END :: KATALOG PRODUKTU */


/* BEGIN :: AKCNI NABIDKA */
TABLE.special-offer {
  border-collapse: collapse;
  line-height: 150%;
}
TABLE.special-offer THEAD TR TD {
  background-color: #FFEE4F;
  border: 2px solid #FFEE4F;
  padding: 2px;
}
TABLE.special-offer TR TD H4 {
  color: orange;
  font-size: 120%;
  font-family: Arial;
  margin: 0px;
  padding: 15px 0 0 0;
}
TABLE.special-offer TBODY TR.title TD {
  border: 0px;
}
TABLE.special-offer TBODY TR TD {
  border: 2px solid #E8E8E8;  
}
TABLE.special-offer TBODY TR TD.price {
  text-align: right;
}
/* END :: AKCNI NABIDKA */

/**/ 

DIV.product-short-view H2             { color: orange; font-size: 1.3em; margin: 0px; }
DIV.product-short-view H3             { color: black; font-size: 1em; margin: 0px; }
DIV.product-short-view P              { margin: 0;}

DIV.product-short-view .price-now     { text-transform: uppercase; font-weight: bold; }
DIV.product-short-view .price-now EM  { font-style: normal; color: red; }

DIV.product-short-view .price-normal    { text-decoration: line-through;}


DIV.product-short-view UL       { list-style-type: disc; margin: 5px 0 15px 15px; line-height: 18px; }

 
/* BEGIN :: DETAIL PRODUKTU */
DIV.product-detail H2 {
  color: orange;
  margin: 0px;
}
DIV.product-detail H3 {
  color: black;
  margin: 0px;
}
DIV.product-detail EM {
  padding: 1px;
  font-size: 80%;
  font-family: Arial;
  font-style: normal;
  background-color: red;
  color: white;
  text-transform: uppercase;
}
DIV.product-detail UL {
  list-style-type: disc;
  margin: 5px 0 15px 15px;
  line-height: 18px;  
}
DIV.product-detail TABLE.summary {
  border: 1px solid #E0E0E0;
  border-spacing: 0;
  padding: 5px;
}
DIV.product-detail TABLE.summary TR.align-top {
  vertical-align: top;
}
DIV.product-detail TABLE.summary TR TH,
DIV.product-detail TABLE.summary TR TD {
  padding: 4px;
  text-align: left;
}
DIV.product-detail TABLE.summary TR TH {
  color: #606060;
  white-space: nowrap;
}
DIV.product-detail TABLE.summary TR TD BIG {
  font-style: normal;
  font-weight: bold;
  font-size: 110%;    
}
DIV.product-detail TABLE.summary TR.price {
  background-color: #E0E0E0;
}
DIV.product-detail TABLE.summary TR TD BIG.price {
  color: red;  
}
DIV.product-detail H4 {
  margin-bottom: 5px;
}
DIV.product-detail TABLE.tech-info TR TH {
  font-weight: normal;
  text-align: left;
}
DIV.product-detail TABLE.tech-info TR TD {
  padding-left: 10px;
}


/* END :: DETAIL PRODUKTU */

/* BEGIN :: PUJCOVNA STROJU */
DIV.machine-lending {}
TABLE.machine-to-lend {
  border-collapse: collapse;
}
TABLE.machine-to-lend THEAD TR TD {
  background-color: #E8E8E8;
  border: 2px solid white;
  padding: 2px;
}
TABLE.machine-to-lend TR TD H4 {
  color: orange;
  font-size: 120%;
  font-family: Arial;
  margin: 0px;
  padding: 15px 0 0 0;
}
TABLE.machine-to-lend TBODY TR.title TD {
  border: 0px;
}
TABLE.machine-to-lend TBODY TR TD {
  border: 2px solid #E8E8E8;  
}
/* END :: PUJCOVNA STROJU */


/* BEGIN :: AKCNI NABIDKA */
DIV.special-offer TABLE H5 {
  margin-top: 0px;
  font-size: 100%;     
}
/* END :: AKCNI NABIDKA */



/* BEGIN :: UVODNI STRANKA - promo box */
.homepage-promo-frame {
  position: relative;
  height: 220px;
}
.homepage-promo-box {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
  visibility: hidden;	
}
.homepage-promo-box DIV.promo-box-type0-left {
  float: left; 
  width: 334px; 
  height: 220px; 
  background-color: #FFEE4F;
}
DIV.promo-box-type0-left-frame {
  padding: 0px;
}
.homepage-promo-box DIV.promo-box-type0-right {
  float: right;
  width: 690px;
  height: 220px;
  background-color: #FFEE4F;
}
.homepage-promo-box DIV.promo-box-type1-left {
  float: left; 
  width: 334px; 
  height: 220px; 
  background-color: #FFEE4F;
}
DIV.promo-box-type1-left-frame {
  padding: 10px;
}
.homepage-promo-box DIV.promo-box-type1-right {
  float: right;
}
.homepage-promo-box EM {
  padding: 1px;
  font-size: 80%;
  font-family: Arial;
  font-style: normal;
  background-color: red;
  color: white;
  text-transform: uppercase;
}
.homepage-promo-box H2 {
  font-family: Arial;
  color: red;
  font-size: 110%;
  margin: 10px 0 0 0;
}
.homepage-promo-box H3.subtitle {
  font-family: Arial;
  color: black;
  font-size: 120%;
  margin: 0;
}
.homepage-promo-box A {
  border: none;
  text-decoration: none;
  color: black;
}
.homepage-promo-box P {
  margin: 5px 0 5px 0;
} 
.homepage-promo-box DIV.price {
  text-align: right;
  font-weight: bold;
  color: red;
  font-size: 120%;
  font-family: Arial;
}
/* END :: UVODNI STRANKA - promo box */

.visible {
  visibility: visible;
}










/* PRODUCT LIST (LIST & GRID) */
/* .product-list *                { color: blue; } */
.product-grid .product-name    { font-size: 1.1em; font-weight: bold; }
.product-grid .product-name *  { color: black; }

.product-grid          { margin:0; padding:10px 0 0 0; overflow:hidden;}
.product-grid>LI       { width:253px; height:240px; padding:4px; margin:0 10px 10px 0; position:relative; background:#fff; border:solid 1px #E0E0E0; float: left; list-style-type:none; }
.product-grid>LI.first { width:253px; }
.product-grid>LI.last  { width:253px; margin-right:0; }

.product-grid>LI.item .item-img       { text-align: center; width: 150px; height: 150px; margin-bottom: 0px; float: left; border: 0; }
.product-grid>LI.item .item-img A     { width: 150px; height: 150px; position: relative; border: solid 1px #d8d7d7; display: block;}
.product-grid>LI.item .item-inf       { margin-left: 158px; }
.product-grid>LI.item .item-inf P     { padding: 0px; }
.product-grid>LI.item .item-inf:after { content: '.'; height: 0; visibility: hidden; display: block; clear: both; }

.product-grid>LI.item .item-inf STRONG.action { padding: 2px 5px 2px 5px; background-color: red; color: white; font-size: 0.8em; }


.product-grid>LI.item P               { padding: 5px 0 5px 0; margin: 0px;}
.product-grid>LI.item IMG             { margin-right: 5px; }
.product-grid>LI.item .price_normal   {text-decoration: line-through;}
.product-grid>LI.item .price          {color: red; font-weight: bold;}
.product-grid>LI.item .add-to-cart    { width:70px; background-color:#FFEE4F; color:black; font-weight:bold; font-size:1em; font-family: Arial; border: none; padding:4px; margin:4px 0;}