@charset "utf-8";
/* CSS Document */



#header, #top-box, #top-boxM, #middle-box { margin: 0 auto; width: 1000px; }

#header				{ height: 94px; overflow: hidden; line-height: 94px; }
#header.hkosik		{ background: url(http://prodej-pujcovna-naradi.cz/images/header-kosik.jpg) no-repeat right top; }
#header #Kosik		{ display: block; float: right; padding: 25px 20px 0 0; width: 270px; height: 70px; line-height: 25px; }
#header #Kosik span	{ font-size: 17px; text-transform: none; line-height: 20px; font-weight: normal; color: #5b738f; display: block; font-weight: bold }
#top-box	{ margin-bottom: 7px; background: #FFF; }
#middle-box	{ background: #EEE url(http://prodej-pujcovna-naradi.cz/images/midlle-bck.jpg) no-repeat top right; padding: 15px; margin-bottom: 7px; width: 970px }
#bottom-box	{ background: #FFF; padding-bottom: 80px; margin-bottom: 0; padding: 15px; width: 970px; margin: 0 auto; font-size: 11px; text-align: center; }

#top-boxM		{ background: #FFF url(http://prodej-pujcovna-naradi.cz/images/mapka-bck.jpg) no-repeat bottom right; margin-bottom: 7px; }

ul#navi			{ background: url(http://prodej-pujcovna-naradi.cz/images/ul-bottom.jpg) bottom repeat-x #EEE; height: 90px; margin: 0; padding: 10px 10px 0 10px; }

ul#navi a.Aktivni{background: url(http://prodej-pujcovna-naradi.cz/images/navi-hover.jpg) repeat-x; text-decoration: none; color: #FFF; }

ul#navi li			{ padding: 0; margin: 0; background: none; float: left; margin-right: 5px;  }
ul#navi	li a 		{ background: url(http://prodej-pujcovna-naradi.cz/images/navi-a.jpg) repeat-x; display: block; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: bold; height: 62px; line-height: 30px; padding: 10px; width: 150px; overflow: hidden; color: #333 }
ul#navi	li a span	{ font-size: 10px; text-transform: none; line-height: 13px; font-weight: normal; color: #5b738f; display: block; }
ul#navi	li a:hover 	{ background: url(http://prodej-pujcovna-naradi.cz/images/navi-hover.jpg) repeat-x; text-decoration: none; color: #FFF; }
ul#navi	li.qkontakt { background: #FFF url(http://prodej-pujcovna-naradi.cz/images/icon-kontakt.jpg) left no-repeat; border-bottom: 7px solid #000; border-top: 5px solid #EEE; display: block; font-size: 12px; font-weight: bold; height: 50px; line-height: 20px; padding: 10px; width: 170px; overflow: hidden; color: #333; padding-left: 60px; }
ul#navi	li.qkontakt span	{ font-size: 17px; text-transform: none; line-height: 20px; font-weight: normal; color: #5b738f; display: block; font-weight: bold }



