* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; background:#3b3b3b url(diesel-visacka-kts.jpg) center 137px no-repeat; color:#000; line-height:1.7em; }

p { margin:10px 0; font-size:1em; }

table, td { font-size:1em; }

a { color:#1AB7EA; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#1AB7EA; text-decoration:none; }

.noscreen, hr { display:none; }
.nobr { border:none !important; }
.nowrap {white-space:nowrap;}
.flevo { float:left; margin:4px 10px 10px 0; }

/* H1 REPLACE
------------------------------*/
/* ružové logo h1 { display:block; position:absolute; width:486px; height:120px; left:30px; top:51px; text-align:left; font-size:1.1em; background:url(logo.gif) 0 0 no-repeat; }
verze 2. h1 { display:block; position:absolute; width:474px; height:102px; left:43px; top:55px; text-align:left; font-size:1.1em; background:url(logo.gif) 0 0 no-repeat; }*/
h1 { display:block; position:absolute; width:198px; height:112px; left:50px; top:95px; text-align:left; font-size:1.1em; background:url(logo-.gif) 0 0 no-repeat; }/*
h1 { display:block; position:absolute; width:488px; height:120px; left:34px; top:75px; text-align:left; font-size:1.1em; background:url(logo.gif) 0 0 no-repeat; }
*/
	h1 a { width:198px; height:102px; display:block; position:relative; left:8px; top:-20px; color:#ccc; text-align:center; text-indent:-9999px; }
	h1 a span { width:198px; height:112px; display:block; position:absolute; left:0; top:0; z-index:500; cursor:pointer; background:url(logo-.gif) 0 0 no-repeat; }
	h1 a:hover span { cursor:pointer; }
	h1 a:hover { color:#fff; }

/* LAYOUT
------------------------------*/
#all { position:relative; font-size:0.8em; line-height:1.7em; text-align:left; margin:0 auto; width:916px; padding-top:19px; }
	#top { position:relative; width:916px; left:0; height:229px; background:url(bg-top.gif) no-repeat; margin:0 auto; }
	#container { width:900px; margin:0 auto; padding:0 8px; background:url(containerBlack.png) repeat-y; }
	#skvrna { position:absolute; width:140px; height:57px; display:block; right:0; top:248px; background:url(skvrna.gif) no-repeat; }

/* TOPMENU
------------------------------*/
#top ul { position:absolute; top:8px; right:0; list-style:none; width:900px; height:25px; margin:0 15px 0 0; }
	#top ul li { padding:0; margin:0; display:inline; float:right; }
	#top ul li a { text-decoration:none; color:#fff; font-weight:normal; text-transform:uppercase; font-size:11px; line-height:25px; text-align:center; padding:0 15px; float:left; margin-right:7px; }
	#top ul li a:hover, #top ul li.active a { text-decoration:underline; }
	
/* slevy */
#top .mnozstevniSlevy { padding:0; margin:0; width: 365px;height:95px!important; text-align: right; display:block; position: absolute; top:132px; left: 542px; }
#top .mnozstevniSlevy h3, #top .mnozstevniSlevy h3 a { font-weight: bold; font-size: 15px; color: #fff; margin-bottom: 00px; text-decoration:none; }
#top .mnozstevniSlevy h3 a:hover { text-decoration:underline;}
#top .mnozstevniSlevy h3 { width: 175px;height:22px!important;}
#top ul.ulSlevy { font-size: 12px; text-align: right; position: relative!important; top:-23px!important; left:118px!important; width:210px!important; height:125px!important; }
#top ul.ulSlevy li { padding:0; margin:0; float:right; clear: both; display: block; line-height: 1.5em; color: #fff; font-weight: bold; font-size: 15px; width:310px!important; }
#top ul.ulSlevy li span { color: white; ; font-size: 20px; }/**/


/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:200px; overflow:hidden; padding-bottom:140px; margin-left:1px; }
	.kosik { display:block; width:201px; height:39px; background:#e500ff url(kosik.gif) no-repeat; }
	.kosik a { display:block; width:156px; height:39px; padding:1px 0 0 45px; color:#fff; text-decoration:none; font-size:10px; line-height:1.7em; text-align:center; }
	.kosik a:hover { color:#fff; text-decoration:none; }
	.kosik span { font-size:1.3em; }
	.slevaKos { display:block; width:201px; height:20px; padding:1px 2px 0 2px; color:#fff; text-decoration:none; font-size:10px; line-height:1.7em; text-align:center;
				background:#000; }
	.slevaKos span { font-size:1.3em; }
	#sidebar h2 { background:#bcbdc0 url(li-h2.gif) -1px top no-repeat; color:#fff; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 0 25px; height:30px; line-height:30px; }
	
	#sidebar h2 { background:#bcbdc0 url(li-h2.gif) -1px top no-repeat; color:#fff; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 0 25px; height:30px; line-height:30px; }
	#sidebar ul { list-style:none; margin:0; }
	#sidebar ul li { list-style:none; height:27px!important; }
	#sidebar ul li a { background:url(li.gif) 26px 50% no-repeat; border-bottom:1px solid #BCBDC0; border-right:1px #75787d solid;
					   border-top:1px #75787d solid; left bottom no-repeat; color:#000;  font-weight:bold; padding:1px 10px 2px 44px; display:block; width:144px; text-decoration:none; }
	#sidebar ul li a:hover { background:#e500ff url(li-hover.gif) 26px 50% no-repeat; color:#fff; text-decoration:none; border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; }
	#sidebar ul li.active a { background:#e500ff url(li-hover.gif) 26px 50% no-repeat; color:#fff; text-decoration:none; border-top:1px #e500ff solid;}
	#sidebar ul li.active a:hover  { border-top:1px #000 solid;}

	#sidebar ul.tasky { list-style:none; margin:0; }
	#sidebar ul.tasky li { list-style:none; border-bottom:1px solid #75787d; }
	#sidebar ul.tasky li a { background:url(li.gif) 26px 50% no-repeat; color:#000; font-weight:bold; padding:1px 10px 2px 44px; display:block; width:147px; text-decoration:none; }
	#sidebar ul.tasky li a:hover { background:#1AB7EA url(li-hover.gif) 26px 50% no-repeat; color:#fff; text-decoration:none; }
	#sidebar ul.tasky li.active a { background:#1AB7EA url(li-hover.gif) 26px 50% no-repeat; color:#fff; text-decoration:none; }
	
	#news { margin-top:35px; }
	#news h3 { font-size:0.9em; padding:0; margin:0; color:#4b86ce; text-transform:uppercase; }
	#news h3 a { color:#4b86ce; text-decoration:none; }
	#news h3 a:hover { color:#4b86ce; text-decoration:underline; }
		.news { padding:10px; border-bottom:1px solid #D3D4D9; }
	#news p { padding:5px 0 0 0; position:relative; margin:0; color:#000; font-size:0.9em; }
	#news .datum { color:#ccc; }
	#news a { color:#e500ff; }
	#news a:hover { color:#e500ff; }

/* SEARCH
------------------------------*/
#search { margin:0; padding:0; border:0; width:200px; height:27px; overflow:hidden; background:#FFF!important; }
	#search input { background:#fff; height:24px; float:left; width:160px; font-size:10px; font-weight:bold; border:0; padding:6px 0px 0px 5px; color:#000; }
	#search input.submit { background:url(search.gif) 0 100% no-repeat; height:27px; padding:0; float:right; width:30px; border:0; }
	#search input.submit:hover { background:url(search.gif) 0 0  no-repeat; }

/* CONTENT
------------------------------*/	
#content { width:655px; padding:0 22px 8px 22px; float:right; overflow:hidden; }

	.drobky { background-color:#000; height:39px; color:#bbbbbb; font-size:0.9em; line-height:39px; margin:0 -22px; padding:0 0 0 22px; }
	.drobky a { color:#fff; text-decoration:underline; font-weight:normal; }
	.drobky a:hover { color:#fff; text-decoration:none; }
	
	#content table.detail { border:none; margin-top:10px; float:left; width:450px; }
	#content table.detail td { background:none; padding:3px 8px; border:none; }
		.detail .kolik { position:relative; width:22px; padding:1px 0; text-align:center; top:-5px; }
		.barva { display:block; float:left; margin:3px 5px 2px 0; width:18px; height:18px; border:#CCCCCC 1px solid; }

	#content h2 span, #content #vypisNovinek h2 span  { font-weight:normal; }
	#content h2 { color: #e500ff; font-weight:bold; font-size:1.5em; padding:0; padding:5px 0 20px 0; margin:0; }
	#content #vypisNovinek h2 { color: #e500ff; font-weight:bold; font-size:1.5em; padding:0; padding:5px 0 0px 0; margin:0; }
	#content h3 { color:#000; font-weight:bold; font-size:1.3em; padding:10px 0 5px 0; margin:0; }
	#content h4 { font-size:1.1em; font-weight:bold; text-transform:none; padding:5px 0 2px 0; margin:0; color:#000; border-bottom:1px solid #f0f0f0; }
	#content ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
	#content ul li { margin:0; padding:0 0 0 24px; font-size:1em; background:url(li.gif) 8px 9px no-repeat; }
	#content ol { margin:5px 0 15px 34px; padding:0;/* list-style:decimal;*/
		}
	#content ol li { margin:0; padding:0; font-size:1em; }
	#content table { border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:0px; /* margin-top:10px;*/
		margin-bottom:20px; }
	#content table td { background:url(td.gif) 1px 1px no-repeat; padding:3px 8px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
  #content h2.vKolekci { color:#e500ff; font-weight:bold; font-size:18px!important; padding:15px 0 15px 0; margin:0; }

/* BOX - VYPIS
------------------------------*/		
	.box, .boxProc { width:180px; padding:0 12px; height:246px; background:url(box.png) no-repeat; float:left; margin:0 19px 19px 0; position:relative; font-size:0.9em; display:inline; }
	.boxProc { height:236px;  }
	
	#content .box h3, #content .boxProc h3 { /*color:#5F5F5F;*/ color:#000; font-size:1em; padding:7px 0 5px 0; margin:0; text-align:center; line-height:1.4em; }
		.box h3 a, .boxProc h3 a { /*color:#1ab7ea;*/ color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase;  }
		.box h3 a:hover, .boxProc h3 a:hover { text-decoration:underline; }
	#vypisNovinek .box  h3 a{ color:#000!important; }
	
	#content .box .img, #content .boxProc .img { width:180px; text-align:center; height:135px; overflow:hidden; }
	#content .box ul, #content .boxProc ul { position:absolute; bottom:0; left:0; width:204px; height:175px; overflow:hidden; margin:0; padding:0 0 5px 0; background:url(box--ul.png) left bottom no-repeat; text-align:center; border-bottom: #ced2e9 1px solid;}
	#content .box ul li, #content .boxProc ul li { color:#000; width:180px; padding:0 12px; height:25px; line-height:25px; background:none; margin:0; }
	#content .boxProc ul li { height:45px; line-height:22px; }
	#content .box ul li.cislo, #content .boxProc ul li.cislo { border-bottom:1px #ebecef solid; padding:3px 12px; }
	#content .box ul li.cena, #content .box ul li .cena { font-weight:bold; color:#002a5c; font-size:20px; padding:5px 12px; }
	/* stavy */
	span.stavNovinka, span.stavPripravujeme, span.stavVyprodej, span.stavNovinkaStin, span.stavPripravujemeStin, span.stavVyprodejStin{
		width:200px; height:135px; background:url(bg-box-novinka-v2.gif) no-repeat bottom center; display:block;
		position:absolute; top:0px; left:0; z-index:200; }
	span.stavNovinkaStin, span.stavPripravujemeStin, span.stavVyprodejStin{ top:-4px; } 
	span.stavPripravujeme, span.stavPripravujemeStin {
		background: url(bg-box-pripravujeme-v2.gif) no-repeat 3px 0px; } 
	span.stavVyprodej, span.stavVyprodejStin {
		background: url(bg-box-vyprodej-v2.gif) no-repeat 2px 0px; }

/* BOX - VYPIS doplnkové kolekce
------------------------------*/		
	.boxMin, .boxProcMin { width:102px; padding:0 10px 0 6px; height:160px; background:url(box.png) no-repeat; float:left; margin:0 14px 19px 0; position:relative; font-size:0.7em; display:inline; border-right: 1px solid #ddd; }
	.boxProcMin { height:180px;  }
	#content .boxMin h3, #content .boxProcMin h3 { color:#5F5F5F; font-size:1em; padding:7px 0 5px 0; margin:0; text-align:center; line-height:1.0em; }
	.boxMin h3 a, .boxProcMin h3 a { color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase;  }
	.boxMin h3 a:hover, .boxProcMin h3 a:hover { text-decoration:underline; }
	
	#content .boxMin .img, #content .boxProcMin .img { width:112px; text-align:center; height:105px; overflow:hidden; }
	#content .boxMin ul, #content .boxProcMin ul { position:absolute; bottom:0; left:0; width:118px; height:150px; overflow:hidden; margin:0; padding:0 0 5px 0; background:url(box--ul.png) left bottom no-repeat; text-align:center; border-bottom: #ced2e9 1px solid;}
	#content .boxMin ul { height:120px; }
	#content .boxMin ul li, #content .boxProcMin ul li { text-align:center; color:#000; width:112px; padding:0 4px; height:14px; line-height:14px; background:none; margin:0; }
	#content .boxProcMin ul li { height:30px; line-height:14px; }
	#content .boxMin ul li.cislo, #content .boxProcMin ul li.cislo { border-bottom:1px #ebecef solid; padding:3px 6px; }
	#content .boxMin ul li.cena, #content .boxProcMin ul li .cena { text-align:center; font-weight:bold; color:#002a5c; font-size:13px; padding:5px 3px 0 0; }
	/* stavy náhledy kolekcí */
	span.stavNovinkaSm, span.stavPripravujemeSm, span.stavVyprodejSm, span.stavNovinkaStinSm, span.stavPripravujemeStinSm, span.stavVyprodejStinSm{
		width:120px; height:82px; background:url(bg-box-novinka-v2Sm.gif) no-repeat bottom center; display:block;
		position:absolute; top:23px; left:0px; z-index:200; }                                                  
	span.stavNovinkaStinSm, span.stavPripravujemeStinSm, span.stavVyprodejStinSm{ top:20px; } 
	span.stavPripravujemeSm, span.stavPripravujemeStinSm {
		background: url(bg-box-pripravujeme-v2Sm.gif) no-repeat 1px 0px; } 
	span.stavVyprodejSm, span.stavVyprodejStinSm {
		background: url(bg-box-vyprodej-v2Sm.gif) no-repeat 1px 0px; }
	

	.nomargin { margin:0 0 21px 0 !important; }
	.box fieldset { position:absolute; bottom:12px; left:140px; width:50px; }
	.box fieldset input { position:relative; }
	.box .kolik { position:relative; width:22px; padding:1px 0; text-align:center; top:-5px; }
	.box .add { position:relative; }
	.clear { width:100%; clear:both; font-size:0; height:1px; }
	.detail-obrazek { width:180px; overflow:hidden; float:left; margin:10px 20px 0 0; position:relative; font-size:0.9em; }
	.cervena { font-weight:bold; color:#e500ff; }
	.bila { color:#fff; }
	.bold { font-weight:bold;}
	.modra_tm { color:#0052AF; }
	.modra_sv { color:#1AB7EA; }
	.cenik { float:left; width:420px; }
	.poznamka { float:right; width:222px; color:#000;}
	.podnadpis{ color:#000; font-style:normal!important; }


/* LEFT + RIGHT
------------------------------*/
.vlevo { float:left; margin:4px 15px 10px 0; padding:5px; background-color:#fff; border:1px solid #e9f0ff; }
.vpravo { float:right; margin:4px 0 10px 10px; padding:5px; background-color:#fff; border:1px solid #e9f0ff; clear:left; }

/* paginator
------------------------------*/
p.list { font-size:0.8em; float:  right; }
p.list a { border:1px solid #ced2e9; padding:2px 6px; background-color:#4b86ce; text-decoration:none; color:#fff; }
p.list a:hover,
p.list a.selected {  border:1px solid #ced2e9; background-color:#000; text-decoration:none; color:#fff; }


/* FOOTER
------------------------------*/
#footer { clear:both; width:100%; height:50px; padding-top:18px; background:transparent url(footerKTS.gif) no-repeat; position:relative; text-align:center; }
	#indian { width:201px; height:139px; top:0px; left:10px; display:block; position:absolute; background:url(indian.gif) no-repeat; }
	#footer a { color:#129DCB; text-decoration:underline; }
	#footer a:hover { color:#129DCB; text-decoration:none; background:none; }
	#footer p { color:#888; margin:0; padding:0 30px 10px 0; font-size:0.9em; }

/* CLEARFIX
------------------------------*/
.clearfix { display:inline-block; }
.clearfix:after { content: "."; display: block;clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .clearfix { display:block;}
* html .clearfix { height:1%; }

/* LISTA
------------------------------*/
#lista { position:absolute; z-index:800; width:900px; left:8px; top:0; background:#000; }
	#lista ul { margin:0; padding:0; list-style:none; }
	#lista ul li { float:right; display:inline; margin:0; padding:0; width:25%; position:relative; }
	#lista ul li a.nazev { display:block; float:left; /*\*/ float:none; padding:0; height:27px; line-height:27px; color:#fff; text-decoration:none; text-align:center; font-weight:bold; }
	#lista ul li a:hover, #lista ul li.on a.nazev { color:#fff; text-decoration:none; background:#626364; }

	#lista ul li.on div { visibility:visible; }
	#lista ul li.off div { visibility:hidden; }
	#lista ul li div { width:100%; height:auto; background:#e0e0e0 url(lista.gif) 50% 0 no-repeat; padding:15px 0; height:auta; display:block; position:absolute; top:27px; left:0; z-index:500; line-height:1.5em; border-top:3px solid #fff; border-bottom:1px solid #909195; z-index:600; visibility:hidden; }
	#lista ul li div p { margin:0; padding:5px 10px; text-align:center; }
	
	#lista ul li div a { color:#bc070c; }
	#lista ul li div a:hover { background:none; color:#bc070c; }
/* DOPNĚNÍ VZHLEDU
------------------------------*/
#content h2.zboziSkladem { color: #000; font-weight:bold; font-size:19px; padding:0; padding:5px 0 20px 0; margin:0 0 0 132px; }  /* color: #ef4f91*/
.boxKolekce {
	width:180px; padding:0 12px; height:59px; background-color:#129DCB; float:left; margin:0 21px 21px 0; position:relative; font-size:0.9em;
	/*width:180px; padding:0 12px; height:59px; background:url(boxKolekce.png) no-repeat; float:left; margin:0 21px 21px 0; position:relative; font-size:0.9em;*/
	}
.boxKolekce a{
	color: #fff;
	}
.novinkaKabelky, .novinkaKabelky a{ color: #fff; font-weight:normal; font-size:16px; padding:5px 3px 5px 3px ; #padding:2px 3px 2px 3px ; margin:0; background-color: #129DCB; }
.novinkaVykricnik { color: #000; font-family:times; font-weight:bold; font-size:25px; padding:0; padding:5px 0 20px 0; margin:0 0 0 0px; }  /* color: #ef4f91*/

/* NÁHLEDY VÝROBKU
------------------------------*/
#nahledyVyrobku {text-align: center;}
#imgDetail {text-align: center;}
/* NÁHLEDY
------------------------------*/
#imgPreview { background: #ddd; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 5px 0px 5px; z-index: 999; border: none; }

/* Text below image */
#imgPreview span { color: white; text-align: center; display: block; padding: 0; }
.required { color: #000; font-weight: normal;}
.formular table, .formular table tr, .formular table tr td {border: none!important; vertical-align: top;}
.formular label {font-weight: normal;}
.formular form {margin: 0!important; padding: 0;}
.formular form table {margin: 0!important; padding: 0;}