/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #6A6564;
	font-size: 12px;
	line-height: 135%;
  background: url(/img/bg-body.png) no-repeat left top;
}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 1px; overflow: hidden;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 80%; }
.weight-normal { font-weight: normal !important; }

img { border: none; }
a img { border: none; }
a { color: #6A6564; text-decoration: underline; font-weight: bold;}
a.external-link { background: url(/img/external-link.gif) no-repeat right 4px; padding-right: 10px; }

img.right { float: right; margin-left: 5px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 2px; margin-top: 3px; }

p.center img { margin-left: auto; margin-right: auto; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#body {}
#body-content {}

/* ORDER OF COLUMNS IN DOCUMENT: MIDDLE, LEFT, RIGHT */
#left-column { width: 260px; float: right;}
#middle-column { width: 470px; float: right;}

#column-wrapper { width: 730px; float: left;}
#right-column { width: 240px; float: left;}

#footer { width: 970px; }

/* LAYOUT - PUJCOVNA */
#page-pujcovna #left-column { width: 260px; float: right;}
#page-pujcovna #middle-column { width: 710px; float: right;}

#page-pujcovna #column-wrapper { width: 970px; float: none;}



/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 80px; }

/********/
/* LOGO */
/********/
#logo,
#logo a,
#logo a span { display: block; width: 97px; height: 60px; overflow: hidden; }
#logo { position: absolute; top: 15px; left: 24px; }
#logo a { position: relative; }
#logo a span { position: absolute; top: 0px; left: 0px; background: url(/img/logo.gif) no-repeat left top; cursor: pointer; }


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 27px; left: 174px; width: 805px; }
#menu li { float: left; list-style-type: none; }
#menu li a { display: block; height: 41px; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat; }
#menu li a span { display: none; }
#menu li a.active { background-position: 0px -41px; }
#menu li a:hover { background-position: 0px -41px; }

#menu-uvodni-stranka a { width: 86px; }
#menu-o-nas a { width: 78px; }
#menu-eshop a { width: 121px; }
#menu-splatkovy-prodej a { width: 93px; }
#menu-pujcovna a { width: 87px; }
#menu-kurzy a { width: 63px; }
#menu-lesnicko-technicke-prace a { width: 138px; }
#menu-rady a { width: 67px; }
#menu-kontakt a { width: 70px; }

#menu-uvodni-stranka a { background-image: url(/img/menu-uvodni-stranka.png); }
#menu-o-nas a { background-image: url(/img/menu-o-nas.png); }
#menu-eshop a { background-image: url(/img/menu-eshop.png); }
#menu-splatkovy-prodej a { background-image: url(/img/menu-splatkovy-prodej.png); }
#menu-pujcovna a { background-image: url(/img/menu-pujcovna.png); }
#menu-kurzy a { background-image: url(/img/menu-kurzy.png); }
#menu-lesnicko-technicke-prace  a { background-image: url(/img/menu-lesnicko-technicke-prace.png); }
#menu-rady a { background-image: url(/img/menu-rady.png); }
#menu-kontakt a { background-image: url(/img/menu-kontakt.png); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #C2C2C2; }
#footer a { color: #C2C2C2; font-weight: normal; text-decoration: none; }
#footer a .underline { text-decoration: underline !important; }
#footer-content {position: relative; width: 100%; padding: 15px 0px 10px 0px; font-weight: normal; }
#copyright { width: 50%; padding-left: 10px; }
#credits { position: absolute; top: 17px; right: 45px;}
#giant span { display: block; width: 56px; height: 18px; background: url(/img/giant.png) no-repeat left top; position: relative; top: -16px; left: 60px; cursor: pointer; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column-content {padding: 260px 45px 0px 15px; position:relative; z-index: 1; }

/**********************************/
/* BLOCK - eSHOP / ONLINE KATALOG */
/**********************************/
#block-eshop { background: #163769 url(/img/bg-block-eshop.gif) repeat-x left top; padding: 3px; color: #D7DFE2; font-size: 12px; margin-bottom: 25px; }
#block-eshop-content { background: #507DC0 url(/img/bg-block-eshop-content.gif) repeat-x left top; padding: 9px 5px 5px 5px; }

