/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: white url(../img/bg-body.png) repeat-x 0 0; }
#body-shadow { background: url(../img/bg-body-shadow.png) no-repeat 50% 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -756px; width: 737px; margin-top: 20px; }
.col-side { margin-left: -100%; width: 184px; }

#mother { width: 960px; margin: 0 auto; position: relative; }
#main { padding-bottom: 20px; background: white; zoom: 1; min-height: 300px;  }

/* Header */
#header {  position: relative; background: url(../img/bg-header.png) no-repeat 50% 0; height: 103px; z-index: 5; }

#logo { position: absolute; left: 10px; top: 15px; }
#logo a {  }

#slogan { background: url(../img/slogan.png) no-repeat 50% 50%; position: absolute; top: 23px; left: 180px; width: 216px; height: 42px; border-left: 1px solid #94be9f; padding: 10px 0 10px 35px; text-indent: -3000px; overflow: hidden; }

#slogan2 { background: url(../img/slogan2.png) no-repeat 0 0; position: absolute; top: 209px; right: 0px; width: 239px; height: 49px; text-indent: -3000px; overflow: hidden; z-index: 10; }

#john-deere-tag { position: absolute; top: 82px; left: -42px; width: 144px; height: 192px; background: url(../img/john-deere-tag.png) no-repeat 0 0; z-index: 10; }

