/* CGS layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; }

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

/* Layout */
#mother {  }
#main { position: relative; }

.main-width { width: 986px; position: relative; }


.col-content { float: right; width: 787px; background: url(../img/bg-col-content.png) no-repeat 0 0; margin-left: -1px; }
.col-side { float: left; width: 200px; position: relative; z-index: 251; }

.col-content .spc { padding: 20px 0 5px 21px; zoom: 1;}
.col-side .spc { padding: 17px; zoom: 1; position: relative; z-index: 251;}

.col-content-left { float: left; width: 507px; }
.col-content-right { float: right; width: 248px; }
.top-pad { margin-top: 40px; }

.col-tech-left { width: 600px; float: left; /*border-right: 1px solid #dfdfdf;*/ padding-right: 10px; }
.col-tech-right { width: 150px; float: right; text-align: center; }

/* Header */
#header { background: #ff000a url(../img/bg-header.png) no-repeat 0 0; position: relative; z-index: 50; }
#header .main-width { height: 204px; }
#header #motive { width: 786px; height: 120px; position: absolute; top: 84px; left: 200px; }

#header .motive01 { background: url(../img/motives/motive01.jpg) no-repeat 0 0; }
#header .motive02 { background: url(../img/motives/motive02.jpg) no-repeat 0 0; }

#logo-box { margin: 0 0 0 0; float: left; background: url(../img/bg-map-motive.png) no-repeat 0 100%; width: 200px; height: 204px; }
#logo-box img { margin: 20px 0 0 23px; }

#top-left-box { position: absolute; top: 8px; left: 230px; font-size: 92%; font-family: Verdana, Arial, sans-serif; color: white; }
#top-left-box a {color: white;}

#search-box { position: absolute; top: 8px; right: 0; font-size: 92%; font-family: Verdana, Arial, sans-serif; color: white; }
#search-box a { color: white; }
#search-box label { margin-left: 10px; }
#search-box #q { border: 1px solid #000; border-color: black white white black; font-size: 100%; font-family:  Verdana, Arial, sans-serif;  }
#search-box .btn-search { margin: 0 5px; }
#search-box form { margin: 0; padding: 0; display: inline; }
#search-box form p { margin: 0; padding: 0; display: inline; }

.ico-sitemap { padding-left: 15px; background: url(../img/ico-sitemap.png) no-repeat 0 50%; }

/* Footer */
#footer { border-top: 1px solid #d3d4d4; font-family: Verdana, Arial, sans-serif; font-size: 92%; color: #616161; margin-left: 10px; text-align: right; padding: 5px 0; }
#footer p { }

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


/* Main menu*/
#main-menu { position: absolute; bottom: 120px; left: 210px; margin: 0; font-family: Verdana, Arial, sans-serif; z-index: 60; }
#main-menu ul { float: left; margin: 0; }
#main-menu ul li { display: block; float: left; margin: 0 0 0 10px; padding: 0; list-style: none; background: none; position: relative; z-index: 80;}
#main-menu ul li a { display: block; float: left; padding: 3px 8px 10px; color: white; font-weight: bold; text-decoration: none; }
#main-menu ul li a.more  { background: url(../img/bullet-more.png) no-repeat 95% 50%; }
#main-menu ul li.hover a, #main-menu ul li.active a { background-color: #6d7072; }


/* Submenu */
#main-menu ul li ul { display: block; float: none; z-index: 30;}
#main-menu ul li ul li { font-size: 100%;  float: none; width: 100%;}

#main-menu ul li .submenu { display: none; font-size: 92%; position: relative; }
#main-menu ul li.hover .submenu { clear: both; display: block; position: relative; top: 0; left: 0; padding: 0; margin: 0px; }
#main-menu ul li.hover .submenu ul { position: absolute; top: 0; left: 0; display: block; margin: 0px; padding: 0; border-top: 1px solid #CCCCCC; border-bottom: 4px solid #f50009; background: white; _width: 10px; }

#main-menu ul li.hover ul li { float: none; clear: both; border: 0px; margin: 0px; padding: 0; display: block; min-height: 0; white-space: nowrap; zoom: 1;  }
#main-menu ul li.hover ul li a { text-transform: none; font-weight: normal; color: #ff000a; padding: 3px 25px 3px 10px; display: block; float: none; zoom: 1; background-color: transparent; }
#main-menu ul li.hover ul li a:hover { color: white; background-color: #6d7072; }

