h1,h2,h3,h4,h5,ul,ol,li,a,p,div,form,fieldset,body,html,img{padding: 0px;margin: 0px; border:0 none;}

.reset{clear: both; margin: 0px; padding: 0px; line-height: 0px; overflow: hidden; height: 0px; width: 99%; font-size: 0px;}
a{color: #ED1C24; text-decoration: underline;}
a:hover{text-decoration: none;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
/*zakladni stavebni prvky*/
body{text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 62.5%; color: #4f4f4f;background:Black url(../img/body.jpg) no-repeat center top;}
select,input{font-family: Arial, Helvetica, sans-serif;}
select{font-size: 120%;}
#page{width: 940px; margin: auto; position: relative; background: White; padding: 18px 20px 19px 20px; text-align: left;}
#head{min-height: 89px; _height: 89px; position: relative;}
#telo{padding: 20px 0 0 0; clear: both; margin-bottom: 20px; width: 940px; min-height: 450px;_height: 450px;}
#pata{text-align: right; padding: 8px 23px 10px 20px; font-size: 110%; color: 616161;width: 937px; margin: auto;}
#pata a{color: #616161; text-decoration: underline; }

.hpLeft{width: 620px; float: left;}
.flash{width: 620px; height: 399px; background: url(../img/flashBGR.jpg) no-repeat left top; margin-bottom: 20px;}
.hpRight{float: right; width: 300px;}

.left{width: 184px; float: left;}
.smenu{ width: 184px; background:#F1F1F1 url(../img/leftBottom.png) no-repeat left bottom; padding-bottom: 9px;}
.smenu-in{ width: 162px; background:#F1F1F1 url(../img/leftTop.png) no-repeat left top; padding: 10px 0 0 22px;}

.right{ width: 738px; float: right;}

.static,.search{padding: 2px 24px 22px 17px;}

#loga{height: 78px; background: url(../img/pata.png) no-repeat left top; width: 940px; vertical-align: middle; border: none;border-collapse: collapse; 
padding: 0px; margin: 0px;}

.logo{position: absolute; top: 0px; left: 2px;}
.rhead{float: right; width: 263px;}

.rhead form{position: relative;}
.rhead form input,.rhead form button{margin: 0px; padding: 0px; position: absolute; top: 0px; border: 0px;}
.rhead form input{background:#d3d3d3 url(../img/hledatInput.png) no-repeat left top ; height: 22px; width: 229px; left: 0px; display: block;
padding-left: 3px; padding-right: 0px; padding-top: 4px;}
.rhead form button{ left: 233px; height: 26px; width: 30px; cursor: pointer;}
.rhead form button img{display: block;height: 26px;}
.rhead .odkazy{min-height: 33px;_height: 33px;}
.lang{float: right; width: 43px; padding-top: 2px;}
.lang .en{float: right;}
.rhead .odkazy ul{ list-style: none;}
.rhead .odkazy ul li{display: inline; padding:0 12px 0 8px; background: url(../img/bullet.png) no-repeat left center;}
.rhead .odkazy ul li.last{padding-right: 3px;}
.rhead .odkazy ul li a{font-size: 120%;color: #4f4f4f; text-decoration: none;}
.rhead .odkazy ul li a:hover{text-decoration: underline;}

#rockstar{ position: absolute; left: 242px; top: 3px; width: 370px; height: 55px;}


#menu{width: 939px; background:#010101 url(../img/menu.png) no-repeat left top; min-height: 42px;_height: 42px; padding: 1px 0 1px 1px; _overflow: hidden;}
#menu ul{list-style: none;}
#menu ul li{float: left; height: 42px; padding-right: 2px; background: url(../img/menuLi.png) no-repeat right top;}
#menu ul li.m8{padding: 0px; background-image: none;}
#menu ul li a{display: block; _float: left;line-height: 42px;_line-height: 40px;height: 42px; color: White; text-transform: uppercase; text-align: center; font-size: 120%;
text-decoration: none; position: relative;}
#menu ul li a:hover{background:#A11419 url(../img/menuHover.png) repeat-x top;}
#menu ul li a span{position: absolute; left: 0px; top: 0px; height: 42px; cursor: pointer;}
#menu ul li.m1 a{width: 101px;}
#menu ul li.m1 a span{width: 101px; background: url(../img/menu/moto.png) no-repeat left top;}
#menu ul li.m1 a.hover span,#menu ul li.m1 a:hover span{ background-position: -101px top;}
#menu ul li.m2 a{width: 100px;}
#menu ul li.m2 a span{width: 100px; background: url(../img/menu/pujcovna.png) no-repeat left top;}
#menu ul li.m2 a.hover span,#menu ul li.m2 a:hover span{ background-position: -100px top;}
#menu ul li.m3 a{width: 92px;}
#menu ul li.m3 a span{width: 92px; background: url(../img/menu/obleceni.png) no-repeat left top ;}
#menu ul li.m3 a.hover span,#menu ul li.m3 a:hover span{ background-position: -92px top;}
#menu ul li.m4 a{width: 133px;}
#menu ul li.m4 a span{width: 133px; background: url(../img/menu/prislusenstvi.png) no-repeat left top ;}
#menu ul li.m4 a.hover span,#menu ul li.m4 a:hover span{ background-position: -133px top;}
#menu ul li.m5 a{width: 110px;}
#menu ul li.m5 a span{width: 110px; background: url(../img/menu/pneu.png) no-repeat left top ;}
#menu ul li.m5 a.hover span,#menu ul li.m5 a:hover span{ background-position: -110px top;}
#menu ul li.m6 a{width: 128px;}
#menu ul li.m6 a span{width: 128px; background: url(../img/menu/nd.png) no-repeat left top ;}
#menu ul li.m6 a.hover span,#menu ul li.m6 a:hover span{ background-position: -128px top;}
#menu ul li.m7 a{width: 78px;}
#menu ul li.m7 a span{width: 78px; background: url(../img/menu/servis.png) no-repeat left top ;}
#menu ul li.m7 a.hover span,#menu ul li.m7 a:hover span{ background-position: -78px top;}
#menu ul li.m8 a{width: 182px;}
#menu ul li.m8 a span{width: 182px; background: url(../img/menu/ra.png) no-repeat left top ;}
#menu ul li.m8 a.hover span,#menu ul li.m8 a:hover span{ background-position: -182px top;}

#loga td{ border: 0px;margin: 0px;padding: 2px 0 2px 22px;vertical-align: middle; height: 74px;}
#loga img{}
#loga a{ margin-right: 15px;}

.news{ background:#F1F1F1 url(../img/newsBottom.png) no-repeat left bottom; padding-bottom: 5px;}
.news h2{width: 170px; height: 23px; position: relative; font-size: 12px; line-height: 23px;}
.news h2 span{position: absolute; left: 0px; top: 0px; width: 170px; height: 23px; background: url(../img/aktuality.png) no-repeat left top;}
.news-in{ background:#F1F1F1 url(../img/newsTop.png) no-repeat left top; padding:16px 0 0 20px;min-height: 166px;_height: 166px;}
.news ul{list-style: none;}
.news ul li{font-size: 120%; line-height: 250%;}
.news ul li a{}
.news a.archiv{float: right; padding-right: 16px;}

.hpRight a{display: block; margin-bottom: 20px;}
.hpRight a.druha{margin-bottom: 19px;}
.hpRight a img{display: block;}
.boxR{ background:#F1F1F1 url(../img/boxRBottom.png) no-repeat left bottom; width: 300px;}
.boxR-in{ background:#F1F1F1 url(../img/boxRTop.png) no-repeat left top; padding:16px 0 0 20px; min-height: 171px;_height: 171px;}
.boxR h2{width: 250px; height: 29px; position: relative; font-size: 12px; line-height: 29px;}
.boxR h2 span{position: absolute; left: 0px; top: 0px; width: 250px; height: 29px; background: url(../img/kontaktujteNas.png) no-repeat left top;}
.boxR address{font-style: normal; font-size: 120%; line-height: 125%;}
.boxR address a{display: inline; margin: 0px;}


.smenu h2{position: relative; width: 155px; height: 25px; font-size: 120%; overflow: hidden; line-height: 24px;}
.smenu h2 span{position: absolute; left: 0px; top: 0px;width: 155px; height: 25px; background: url(../img/pujcovna.png) no-repeat left top;}
.smenu h2 span.obleceni{background: url(../img/obleceni.png) no-repeat left top;}
.smenu h2 span.pneumatiky{background: url(../img/pneumatiky.png) no-repeat left top;}
.smenu h2 span.prislusenstvi{background: url(../img/prislusenstvi.png) no-repeat left top;}
.smenu h2 span.nd{background: url(../img/nd.png) no-repeat left top;}
.smenu h2 span.ra{background: url(../img/racingadventure.png) no-repeat left top;}
.smenu h2 span.moto{background: url(../img/moto.png) no-repeat left top;}
.smenu h2 span.atv{background: url(../img/atv.png) no-repeat left top;}
.smenu ul{list-style: none;}
.smenu ul.menupad1{margin-bottom: 15px;}
.smenu ul li{background: url(../img/bullet2.png) no-repeat left center; padding-left: 9px;}
.smenu ul li a{ text-decoration: none; color: #4f4f4f; font-size: 110%; text-transform: uppercase; line-height: 170%;}
.smenu ul li a.active{ text-decoration: underline; color: #ED1C24;}
.smenu ul li a:hover{ text-decoration: underline;}


#telo p{font-size: 120%;}

.perex{background:#F1F1F1 url(../img/perexTop.png) no-repeat left top; padding-top: 15px; margin-bottom: 20px;}
.perex p{background:#F1F1F1 url(../img/perexBottom.png) no-repeat left bottom; line-height: 170%; padding:0 18px 15px 20px; font-size: 120%;}

.filtr{background:#F1F1F1 url(../img/perexTop.png) no-repeat left top; padding-top: 15px; margin-bottom: 5px;}
.filtr form{background:#F1F1F1 url(../img/perexBottom.png) no-repeat left bottom; padding:0 10px 15px 15px;}
.filtr form table{float: left;}
.filtr form table td,.filtr form table th{ padding: 1px; margin: 0px;}
.filtr form fieldset{ float: left;}
.filtr p{float: left; width: 45px; height: 21px; position: relative; display: block; font-size: 10px;}
.filtr p span{position: absolute;width: 45px; height: 21px; left: 0px; top: 0px; background: url(../img/filtrovatDle.png) no-repeat left top;
display: block;}
.filtr label{font-size: 120%; padding-right: 4px; line-height: 170%; *position: relative; *top: -2px;}
.filtr input{padding: 0px; margin: 0px; border: none;position: relative; top: -2px;}
.filtr input#obleceniFilter{top: 23px;}
.filtr select{font-size: 110%; margin-right: 10px;}

.vys{height: 15px; margin-bottom: 4px; float: right; padding-top: 2px; width: 30%;}
.vys ul{list-style: none;}
.vys ul li{ padding:0 10px 0 19px; float: right; font-size: 110%; line-height: 110%;}
.vys ul li.volna{background: url(../img/volna.png) no-repeat left top;}
.vys ul li.pujcena{background: url(../img/pujcena.png) no-repeat 3px top;}
.vys ul li.akce{background: url(../img/vAkci.png) no-repeat 5px top;}

.vypis{	clear: both;}

.produkt{ width: 238px; float: left; position: relative; margin:0 12px 13px 0; background: url(../img/produktTop.png) no-repeat left top; padding-top: 4px;
z-index: 10}
html .vypis .treti{margin-right: 0px;}
.produkt-in{background: url(../img/produktBottom.png) no-repeat left bottom; padding: 16px 20px 0 21px; min-height: 224px;_height: 224px;}
.produkt .title{ min-height: 41px;_height: 41px; position: relative;}

.produkt h2{font-size: 150%;}
.produkt h2 a{ text-decoration: none;color: #4f4f4f;}
.produkt h2 a:hover{text-decoration: underline;}
#telo .produkt .title p{font-size: 110%; line-height: 140%;}
.produkt .title p.fr{float: right;}
.produkt a.detail{font-size: 120%; font-weight: bold; color: ed1c24; padding-left: 15px; float: right; background: url(../img/lupa.png) no-repeat left center;
text-decoration: none;}
.produkt a.detail:hover{	text-decoration: underline;}
.produkt .img{min-height: 150px;_height: 150px; text-align: center; padding-bottom: 5px;}
.produkt .img img{max-height: 150px; max-width: 195px;}
img.status{position: absolute; top: 6px; right: 6px;}
.produkt p.odkaz{padding-top: 10px;}

#obleceni .produkt-in{ min-height: 361px;_height: 361px;}
#pneumatiky .produkt-in{ min-height: 371px;_height: 371px;}
#motorky .produkt-in{ min-height: 240px;_height: 240px;}
#prislusenstvi .produkt-in{min-height: 331px;_height: 331px;}
#promo .produkt-in{min-height: 311px;_height: 311px;}
#obleceni .produkt .title,#pneumatiky .produkt .title{ min-height: 62px;_height: 62px;}
#prislusenstvi .produkt .title{min-height: 70px;_height: 70px;}
#obleceni .produkt .img{margin-bottom: 12px;}
.produkt ul{list-style: none; margin-bottom: 3px;}
.produkt ul li{line-height: 150%;font-size: 120%;}
.staracena{}
.produkt ul li.cena{font-size: 150%; font-weight: bold; color: #ED1C24;}
.produkt ul li.dph{padding-left: 82px; font-weight: bold;}

#pneumatiky .produkt .title p{font-size: 100%}

#nd .produkt-in{ min-height: 377px;_height: 377px;}
#nd .produkt .title{ min-height: 92px;_height: 92px;}

#promo{padding: 20px 0 20px 100px;}

/*
#prislusenstvi .produkt{float: none; width: 740px;background: url(../img/produktTopPrisl.png) no-repeat left top; padding-top: 4px;}
#prislusenstvi .produkt-in{background: url(../img/produktBottomPrisl.png) no-repeat left bottom; padding: 16px 2px 20px 2px; height: auto;
min-height: 1px;}
#prislusenstvi .produkt .img{float: left; width: 143px; height: auto; min-height: 0px;  text-align: center;}
#prislusenstvi .produkt p{float: left; width: 583px;}
*/

#motorky .produkt .img{min-height: 120px;_height: 120px; text-align: center; padding-bottom: 5px;}

.prodejce{position:absolute;left: -16px;top:70px;width:209px;min-height:150px;padding:15px 0 17px 19px;border:1px solid #A6A6A6;background:#F5F5F5;display:none;
z-index: 100;}
html .prodejce .close{position: absolute;  right: 9px; top: 8px;width: 16px;height: 16px; z-index: 1000; background: url(../img/close.png) no-repeat left top;
cursor: pointer;}
.prodejce h3{color: #EE2931; font-size: 110%; margin-bottom: 2px;}
.prodejce table{font-size: 110%; line-height: 170%; padding: 0px; margin: 0px; border: none;}
.prodejce table tr{margin: 0px; padding: 0px;}
.prodejce address{	font-style: normal;}
.prodejce th,.prodejce td{vertical-align: top; padding: 0px;}
.prodejce th{text-align: left; font-weight: bold; padding-right: 3px;}


.viceText{position:absolute;width:212px;min-height:60px;padding:25px 8px 15px 10px;border:1px solid #A6A6A6;background:#F5F5F5;display:none; left: 2px;
z-index: 100; bottom: -10px; text-align: justify;} 
html .viceText .close{position: absolute;  right: 9px; top: 5px;width: 16px;height: 16px; z-index: 1000; background: url(../img/close.png) no-repeat left top;
cursor: pointer;}

#strankovani{font-size: 110%; margin-bottom: 15px;}
#strankovani fieldset{margin-top: -5px;}
#strankovani label{ line-height: 150%; padding-right: 9px;}
#strankovani input.radio{margin-top: 0px;}
.strankovani{width: 100%; margin-bottom: 2px;}
.strankovani .tr,.strankovani .tl{font-size: 120%;}
.strankovani .tc{}
.strankovani .tc a{font-size: 120%; padding: 0px 3px 0 3px;}
.strankovani b{ font-size: 150%; padding: 0px 3px 0 3px;}
.strankovani a{font-weight: bold; text-decoration: none;}
.strankovani a:hover{text-decoration: underline;}
.strankovani span{color: #eeeeee;}
.strankovani .tr a{ padding-right: 8px; background: url(../img/dalsiA.gif) no-repeat right center;}
.strankovani .tr span{ padding-right: 8px; background: url(../img/dalsi.gif) no-repeat right center;}
.strankovani .tl a{ padding-left: 8px; background: url(../img/predchoziA.gif) no-repeat left center;}
.strankovani .tl span{ padding-left: 8px; background: url(../img/predchozi.gif) no-repeat left center;}
.strankovaniSubmit{top: 7px; position: relative;}

#telo .static p{font-size: 12px;}
.static table{font-size: 12px;}
.static h1{ font-size: 160%; margin-bottom: 15px;}
.static h2{ font-size: 150%;}
.static h3{ font-size: 140%;}
.static h4{ font-size: 120%;}
.static address{ font-size: 120%; font-style: normal;}
.static ul.archiv{ font-size: 120%; list-style: none;}
.static ul.archiv li{margin-bottom: 16px;}

.right h1{font-size: 160%; margin-bottom: 10px;}
.right h1{padding-top: 15px;}
.right #motorka h1{padding: 0px;}

#motorkaTop{background: url(../img/motorkaTop.png) no-repeat left top; padding-top: 4px; width: 738px; clear: both; position: relative;}
#motorkaBottom{background: url(../img/motorkaBottom.png) no-repeat left bottom; padding-bottom: 4px;width: 738px;}
#motorka{border-left: 2px solid #F1F0F0;border-right: 2px solid #F1F0F0; padding: 15px 19px 15px 19px; width: 696px;}


#motorka h1{margin-bottom: 0px;}
#motorka h2{font-size: 110%; font-weight: normal; margin-bottom: 5px;}
#motorka h3{font-size: 110%; margin-bottom: 18px;}
#motorka p{font-size: 110%; margin-bottom: 14px; line-height: 140%;}
#motorka ul{padding-left: 10px; list-style: none;}
#motorka ul li{font-size: 110%;line-height: 140%;background: url(../img/bullet3.png) no-repeat left 7px; padding-left: 10px;}

.galerie{clear: both; padding-top: 15px; width: 100%;}
#motorka .galerie h2{font-size: 140%; font-weight: bold;}
#motorka .galerie a{margin: 10px 20px 10px 0; display: block; float: left; width: 150px;}
.galerie table td{width: 210px; text-align: center; vertical-align: middle; padding: 5px 0 5px 0;}
/*.galerie a:first-child{margin-left: 0px;}*/
#motorka .galerie a.first-child{margin-left: 0px;}
#motorka .img{ width: 399px; float: left; border: 1px solid #F1F0F0; padding: 1px; text-align: center;}
#motorka .img img{display: block; margin: auto; max-width: 399px;}
.popis{width: 278px; float: left; padding-left: 15px;}

/* Galerie v pujcovne*/
#pujcovnaDetail .galerie{padding-top: 5px; margin-bottom: 16px;}
#pujcovnaDetail .galerie a{width: auto; margin: 0px 5px 0 0;}
#pujcovnaDetail div.pujcena{position: absolute; top: 7px; right: 11px;background: url(../img/pujcena.png) no-repeat right top; padding-right: 19px;
font-size:110%;line-height:110%;}
#pujcovnaDetail img.volna{position: absolute; top: 7px; right: 11px;font-size:110%;line-height:110%;}

.podminky{width: 673px; height: 170px; overflow: auto; background: #F5F5F5; padding: 14px 12px 0 10px; border: 1px solid #BEBEBE; margin-bottom: 16px;}
#motorka .podminky h3{font-size: 100%;}
#motorka .podminky ol{margin-left: 20px; font-weight: bold;}
#motorka .podminky ol ol,#motorka .podminky ol ul{font-weight: normal;}
#motorka .podminky ol li{font-size: 110%;line-height: 140%;}
#motorka .podminky ol li li{font-size: 100%; line-height: normal;}
#motorka .podminky ul{padding-left: 10px; list-style: none;}
#motorka .podminky ul li{font-size: 110%;line-height: 140%;background: url(../img/bullet3.png) no-repeat left 7px; padding-left: 10px;}

#motorka form table th{	text-align: left; font-weight: bold;vertical-align: top; padding-top: 3px; padding-right: 2px;}
#motorka form table th,#motorka form table td{ font-size: 120%; padding-bottom: 9px;}
#motorka form input.text,#motorka form input.text2{font-size: 12px; background: #F5F5F5; border: 1px solid #B7B7B7; padding-left: 3px;}
#motorka form textarea{font-size: 12px; background: #F5F5F5; border: 1px solid #B7B7B7;padding: 5px; width: 383px; height: 57px;}
#motorka form #ft1 input.text{width: 211px;}
#motorka form #ft2 input.text{width: 169px;}
#motorka form #ft3 label{font-weight: bold;}
#motorka form #ft3 input.text{width: 67px; margin-right: 8px;}
#motorka form #ft3 input.text2{width: 39px;}
#motorka form #ft4 input.text{width: 35px; margin-right: 8px;}
#motorka form input.submit{ width: 135px; height: 34px; color: White; background: Black; border: none; padding: 0px; margin: 0px; float: right;
display: block;}
.pocetLabel{padding-left: 25px;}
#motorka form h2{font-size: 150%; font-weight: bold; margin-bottom: 2px;}
#motorka form h3{font-size: 120%; padding-top: 28px; margin-bottom: 8px;}
#motorka form p{font-size: 120%; line-height: 170%; margin-bottom: 3px;}

#motorka .error{ padding: 10px; padding-left: 0px;}
#motorka .error ul li{color: Red;}
#motorka .succes{ padding: 10px; padding-left: 0px;}
#motorka .succes h2{font-size: 180%; color: Green;}


.video h1,.foto h1{margin-bottom: 10px; padding-top: 15px;}
.video p{ margin-bottom: 20px;}
.video #video{text-align: center;}
.video #video object{	margin: auto;}

.foto{}
.foto ul,.video ul{margin-left: 22px; list-style: none;}
.foto ul li,.video ul li{padding-left: 13px; background: url(../img/bullet4.png) no-repeat 1px 8px; font-size: 120%; line-height: 170%;}
.foto ul li span,.video ul li span{padding: 0px 3px 0 3px;}
.foto ul li a,.video ul li a{ font-weight: bold;}


.search h2{font-size: 130%; font-weight: normal; margin-bottom: 17px;}
.search ul{list-style: none; margin-bottom: 9px;}
.search ul li{padding-left: 13px; background: url(../img/bullet4.png) no-repeat 1px 7px; font-size: 120%; line-height: 130%;}