.home-intro { background: url(../img/bg-home-intro.png) no-repeat 0 100%; padding-bottom: 10px; margin-bottom: 20px; }
.home-intro h1 strong { color: #297e40; }
.col-home-intro-main { margin-left: -726px; width: 500px; }
.col-home-intro-side { margin-left: -194px; width: 184px; }

.intro { background: url(../img/bg-intro.png) repeat-y 0 0; padding: 0; margin-bottom: 20px; border-bottom: 1px solid #a3c1a0; }
.intro-in { background: url(../img/bg-intro-in.png) no-repeat 0 0; padding: 0 10px 10px 10px; }

.home-txt-info ul li { overflow: hidden; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0; background: url(../img/bg-main-menu.png) no-repeat 50% 0; position: relative; width: 100%; height: 58px; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%;}
#main-menu ul li { display: block; float: left; margin: 0; padding: 0 10px 0 12px; background: url(../img/bg-main-menu-separator.png) no-repeat 0 50%; zoom: 1; _display: inline; }
#main-menu ul li.first { background: none; }

#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; color: #4b4b4b; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 48px; line-height: 48px; position: relative; overflow: hidden; }
#main-menu ul li a:hover { color: black; }
#main-menu ul li a:hover .sprite { background-position: 0 -100px; cursor: pointer; }
#main-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default;}
#main-menu ul li.fr { float: right; }

li.mi-darkove-predmety a { width: 107px; }
li.mi-darkove-predmety a .sprite { background-image: url(../img/mi-darkove-predmety.png); }
li.mi-home a { width: 87px; }
li.mi-home a .sprite { background-image: url(../img/mi-home.png); }
li.mi-kontakt a { width: 46px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-bazar a { width: 116px; }
li.mi-bazar a .sprite { background-image: url(../img/mi-bazar.png); }
li.mi-nahradni-dily a { width: 77px; }
li.mi-nahradni-dily a .sprite { background-image: url(../img/mi-nahradni-dily.png); }
li.mi-nase-sluzby a { width: 72px; }
li.mi-nase-sluzby a .sprite { background-image: url(../img/mi-nase-sluzby.png); }
li.mi-o-spolecnosti a { width: 82px; }
li.mi-o-spolecnosti a .sprite { background-image: url(../img/mi-o-spolecnosti.png); }
li.mi-produkty a { width: 52px; }
li.mi-produkty a .sprite { background-image: url(../img/mi-produkty.png); }
li.mi-reference a { width: 59px; }
li.mi-reference a .sprite { background-image: url(../img/mi-reference.png); }
li.mi-skolici-stredisko a { width: 95px; }
li.mi-skolici-stredisko a .sprite { background-image: url(../img/mi-skolici-stredisko.png); }

#motive-box { height: 239px; background: url(../img/motive-01.jpg) no-repeat 0 0; position: relative; overflow: hidden; }
#motive-box img {  }

/* Search box */
#search-box { position: absolute; top: 33px; right: 18px; z-index: 10; }
#search-box p { margin-bottom: 7px; }
#search-box input { vertical-align: middle; }
#search-box input#q { width: 170px; padding: 4px; border: 1px solid #acacac;  }

.ico-user { background: url(../img/ico-user.png) no-repeat 0 50%; padding: 3px 0 3px 28px; }

/* Footer */
#footer { background: url(../img/bg-footer.png) repeat-x 0 0; padding: 10px 0 10px; color: #fff799; }
#footer-in { width: 960px; margin: 0 auto; }
#footer p { margin: 0; }
#footer a { color: white; }
#footer a.sep { border-left: 1px solid #6dbc5e; padding: 0 0 0 12px; margin-left: 10px; }

.breadcrumb { border: 1px solid #cad8c7; font-size: 92.31%; padding: 5px; margin: 0 0 20px 0; background: url(../img/bg-breadcrumb.png) repeat-x 0 100%; }
.breadcrumb p { margin: 0; }

.annot { font-size: 100%;  }

.news ul { margin: 0 0 20px 0; padding: 0; }
.news ul li { margin: 0 0 18px 0; padding: 18px 0 0 0; background: url(../img/bg-news-li.png) repeat-x 0 0; zoom: 1; }
.news ul li.first { background: none; padding-top: 0; }
.news ul li .img-box { float: left; }
.news ul li .img-box img { background: white; display: block; }
.news ul li .img-box img.framed { padding: 1px; border: 2px solid #49953c; }
.news ul li .text-box { margin-left: 118px; }
.news ul li .text-box h3 { font-size: 123.077%; line-height: 1.3; margin: 0 0 5px 0; }
.news ul li .text-box p { margin: 0; }

.news ul li .text-box ul { margin: 8px 0 0; }
.news ul li .text-box ul li {margin: 0.2em 0 0.2em 0; padding: 0 0 0 12px; background: url("../img/bullet-default.png") no-repeat 0em 0.55em; _position: relative;}

.side-box { margin: -1px 0 0 0; zoom: 1; border: 1px solid #bad5b5; }
.side-box .inner { padding: 10px 12px; background: #e1eadf; }

.side-box h2 { margin: 0; border-bottom: 2px solid #297e40; padding: 6px 0px 4px 12px; font-size: 130.769%; color: #297e40; }
.side-box h2 img { display: block; }

.side-box p { margin: 0 0 1em;}
.side-box blockquote { background: none; padding: 0; }

.side-box-news { border: 0; }
.side-box-news .inner {  }

.side-box .news {  }
.side-box .news ul { margin: 0; padding: 0;  }
.side-box .news ul li { margin: 0 0 10px; padding: 0; background: none; }
.side-box .news ul li p { margin: 0; }
.side-box .news ul li h3 { margin: 0 0 7px 0; font-size: 100%;}
.side-box .news ul li p.date { font-size: 76.923%; margin: 0;}
.side-box .news ul li .desc { font-size: 92.308%; line-height: 1.3; margin: 0;}

.side-box .promo img { display: block; }
.dotlink { background: url(../img/bullet-default.png) no-repeat 0 0.6em; padding-left: 13px; }

ul.bullet-go li { background: url(../img/bullet-go.png) no-repeat 0 5px; padding: 0 0 0 15px; }

.side-menu ul { margin: 0; }
.side-menu ul li { background: url(../img/bullet-go.png) no-repeat 0 5px; padding: 0 0 0 15px; margin: 3px 0; }
.side-menu ul li ul li { background: url(../img/bullet-default.png) no-repeat 0 5px; padding: 0 0 0 15px; }

.signpost { margin: 0 0 10px 0; }
.signpost ul { margin: 0 0 10px 0; padding: 0; width: 100%; float: left; }
.signpost ul li { margin: 0 0 0 10px; padding: 0; width: 239px; background: none; float: left; }
.signpost ul li.first { margin-left: 0; }
.signpost ul li a { background: #49953c; display: block; text-decoration: none; }
.signpost ul li a img { display: block; padding: 2px; }
.signpost ul li a .name { display: block; background: #397f32 url(../img/bg-signpost-name.png) repeat-x 0 0; color: white; font-weight: bold; font-size: 123.077%; padding: 3px 10px; font-family: Arial, sans-serif; letter-spacing: -1px; zoom: 1; cursor: pointer; }

.signpost ul li a:hover { background: #7F4207; }

.partners { border: 1px solid #bad5b5; zoom: 1; }
.partners h2 { background: #e1eadf; border-bottom: 2px solid #297e40; font-size: 100%; margin: 0; padding: 5px 10px; zoom: 1; }
.partners ul { margin: 10px 0; padding: 0; width: 100%; float: left; }
.partners ul li { margin: 0; padding: 0; width: 105px; float: left; background: none; }
.partners ul li img { display: block; margin: 0 auto; }

.product-images { float: right; margin: 0 0 10px 15px;}
.product-images-left { float: left; margin: 0 15px 10px 0;}
.product-images img { display: block; background: white; padding: 2px; border: 1px solid #A3C1A0; }
.product-images .main-img { margin: 0 0 3px 0; }
.product-images ul { float: left; margin: 0 0 0 -3px; padding: 0; _display: inline; }
.product-images ul li { float: left; margin: 0 0 0 3px; padding: 0; _display: inline; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-sserif; }
.inp-text { border: 1px solid #8f8f8f; background: white url(../img/bg-inp-text.png) no-repeat 0 0; }
.w-full { width: 97%; _width: 95%; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.fm-box { background: #e1eadf; padding: 20px 0 20px 20px; margin: 25px 0 20px; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 30px; padding-bottom: 5px; zoom: 1;}
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.fm-col h2 { margin-top: 0; }

.fm-col .w-full { width: 100%; }
.fm-col .w-half { width: 49%; }

#email { _width: 85%; }

/* File icons */
ul.files li { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}

table.machines tr:hover td { background: #fffbb5; }
.ico-zoom { background: url(../img/ico-zoom.png) no-repeat 0 50%; padding-left: 20px; }

.ico-sorting-asc { background: url(../img/ico-sorting.png) no-repeat 100% 0; padding-right: 17px; }
.ico-sorting-desc { background: url(../img/ico-sorting.png) no-repeat 100% -100px; padding-right: 17px; }
.ico-sorting { background: url(../img/ico-sorting.png) no-repeat 100% -200px; padding-right: 17px; }

/* Paging */
.paging { padding: 10px; overflow: hidden; margin: 10px 0; border: 1px solid #E1EADF; border-width: 1px 0; clear: both; }
.paging { text-align: right;  background: #eff5ef; padding: 5px 10px; }
.paging a { margin-left: 2px; padding: 3px 3px; }
.paging a.active { font-weight: bold; }

form table.plain tr td { padding: 3px; }
#login-form  { margin: 10px 0 20px 0; background: #EFF5EF; padding: 20px; width: 460px }
#login-form table { width: auto; margin: 0 40px; background: #EFF5EF; }
#login-form table .inp-text { width: 200px; }

#register-form .inner { padding: 15px; background: #EFF5EF; zoom: 1; }
#register-form table td, .form-box table td { padding: 3px; }
#register-form .w-full { width: 250px; }
#register-form .w-half { width: 125px; }
#register-form h2 { margin-top: 5px; }
#register-form .btn-submit { margin-top: 5px; }

/* Tabs */
.tabs { margin: 15px 0 0; }

ul.tab-list { margin: 0; padding: 0 0 0px; width: 100%; float: left;  }
ul.tab-list li { margin: 0 2px 0 0; padding: 0; background: none; float: left; }
ul.tab-list li a { float: left; background: url(../img/bg-tab-inactive.png) no-repeat 0 0; text-decoration: none; color: #7e7e7e; font-weight: bold; }
ul.tab-list li a .in { float: left; padding: 5px 15px 5px 10px; margin: 0 0 0 5px; background: url(../img/bg-tab-inactive.png) no-repeat 100% 0; zoom: 1; }

ul.tab-list li.active { margin-bottom: -1px; border-bottom: 0; position: relative; z-index: 2;}
ul.tab-list li.active a, ul.tab-list li.active a .in { background-image: url(../img/bg-tab-active.png); color: #515151; outline: none; }
ul.tab-list li.active a .in { padding-bottom: 6px; }

.tab-pane { background: #EFF5EF; border: 1px solid #cecece; border-width: 0 1px; padding: 0 15px; clear: both; margin: 0 0 15px; zoom: 1; } 
.tab-pane-top { background: url(../img/tab-pane-top.png) no-repeat 0 0; margin: 0 -16px; position: relative; height: 5px; }
.tab-pane-bot { background: url(../img/tab-pane-bot.png) no-repeat 0 100%; margin: 0 -16px; position: relative; height: 5px; }