#block-eshop a { color: #D7DFE2; text-decoration: underline; }
#block-eshop h2 { font-weight: bold; font-size: 16px; margin-bottom: 3px; position:relative;}
#block-eshop h2,
#block-eshop a,
#block-eshop span { display: block; width: 180px; height: 16px; overflow: hidden; font-size: 12px; color: #FFFFFF; }
#block-eshop a { position: relative; }
#block-eshop span { background: url(/img/title-block-eshop.png) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; }

/***********/
/* PICTURE */
/***********/
/*#picture-spacer { height: 260px; overflow: hidden; margin: 0px;}*/
#picture { position: absolute; top: 80px; left: 0px; z-index: 0; }

/*********/
/* BLOCK */
/*********/
.block { color: #453F3D; font-size: 11px; margin-bottom: 25px;}
.block h2 { color: #163769; font-size: 16px; margin-bottom: 5px; }
.block a { color: #453F3D; font-weight: normal; text-decoration: underline; }
.block p { margin-left: 10px; }

.day { display: block; width: 40px; float: left; }

#title-block-prodejna-benesov,
#title-block-prodejna-benesov span,
#title-block-prodavane-znacky, 
#title-block-prodavane-znacky span { display: block; width: 194px; height: 17px; } 
#title-block-prodejna-benesov,
#title-block-prodavane-znacky { position: relative; }
#title-block-prodejna-benesov span,
#title-block-prodavane-znacky span { position: absolute; top: 0px; left: 0px; background-position: left top; background-repeat: no-repeat; }
#title-block-prodejna-benesov span { background-image: url(/img/title-block-prodejna-benesov.gif); }
#title-block-prodavane-znacky span { background-image: url(/img/title-block-prodavane-znacky.gif); }

#logos { padding-top: 5px;}
#logos li { display: block; float: left; position: relative; overflow: hidden; }
#logos span { display: block; position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; }

#logo-husquarna { width: 191px; height: 37px; }
#logo-jonserec { width: 97px; height: 37px; }
#logo-partner { width: 94px; height: 37px; }
#logo-flymo { width: 97px; height: 49px; }
#logo-fiskars { width: 94px; height: 49px; }
#logo-oregon { width: 97px; height: 53px; }
#logo-bahco { width: 94px; height: 53px; }
#logo-bosch { width: 97px; height: 37px; }
#logo-tecumseh { width: 94px; height: 37px; }
#logo-brigos-stratton { width: 97px; height: 50px; }
#logo-shindaiwa { width: 92px; height: 27px; margin-top:4px;}

#logo-husquarna span { width: 191px; height: 37px; background-image: url(/img/logo-husquarna.png); }
#logo-jonserec span { width: 97px; height: 37px; background-image: url(/img/logo-jonserec.png); }
#logo-partner span { width: 94px; height: 37px; background-image: url(/img/logo-partner.png); }
#logo-flymo span { width: 97px; height: 49px; background-image: url(/img/logo-flymo.png); }
#logo-fiskars span { width: 94px; height: 49px; background-image: url(/img/logo-fiskars.png); }
#logo-oregon span { width: 97px; height: 53px; background-image: url(/img/logo-oregon.png); }
#logo-bahco span { width: 94px; height: 53px; background-image: url(/img/logo-bahco.png); }
#logo-bosch span { width: 97px; height: 37px; background-image: url(/img/logo-bosch.png); }
#logo-tecumseh span { width: 94px; height: 37px; background-image: url(/img/logo-tecumseh.png); }
#logo-brigos-stratton span { width: 97px; height: 50px; background-image: url(/img/logo-brigos-stratton.png); }
#logo-shindaiwa span{ width: 92px; height: 27px; background-image: url(/img/logo-shindaiwa.png); }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column-content { padding: 30px 0px 20px 0px; }
#right-column-content h2 { font-size: 20px; font-weight: normal; color: #163769; margin-bottom: 5px; }
.product-item { font-size: 11px; }
.product-item h3 { color: #163769; font-weight: bold; font-size: 14px; margin-bottom: 4px; }
.price { font-size: 22px; color: #453F3D; font-weight: bold; text-align: center; margin-bottom: 0px; margin-top: 8px; }
.price span { font-size: 12px; font-weight: normal; line-height: 12px; }
.price span.old-price { color: #D30404; text-decoration: line-through; padding-right: 1.6em; }
.button-detail { border: 1px solid #A3B1C9; display: block; width: 150px; font-weight: normal; text-align: center; line-height: 22px; background: #A5BCDF url(/img/bg-button-detail.gif) repeat-x left top; }
.button-detail span { background: url(/img/button-detail-arrow.gif) no-repeat left 5px; padding-left: 12px; }
.center .button-detail { margin: 0 auto; }

.hr-line { width: 100%; height: 1px; overflow: hidden; background-color: #D0CFCE; margin: 15px 0px 10px 0px; }
#right-column-content ul { margin-left: 1.5em; }
#title-block-akcni-nabidky,
#title-block-akcni-nabidky span,
#title-block-fotogalerie,
#title-block-fotogalerie span,
#title-block-jak-se-k-nam-dostanete,
#title-block-jak-se-k-nam-dostanete span { display: block; width: 232px; height: 22px; }
#title-block-akcni-nabidky,
#title-block-fotogalerie,
#title-block-jak-se-k-nam-dostanete { position: relative; }
#title-block-akcni-nabidky span { position: absolute; top: 0px; left: 0px; background: url(/img/title-block-akcni-nabidky.gif) no-repeat left top; }
#title-block-fotogalerie span { position: absolute; top: 0px; left: 0px; background: url(/img/title-block-fotogalerie.gif) no-repeat left top; }
#title-block-jak-se-k-nam-dostanete span { position: absolute; top: 0px; left: 0px; background: url(/img/title-block-jak-se-k-nam-dostanete.gif) no-repeat left top; }

/*******************************************************************/
/*                                                   MIDDLE COLUMN */
/*******************************************************************/
#middle-column-content { padding: 20px 30px 0px 0px; }

#middle-column-content h1 { font-size: 36px; color: #163769; font-weight: normal; line-height: 36px; height: 50px; margin-bottom: 0px; }
#middle-column-content h2 { font-size: 18px; color: #163769; line-height: 18px; height: 24px; font-weight: normal; margin-bottom: 3px; margin-top: 10px; overflow: hidden;}
#middle-column-content h3 { font-size: 14px; /*color: #163769; */font-weight: bold; line-height: 140%; margin-top: 10px; margin-bottom: 3px; }
#middle-column-content h3.sifr { font-size: 14px; color: #163769; font-weight: bold; line-height: 14px; height: 16px; margin-top: 10px; margin-bottom: 0px; }
#middle-column-content h4 { font-size: 12px; }
#middle-column-content h2 div.h2-title-small { font-size: 14px !important; line-height: 14px; height: 16px; margin-bottom: 0px; }
#middle-column-content h2.h2-title-normal { margin-top: 1px;  }
#middle-column p { margin-bottom: 12px; line-height: 150%; }
.introduction { font-size: 14px; color: #163769; margin-bottom: 15px; /*position: relative; left: 15px;*/ }
.introduction span { /*background-color: #D5E0F1; padding: 2px 4px; */line-height: 21px !important;}
#middle-column ul { margin-left: 1.5em; }
#middle-column ol { margin-left: 2em; }

/*********/
/* TABLE */
/*********/
#middle-column-content table { border-collapse: collapse; margin-top: 5px; margin-bottom: 5px;}
#middle-column-content table th { color: #163769; border-bottom: 1px solid #D3E1F8; padding: 2px 4px; }
#middle-column-content table td { border-top: 1px solid #D3E1F8; border-bottom: 1px solid #D3E1F8; padding: 2px 4px; }
#middle-column-content table td.table-head { color: #163769; border-bottom: 1px solid #D3E1F8; padding: 2px 4px; }

/********/
/* RADY */
/********/
#page-rady {}
#page-rady #middle-column h3 { clear: both; padding-top: 5px; }

/***************/
/* FOTOGALERIE */
/***************/
#block-fotogalerie { margin-left: 18px;}
#block-fotogalerie .thumbnail { width: 68px; height: 68px; overflow: hidden; float: left; }


/* SIFR */
.sIFR-active h1,
.sIFR-active h3.sifr,
.sIFR-active h2.h2-title-small,
.sIFR-active h2.h2-title-normal,
.sIFR-active #middle-column h2 {
    	visibility: hidden;
      line-height: 1em;
    }