
/* CSS Document */

* { margin:0; padding:0;}
body { background:#a3a3a3; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; color:#5f6162;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

table.polozka {border:0;}
td.polozka { text-align:center; padding-top:25px}

table.kosik {border:0;}
td.kosik { vertical-align:top; text-align:center;}

table.menus {border:0; width:966px; text-align:right;}
td.menus { text-align:right;}

table.cart_search {border:0; width:475px; text-align:right;} /*JMM puvodne 495px*/
td.cart_search { vertical-align:top; text-align:right; padding:11px 9px 0px 0px;}

table.searchmoto {background:url(../images/bgtable1.png) top repeat-x; border:0; color:#000000; width:466px; height:468px; text-align:left; float: left;}
td.searchmoto { vertical-align:top; text-align:left; width:410px; padding:11px 9px 0 12px; }
table.searchmoto .motonadpis {font-weight: bold; color: #666; padding-left: 32px;font-size: 12px;}
table.searchmoto .contenttext {float: left;}
.motoback {background:url(../images/moto.png) bottom center no-repeat; height: 410px;}
.searchmoto form {margin-left: 20px;}

table.kategorie {background:#ffffff; border: 1px solid transparent; color:#000000; width:100%; height:auto; text-align:left; clear: both; margin-top: 10px;}
td.kategorie { width:226px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; vertical-align:top; text-align:center;  padding:0px 0px 0px 0px;}

table.kontakt_form {background:#ffffff; border: 1px solid transparent; color:#000000; width:100%; height:auto; text-align:left;}
td.kontakt_form { width:226px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; vertical-align:top; text-align:left;  padding:0px 0px 0px 0px;}

table.novinky {border:0; width:100%; text-align:right;}
td.novinky { text-align:right;}

table.motoicon {border:0; width:440px; text-align:center;}
td.motoicon { text-align:center; width:110px;}

table.dalsikrok {border:0; width:100%; text-align:right;}
td.dalsikrok { text-align:right; width:100%;}

table.cenafinall {border:0; width:100%; text-align:right;}
td.cenafinall { text-align:right; width:50%;}

table.motorkaimg {border:0; text-align:center; width:600px; margin:0; padding:0;}
td.motorkaimg {border:0; text-align:center; width:600px; margin:0; padding:0;}

table.parametry {border:0; text-align:left; width:300px; margin:0; padding:0;}
td.parametry {border:0; width:150px; text-align:left; margin:0; padding:0;}

#header .kosik{ padding-top:0px;}
#header .kosik a{  color:#000000; font-size:10px; text-transform:uppercase; text-decoration:none; font-weight:bold; display:inline-block; padding:2px 7px 4px 7px; }
#header .kosik a:hover{ background:url(../images/nav-link-act.gif) top repeat-x; color:#ffffff;}


#outer ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em;}
#outer li {display:block; float:left;}
#outer {display:block; position:relative; background:#eee; padding:2em; margin:20px 15px;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:1px;}
.xsnazzy3 span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:1px;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.ztop {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#666666; border-left:1px solid #fff; border-right:1px solid #fff;}

.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#fff; border-left:1px solid #888; border-right:1px solid #888;}

.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.zb1 {margin:0 5px; background:#666;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#666666; border:0 solid #fff; border-width:0 1px 0px 1px;}
.xboxcontent3 {display:block; background:#eee; border:0 solid #888; border-width:0 1px 0px 1px;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:109px; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:0px solid #eee;}
a.xmenu2:hover .xb1 {background:#666666;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}

a.xmenu3, a.xmenu3:visited {display:block; text-decoration:none; width:109px; font-size:0.9em;}
a.xmenu3:hover {background:transparent; cursor:pointer;}
a.xmenu3:hover span {color:#000;}
a.xmenu3:hover .xboxcontent3 {background:#eee; border-color:#888; border-bottom:0px solid #eee;}
a.xmenu3:hover .zb1 {background:#666666;}
a.xmenu3:hover .zb2, a.xmenu3:hover .zb3, a.xmenu3:hover .zb4 {background:#fff; border-color:#888;}

.hlavicka {background:#fff; text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:1px;}
a.hlavicka {background:#fff; text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:1px;}





.main-width { width:966px; margin:0 auto; text-align:left; position: relative; top: 0; left: 0;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#000; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

.margin4, .margin3{ margin-bottom:20px;}
.margin1{ margin-top:20px;}

/* ============================= header ====================== */
#header{ background:url(../images/header-top-tail.jpg) top repeat-x #e2e2e2; }
#header .bot-tail{ background:url(../images/header-bot-tail.gif) bottom repeat-x;}
#header .top{ width:966px; overflow:hidden; height:115px; }
#header .logo{ padding:40px 0 0 0; float:left;}

#header .lang{ padding:31px 0 0 21px; color:#fff; font-size:12px; text-transform:uppercase; float:right;}
#header .lang img{ vertical-align:middle; margin-left:4px;}
#header .nav-links{ padding-top:16px;}
#header .nav-links a{ color:#e5e5e5; font-size:12px; text-transform:uppercase; text-decoration:none; font-weight:bold; display:inline-block; padding:4px 9px 6px 9px; margin-left:13px;}
#header .nav-links a:hover{ background:url(../images/nav-link-act.gif) top repeat-x;}

#header .row{ width:100%; overflow:hidden; height:50px; margin-bottom:1px;}
#header .menu{ float:left;}
#header .menu ul{ padding:0; margin:0;}
#header .menu li{ float:left; padding-right:5px;}
#header .menu a{ color:#252525; font-size:12px; text-transform:uppercase; text-decoration:none; display:inline-block; padding:21px 9px 12px 10px;}
#header .menu .act, #header .menu a:hover{ background:url(../images/menu-item-act.gif) top repeat-x;}

/*#header .ucet{ width:100px; float:right; padding:10; margin:10;}
table.ucet {border:0px; width:328px; margin-right:0px;}
td.ucet { vertical-align:top; text-align:left; padding-right:0px; padding-top:0px}
*/
#header .search{ float:right; font-size:10px; color:#cd4600; padding:11px 0px 0 0;}
#header .search a{ color:#cd4600; font-weight:bold; text-decoration:none;}
#header .search a:hover{ color:#252525;}

.akcnicena {background-color:#d61a00; color:white; text-align:center; font-weight:bold;}
.novinka {background-color:#079600; color:white; text-align:center; font-weight:bold;}
.vyprodej {background-color:#ff7800; color:white; text-align:center; font-weight:bold;}
.likvidace {background-color:#9201B8; color:white; text-align:center; font-weight:bold; width: 83px;}
.poskozeno {background-color:#FFE100; color:black; text-align:center; font-weight:bold; width: 83px;}
.none {background-color:white;color:white;text-align:center; font-weight:bold;}
.doporucujeme {background-color:#0075F8; color:white; font-weight:bold; text-align:center;}
.hlavicka_nadpis {background:url(../images/hlavickanadpis.png) no-repeat; height:25px; width:226px; text-align:center; font-weight:bold;}
.hlavicka_nadpis_barvy {background:url(../images/hlavickanadpis.png) repeat-x; height:13px; width:692px; text-align:left; font-weight:bold; padding-left:20px;}

/* ============================= content ===================== 
#content{ background:url(../images/content-bg.gif) top center no-repeat #ececec; padding:19px 0 3px 0;}

#content{ background:url(../images/content-bg1.gif) top center repeat-y #ececec; padding:19px 0 3px 0;}
*/
#content{ background:#ffffff; padding:19px 0 3px 0;}

.banners, .top-box{ width:966px; overflow:hidden; padding-bottom:0px;}
.banners-padding{ padding-bottom:60px;}
#bannerTwo{ float:left;}
#bannerThree{ float:left; padding-left:3px;}
#bannerFour{ float:left; padding-left:3px; margin-right:-2px;}

#column-left{ width:216px;}
#column-center{ padding-left:20px;}

.tie{ background:#fff; width:100%;}
.tie .indent1{ padding:22px 15px 25px 25px;}
.tie .indent2{ padding:22px 15px 1px 25px;}

.product-col{ margin-bottom:23px;}
.name{ color:#1462c5; text-transform:uppercase; font-size:12px; font-weight:normal; text-decoration:none;}
.name strong{ font-weight:normal;}
.name:hover{ color:#cc4500;}
.price{ color:#cc4500; font-weight:normal; font-size:21px; line-height:25px;}
.price strong{ font-weight:normal;}
.buttons{ margin:9px 0 0 0; width:100%; overflow:hidden; height:27px;}
.buttons a{ margin-right:1px; display:inline-block; padding:0;}

.product-col .price{ padding-top:20px;}

/* ============================= footer ====================== */
#footer{ background:#3e3e3e; padding:25px 0 33px 0; text-transform:uppercase; font-size:11px; color:#fff;}
#footer a{ color:#cc4500; font-size:12px;}
#footer .menu a{ color:#959595; text-decoration:none; display:inline-block; margin-right:21px;}
#footer .menu a:hover{ color:#fff;}
#footer p{ padding-top:1px;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#5f6162;}

.currency-form{ float:right; color:#fff; font-size:12px; text-transform:uppercase; padding:30px 0 0 10px; float:right;}
.currency-form select{ border:solid 0px; background:#232222; font-size:11px; text-transform:uppercase; color:#919191; width:108px; margin-left:9px; vertical-align:middle;}

#review-text{ width:600px;}

.nastip {width: 224px; float: left; margin-left: 20px;}
.nastip h2 {color: #fff; font-weight: bold; background-color: #666; border: 1px solid #565656; text-transform: uppercase; padding-left: 13px;}
.tip-box {position: relative;}                                                                                             
.tip-box .top {background: url('../images/tip_top.png') 0 0 no-repeat; height: 5px;}
.tip-box .middle {background: url('../images/tip_middle.png') 0 0 repeat-y; height: 200px; text-align: center; padding: 5px 0;}
.tip-box .bottom {background: url('../images/tip_bottom.png') 0 0 no-repeat; height: 5px;}
.nastip .tip2 {margin-top: 6px;}
.tip-box .prev {background: url('../images/tip_prev.png') 0 0 no-repeat; display: block; width: 24px; height: 33px; position: absolute; top: 85px; left: 0;}
.tip-box .next {background: url('../images/tip_next.png') 0 0 no-repeat; display: block; width: 24px; height: 33px; position: absolute; top: 85px; left: 200px;}
.tip-box span {display: none;}
.tip-box .summary {margin-top: 20px; text-align: center; padding: 0 14px;}
.tip-box .pic {padding-top: 5px; display: block;}
.tip-box .cena {background: url('../images/tip_cena.png') 0 0 no-repeat; display: block; width: 111px; height: 39px; font-weight: bold; text-decoration: none; font-size: 18px; text-align: center; color: #fff; line-height: 36px;}
.tip-box .cena, .tip-box .vyrobce {float: left;}
.tip-box .cena {float: right;}
.tip2 .cena {float: left;}
.tip2 .vyrobce {float: right;}

