/* CSS Document */
/*============================================================================*/
a{color:#000000;text-decoration:none;}
a:hover{color:#333333;text-decoration:underline;}

img{border:0px;}
a img{border:0px;}

body{
background:url("background.jpg") repeat-x top #666666;
color:#ffffff;
font-family:Verdana,Arial," Arial CE",sans-serif;
font-size:12px;
text-align:center;
}
/*obecné dekladace======================================================*/
.padding{padding:5px;}

.edge1{position:absolute;top:0px;right:0px;width:10px;height:10px;background:url(edge4.gif);}
.edge2{position:absolute;bottom:0px;right:0px;width:10px;height:10px;background:url(edge3.gif);}
.edge3{position:absolute;bottom:0px;left:0px;width:10px;height:10px;background:url(edge2.gif);}
.edge4{position:absolute;top:0px;left:0px;width:10px;height:10px;background:url(edge1.gif);}
.img{border:0px;}

/*skiny=================================================================*/
.order-1_cs{background:url("../backgrounds/order-1_cs.png") no-repeat top right;padding-top:20px;}
.order-2_cs{background:url("../backgrounds/order-2_cs.png") no-repeat top right;padding-top:20px;}
.order-3_cs{background:url("../backgrounds/order-3_cs.png") no-repeat top right;padding-top:20px;}
.order-4_cs{background:url("../backgrounds/order-4_cs.png") no-repeat top right;padding-top:20px;}
.order-5_cs{background:url("../backgrounds/order-5_cs.png") no-repeat top right;padding-top:20px;}
.order-1_en{background:url("../backgrounds/order-1_en.png") no-repeat top right;padding-top:20px;}
.order-2_en{background:url("../backgrounds/order-2_en.png") no-repeat top right;padding-top:20px;}
.order-3_en{background:url("../backgrounds/order-3_en.png") no-repeat top right;padding-top:20px;}
.order-4_en{background:url("../backgrounds/order-4_en.png") no-repeat top right;padding-top:20px;}
.order-5_en{background:url("../backgrounds/order-5_en.png") no-repeat top right;padding-top:20px;}


.rdmoto{background:url("../backgrounds/rdmoto.jpg") no-repeat top right #cccccc;}
.titax{background:url("../backgrounds/titax.jpg") no-repeat top right #cccccc;}
.gsgmoto{background:url("../backgrounds/gsgmoto.jpg") no-repeat top right #cccccc;}
.ixil{background:url("../backgrounds/ixil.jpg") no-repeat top right #cccccc;}
.sprint{background:url("../backgrounds/sprint.jpg") no-repeat top right #cccccc;}
.skidmarx{background:url("../backgrounds/skidmarx.jpg") no-repeat top right #cccccc;}
.pyramid{background:url("../backgrounds/pyramid.jpg") no-repeat top right #cccccc;}
.fehling{background:url("../backgrounds/fehling.jpg") no-repeat top right #cccccc;}
.swmotech{background:url("../backgrounds/swmotech.jpg") no-repeat top right #cccccc;}

.custom{background:url("../backgrounds/custom.jpg") no-repeat top right #cccccc;}
.deeptone{background:url("../backgrounds/deeptone.jpg") no-repeat top right #cccccc;}   
.duotech{background:url("../backgrounds/duotech.jpg") no-repeat top right #cccccc;}    
.hotcam{background:url("../backgrounds/hotcam.jpg") no-repeat top right #cccccc;}     
.original{background:url("../backgrounds/original.jpg") no-repeat top right #cccccc;}       
.marshall{background:url("../backgrounds/marshall.jpg") no-repeat top right #cccccc;}   
.oval{background:url("../backgrounds/oval.jpg") no-repeat top right #cccccc;}       
.powerchip{background:url("../backgrounds/powerchip.jpg") no-repeat top right #cccccc;}  
.prodor{background:url("../backgrounds/prodor.jpg") no-repeat top right #cccccc;}     
.produro{background:url("../backgrounds/produro.jpg") no-repeat top right #cccccc;}    
.profrace{background:url("../backgrounds/profrace.jpg") no-repeat top right #cccccc;}   
.prostock{background:url("../backgrounds/prostock.jpg") no-repeat top right #cccccc;}   
.stealth{background:url("../backgrounds/stealth.jpg") no-repeat top right #cccccc;}    
.works{background:url("../backgrounds/works.jpg") no-repeat top right #cccccc;}      
.xtreme{background:url("../backgrounds/xtreme.jpg") no-repeat top right #cccccc;}     
.fourpro{background:url("../backgrounds/fourpro.jpg") no-repeat top right #cccccc;}

/*web třídy=============================================================*/
.content-company{
margin:auto;
width:760px;
height:auto;
}
.content-eshop{
margin:auto;
width:1000px;
height:auto;
}

#content-body{
float:left;
text-align:left;
background:#cccccc;
margin-bottom:15px;
}

#logo-company{
background:#ff6600;
width:760px;
height:150px;
position:relative;
}

#logo-eshop{
background:#ff6600;
width:1000px;
height:150px;
position:relative;
}

.language{
position:absolute;
right:10px;
top:10px;
text-align:right;
}

.language p{margin:0px;padding:0px;}

#logo-alternate{display:none;}

#logo-menu-company{
text-align:center;
background:#000000;
color:#ffffff;
width:760px;
height:auto;
font-weight:bold;
}
#logo-menu-company a{color:#ffffff;}

#logo-menu-eshop{
text-align:center;
background:#ff6600;
color:#000000;
width:1000px;
height:auto;
font-weight:bold;
}

#menu{
margin:10px 0px 10px 0px;
width:150px;
height:auto;
background:#cccccc;
float:left;
clear:left;
}

#menu .moto{position:relative;background:url(back_menu.jpg) no-repeat right top #333333;}
#menu .others{position:relative;background:url(back_menu.jpg) no-repeat right top #333333;margin-top:10px;}
#menu .sale{position:relative;background:url(back_menu.jpg) no-repeat right top #333333;margin-top:10px;}

  #menu a{color:#ff6600;}
  #menu .header{width:150px;font-size:10px;font-weight:bold;font-size:12px;padding:3px;}
  #menu p{clear:left;padding:0px 0px 5px 0px;margin:0px;}
  #menu ul{padding-left:20px;margin:0px;font-size:14px;font-weight:bold;color:#ff6600;}
  #menu li{list-style-type:square;}
  #menu ul li a:hover{color:#ffffff;}

.lista-company{
position:absolute;
top:0px;
left:0px;
width:610px;
height:auto;
float:left;
font-size:10px;
font-weight:bold;
color:#000000;
float:left;
}
.lista-eshop{
position:absolute;
top:0px;
left:0px;
width:700px;
height:auto;
float:left;
font-size:10px;
font-weight:bold;
color:#000000;
float:left;
}
.lista a{color:#000000;}
.lista a:hover{color:#ff6600;}

#text-company{
position:relative;
width:610px;
height:auto;
background:#cccccc;
color:#000000;
float:left;
}
#text-eshop{
position:relative;
width:700px;
height:auto;
background:#cccccc;
color:#000000;
float:left;
}

#right{
width:150px;
height:auto;
float:left;
}

#footer-company{
margin-top:10px;
width:760px;
height:auto;
background:#000000;
float:left;
clear:both;
text-align:right;
}
#footer-eshop{
margin-top:10px;
width:1000px;
height:auto;
background:#ff6600;
float:left;
clear:both;
text-align:right;
}
  #footer-alternate{display:none;}

/*další konkrétní prvky=======================================================*/
.advert_index{
width:auto;
height:auto;
text-align:center;
}

.advert_company{
width:610px;
height:auto;
}

.advert_banner{
width:auto;
height:auto;
text-align:center;
}

.advert_eshop{
margin-top:15px;
padding-top:15px;
width:700px;
height:auto;
text-align:center;
}

.advert_topleft{
position:absolute;
top:0px;
left:0px;
z-index:10;
width:auto;
height:auto;
}

.advert_window_firm{
font-size:20px;
font-weight:bold;
color:#000000;
z-index:100;
position:absolute;
top:25px;
left:120px;
background-color:#ffffff;
width:500px;
border:5px solid #ffff00;
text-align:center;
}

.advert_window_eshop{
font-size:20px;
font-weight:bold;
color:#000000;
z-index:100;
position:absolute;
top:25px;
left:100px;
background-color:#ffffff;
width:500px;
border:5px solid #ffff00;
text-align:center;
}

.advert_window_firm .window_close, .advert_window_eshop .window_close{background:#ffff00;}
.advert_window_firm a, .advert_window_eshop a{color:#000000;}
.advert_window_firm a:hover, .advert_window_eshop a:hover{color:#333333;}

.advert_index p, .advert_banner p, .advert_eshop p, .advert_topleft p, .advert_window_firm p, .advert_window_eshop p, .advert_topleft p .padding{margin:0px;padding:0px;}

.navigation{
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#ff6600;
color:#ffffff;
float:left;
text-align:right;
}
.navigation h1{font-size:22px;padding:0px;margin:0px;}

.mailnews{
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#333333;
color:#ffffff;
float:left;
text-align:right;
}
.mailnews h2{font-size:14px;padding:0px 0px 3px 0px;margin:0px;}
.mailnews h3{text-align:right;padding:0px;margin:0px;color:#ff6600;}
.mailnews h3 a{color:#ff6600;font-size:14px;}

.basket{
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#000000;
color:#ffffff;
float:left;
}

.basket h2{font-size:18px;}
.basket img{float:left;vertical-align:top;}
.basket a{color:#ffffff;}
.basket a:hover{color:#ff3300;text-decoration:none;}

.login{
text-align:right;
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#ff6600;
color:#ffffff;
float:left;
}
.login h2{text-align:left;margin:0px auto 0px auto;font-size:18px;}
.login p{padding:0px;margin:0px;}
.login h3{margin:0px;font-size:12px;}
.login form{font-weight:bold;padding:0px;margin:0px;}

.login ul{text-align:left;margin-left:0px;}
.login ul a{color:#ffffff;}
.login ul a:hover{color:#ffffff;}

.contact{
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#999999;
color:#333333;
float:left;
}
.contact img{float:left;vertical-align:top;}
.contact h2{margin:0px;font-size:18px;}
.contact p{text-align:right;clear:left;padding:0px;margin:0px;}
.contact h3{margin:0px;font-size:14px;}

.dealers{
position:relative;
margin:10px 0px 0px 0px;
width:150px;
height:auto;
background:#ff6600;
color:#ffffff;
float:left;
}
.dealers h2{margin:0px;font-size:16px;}
.dealers h3{margin:0px;font-size:14px;}
.dealers p{text-align:left;padding:0px;margin:0px;}

.news{
width:auto;
height:auto;
background:url(box/box.jpg) no-repeat bottom right #ffffff;
}
.news h1.header{
width:auto;
text-align:left;
font-size:16px;
background:url(box/title.jpg) repeat-y top right #000000;
color:#ff6600;
font-weight:bold;}

.news h2{padding:0px;margin:0px;font-size:14px;clear:left;}
.news h3{text-align:right;padding:0px;margin:0px;font-size:10px;}
.news p{padding-top:0px;margin-top:0px;}
.news img{vertical-align:top;margin:5px;float:left;}

ul.list_moto{font-weight:bold;width:345px;height:auto;font-size:14px;margin:0px;padding:0px;float:left;}
.list_moto li{list-style-type:none;padding-left:20px;}
.list_moto h1{font-size:14px;margin:0px;padding:0px;}
.list_moto li.moto-header{list-style-type:none;padding-left:0px;}
.list_moto li.moto_new a{background:url(moto_new.png) right top no-repeat #cccccc;}
.list_moto li.moto_new a:hover{background:url(moto_new.png) right top no-repeat #ff6600;}
.list_moto a{color:#000000;}
.list_moto a:hover{background:#ffffff;}
.moto_year{color:#333333;}

.moto_road_cs{width:345px;height:80px;background:url(../eshop/title_road_cs.jpg) no-repeat #cccccc;float:left;}
.moto_offroad_cs{width:345px;height:80px;background:url(../eshop/title_offroad_cs.jpg) no-repeat #cccccc;float:left;}
.moto_scooter_cs{width:345px;height:80px;background:url(../eshop/title_scooter_cs.jpg) no-repeat #cccccc;float:left;}
.moto_other_cs{width:345px;height:80px;background:url(../eshop/title_other_cs.jpg) no-repeat #cccccc;float:left;}
.moto_road_en{width:345px;height:80px;background:url(../eshop/title_road_en.jpg) no-repeat #cccccc;float:left;}
.moto_offroad_en{width:345px;height:80px;background:url(../eshop/title_offroad_en.jpg) no-repeat #cccccc;float:left;}
.moto_scooter_en{width:345px;height:80px;background:url(../eshop/title_scooter_en.jpg) no-repeat #cccccc;float:left;}
.moto_other_en{width:345px;height:80px;background:url(../eshop/title_other_en.jpg) no-repeat #cccccc;float:left;}


ul.list_category{font-size:14px;font-weight:bold;list-style-type:none;margin:0px;padding:0px;}
.list_category li{width:220px;height:140px;text-align:center;margin:5px;float:left;}
.list_category li h1{font-size:14px;margin:0px;padding:0px;}
.list_category a{color:#000000;}
.list_category a:hover{color:#ff6633;}

/*
.list_category{font-size:16px;font-weight:bold;}
.list_category li, ul{list-style-type:square;}
.list_category a{color:#000000;}
.list_category a:hover{color:#ff6633;}
*/

#panel{
width:690px;
height:auto;
background:#ff6600;
float:left;
padding-bottom:10px;
}

#panel h2{font-size:16px;clear:left;padding:0px;margin:0px;color:#ffffff;}
#panel h3{font-size:14px;clear:left;padding:0px;margin:0px;color:#ffffff;}

#panel ul{
font-size:12px;
font-weight:bold;
padding:0px;
margin:0px;
}

#panel ul.subcategory{
font-size:16px;
font-weight:bold;
padding:0px;
margin:0px;
}

#panel ul.subcategory li, #panel ul.pages li{
list-style-position:inside;
padding-left:20px;
float:left;
list-style-type:square;
}

#panel li{
list-style-position:inside;
padding-left:20px;
float:left;
list-style-type:none;
}

#panel li li{
list-style-position:inside;
padding-left:20px;
float:none;
list-style-type:square;
}


.product{
float:left;
margin:3px;
width:220px;
height:auto;
background:#cccccc;
margin-top:5px;
margin-bottom:0px;
position:relative;
border:1px dashed #ff6600;
}

  .icon {width:60px;height:60px;position:absolute;top:0px;right:0px;z-index:10;}
  .normal{background:none;}
  .new{background:url("../icon/new.png") no-repeat right top;} 
  .action{background:url("../icon/action.png") no-repeat right top;}
  .sale{background:url("../icon/sale.png") no-repeat right top;}
  .tip{background:url("../icon/tip.png") no-repeat right top;}
  .mainpage{background:url("../icon/mainpage.png") no-repeat right top;}

.product h1{
padding:0px;
margin:0px;
width:auto;
height:auto;
font-size:12px;
font-weight:bold;
}

.product .title a{color:#000000;}
.product .title a:hover{color:#ff6600;}

.product .box{
width:220px;
height:auto;
margin:auto;
text-align:center;
}

  .product .box a img{
  width:150px;
  height:auto;
  }

.product .text{
max-width:220px;
font-size:10px;
width:220px;
height:auto;
margin:auto;
}

.product .details{
width:auto;
height:auto;
float:right;
}

.product .year{text-align:right;font-weight:bold;font-size:12px;color:#ff0000;padding-right:2px;}
.product .price{text-align:right;font-weight:bold;font-size:14px;color:#333333;padding-right:2px;}
.price_sale{text-align:right;font-weight:bold;font-size:14px;color:#0000ff;padding-right:2px;}
.strike{text-decoration:line-through;}
.product .black{
text-align:right;
font-weight:bold;
font-size:12px;
color:#ffff00;
width:auto;
height:auto;
padding-right:2px;
}

.product .black a{color:#000000;}

.clear{width:690px;height:1px;clear:both;}
/*skin detaily*/
.detail{width:700px;}

.detail h1 {padding-top:20px;padding-right:100px;}

.detail .info{
width:200px;
height:auto;
text-align:right;
}

.detail .mainphoto{float:left;margin-left:20px;width:240px;margin:auto;text-align:right;position:relative;}
.detail .mainphoto img{width:200px;}

.detail .info{width:400px;height:auto;float:left;text-align:right;font-weight:bold;}
.detail .info .year{font-size:18px;color:#ff0000;}
.detail .info .price_old{text-decoration:line-through;font-size:20px;color:#333333;}
.detail .info .price_sale{font-size:20px;color:#0000ff;}
.detail .info .price{font-size:22px;color:#ff6600;}
.detail .info .producer{font-size:16px;color:#333333;}
.detail .info .number{font-style:italic;font-size:20px;color:#333333;}
.detail .info .stock{font-size:14px;color:#000000;}
.detail .info .shop{font-size:18px;color:#000000;}

.detail .info .var_list{width:300px;float:right;padding:10px;background:#ffffff;position:relative;}
.detail .info .var_item{float:left;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ff6600;}
.detail .info .var_list .title{font-size:14px;width:150px;text-align:left;float:left;}
.detail .info .var_list .price{font-size:14px;width:150px;text-align:right;float:left;}
.detail .info .var_list .number{font-size:10px;width:150px;text-align:left;clear:left;float:left;}
.detail .info .var_list .stock{font-size:10px;width:150px;text-align:right;float:left;}
.detail .info .var_list .sum{text-align:left;font-size:18px;width:300px;clear:left;float:left;}

.detail .text{
clear:left;
width:690px;
height:auto;
text-align:left;
}
.detail .text ul li{list-style-type:square;}
.detail .text ul li a{color:#000000;font-size:16px;font-weight:bold;}

.detail  ul.docs li{list-style-type:none;}
.detail  ul.docs li a{color:#000000;font-size:16px;font-weight:bold;}

.detail .photo{
text-align:left;
}

.detail .photo img{width:200px;height:auto;vertical-align:top;padding:2px;}

.detail .contact-form h2 {font-size:14px;padding:0px;margin:0px;}

.motoshop{
width:290px;
height:auto;
float:left;
margin:5px;
color:#ffffff;
}

.exclusive{background:url("../skin/top.png") no-repeat top right #ff6600;}
.exclusive a{color:#000000;}
.classic{background:#333333;}
.classic a{color:#ff6600;}

.motoshop h3{padding:5px;margin:0px;}
.motoshop-clear{clear:both;width:500px;height:1px;}

.basket_table{
font-size:12px;
width:690px;
}

.basket_table .header{
font-weight:bold;
text-align:center;
background:#ff6600;
}

.basket_table .products{
background:#ffffff;
padding:2px;
}

.basket_table .products .title{font-size:12px;font-weight:bold;}
.basket_table .products .price{font-size:12px;text-align:right;width:100px;}
.basket_table .products .number{font-size:10px;}
.basket_table .products .count{font-size:10px;text-align:center;}
.basket_table .products a:hover{text-decoration:underline;}

.basket_table .sum{
font-weight:bold;
font-size:16px;
color:#000000;
text-align:right;
background:#cccccc;
}

.basket_table .orange{background:#ff6600;}

.basket-button{font-weight:bold;font-size:16px;text-align:center;}

.btn1 a:hover, .btn2 a:hover{background:#ff6600;}

legend{
font-weight:bold;
color:#ff6600;
}

.form_label{
width:120px;
float:left;
clear:left;
text-align:right;
font-size:12px;
font-weight:bold;
}

.form_input{
margin-left:5px;
width:400px;
float:left;
text-align:left;
} 
  
.form_wrong{
clear:left;
padding-left:100px;
padding-top:3px;
padding-bottom:3px;
width:300px;
float:left;
text-align:left;
color:#990000;
font-weight:bold;
font-size:10px;
}  

.form_info{
padding:3px;
width:auto;
clear:both;
font-size:12px;
font-weight:bold;
color:#cc0000;
}
  
.form_submit{
padding:3px;
width:auto;
clear:both;
font-size:14px;
font-weight:bold;
text-align:center;
}

.message{
margin-top:50px;
text-align:center;
font-size:18px;
font-weight:bold;
font-style:italic;
}

.private_table{
color:#000000;
border:0px;
width:auto;
padding:0px;
margin:0px;
}

.private_table a{text-decoration:none;}

.private_table tr{
vertical-align:top;
text-align:left;
}

.private_table .header td{
vertical-align:top;
text-align:center;
font-weight:bold;
font-size:12px;
background:#ff6633;
padding:3px;
}

.private_table .btn{
vertical-align:middle;
text-align:center;
padding:4px;
background:#ff9966;
}

.private_table td{
border:0px solid black;
border-left:0px dashed black;
border-right:0px dashed black;
padding:1px;
margin:0px;
text-align:center;
vertical-align:middle;
}

.txt_1{
font-size:12px;
}

.txt_2{
font-size:10px;
}

.txt_3{
font-size:8px;
}

.bcg1{
background:#ffcc99;
}

.bcg2{
background:#ffff99;
}

.bcg3{
background:#00ccff;
}

.bcg4{
background:#99ff66;
}

.w200{
width:200px;
}

.order-header{
width:345px;
height:auto;
float:left;
}
.order-header h3{margin:0px;padding:0px;}
.order-header .number{font-size:22px;font-weight:bold;}

/*scrollable nastavení*/
#scroll{
width:auto;
height:auto;
background:#ff6600;
margin:5px;
padding:10px;
text-align:center;
}

div.scrollable{
position:relative; 
overflow:hidden; 
width:580px;
height:200px;
}

div.scrollable div.items{
width:2000em; 
position:absolute; 
}

div.scrollable div.items div{ 
float:left;
text-align:center;
width:200px;
font-size:12px;
background-color: #ccc;
margin-right: 10px;	
-moz-border-radius:5px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/*nastavení jednotlivé položky*/
.scrollable .item div{
text-align:center;
width:210px;
height:auto;
float:left;
}


.scrollable p.photo{
}

.scrollable a img{height:100px;}
.scrollable p{
margin:auto;
padding:auto;
}
.scrollable p.text{
text-align:left;
margin:5px;
padding:0px;
font-size:12px;
font-weight:bold;
}
.scrollable p.price{
margin:5px;
font-size:12px;
font-weight:bold;
text-align:right;
}

#expose_active { 
background:#666 url(expose_gradient_1000.png) no-repeat;
background-position:400px 10%; 
}