.Nahled {background: url(http://prodej-pujcovna-naradi.cz/images/navi-hover.jpg) repeat-x; text-decoration: underline; color: #000; width:100%;}

#StepNavi	{ height: 40px; line-height: 40px; padding: 0 20px; margin: 0; font-size: 12px; }
#StepNavi a	{ padding: 0 10px; }

#LeftCol			{ float: left; width: 220px; padding-left: 20px; }
#LeftCol h3.large	{ text-align: center;  font-size: 18px; }
#LeftCol a#cenik	{ background: #f6f4f5 url(http://prodej-pujcovna-naradi.cz/images/ikona-cenik.jpg) left no-repeat; display: block; height: 70px; border-right: 2px solid #cbcbcb; border-bottom: 3px solid #cbcbcb; font-size: 18px; color: #5b738f; line-height: 25px; text-decoration: none; font-weight: bold; padding: 7px 5px 3px 70px; margin-bottom: 15px; }
#LeftCol a#cenik span	{ font-size: 11px; font-weight: normal; color: #000; line-height: 15px; display: block }
#LeftCol a#cenik:hover	{ border-right: 2px solid #999; border-bottom: 3px solid #999; }

#LeftCol a#objednavka	{ background: #f6f4f5 url(http://prodej-pujcovna-naradi.cz/images/ikona-objednavka.jpg) left no-repeat; display: block; height: 70px; border-right: 2px solid #cbcbcb; border-bottom: 3px solid #cbcbcb; font-size: 18px; color: #5b738f; line-height: 25px; text-decoration: none; font-weight: bold; padding: 7px 5px 3px 70px; margin-bottom: 15px; }
#LeftCol a#objednavka span	{ font-size: 11px; font-weight: normal; color: #000; line-height: 15px; display: block; }
#LeftCol a#objednavka:hover	{ border-right: 2px solid #999; border-bottom: 3px solid #999; }

#RightCol	{ float: right; width: 710px; padding-right: 20px; }

/* MIDLLE BOX s nabidkama */

#middle-box h2		{ font-size: 26px; margin-bottom: 15px; color: #5b738f; text-transform: uppercase; font-weight: bold; }

#kategorie				{ line-height: 45px; }
#kategorie li 			{ background: none; padding: 0; float: left; margin-right: 5px; margin-bottom: 10px; }
#kategorie li a			{ background: #FFF url(http://prodej-pujcovna-naradi.cz/images/list-prod.jpg) no-repeat 8px; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; text-decoration: none; font-size: 11px; padding: 5px 10px 5px 25px; display: block; float: left;  }
#kategorie li a:hover	{ border-right: 1px solid #666; border-bottom: 1px solid #999; }

.produkt					{ width: 295px; margin-right: 5px; float: left; background: #f7f7f7; border: 1px solid #FFF; padding: 10px; font-size: 11px; height: 230px; overflow: hidden; margin-bottom: 5px; }
.produkt h4					{ height: 36px; overflow: hidden; }
.produkt a img				{ float: left; border: 1px solid #FFF; width: 120px; }
.produkt a:hover img		{ border: 1px solid #CCC; }
.produkt ul					{ float: right; width: 165px; }
.produkt ul	li				{ background: none; padding: 0; }
.produkt ul	li ul li		{ line-height: 13px; }

.produktD					{ width: 295px; margin-right: 5px; float: left; background: url(../images/polozka-d-bck.jpg) repeat-x #FFF; border: 1px solid #fdcdcd; padding: 10px; font-size: 11px; height: 230px; overflow: hidden; margin-bottom: 5px; }
.produktD h4				{ height: 36px; overflow: hidden; }
.produktD a img				{ float: left; border: 1px solid #CCC; width: 120px; }
.produktD a:hover img		{ border: 1px solid #CCC; }
.produktD ul				{ float: right; width: 165px; }
.produktD ul li				{ background: none; padding: 0; }
.produktD ul li ul li		{ line-height: 13px; }

li.Zaloha					{ margin: 7px 0; font-weight: bold; display: block; font-size: 12px; }
li.Najemne					{ font-size: 12px; color: #5b738f; font-weight: bold; }
li.Popis, li.Parametry		{ font-size: 11px; line-height: 13px; margin-bottom: 5px; display: block; overflow: hidden; }
li.Popis					{ height: 40px; }
li.Parametry				{ height: 53px; }

.img_border	{ border: 1px solid #036; padding: 5px; margin-bottom: 10px; }

/* uvod - kontakt */

#UvodKontakt	{ width: 300px; float: right; }
#buttonKudy		{ background: url(http://prodej-pujcovna-naradi.cz/images/button1.jpg) no-repeat; padding-left: 10px; color: #FFF; text-decoration: none; height: 24px; width: 100px; display: block; font-weight: bold; line-height: 24px; }
/* tabulky */

#nalezitosti	{ font-size: 12px; width: 330px }
#nalezitosti th	{ background: #5b738f; color: #FFF; padding: 3px; text-align: center; height: 12px; width: 12px; } 
#nalezitosti td	{ padding: 3px 10px; }
.td50			{ width: 60px; padding-right: 0; }


#KategorieTop { width:100%; position:relative;}
#KategorieTop img{float: left; border: 1px solid #FFF; width: 120px;}
#KategorieTop .Left{position:relative; float:left; width:150px; margin-left:20px; margin-right:20px;}
#KategorieTop .Right{position:relative; float:left; width:68%; padding:2px 2px 2px 2px;}
#KategorieTop h3 {margin:0; padding:0;}

.SedyRamecek{border: 1px solid #CCC; padding: 10px}
.OranzovyRamecek{border: 1px solid #FFCC00;}

#VNahled		{ border: 1px solid #CCC; padding: 10px; text-align: center; background: #F9F9F9; margin-bottom: 15px;}
#VNahled img	{ border: 1px solid #CCC; padding: 3px; background: #FFF; width: 190px; }
#VNahled p 		{ font-size: 12px; line-height: normal; margin-bottom: 0; text-align: center }
#VNahled ul		{ border: 1px solid #5b738f; margin: 4px 0 0 0; padding: 5px; }
#VNahled ul li	{ background: none; padding: 0 }
#VNahled ul li strong	{ font-size: 14px; }

.Thumb{width:150px;}

#DetailGal a img {width:200px;}

.DoKosiku2 			{ display: block; background: url(../images/ikona-do-kosiku.gif) no-repeat; width: 87px; height: 20px; border: 0; cursor: pointer;float: left; }
.Kusy				{ border: #369 1px solid; width: 21px; height: 15px; margin: 0 5px; padding: 2px; float: left; }
.AddDetail			{ text-align: center; padding: 5px; }

#DetailTable		{ margin-bottom: 5px; }
#DetailTable th		{ background: #5b738f; color: #FFF; text-align: right; padding: 2px 15px; }
#DetailTable td		{ background: #F8F8F8; padding: 2px 10px; }

/*vypis kosiku*/

.radek{float:left; position:relative; width:100%;}
.SedePozadi{background-color:#CCCCCC;}
#ObsahKosiku{width:80%;}
#ObsahKosiku tr{margin:1px 1px 1px 1px;}
#ObsahKosiku td{text-align:right;}

.Ruka{cursor:pointer;}

#kategorie li.ProButtBAZÁREK a			{ background: #FFE6E7 url(http://prodej-pujcovna-naradi.cz/images/list-prod.jpg) no-repeat 8px; border-right: 1px solid #900; border-bottom: 1px solid #900; text-decoration: none; font-size: 11px; padding: 5px 10px 5px 25px; display: block; float: left; color: #900; font-weight: bold; }
#kategorie li.ProButtBAZÁREK a:hover	{ border-right: 1px solid #666; border-bottom: 1px solid #999; }

/* doplněno */

.Ekategorie				{ line-height: 45px; width: 220px; }
.Ekategorie li 			{ background: none; padding: 0; margin-bottom: 1px; }
.Ekategorie li a		{ background: #FFF url(http://prodej-pujcovna-naradi.cz/images/list-E.gif) no-repeat 8px 13px; border: #E4E4E4 1px solid; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; text-decoration: none; font-size: 11px; padding: 5px 5px 5px 25px; display: block; width: 188px; }
.Ekategorie li a:hover	{ border: 1px solid #e6eaef; background: #f7f8f9 url(http://prodej-pujcovna-naradi.cz/images/list-E.gif) no-repeat 8px 14px; }

.Ekategorie li ul 				{ padding: 0; margin-bottom: 1px; }
.Ekategorie li ul li a			{ background: #FFF url(http://prodej-pujcovna-naradi.cz/images/list2-E.gif) no-repeat 8px 10px; border: #E4E4E4 1px solid; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; text-decoration: none; font-size: 11px; padding: 3px 5px 3px 25px; display: block; width: 188px; }
.Ekategorie li ul li a:hover	{ border: 1px solid #e6eaef; background: #f7f8f9 url(http://prodej-pujcovna-naradi.cz/images/list2-E.gif) no-repeat 9px 10px; }

#Ekategorie li.ProButtBAZÁREK a			{ background: #FFE6E7 url(http://prodej-pujcovna-naradi.cz/images/list-E.gif) no-repeat 8px; border-right: 1px solid #900; border-bottom: 1px solid #900; text-decoration: none; font-size: 11px; padding: 5px 10px 5px 25px; display: block; float: left; color: #900; font-weight: bold; }
#Ekategorie li.ProButtBAZÁREK a:hover	{ border-right: 1px solid #666; border-bottom: 1px solid #999; }

h3.Etyp					{ line-height: 35px; background: #eef1f4 url(http://prodej-pujcovna-naradi.cz/images/list-prod.jpg) no-repeat 8px; border: #5b738f 1px solid; font-size: 16px; padding: 5px 10px 5px 25px; display: block; margin-bottom: 3px; text-transform: uppercase; }

#PopisKategorie		{ border: 1px solid #e6eaef; padding: 10px; background: #f7f9fb; margin-bottom: 10px; }
#PopisKategorie img	{ float: left; border: 1px solid #e6eaef; padding: 1px; background: #FFF; margin: 0 10px 5px 0; }

.Cbox				{ border: 1px solid #e6eaef; padding: 10px; background: #f7f9fb; margin-bottom: 10px; height: 20px; clear: both; }
.Sbox				{ border: 1px solid #e6eaef; padding: 10px; background: #f7f9fb; margin-bottom: 10px; height: 20px; clear: both; text-align: center; }
.Box				{ border: 1px solid #e6eaef; padding: 15px; background: #f7f9fb; margin-bottom: 10px; }
.Box table th		{ width: 100px; text-align: right; padding-right: 10px; }
.BoxRed				{ background: url(../images/polozka-d-bck.jpg) repeat-x #FFF; border: 1px solid #fdcdcd; padding: 15px; margin-bottom: 10px; }

li.ZalohaE					{ margin: 7px 0; display: block; font-size: 12px; }
li.NajemneE					{ font-size: 15px; color: #5b738f; font-weight: bold; }
li.PopisE 					{ font-size: 11px; line-height: 13px; margin-bottom: 5px; display: block; overflow: hidden; }
li.PopisE					{ height: 52px; }
li.FunkceE					{ height: 40px; line-height: 40px; display: block; padding: 10px 0; margin-top: 10px; }

.produktE					{ width: 328px; margin-right: 5px; float: left; background: #FFF url(../images/polozka-bck.jpg) repeat-x; border: 1px solid #e6eaef; padding: 10px; font-size: 11px; height: 200px; overflow: hidden; margin-bottom: 5px; }
.produktE h4				{ height: 36px; overflow: hidden; }
.produktE a img				{ float: left; border: 1px solid #CCC; width: 120px; }
.produktE a:hover img		{ border: 1px solid #CCC; }
.produktE ul				{ float: right; width: 189px; }
.produktE ul li				{ background: none; padding: 0; }
.produktE ul li ul li		{ line-height: 13px; }

.DoKosikuE						{ float: left; margin: 5px 1px; border: 0; cursor: pointer; }
.DoKosikuE						{ display: block; background: url(../images/do-kosiku.gif) no-repeat; height: 20px; width: 87px; }
.DoKosikuE span, .DetailE span	{ display: none; }
.DetailE						{ display: block; background: url(../images/detail.gif) no-repeat; height: 20px; width: 87px; }
.DetailE						{ float: right;m argin: 0 1px 5px 1px; }
.KusyE							{ border: #999 1px solid; width: 21px; height: 15px; margin: 5px 5px; padding: 2px; float: left; }

#VNahledE			{ border: 1px solid #e6eaef; padding: 10px; text-align: center; background: #FFF url(../images/polozka-bck.jpg) repeat-x; margin: 0 20px 20px 0; width: 250px; float: left; }
#VNahledE img		{ border: 1px solid #CCC; padding: 3px; background: #FFF; width: 200px; }
#VNahledE p 		{ font-size: 12px; line-height: normal; margin-bottom: 0; text-align: center }
#VNahledE ul		{ border: 1px solid #5b738f; margin: 4px 0 0 0; padding: 5px; }
#VNahledE ul li	{ background: none; padding: 0 }
#VNahledE ul li strong	{ font-size: 14px; }

#WideCol			{ width: 940px; padding-left: 20px; }

#kosik						{ font-size: 11px; border: 0; width: 100%; }
#kosik th					{ border-bottom: 1px solid #e6eaef; background: #f7f9fb; text-align: center; padding: 5px 2px;  }						
#kosik td					{ text-align: center; border-bottom: 1px solid #F2F2F2; padding: 3px; }						
#kosik tr.shrnuti td		{ background: #f7f9fb; border-top: 1px solid #e6eaef; }
.kusu						{ width: 20px; }
.aRight						{ text-align: right; }
.aLeft						{ text-align: left; }

#OLeft						{ float: left; width: 430px; }
#ORight						{ float: right; width: 430px; }
#OPotvrdit					{ clear: right; float: right; width: 430px; text-align: center; line-height: 45px; }
#Button {
  background: url(../images/add.gif) top left no-repeat;
  width: 15px; height: 15px;
  border: 0px;
  text-indent: -2000px;
  line-height: 0px;
  cursor: pointer; cursor: hand;
  margin-bottom:3px;
  display:block;
  float:left;
}

#PujcovnaDotaz                { border: 1px solid #e6eaef; padding: 10px; background: #f7f9fb; margin-bottom: 20px; display: block; width: 530px; }
#PujcovnaDotaz p            { margin-bottom: 2px; }
#PujcovnaDotaz p label        { width: 200px; display: block; float: left; font-size: 12px; text-align: right; padding-right: 10px; font-weight: bold; }
#PujcovnaDotaz p input        { width: 300px; }
#PujcovnaDotaz p textarea    { width: 300px; height: 70px; }    
#POdesla                    { margin-left: 210px; }

#DetailNajemne { width:250px; line-height:15px; border-collapse:collapse; border:1px solid #dcdcdc; }
#DetailNajemne tr th { background: url(../images/th-bck2.jpg) repeat-x top; color: #FFF; text-align: left; padding: 10px 15px; white-space: nowrap; }
#DetailNajemne tr.main th { background: url(../images/th-bck.jpg) repeat-x top; text-align: left; padding: 10px 15px; white-space: nowrap; border-bottom:1px solid #dcdcdc; color:#333 }
#DetailNajemne tr.hlavni th { background: url(../images/th-bck3.jpg) repeat-x top; text-align: right; padding: 10px 15px; white-space: nowrap; color:#FFF }
#DetailNajemne tr.hlavni td	{ font-weight: bold; color: #900; background: url(../images/th-bck.jpg) repeat-x top;}
#DetailNajemne tr.main th span	{ font-size: 10px; color:#666 }
#DetailNajemne th.doba { border-right:1px solid #EDEFF3; text-align: right}
#DetailNajemne td {padding:7px 2px 7px 12px; text-align:center;  background-color:#EDEFF3; border-bottom:1px solid #DADFE7; text-align:left; color:#657696;}


#sortiment-prislusenstvi	{ width: 100%; line-height:15px; border-collapse:collapse; border:1px solid #dcdcdc; }
#sortiment-prislusenstvi th	{ background: url(../images/th-bck2.jpg) repeat-x top; color: #FFF; text-align: left; padding: 10px 15px; white-space: nowrap; }
#sortiment-prislusenstvi td	{ padding:7px 2px 7px 12px; text-align:center;  background-color:#EDEFF3; border-bottom:1px solid #DADFE7; text-align:left; color:#657696;}
th.second 					{ background: url(../images/th-bck3.jpg)!important repeat-x top; text-align: right; padding: 10px 15px; white-space: nowrap; color:#FFF }