/* Základní styly *******************************************************************************************/
* {	margin: 0; padding: 0; }

body { margin: 0px auto; font-family: Arial; height: auto; font-size: 12px; color: #000000; background: #FFFFFF url(../images/motorex/layout/body-bg.png) repeat-x; background-position: 0px 0px; }
h1 { font-size: 20px; }
h2 { font-size: 16px; font-weight: bold; color: #FFFFFF; }
h3, h4, h5 { font-size: 12px; }
a { color: #888888; outline: none; }
a:hover { text-decoration: none; }
a img { outline: none; border: none; }
img { border:none; outline: none; }
table { width: 100%; }
p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

/* Základní styly layoutu *******************************************************************************************/
#stranka { width: 985px; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto; position: relative;}
#stranka #header { width: 961px; height: 114px; display: block; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/header.jpg) no-repeat; background-position: 0px 0px; }
#stranka #header2 { width: 961px; height: 114px; display: block; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/header2.jpg) no-repeat; background-position: 0px 0px; }
#stranka #header2 div.left, #stranka #header div.left { width: 600px; float: left; display: block; padding: 0px 0px 0px 0px; }
#stranka #header2 div.right, #stranka #header div.right { width: 300px; display: block; position: absolute;  top: 0px; left: 730px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#stranka #header2 div.right img, #stranka #header div.right img { border: none; display: block; margin: 0px;  }

#stranka #header2 div.left ul, #stranka #header div.left ul { list-style-type: none; margin: 90px 0px 0px 45px; }
#stranka #header2 div.left ul li, #stranka #header div.left ul li { display: block; float: left; margin: 0px 0px 0px 5px; height: 20px; width: 127px; line-height: 20px; background-color: #068a81; filter: alpha(opacity=60, style=4); -moz-opacity: 0.6; }
#stranka #header2 div.left ul li.open, #stranka #header div.left ul li.open { position: relative; top: 24px; display: block; float: left; margin: 0px 0px 0px 5px; height: 20px; line-height: 20px; background-color: #c2c2c2; filter: alpha(opacity=60, style=4); -moz-opacity: 0.6; }
#stranka #header2 div.left ul li a, #stranka #header div.left ul li a { color: #FFFFFF; display: block; text-transform: uppercase; text-decoration: none; padding: 4px 0px 0px 17px; font-weight: bold; background: url(../images/motorex/layout/top-menu.png) no-repeat; background-position: 6px 14px; }
#stranka #header2 div.left ul li.open a, #stranka #header div.left ul li.open a { color: #004e49 !important; display: block; text-transform: uppercase; text-decoration: none; padding: 4px 0px 0px 17px; font-weight: bold; background: url(../images/motorex/layout/top-menu_open.png) no-repeat; background-position: 6px 14px; }

OLDdiv.submenu-home, OLDdiv.submenu { position: absolute; &position: relative; _position: absolute; top: 135px; left: auto; &left: -520px; _left: 150px; margin: 0px 0px 0px 80px; color: #f4b717; }
div.submenu-home, div.submenu { position: absolute;  top: 135px; left: 25px; margin: 0px 0px 0px 80px; color: #f4b717; }

div.submenu a { color: #ffffff; text-transform: lowercase; padding-right: 3px;}
div.submenu-home a { color: #005f57; text-transform: lowercase; padding-right: 3px;}

#stranka #header-bottom { width: 800px; height: 78px; display: block; padding: 110px 12px 0px 173px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/header-bottom1.png) no-repeat; background-position: 0px 0px; }
#stranka #header-bottom2 { width: 800px; height: 78px; display: block; padding: 109px 12px 0px 173px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/header-bottom2.png) no-repeat; background-position: 0px 0px; }
#stranka h1 { padding: 0px 0px 0px 25px; text-transform: uppercase; }
#stranka #header-bottom h1 { background: url(../images/motorex/layout/h1.png) no-repeat; background-position: 0px 9px; }
#stranka #header-bottom2 h1 { background: url(../images/motorex/layout/h1_2.png) no-repeat; background-position: 0px 9px; }

#stranka #main { width: 961px; display: block; clear: both; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/page-bg.png) no-repeat; background-position: 0px 0px; }
#stranka #main2 { width: 961px; min-height: 370px; display: block; clear: both; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/page-bg2.png) no-repeat; background-position: 0px 0px; }
#stranka #main-bottom { width: 961px; height: 46px; display: block; clear: both; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/main-bottom.png) no-repeat; background-position: 0px 0px; }

#stranka #main div.left { width: 200px; float: left; display: block; }
#stranka #main div.right { width: 745px; float: right; display: block; }

#stranka #main div.left ul { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; }
#stranka #main div.left ul li { margin: 0px 0px 0px 8px; padding: 0px; display: block; font-weight: bold; color: #00847b; }
#stranka #main div.left ul li ul { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
#stranka #main div.left ul li ul li a { text-decoration: none; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; line-height: 18px; display: block; }
#stranka #main div.left ul li ul li a:hover { color: #00847b; }
#stranka #main div.left ul li ul li a.open { color: #00847b; font-weight: bold; }

#stranka #main div.right table.prodejci { background: url(../images/motorex/layout/prodejci-tab.png) no-repeat; background-position: 0px 0px; margin: 10px 0px 0px 0px; width: 715px; font-size: 10px; }
#stranka #main div.right table.prodejci tr th { background: none; height: 24px; padding: 3px 0px 0px 15px; text-align: left; text-transform: uppercase;}


#stranka #main div.right table.prodejci tr td.tab1 { width: 170px; padding: 2px 0px 5px 15px; }
#stranka #main div.right table.prodejci tr td.tab2 { width: 100px; color: #4a4a4a; padding: 2px 0px 5px 15px; }
#stranka #main div.right table.prodejci tr td.tab3 { width: 75px;  color: #4a4a4a; padding: 2px 0px 5px 15px; }
#stranka #main div.right table.prodejci tr td.tab4 { width: 110px; color: #4a4a4a; padding: 2px 0px 5px 15px; }
#stranka #main div.right table.prodejci tr td.tab4 a {display: block; width: 110px; color: #4a4a4a; overflow: hidden; text-decoration: none;}
#stranka #main div.right table.prodejci tr td.tab5 { padding: 2px 4px 5px 15px; color: #4a4a4a;  }

#stranka #main2 div.products { width: 961px; clear: both; }
#stranka #main2 div.products div.spacer { width: 1px; height: 302px; float: left; display: block; background: url(../images/motorex/layout/spacer.png) no-repeat; background-position: right 0px;  }
#stranka #main2 div.products div.product { width: 289px; height: 360px; display: block; float: left; margin: 0px 0px 10px 0px; padding: 0px 15px 0px 15px; }
#stranka #main2 div.products div.product-more { width: 289px; height: 352px; display: block; float: left; margin: 0px 0px 10px 0px; padding: 0px 15px 0px 15px; background: #FFFFFF url(../images/motorex/layout/product-bg.png) repeat-x; background-position: 0px 0px; }
#stranka #main2 div.products div.product img, #stranka #main2 div.products div.product-more img { float: left; display: block; margin: 5px 0px 0px 0px; }
#stranka #main2 div.products div.product h2, #stranka #main2 div.products div.product-more h2 { float: right; width: 160px; color: #00847b; font-size: 14px; margin: 0px 0px 0px 0px; line-height: 20px; padding: 0px 0px 0px 0px; }
#stranka #main2 div.products div.product p, #stranka #main2 div.products div.product-more p { float: right; width: 160px; color: #828282; font-size: 11px; text-align: justify; }
#stranka #main2 div.products div.product table, #stranka #main2 div.products div.product-more table { font-size: 11px; }
#stranka #main2 div.products div.product table tr th, #stranka #main2 div.products div.product-more table tr th { font-weight: normal; padding: 0px 0px 2px 0px; font-size: 10px; }
#stranka #main2 div.products div.product table tr.tab, #stranka #main2 div.products div.product-more table tr.tab { background-color: #ededed; }
#stranka #main2 div.products div.product table tr td.tab1, #stranka #main2 div.products div.product-more table tr td.tab1 { color: #00847b; font-weight: bold; border-right: 1px solid #a6bebc; width: 90px; padding: 1px 0px 1px 3px; }
#stranka #main2 div.products div.product table tr td.tab2, #stranka #main2 div.products div.product-more table tr td.tab2 { width: 70px; color: #000000; font-weight: bold; border-right: 1px solid #a6bebc; text-align: center; padding: 1px 0px 1px 0px; font-size: 12px; }
#stranka #main2 div.products div.product table tr td.tab3, #stranka #main2 div.products div.product-more table tr td.tab3 { width: 70px; color: #828282; font-weight: bold; text-align: center; padding: 1px 0px 1px 0px; }

#stranka #caption { width: 961px; height: 369px; display: block; clear: both; padding: 0px 12px 0px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/caption.jpg) no-repeat; background-position: 0px 0px; }
#stranka #caption div.left { float: left; display: block; width: 600px; }
#stranka #caption div.right { padding: 202px 0px 0px 0px; height: 142px; float: right; display: block; width: 292px; }
#stranka #caption div.right div.news { background : url(../images/motorex/layout/news.png) no-repeat; display: block; width: 292px; height: 115px; padding: 5px 0px 0px 0px; background-position: 0px bottom; }
#stranka #caption div.right div.news h2 { text-transform: uppercase; color: #000000; font-size: 14px; margin: 0px 0px 0px 0px; line-height: 20px; padding: 0px 0px 0px 0px; }
#stranka #caption div.right div.news p { margin: 0px 0px 0px 0px; padding: 5px 5px 0px 5px; font-size: 11px; float: left; display: block; width: 136px; }
#stranka #caption div.right div.news p a { color: #000000; font-size: 11px; display: block; margin: 10px 0px 0px 0px; }
a.category { position: absolute; &position: relative; _position: absolute; top: 443px; &top: 329px; _top: 443px; left: auto; &left: -150px; _left: 150px; text-decoration: none; display: block; height: 40px; width: 69px; margin-left: 446px; font-size: 9px; color: #FFFFFF; text-align: center; background: url(../images/motorex/layout/open.png) no-repeat; background-position: 0px bottom; }
a.category2 {position: absolute; &position: relative; _position: absolute; top: 443px; &top: 329px; _top: 443px; left: auto; &left: -150px; _left: 150px; text-decoration: none; display: block; height: 40px; width: 69px; margin-left: 446px; font-size: 9px; color: #FFFFFF; text-align: center; background: url(../images/motorex/layout/close.png) no-repeat; background-position: 0px bottom; }


#stranka #category { width: 950px; height: 215px; padding: 0px 17px 0px 18px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/category.png) no-repeat; background-position: 0px 0px; }
#stranka #category div.products { width: 164px; display: block; float: left; height: 200px; padding: 15px 13px 0px 13px; margin: 0px; text-align: center; }
#stranka #category div.products div.p h2 { text-transform: uppercase; text-align: center; color: #00968b; font-size: 14px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#stranka #category div.products div.p { height: 70px; display: block; font-size: 11px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#stranka #category div.products a { color: #000000; font-size: 11px; }
#stranka #category div.products div.img { height: 110px; display: block; margin: 0px 0px 2px 0px; }

#stranka #footer { width: 961px; height: 57px; display: block; font-size: 11px; padding: 0px 12px 13px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/footer.png) no-repeat; background-position: 0px 0px; }
#stranka #footer2 { width: 961px; height: 57px; display: block; font-size: 11px; padding: 44px 12px 13px 12px; margin: 0px; background: #FFFFFF url(../images/motorex/layout/footer2.png) no-repeat; background-position: 0px 0px; }
#stranka #footer2 div.left, #stranka #footer div.left { width: 400px; display: block; float: left; padding: 12px 0px 0px 13px; margin: 0px 0px 0px 0px; color: #666666; }
#stranka #footer2 div.right, #stranka #footer div.right { width: 500px; display: block; float: right; padding: 12px 15px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; color: #00847b; }
#stranka #footer2 div.right a, #stranka #footer div.right a { text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; font-size: 11px; color: #666666; }
#stranka #footer2 div.right a:hover, #stranka #footer div.right a:hover { text-decoration: underline; }


#pagination-outer {display: block; width: 961px; height: 25px; position: relative; background: url(../images/motorex/layout/pagination-box-bck.gif) left top no-repeat #ffffff;}
#pagination-inner {display: block; width: 961px; height: 57px; position: absolute; top: 10px; left: 0px; }
#pagination-inner a.back, #pagination-inner a.back:active, #pagination-inner a.back:visited, #pagination-inner a.back:hover {display: block; width: 150px; height: 57px; color: #00847b; text-decoration: none; text-transform: uppercase; line-height: 57px; padding-left: 30px; background: url(../images/motorex/layout/pagination-back.gif) left top no-repeat; overflow: hidden; float: left;}
#pagination-inner a.forward, #pagination-inner a.forward:active, #pagination-inner a.forward:visited, #pagination-inner a.forward:hover {display: block; width: 150px; height: 57px; color: #00847b; text-decoration: none; text-transform: uppercase;  line-height: 57px; padding-right: 30px; text-align: right; background: url(../images/motorex/layout/pagination-forward.gif) right top no-repeat; overflow: hidden; float: right;}

/* Ostatní *******************************************************************************************/
div.clear, div.span { width: 1px; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
span.hidden { visibility: hidden; }
span.alignLeft { float: left; display: block; line-height: 25px; margin: 0px 5px 0px 0px; font-weight: bold; }
.article {padding: 15px;}


/* mapa CR + SR */
#stranka #main p.info { margin: 40px 0px 0px 0px; }
#stranka #main p.info span { margin: 0px 0px 10px 0px; color: #e30011; font-size: 13px;  display: block;}
#reseller-map { display: block; width: 367px; height: 200px; overflow: hidden; background: url(../images/motorex/map/cr-sr-map.gif) left top no-repeat; }
#reseller-map-bck { display: block; width: 367px; overflow: hidden; float: left; background: url(../images/motorex/map/cr-sr-map-bck.gif) left top no-repeat; margin: 20px 10px 0px 20px; }