/* Subsubmenu */
#main-menu ul li .submenu ul li .submenu { display: none; font-size: 100%; }
#main-menu ul li .submenu ul li.hover .submenu { clear: both; display: block; position: relative; top: -2.3em; =top: -2.1em; left: 100%; padding: 0; margin: 0px; =margin-top: -2px; }
#main-menu ul li .submenu ul li.hover .submenu ul { position: absolute; top: 0; left: 0; display: block; margin: 0px; padding: 0; border-top: 1px solid #CCCCCC; border-bottom: 4px solid #f50009; background: white;  _width: 10px;  }

#main-menu ul li .submenu ul li.hover ul li { float: none; clear: both; border: 0px; margin: 0px; padding: 0; display: block; min-height: 0; white-space: nowrap; zoom: 1; }
#main-menu ul li .submenu ul li.hover ul li a { text-transform: none; font-weight: normal; color: #ff000a; padding: 3px 25px 3px 10px; display: block; float: none; zoom: 1; }
#main-menu ul li .submenu ul li.hover ul li a:hover { color: white; }

.kfb-iframe {z-index: 25; position: absolute; top: 0; left: 0; width: 10px; height: 10px; background-color: #f00; border: none; }


/* Lang menu */
#lang-menu { position: absolute; bottom: 120px; right: 0; margin: 0; font-family: Verdana, Arial, sans-serif; z-index: 100; } 
#lang-menu h2 { font-family: Verdana, Arial, sans-serif; font-size: 100%; font-weight: bold; margin: 0; padding: 3px 20px 10px 8px; color: white; background: url(../img/bullet-arrow-white.png) no-repeat 100% 35%; cursor: pointer; }
#lang-menu ul { display: none; }

/* Submenu */
#lang-menu ul { display: block; }
#lang-menu ul li { font-size: 100%; }

#lang-menu .submenu { display: none; font-size: 92%;}
#lang-menu:hover .submenu, #lang-menu.hover .submenu { clear: both; display: block; position: relative; top: 0; left: 0; padding: 0; margin: 0px; }
#lang-menu:hover .submenu ul, #lang-menu.hover .submenu ul { position: absolute; top: 0; left: 0; display: block; margin: 0px; padding: 0; border-top: 1px solid #CCCCCC; border-bottom: 4px solid #f50009; background: white; width: 140px; }

#lang-menu:hover ul li, #lang-menu.hover ul li { float: none; clear: both; border: 0px; margin: 0px; padding: 0; display: block; min-height: 0; white-space: nowrap; background: none; zoom: 1;  }
#lang-menu:hover ul li a, #lang-menu.hover ul li a { text-transform: none; font-weight: normal; color: #ff000a; padding: 3px 10px; display: block; float: none; zoom: 1; text-decoration: none; }
#lang-menu:hover ul li a:hover, #lang-menu.hover ul li a:hover { background-color: #6d7072; color: white; }
/* #lang-menu:hover ul li:first-child, #lang-menu.hover ul li:first-child { background: white; } */

.flag-cs { background: url(../img/flag-cs.png) no-repeat 10px 50%; padding-left: 30px !important; }
.flag-en { background: url(../img/flag-en.png) no-repeat 10px 50%; padding-left: 30px !important; }
.flag-de { background: url(../img/flag-de.png) no-repeat 10px 50%; padding-left: 30px !important; }
.flag-ru { background: url(../img/flag-ru.png) no-repeat 10px 50%; padding-left: 30px !important; }
.flag-us { background: url(../img/flag-us.png) no-repeat 10px 50%; padding-left: 30px !important; }
.flag-fr { background: url(../img/flag-ca.png) no-repeat 10px 50%; padding-left: 30px !important; }

/* Breadcrumb */
.breadcrumb { font-family: Verdana, Arial, sans-serif; font-size: 92%; margin: -12px 0 15px 0;}
.breadcrumb p { margin: 0; }

/* Subsections */
.subsections { margin: 0 0 15px 0; padding: 0; =margin-bottom: 0px; }
.subsections ul { margin: 0; padding: 0;  }
.subsections ul li { margin: 0 15px 5px 0; padding: 0 0 0 16px; background: url(../img/bullet-arrow-blue.png) no-repeat 0 0.5em; float: left; font-weight: bold; white-space: nowrap; }

/* Side menu */
.side-menu { background: #f8f8f8; padding: 13px; margin: 0 -17px 0 -5px; }
.side-menu ul { margin: 0; padding: 0; }
.side-menu ul li { margin: 0; padding: 0; background: url(../img/bg-hdots.png) repeat-x 0 0; }
.side-menu ul li:first-child { background: none; }
.side-menu ul li { _background-image: expression(this.parentNode.firstChild == this ? 'none' : 'url(img/bg-hdots.png)'); }
.side-menu ul li a { display: block; margin: 0 -13px 0 0; padding: 4px 0 4px 23px; background: url(../img/bullet-side-menu.png) no-repeat 0 50%; font-weight: bold; text-decoration: none; color: #3b3b3b; zoom: 1;}
.side-menu ul li a:visited  { color: #3b3b3b; }

.side-menu ul li a:hover { text-decoration: underline; }

.pneu-motive { background: url(../img/pneu-motive.jpg) no-repeat 100% 0; height: 166px; margin-right: -18px; }

.logo-list { margin: 0 -5px 15px; }
.logo-list img { border-left: 1px solid #e0e0e0; padding: 0 4px; }
.logo-list img:first-child { border-left: 0; }
.logo-list img { _border-left-width: expression(this.parentNode.firstChild == this ? '0' : '1px'); }

/* Breadcrumb */
#breadcrumb {  }
#breadcrumb p { }

.news-home { background: #f8f8f8; border-right: 1px solid #e7e7e7; padding: 15px 20px 1px; line-height: 1.333;}
.news-home ul { margin: 0; padding: 0; }
.news-home ul li { margin: 0 0 0.5em 0; padding: 0; background: none; }
.news-home ul li .date { display: block; color: #515151; }
.news-home ul li a, .news-home ul li a:visited { color: #515151; font-weight: bold; }

.ico-archive { background: url(../img/ico-archive.png) no-repeat 100% 50%; padding-right: 14px; font-family: Verdana, Arial, sans-serif; font-size: 92%; }

.ico-print { background: url(../img/ico-print.png) no-repeat 0 50%; font-family: Verdana, Arial, sans-serif; font-size: 92%; padding-left: 17px; }
.jshook-print { position: absolute; top: 20px; right: 20px; } 

.bullet-arrow-red { background: url(../img/bullet-arrow-red.png) no-repeat 100% 5px; padding-right: 20px; }
h2.bullet-arrow-red { background-position: 100% 0.5em; float: left; }
h3.bullet-arrow-red { background-position: 100% 8px; float: left; }

.bullet-arrow-blue { background: url(../img/bullet-arrow-blue.png) no-repeat 100% 5px; padding-right: 20px; }
h2.bullet-arrow-blue { background-position: 100% 0.5em; float: left; }
h3.bullet-arrow-blue { background-position: 100% 8px; float: left; }

/* Product search */
.product-search .sel-box { float: left; margin: 0 10px 15px 0; }
.product-search .sel-box .break { width: 1px; }
.product-search .sel-box-border { border: 1px solid #e0e0e0; border-width: 0 1px 1px 0; padding: 0 15px 15px 15px; margin-right: 0;}
.product-search .sel-box select { width: 150px; }
.product-search .sel-box .img-box { width: 200px; text-align: center; margin-top: 15px; }
.product-search .sel-box .img-box img { height: 230px; }

.btn-submit { color: white; font-weight: bold; border: 1px solid #636363; padding: 2px 10px 2px 20px; background: #ff000a url(../img/bullet-btn-submit.png) no-repeat 5px 50%; overflow: visible; zoom: 1; cursor: pointer; }

/* Forms */
input, select { font-family: Arial, sans-serif; font-size: 100%; }


.product-img { margin-bottom: 30px;  }
.product-img a { text-decoration: none; font-size: 92%;  } 
.product-img a .desc { text-decoration: underline; display: block; margin-top: 4px; }

/* Trida pro box se starým obsahem */
.content img { margin: 0 10px 10px 10px; }

.content table { background: none; border: none; margin: 0 0 12px 0; width: auto}
.content table img { margin: 0 }
.content table tr td, table.plain tr { background: none; border: none; padding: 0; font-size: 100%; }
.content table tr td { padding: 5px; }
.content table.tech tr td { border: 1px solid #6D7072;; }

/* Theme Mitas */

.theme-mitas a {color: #003871; }
.theme-mitas a:visited {color: #003871;}
.theme-mitas a:hover {color: #ff000a ; }

.theme-mitas #header { background: #003871 url(../img/bg-header-mitas.png) no-repeat 0 0; }
.theme-mitas #header .main-width { height: 352px; }
.theme-mitas #header #motive { height: 268px; }
.theme-mitas #header .motive01 { background: url(../img/motives/mitas-motive01.jpg) no-repeat 0 0; }

.theme-mitas #main-menu, .theme-mitas #lang-menu { bottom: 268px; }

/*.theme-mitas #logo-box { background: url(../img/bg-map-motive-mitas.jpg) no-repeat 0 100%; height: 352px; position: absolute; left: 0; top: 0; }*/
.theme-mitas #logo-box { margin: 0 0 0 0; float: left; background: url(../img/bg-map-motive.png) no-repeat 0 100%; width: 200px; height: 264px; }
.theme-mitas #logo-box { background-image: none }

.theme-mitas #main-menu ul li:hover a, 
.theme-mitas #main-menu ul li.hover a,
.theme-mitas #main-menu ul li.active a { background-color: #ff000a; }

.theme-mitas #main-menu ul li:hover .submenu ul,
.theme-mitas #main-menu ul li.hover .submenu ul { border-bottom-color: #003871; }

.theme-mitas #main-menu ul li:hover ul li a, 
.theme-mitas #main-menu ul li.hover ul li a { background-color: transparent; }

.theme-mitas #main-menu ul li:hover ul li a:hover,
.theme-mitas #main-menu ul li.hover ul li a:hover { background-color: #4f99ca; }

/* Subsubmenu */
.theme-mitas #main-menu ul li .submenu ul li:hover .submenu ul, 
.theme-mitas #main-menu ul li .submenu ul li.hover .submenu ul { border-bottom-color: #003871; }

.theme-mitas #main-menu ul li:hover ul li a, 
.theme-mitas #main-menu ul li.hover ul li a { color: #003871; }

.theme-mitas #main-menu ul li:hover ul li a:hover,
.theme-mitas #main-menu ul li.hover ul li a:hover { color: white; }

.theme-mitas #main-menu ul li .submenu ul li:hover ul li a, 
.theme-mitas #main-menu ul li .submenu ul li.hover ul li a { color: #003871; }

.theme-mitas #main-menu ul li .submenu ul li:hover ul li a:hover, 
.theme-mitas #main-menu ul li .submenu ul li.hover ul li a:hover { color: white; }

.theme-mitas #lang-menu h2 { background-image: url(../img/bullet-arrow-white-mitas.png); }

.theme-mitas #lang-menu:hover .submenu ul, 
.theme-mitas #lang-menu.hover .submenu ul { border-bottom-color: #003871; }

.theme-mitas #lang-menu:hover ul li a, 
.theme-mitas #lang-menu.hover ul li a { color: #003871; }
.theme-mitas #lang-menu:hover ul li a:hover, 
.theme-mitas #lang-menu.hover ul li a:hover { background-color: #4f99ca; }

.theme-mitas .side-menu ul li a { color: #3b3b3b; }
.theme-mitas .side-menu ul li a:visited  { color: #3b3b3b; }

.theme-mitas .btn-submit { color: white; font-weight: bold; border: 1px solid #636363; padding: 2px 10px 2px 20px; background: #003871 url(../img/bullet-arrow-white-mitas.png) no-repeat 5px 50%; overflow: visible; zoom: 1; cursor: pointer; }

/*
 Not used... 
.theme-mitas .col-content-right .news-home { background: none; border-right: 0; }

.theme-mitas .img-list ul { margin: 0 -10px 8px; padding: 0; float: left; background: none; }
.theme-mitas .img-list ul li { margin: 0 0 0 8px; padding: 0; float: left; list-style: none; background: none; }
.theme-mitas .img-list ul li:first-child { margin-left: 0; }
.theme-mitas .img-list ul li { _margin-left: expression(this.parentNode.firstChild == this ? '0' : '10px'); }
.theme-mitas .img-list ul li img{ display: block; }
*/

.bnr-box { height: 130px; }